/* /* 1layout.css.css, mb, 2009-06-13, 2009-08-02 /* /* ++++++++++ /* Layout-Bereiche /* ++++++++++ /* */ body { padding: 0; margin: 0; } div#seite { width: 906px; margin: 0; } div#hauptteil { } #hauptteil hr { clear: both; height: .1px; border: none; visibility: hidden; } div#links { float: left; width: 0px; display: none; } #mitte { float: left; width: 385px; } #rechts { float: left; width: 365px; } /* ++++++++++ /* Aussehen feste Elemente /* ++++++++++ */ body { background: #fff; color: #303030; } #seite { position:relative; background: #fff; } #hauptteil { } #links * { margin: 0; padding: 0; } #links { padding-right: 8px; } #mitte { padding: 0 50px; } #rechts { padding: 6px 50px 0 0; } #seite { /* Schriftgroesse nicht fuer gesetzt, um min-width-expression fuer IE 6 einsetzen zu koennen */ font-size: 68.75%; /* 68.75% = 11px */ font-family: Verdana, sans-serif; } /* ++++++++++ /* Versteckte Elemente /* ++++++++++ */ .offScreen { position: absolute; left: -9999px; } /* ++++++++++ /* KOPF 1 /* ++++++++++ */ #kopf1 { position: relative; height: 50px; padding: 0 0 0 50px; } /* /* IE <= 6: hasLayout noetig fuer containing block */ #kopf1 hr { display: none; } #kopf1 h1 { font-size: 200%; font-weight: normal; padding: 1em .5em 0 .5em; } #kopf1 ul { margin: 0; padding: 0; } div#service { position: absolute; bottom: 0; right: 50px; } div#service li { display: inline; border-left: 0px none #000; padding-left: 1em; padding-right: 6px; } div#service li:first-child { border: none; } /* /* IE <= 6: erste vert. Linie per neg. margin verstecken */ div#service strong { font-weight: normal; } /* ++++++++++ /* KOPF 2 /* ++++++++++ */ #kopf2 { position: relative; padding: 0 0 0 50px; height:49px; /* (1) IE hasLayout, (2) vertical alignment */ } #kopf2 hr { display: none; } #kopf2 ul { margin: 0; padding: 0; } div#navi1div { position: absolute; bottom: 0px; right: 50px; } ul#navi1ul li { display: inline; border-left: 0 none #000; padding-left: 1em; padding-right: 6px; } #navi1ul li:first-child { border: none; } /* /* IE <= 6: erste vert. Linie per neg. margin verstecken */ #navi1ul strong { font-weight: normal; } /* ++++++++++ /* KOPF 3 /* ++++++++++ */ #kopf3 { position: relative; padding: 0 0 0 50px; height: 40px; } #kopf3 hr { display: none; } /* ++++++++++ /* UNUSED /* ++++++++++ */ ul#navigation2 { list-style: none; } ul#navigation2 ul { } ul#navigation2 li { font-size: 125%; font-size: 112.5%; padding: 0.6em 1.0em; text-transform: none; color: #ccc; font-weight: bold; text-align: right; /* background: #ccc url(img/navi-bg.png) repeat-x scroll 0 0; */ margin-bottom: 3px; } ul#navigation2 li.aktiv { background-color: #ccc; background-image: none; } ul#navigation2 strong { font-weight: bold; color: #ccc; padding: 0; display: block; } ul#navigation2 li li { font-size: 80%; font-size: 88.88%; padding:0; margin: 1em 0; background-color: #ccc; background-image: none; } ul#navigation2 a { text-decoration: none; color: #ccc; } ul#navigation2 a:hover { color: #ccc; } /* /* ++++++++++ /* RECHTS /* ++++++++++ */ /* */ /* ++++++++++ /* FUSS /* ++++++++++ */ #fuss1 { padding: 40px 50px 0 50px; } #fuss1 address { font-style: normal; text-align: left; } /* ++++++++++ /* SPEZIFISCH /* ++++++++++ */ div#logo { position: relative; /* padding-bottom: 4px; */ } #rechts hr { clear:both; } /* /* laout borders */ div#seite { border: 0px solid #000; } div#kopf1 { border: 0px solid #00ffff; } div#kopf2 { border: 0px solid #00aaaa; } div#hauptteil { border: 0px solid #ff00ff; } div#links { border: 0px solid #0000ff; } div#mitte { border: 0px solid #00ff00; } div#rechts { border: 0px solid #ff0000; } div#service { border: 0px dashed red; } div#navi1div { border: 0px dashed red; } div#fuss1 { border: 0px solid #ccc; } div#fuss2 { border: 0px solid #ccc; }