/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */ /* Farben */ html, body {background-color: #FFF;margin:0; padding:0; text-align:center; } html { min-height: 101%; } body, td, p { font-size: 11px;color: #404040; font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 18px;} a, a:hover, a:link, a:visited{} /* ________________________________ Positionierung ______________________________________________________ */ #container {background-image: url("../images/bg_all.jpg"); text-align: left; margin-right: auto;margin-top: 0; margin-left: auto; width: 967px } #klammer {background-image: url("../images/bg_content.jpg");background-repeat: no-repeat;position: relative; width: 745px; float: right;} /* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */ #header {position: relative; margin: 0;width: 967px; min-height: 181px } #logo {margin: 5px 9px;padding-top: 25px; padding-left: 20px;background-image: none;float:left;width: 199px; min-height:100px } *html #logo {padding-top: 25px; padding-left: 0px;} .bg_mood_home { background-image: url("../images/bg_h_start.jpg");} .bg_mood_aufnahme { background-image: url("../images/bg_h_aufnahme.jpg");} .bg_mood_bauforschung { background-image: url("../images/bg_h_forschung.jpg");} .bg_mood_denkmal { background-image: url("../images/bg_h_denkmal.jpg");} .bg_mood_projekte { background-image: url("../images/bg_h_aktuell.jpg");} .bg_mood_referenzen { background-image: url("../images/bg_h_referenz.jpg");} /* Hauptmenu */ div#hauptmenu {margin-top: 27px;margin-left: 220px; padding-top: 0;} *html div#hauptmenu {margin-top: 25px;margin-left: 266px; padding-top: 0;} *+html div#hauptmenu {margin-top: 25px;margin-left: 266px; padding-top: 0;} div#hauptmenu ul {font-weight: bold; margin: 0;} div#hauptmenu ul li {display: inline;} div#hauptmenu ul li a{font-weight: bold;font-size: 10px;color: #404040;} div#hauptmenu ul li a:hover{color: #82252D; } div#hauptmenu ul li .current{color: #82252D;} .trenner { color: #82252D;font-size: 10px;font-weight: normal;padding: 0px 6px 0px 8px; } /* Kontakt / Sitemap */ #topmenu {font-size:11px;color: #82252D;font-weight: bold;line-height: 14px;padding: 0;margin:0 ;margin-left:749px;padding-top:18px } #topmenu ul {padding: 0;margin:0 ; list-style: none; } #topmenu ul li{padding: 0;margin:0 ;} #topmenu a, a:link, a:visited{font-size: 10px;font-weight: normal; color: #404040; text-decoration: none;} #topmenu a:hover { color: #82252D;} #topmenu_active a, a:link, a:visited { color: #82252D;} #topmenu ul li .current{color: #82252D;} /* Textformatierung */ /* ________________________________ Textformatierung ______________________________________________________ */ h1 {color: #82252D;font-size: 14px;font-weight: bold;margin-bottom: 14px; padding-bottom: 0px;} h2 {color: #82252D;font-size: 11px;font-weight: bold;margin-bottom: 0px; padding-bottom: 0px;} /* ________________________________ Content ______________________________________________________ */ #content {margin-top:5px;margin-left:10px; padding: 0;position: relative;min-height: 340px; float: left ;} *html #content {margin-top:14px;margin-left:7px;height: 320px;} *+html #content {margin-top:14px;margin-left:7px;min-height: 320px;} #content p {padding-bottom: 5px;padding-top: 2px;margin:0 } #contentlist {list-style: none;padding-left:0px; padding-bottom: 5px;padding-top: 2px;margin:0 } #aktuell_list {list-style: none;padding-left:0px; padding-bottom: 5px;padding-top: 2px;margin:0; } #aktuell_list li {margin-bottom:25px;border-bottom: dotted 1px #82252D} #inhalt_content { width: 430px;padding-top: 10px ; margin-left: 30px;} #inhalt_content_home { width: 430px;padding-top: 10px ; margin-left: 30px;} #content_referenzen {margin-top:5px;margin-left:10px; padding: 0;position: relative;min-height: 340px; float: left ;} #inhalt_content_referenzen { width: 680px;padding-top: 10px ; margin-left: 30px;} .referenzimg {margin-bottom:10px;margin-left:60px} #inhalt_content_referenzen .referenztext {margin-bottom:20px;padding-bottom:10px;min-height:100px;border-bottom: dotted 1px #82252D} *html #inhalt_content_referenzen .referenztext {margin-bottom:20px;padding-bottom:10px;height:100px;border-bottom: dotted 1px #82252D} .bild_umfluss_bu { font-size: 10px;font-style: italic;font-weight: normal; text-align: right ; width: 150px; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right } .bu { font-size: 10px;line-height: 16px;font-style: italic;font-weight: normal;width: 140px; margin-top: 5px;padding-bottom: 5px; } #inhalt_content_home a{ color: ##404040;text-decoration: underline;font-weight: normal;background-image: url("../images/content_pfeil.jpg"); background-repeat: no-repeat;padding-left: 13px} #inhalt_content_home a:hover{color: #82252D;} .img_border {border: solid 1px #A6A6A6} .img_malerei {margin:20px 0 10px 0;padding:10px 25px 10px 25px;width:350px;background-color:#fff; text-align: center ;} #oben { font-size: 11px; text-align: right;padding-bottom: 15px; } #oben a{ color: #5C5C31; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 13px ;} #oben a:hover{color: #82252D; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;} /* ________________________________ Links / Hauptmenu ______________________________________________________ */ #links {font-size: 11px; line-height: 15px; margin: 0; padding: 0; position: relative; width: 222px; float: left } #navcontainer {margin-top: 60px; margin-left: -22px; padding: 0;font-weight: bold; } *html #navcontainer {margin-left: 18px;} *+html #navcontainer {margin-left: 18px;} #navlist { list-style: none;margin-top: 0px; white-space: nowrap; margin-left: 0px; } #navlist a, a:link, a:visited{font-size: 11px;font-weight: bold; color: #404040;text-decoration: none;} #navlist a:hover { color: #82252D;} #navcontainer ul li .current {color: #82252D; } #navcontainer ul li {padding-bottom:5px } /* ________________________________ Rechts ______________________________________________________ */ #rechts {position: relative; width: 230px;float: right; margin: 0; padding: 0; } #rechts_referenzen {position: relative; width: 10px;float: right; margin: 0; padding: 0; } #inhalt_rechts {padding-left: 10px;padding-top:53px} *html #inhalt_rechts {padding-top:45px} #projektmenu {line-height: 14px;padding: 0;margin:0 ;padding-top:8px } *html #projektmenu {padding-top:15px } #projektmenu ul {padding: 0;margin:0 ; list-style: none; } #projektmenu ul li{padding: 0;padding-bottom:5px;margin:0 ;} #projektmenu ul li .current{color: #82252D;} #projektmenu a, a:link, a:visited{font-weight: bold;color: #404040; text-decoration: none;} #projektmenu a:hover { color: #82252D;} #projektmenu_active a, a:link, a:visited { color: #82252D;} /* ________________________________ Footer ______________________________________________________ */ #footer {color: ##404040;font-size: 10px;text-align: right;margin-bottom:8px;background-image: url("../images/bg_footer.jpg"); background-repeat: no-repeat;height: 55px; clear: both;} *html #footer {margin-bottom:0px;} *+html #footer {margin-bottom:0px;} #copy {padding-right:85px; padding-top:23px} #sitemap { margin-left: 100px;margin-right: 30px;} #sitemap h1 {margin-left: 0 } .teil { border-top: dotted 1px #82252D;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: #404040; background-image: url("../images/content_pfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 18px;} #navlist_sitemap li a:hover{color: #82252D; background-image: url("../images/content_pfeil.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;} }