/* ------------------------------------------------------- FiloRosso WebDesign Core Style Author: Manfred Gerber Version: 24. August 2009 ------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; } html * { font-size: 100.01%; } html, body { /* height: 100%; */ } body { font: 82%/125% Helvetica,"Trebuchet MS","Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif; text-align: center; background: #fff url(../gfx/body.gif) repeat-x 0 0; color: #333; } body.start { background: #fff; } #wrapper { text-align: left; margin: 0 auto; /* footer immer unten, siehe auch letzte Zeile position: relative; min-height: 100%; height: auto !important; height: 100%; */ } #breite, #level1 { text-align: left; min-width: 980px; max-width: 1100px; margin: 0 auto; } #header, #subnav, #footer { clear: both; width: 100%; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block } /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ #center { margin: 0 285px 0 175px; } #centerwrap { float:left; width: 100%; margin: 0 -95% 0 0; } #left { float:left; width: 300px; margin: 0 0 0 -5%; } #right { float:right; width: 175px; margin: 0; } /* Design umgestalten (1/2/3 Spalter ) ------------------------------------------------------- */ #style2 #center { margin: -230px 35px 0 0; } #style2 #level1 { background: url(../gfx/trans/70_w.png) 0 0; left: 35px; } #style2 #header { left: -35px; } #style2 #left, #style2 #right { display: none; } #style2.start #center { margin: 0 35px 0 0; } #style2.start #level1 { background: transparent; } #style123 #center { margin: -230px 180px 0 275px; } #style123 #left { margin-top: -195px; } #style123 #right { margin-top: -129px; } #style23 #center { margin: -230px 290px 0 10px; } #style23 #cont { /* background: url(../gfx/rechts.gif) no-repeat 100% 90px; */ } #style23 #left { display: none; } #style12 #center { margin: -230px 0 0 275px; } #style12 #left { margin-top: -195px; } /* IE6+7 Content vollständig anzeigen */ *:first-child+html #style12 #center, *:first-child+html #style123 #center {position: relative;} * html #style2 #center, * html #style12 #center, * html #style123 #center, * html #style12 #left, * html #style123 #left, * html #style123 #right {position: relative;} /* IE6 Content vollständig anzeigen */ #style12 #right { display: none; } /* Footer ------------------------------------------------------- */ #centerwrap, #left, #right { padding-bottom: 1em; /* Abstand zum Footer */ } /* footer immer unten, siehe auch #wrapper #footer { position: absolute; bottom: 0 !important; width: 100%; bottom: -1px; } */