/* Stylesheet für WIRperSMS.de Version: 0.1 Stand: 25.08.2007 16:40 */ body { background: #1e2327; color: #ffffff; font: 12px "Arial","Verdana","Helvetica","Geneva"; margin: 0; padding: 0; text-align: center; } a, a:link, a:visited { color: #ffffff; text-decoration: underline; } a:hover, a:active, a:focus { color: #212e9c; text-decoration: underline; outline: none; } table, tr, th, td { border-collapse: collapse; empty-cells: show; vertical-align: top; color: #ffffff; font: 12px "Arial","Verdana","Helvetica","Geneva"; } img { border: 0; } div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; } p { font: 12px "Arial","Verdana","Helvetica","Geneva"; color: #ffffff; } p.red { color: red; display: block; } .textfeld { border: 1px solid #5b5b5b; font: 9px "Arial","Verdana","Helvetica","Geneva"; height: 15px; } textarea, .textarea { border: 1px solid #5b5b5b; font: 9px "Arial","Verdana","Helvetica","Geneva"; } .hr-ersatz { height: 1px; background: #7d7d7d; overflow: hidden; margin: 0; padding: 0; } #prozente { position: absolute; top: 214px; margin: 0 0 0 355px; } * html #prozente { margin: 0 0 0 90px; } #body { width: 752px; height:auto !important; margin: 40px auto 15px auto; padding: 10px; text-align: left; z-index: 1; border: 1px solid #5d676e; display: block; } * html #body { width: 772px; } #logo { width: 750px; height: 60px; padding: 2px 0 0 2px; float: left; overflow: show; } * html #logo { width: 752px; height: 62px; } /* navigation */ #mainnavi, #bottomnavi { width: 752px; height: 20px; padding: 0; background: transparent url(grafik/bg_navi.gif) left top repeat-x; float: left; overflow: hidden; font: 10px "Tahoma","Arial","Verdana","Helvetica","Geneva"; } #mainnavi ul, #bottomnavi ul { list-style: none; float: left; } #mainnavi li, #bottomnavi li { height: 20px; border-right: 1px solid white; float: left; } #mainnavi li a, #bottomnavi li a { text-decoration: none; padding: 0 14px; height: 20px; line-height: 20px; display: block; float: left; } #mainnavi li a:hover, #mainnavi li a:active, #mainnavi li a:focus, #mainnavi li a.active, #bottomnavi li a:hover, #bottomnavi li a:active, #bottomnavi li a:focus, #bottomnavi li a.active { color: white; background: #212e9c; } #mainnavi ul.right, #bottomnavi ul.right { float: right; } #mainnavi ul.right li, #bottomnavi ul.right li { border-right: none; border-left: 1px solid white; float: left; } /* popup submenu */ #absolute { width: 750px; height: 1px; position: absolute; top: 133px; z-index: 1; overflow: show; clear: both; display: block; } #menu_fahrzeuge { position: absolute; top: 1px; left: 1px; z-index: 1001; visibility: hidden; } #menu_fahrzeuge div.popupmenu_closer_left { width: 238px; height: 200px; float: left; } #menu_fahrzeuge div.popupmenu_closer_right { width: 205px; height: 200px; float: left; } #menu_fahrzeuge div.popupmenu_closer_bottom { width: 198px; height: 200px; } #menu_technik { position: absolute; top: 1px; left: 1px; z-index: 1001; visibility: hidden; } #menu_technik div.popupmenu_closer_left { width: 405px; height: 200px; float: left; } #menu_technik div.popupmenu_closer_right { width: 39px; height: 200px; float: left; } #menu_technik div.popupmenu_closer_bottom { width: 198px; height: 200px; } div.popupmenu ul { width: 230px; height: 200px; list-style: none; float: left; } div.popupmenu ul li { height: 20px; width: 230px; border: 1px solid #3f4c55; border-top: none; background: #727071; } div.popupmenu li a { text-decoration: none; padding: 0 14px; height: 20px; line-height: 20px; display: block; } div.popupmenu li a:hover, div.popupmenu li a:active, div.popupmenu li a:focus, div.popupmenu li a.active { color: white; background: #212e9c; } div.popupmenu ul li.closer { height: 200px; border: none; background: none; padding: 0; } div.popupmenu ul li.closer img { height: 200px; } /* seitentitel */ #titel { width: 738px; height: 16px; padding: 4px 0 0 14px; margin: 3px 0 0; background: #212e9c; float: left; font: 10px "Tahoma","Arial","Verdana","Helvetica","Geneva"; z-index: 2; } * html #titel { width: 752px; height: 20px; } /* home seite */ #home_contentbox { width: 752px; margin: 1px 0 0; float: left; margin: 0 0 3px 0; background: transparent url(grafik/bg_leftnavi.gif) left top repeat-y; } #home_content { width: 564px; float: left; } #home_foto { width: 564px; height: 276px; margin: 0 0 3px 0; float: left; } * html #home_foto { margin: 0; } #home_text { width: 544px; padding: 10px; margin: 0 0 3px 0; background: #46484c; float: left; } * html #home_text { width: 564px; } #home_trenner { width: 550px; height: 16px; padding: 4px 0 0 14px; margin: 0 0 3px 0; background: transparent url(grafik/bg_navi.gif) left top repeat-x; float: left; overflow: hidden; font: 10px "Tahoma","Arial","Verdana","Helvetica","Geneva"; } * html #home_trenner { width: 564px; height: 20px; } #home_content div.home_infobox { width: 186px; float: left; } #home_content div.home_infobox_titel { width: 172px; height: 16px; padding: 4px 0 0 14px; margin: 0 0 1px 0; background: #212e9c; float: left; font: 10px "Tahoma","Arial","Verdana","Helvetica","Geneva"; z-index: 2; } * html #home_content div.home_infobox_titel { width: 186px; height: 20px; } #home_content div.home_infobox_pic { width: 172px; height: 83px; float: left; margin: 0 0 3px 0; } #home_content div.home_infobox_text { width: 166px; height: 58px; float: left; padding: 10px; background: #46484c; } * html #home_content div.home_infobox_text { width: 186px; height: 78px; } #home_content div.home_infobox_trenner { width: 3px; height: 150px; float: left; } /* subseiten */ #sub_contentbox { width: 752px; margin: 1px 0 0; float: left; margin: 0 0 3px 0; background: transparent url(grafik/bg_main.gif) left top repeat-y; } #sub_content { width: 564px; height: auto !important; float: left; } #sub_foto { width: 564px; height: 100px; border-bottom: 3px solid #3f4c55; float: left; overflow: hidden; } * html #sub_foto { margin: 0; } #sub_text { width: 544px; min-height: 400px; padding: 10px; float: left; } * html #sub_text { width: 564px; } #sub_text_schmal { width: 344px; min-height: 400px; padding: 10px; float: left; } * html #sub_text_schmal { width: 364px; } #sub_text_schmal2 { width: 180px; min-height: 400px; padding: 10px; float: left; } * html #sub_text_schmal2 { width: 200px; } /* newsleiste */ #newsbox { width: 165px; height: auto !important; margin: 0 3px 0 0; padding: 10px; float: left; } * html #newsbox { width: 185px; } #newsbox a { text-decoration: none; } #newsbox a span.showmore { display: inline; } #newsbox a:active span.showmore, #newsbox a:focus span.showmore { display: none; } #newsbox a span.hidden { display: none; } #newsbox a:active span.hidden, #newsbox a:focus span.hidden { display: inline; } #bottom { width: 752px; margin: 0 auto 20px auto; color: #5d676e; font: 10px "Arial","Verdana","Helvetica","Geneva"; display: block; } #bottom a { color: #5d676e; text-decoration: none; } .clear {clear:both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */