/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */ /* Farben oliv: #7D7221 blau: #324B87 */ html, body { background-image: url("../images/bg_verlauf.jpg"); background-repeat: repeat-x; background-color: #fff;margin:0; padding:0; text-align:center; } html { min-height: 101%; } body, td, p { color: #3E3E3D; font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 75%;line-height: 18px;} a, a:hover, a:link, a:visited{} /* ________________________________ Positionierung ______________________________________________________ */ #container { background-color: #FFFFB4; background-image: url("../images/bg_container.jpg"); text-align: left; margin-right: auto;margin-top: 0; margin-left: auto; width: 970px } #klammer {position: relative; width: 740px; float: right; padding-left: 5px;margin-top: 4px;margin-right: 18px;} *html #klammer {width: 740px;margin-right: 9px;margin-top: 20px;} /* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */ #header {font-size: 100%;position: relative; margin: 0;width: 970px; min-height: 251px } *html #header {height: 251px } #logo {margin: 0;padding-top: 62px; padding-left: 50px;background-image: none;float:left;} *html #logo {margin: 0;padding-top: 62px; padding-left: 50px;} #h1_top { float:left;padding:20px 0 0 220px } #h1_top h1{font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 11px;line-height:15px;color: #AA9B2E;margin:0;padding:0;border-bottom: none; text-align: right; } #h1_mood {float:left;padding:48px 0 0 100px } #h1_mood h1{font-size: 20px;font-family:Georgia, "Times New Roman", Times, serif;line-height:24px;color: #fff;;border-bottom: none;font-weight:normal;margin:0;padding:0;float:left; } .blau {color:#324B87} .bg_mood_home { background-image: url("../images/bg_mood_home.jpg");} .bg_mood_elektrosmog { background-image: url("../images/bg_mood_elektrosmog.jpg");} .bg_mood_schadstoffe { background-image: url("../images/bg_mood_schadstoffe.jpg");} .bg_mood_schimmel { background-image: url("../images/bg_mood_schimmel.jpg");} .bg_mood_leistung { background-image: url("../images/bg_mood_leistung.jpg");} .bg_mood_schadstoffe { background-image: url("../images/bg_mood_schadstoffe.jpg");} .bg_mood_ueber_uns { background-image: url("../images/bg_mood_ueber_uns.jpg");} .bg_mood_infos { background-image: url("../images/bg_mood_infos.jpg");} /* Hauptmenu */ div#hauptmenu {font-size: 96%;margin-top: 17%;margin-left: 240px; padding-top: 5px;} *html div#hauptmenu {font-size: 96%;margin-left: 221px;margin-top: 17%;} div#hauptmenu ul { font-weight: bold; margin: 0; padding: 0 } div#hauptmenu ul li {display: inline;} div#hauptmenu ul li a{padding: 5px 10px 5px 10px; background-image: url("../images/strichel_menu.jpg");color: #324B87;text-decoration: none;} div#hauptmenu ul li a:hover{color: #7D7221; } div#hauptmenu ul li .current{padding: 5px 10px 5px 10px;color: #7D7221;text-decoration: none;} /* Kontakt / Sitemap */ #top {font-size:90%;font-weight: bold;padding: 0;margin:0 ; text-align: right; } #top ul {padding-right: 20px;padding-top: 18px;margin:0 ;} #top ul li{ margin-top: 0px;padding-top: 0; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;display: inline;} #top a, a:link, a:visited{ color: #324B87; background-repeat: no-repeat;text-decoration: none; padding: 0 6px 0 14px;} #top a:hover { color: #7D7221;text-decoration: underline;} #top_active a, a:link, a:visited { color: #7D7221;text-decoration: underline;} /* Textformatierung */ /* ________________________________ Textformatierung ______________________________________________________ */ h1 {color: #7D7221;font-size: 155%;font-weight: normal; line-height: 22px;margin-bottom: 0px; padding-bottom: 5px;font-family:Georgia, "Times New Roman", Times, serif;} h1 .comment {font-size: 80%;font-weight: normal; font-style: italic;line-height: 22px;margin-bottom: 0px; padding-bottom: 1px;} h2 {font-size: 110%;color: #7D7221;font-style: italic; font-weight: bold;margin-bottom: 0px; padding-bottom: 0px;} /* ________________________________ Content ______________________________________________________ */ #content { display: inline; margin: 0; padding: 0;position: relative;min-height: 400px; float: left ;} #content p {font-size: 100%;padding-bottom: 5px;padding-top: 2px;margin:0 } * html #content {height: 400px;} #inhalt_content { width: 450px;line-height: 140%;padding-top: 10px ; margin-left: 30px;} #inhalt_content table {font-size: 130%;line-height: 140%;padding-top: 10px ;} #inhalt_content table td{border: 1px dotted #7D7221;} #content p.herzlich {font-size: 100%;color: #324B87;font-style: italic;margin-top: 0px;padding-bottom: 10px;padding-top: 1px; } .projektliste { list-style-image: url(../images/punkt_liste.jpg);border-bottom: 1px solid #6D6F70; margin-top: 0px; margin-bottom: 10px; padding-bottom: 15px; } .zeitraum { font-size: 11px;text-align: right; margin-right: 0px; margin-left: 0px;float: right } #thumbs {float: left;width: 450px;margin:0;padding:0;} .th {float: left;width:135px;height:86px;padding-right:9px;margin: 0} #inhalt_content a.img{ color: #fff; background-image: none;text-decoration: underline; padding: 0 0 2px 0 ;border:none} #inhalt_content a.img:hover{color: #fff; background-image: none} #inhalt_content a{ color: #324B87; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;text-decoration: underline; padding: 0 0 2px 16px ;} #inhalt_content a:hover{color: #7D7221; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;} .downloads li { list-style-image: none;margin-top: 0px; list-style: none; margin-left:-38px } #audio li { list-style-image: none;margin: 0px 0px 10px -38px; list-style: none; } #audio a{ color: #324B87; background-image: url("../images/speaker_icon.jpg"); background-repeat: no-repeat;text-decoration: underline; padding: 0 0 2px 22px ;} #audio a:hover{color: #7D7221; background-image: url("../images/speaker_icon.jpg"); background-repeat: no-repeat;} .linkliste { list-style-image: none;margin-top: 0px; list-style: none;margin-left:-38px } .bild_umfluss { font-size: 110%; font-weight: bold; text-align: right; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right } .bild_umfluss_bu { font-size: 90%;font-style: italic;font-weight: normal; text-align: right ; width: 170px; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right } #bild_umfluss_highslide {text-align: right; width: 165px; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right;} #bild_umfluss_highslide a {background-image:none} #bild_umfluss_highslide a:hover {background-image:none} #bild_umfluss_highslide a:active {background-image:none} #oben { font-size: 90%; text-align: right;padding-bottom: 15px; } #oben a{ color: #7D7221; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 13px ;} #oben a:hover{color: #7D7221; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;} /* ________________________________ Links / Submenu ______________________________________________________ */ #links {font-size: 90%; line-height: 15px; margin: 0; padding: 0; position: relative; width: 190px; float: left; } #navcontainer {margin-top: 43px; margin-left: 20px; padding:15px 0 0 0;font-weight: bold;background-image: url("../images/strichel_links.jpg"); background-repeat: no-repeat; } *html #navcontainer {margin-top: 55px; margin-left: 10px;} #navlist { list-style-image: url(../images/linkpfeil.jpg);margin-top: 0px; } #navlist a, a:link, a:visited{ color: #324B87;text-decoration: none; padding: 0 2px 2px 0px;} #navlist a:hover { color: #7D7221;} #navcontainer ul li .current {color: #7D7221; } #navcontainer ul li {padding-bottom:5px } #links_02 {margin-top: 0; margin-left: 20px; padding: 3px 0 0 0 ;font-weight: bold;background-image: url("../images/strichel_links.jpg"); background-repeat: no-repeat; } /* ________________________________ Quicklinks ______________________________________________________ */ #quick {margin-top: 0; margin-left: 35px;line-height: 20px;} #quicklinks-liste { list-style-image:none;list-style: none;margin: 0;padding:0 } #quicklinks-liste a, a:link, a:visited{ color: #324B87;text-decoration: none; padding: 0} #quicklinks-liste a:hover { color: #7D7221;} #links_02 ul li .current {color: #7D7221; } #links_02 ul li {padding-bottom:5px } .quicklinks {color: #7D7221;font-size: 150%;font-weight: normal;padding:0;margin:20px 0 5px 0 ;font-family:Georgia, "Times New Roman", Times, serif;} /* ________________________________ Rechts ______________________________________________________ */ #rechts {position: relative; width: 212px;float: right; margin: 0; padding: 0; background-image: url("../images/box_middle.jpg"); } #inhalt_rechts { font-size: 120%; line-height: 130%; padding: 10px;margin: 0;background-image: url("../images/box_middle.jpg");} #r_top {padding: 0;margin: 0;background-image: url("../images/box_top.jpg");background-repeat: no-repeat;height:5px} #r_bot {padding: 0;margin: 0;background-image: url("../images/box_bottom.jpg");height:18px} #inhalt_rechts2 { font-size: 120%; line-height: 130%; padding: 10px; margin:00;background-image: url("../images/box_middle.jpg");} *html #inhalt_rechts {margin-top: 36px;} *html #inhalt_rechts2 {margin-top: 5px;} #inhalt_rechts p {padding: 0px 0 3px 0;margin: 0;} #inhalt_rechts img {padding: 0;padding-left:5px;margin: 0} #inhalt_rechts h1 {color: #7D7221;font-size: 90%;font-weight: normal; line-height: 20px;margin: 0; padding-bottom: 3px;border-bottom: 1px dotted #7D7221;} #inhalt_rechts2 h1 {color: #7D7221;font-size: 90%;font-weight: normal; line-height: 20px;margin: 0; padding-bottom: 3px;border-bottom: 1px dotted #7D7221;} .zitat {font-size: 82%;color: #324B87;font-style: italic; font-weight: bold;margin-left: 5px;margin-bottom: 0px; padding-bottom: 0px;;margin-top:5px} .autor {color: #7D7221;font-size: 70%;font-style: italic;text-align: right ;padding-bottom: 5px} #inhalt_rechts a{ color: #324B87; background-image: url("../images/pfeil_rechts.jpg"); background-repeat: no-repeat;text-decoration: underline; padding: 0 2px 2px 14px ;} #inhalt_rechts a:hover{color: #7D7221; background-image: url("../images/pfeil_rechts.jpg"); background-repeat: no-repeat;} #inhalt_rechts2 a{ color: #324B87; background-image: url("../images/pfeil_rechts.jpg"); background-repeat: no-repeat;text-decoration: underline; padding: 0 2px 2px 14px ;} #inhalt_rechts2 a:hover{color: #7D7221; background-image: url("../images/pfeil_rechts.jpg"); background-repeat: no-repeat;} /* ________________________________ Footer ______________________________________________________ */ #footer { font-size: 90%; text-align: right; background-image: url("../images/bg_footer.jpg"); background-repeat: no-repeat;height: 51px; clear: both;width: 970px } div#footer ul { color: #324B87; margin: 0;padding-right: 25px ;position: relative ; top: 16px } div#footer ul li {display: inline; } div#footer ul li a { color: #324B87;text-decoration: none; padding: 3px 3px 1px 1px; } div#footer ul li a:hover { color: #7D7221; text-decoration: underline; } div#footer ul li a.current { color: #7D7221; text-decoration: underline;} div#footer ul li span { text-decoration: none; padding-right: 480px } #sitemap { margin-left: 100px;margin-right: 30px;} #sitemap h1 {margin-left: 0 } .teil { border-top: 1px solid #E0E09B;margin-top: 5px;padding-top: 10px;} #navlist_sitemap ul { margin-left: 20px;} * html #navlist_sitemap ul { margin-top: -12px; margin-left: 60px } #navlist_sitemap li {list-style-type: none; display: block ;background-image: none; background-repeat: no-repeat;} #navlist_sitemap li a{ color: #5C5C31; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 18px;} #navlist_sitemap li a:hover{color: #324B87; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;text-decoration: underline;} /* ________________________________ Fixes / Printer ______________________________________________________ */ /* *** Float containers fix *** */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /*printer styles*/ @media print{ /*hide the left column when printing*/ #leftcol{display:none;} /*hide the right column when printing*/ #links{display:none;} #klammer, #content{width:100%; float:none;} }