html { margin: auto; text-align: center; height: 100%; } body { padding: 0%; margin: 0%; width: 100%; height: 100%; font-size: 68%; text-align: center; } #block_1 { float: left; width: 190px; background-color: #95D18C; text-align: left; display: inline; padding:0; margin:0; } * html #block_1 { display: inline; } #block_2 { float: left; width: 440px; background-color: #FFFFFF; text-align: left; padding:0; margin:0; } #block_3 { float: left; width: 150px; margin: 0; padding-top: 20px; padding-left: 8px; margin-left: 8px; border-left: 1px dotted #95D18C; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 120%; display: inline; } /* Start Mac IE5 filter \*/ #block_1, #block_2{ padding-bottom: 32767px !important; margin-bottom: -32767px !important; } @media { } /* End Mac IE5 filter */ #wrapper { overflow: hidden; /* This hides the excess padding in non-IE browsers */ } /* we need this for IE 5.01 - otherwise the wrapper does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */ #wrapper { /* Normally a Holly-style hack height: 1% would suffice but that causes IE 5.01 to completely collapse the wrapper - instead we float it */ float: left; /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes (I saw it happen many moons ago) makes the width of wrapper too small the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here just in case that many moons ago problem rears its head again */ ; float /**/ : none; } /* easy clearing */ #wrapper:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; } #wrapper { display: inline-block; background-color: #FFF; width: 800px; margin: auto; } /*\*/ #wrapper { display: block; background-color: #FFFFFF; } /* end easy clearing */ #footer { clear: both; background-color: #CC9900; } /* Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack */ * > #footer, * > form, * > #notes, * > .output { position: relative; z-index: 1000; } /*-------------------altes css------------------------------*/ #mainmenu_div { width: 800px; text-align: left; background-color: #95D18C; float: left; margin: 0; padding: 0px; } #headbild_div { margin: 0; padding: 0px; height: 138px; width: 610px; text-align: right; float: right; display:inline; overflow:hidden; } #headbild_div img{ border:0; padding:0; margin:0; } #logocenterer { text-align: center; width: 190px; height: 138px; vertical-align: middle; float: left; background-color: #95D18C; display:inline; padding:0; margin:0; font-size: 11px; } /***** css für top menue*****/ #navlist { background-color: #168008; } #navcontainer { margin:0; padding:0; display:inline; float:right; width: 800px; color: #FFF; background-color: #168008; } #navcontainer ul { padding: 5px 5px 5px 0; margin: 0; color: White; float: right; font-family: Verdana, arial, helvetica, sans-serif; display:inline; /**/ } #navcontainer ul li { display: inline; width: 140px; } #navcontainer a { width: 140px; padding: 0.2em 1em; color: White; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-transform: uppercase; text-decoration: none; font-weight: normal; display:inline; } #navcontainer ul li a.aktiv { font-style: italic; width: 140px; } #navcontainer ul li a:hover { font-style: italic; } #navcontainer #textscaler { float: left; padding: 5px 0 0 5px; text-align: left; } /*****liste fuer rechtes menu****/ #leftdiv { text-align: left; width: 180px; padding-top: 10px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; height: 100%; font-weight: bold; } #leftdiv .aktiv { color: #000; font-style: italic; } #leftdiv ul { padding: 0; font-family: Verdana, arial, helvetica, sans-serif; margin: 0 0 10px 10px; width: 155px; } #leftdiv ul li { list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; } #leftdiv ul li a { margin-left: 10px; display: block; padding: 16px 0 0 0px; color: #168008; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; font-weight: bold; text-align: left; /*line-height: 250%; */ } #leftdiv ul li a:active { color: #000; font-weight: inherit; } #leftdiv ul li a:hover { font-style: italic; color: #000; } #leftdiv ul .zweitenavi { margin-bottom: 0px; display:inline; } #leftdiv .zweitenavi li { text-transform: uppercase; list-style-type: disc; margin: 7px 0 3px 15px; color: #168008; padding: 0px; } #leftdiv .zweitenavi a { padding: 0px; font-weight: normal; line-height: 110%; /*---------------------------*/ ; margin: 0; display: block; text-decoration: none; text-align: left; } #leftdiv .zweitenavi a:hover { color: #000; padding: 0em 0em; font-weight: normal; } #leftdiv ul .drittenavi { margin-bottom: 10px; } #leftdiv .drittenavi li { text-transform: none; list-style-type: disc; margin: 0px 4px 4px 15px; color: #1C6399; padding: 0px; } #leftdiv .drittenavi a { padding: 0em 0em; font-weight: normal; line-height: 110%; margin-right: 10px; } #leftdiv .drittenavi a:activ { color: #000; padding: 0em 0em; font-weight: normal; margin-right: 10px; } #leftdiv .drittenavi a:hover { color: #000; padding: 0em 0em; font-weight: normal; margin-right: 10px; } #fixmenu { margin: 30px 0 0 0; } /**********************/ #middlediv { width: 400px; text-align: left; margin: 20px 0px 0 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 130%; float: left; display: inline; background-color: #FFFFFF; } #middlediv h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #168008; font-weight: normal; line-height: 120%; /*** von 80 auf 120 gesetzt, um auch im IE Buchstaben wie p und q richtig angezeigt zu bekommen - FH ***/ ; margin-top: 4px; margin-bottom: 4px; /*** von 0 auf 4 gesetzt, um einen deutlicheren Zeilenabstand angezeigt zu bekommen - FH ***/ } #middlediv h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #168008; font-weight: bold; line-height: 120%; margin-top: 0px; margin-bottom: 5px; } #middlediv h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; font-weight: bold; line-height: 120%; margin: 0; } #middlediv p { margin: 0 0 25px 0; padding: 0; } #middlediv p p { margin: 0 0 2px 0; padding: 0; } #middlediv #bild { float: left; /*** neu gesetzt, um die BU unterhalb des Bildes zu halten - FH ***/ display: inline; margin: 0 10px 4px 0; /*** 8 auf 4 verkleinert, um den unteren Abstand von Bild/BU zum Text zu verringern - FH***/ } #middlediv a:active, #middlediv a:link, #middlediv a:visited { text-decoration: none; color: #168008; font-weight: normal; } #middlediv a:hover { text-decoration: none; color: #168008; font-weight: bold; font-style: italic; } .artikel { width: 400px; float: left; display: inline; } #teaserartikel { margin: 0px 0 20px 0; clear: both; } #teaserartikel #bild { margin: 0 20px 20px 0; } #teaserartikel h1 a, #teaserartikel h1 a:link, #teaserartikel h1 a:visited { font-weight: bold; } #teaserartikel h1 a:hover { font-weight: bold; font-style: italic; } #block_3 h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #999; font-weight: bold; line-height: 120%; margin-top: 10px; margin-bottom: 3px; } #block_3 #teaser { margin-bottom: 25px; color: #999999; } #block_3 #teaser h1 a, #block_3 #teaser h1 a:link, #block_3 #teaser h1 a:visited { font-weight: bold; } #block_3 #teaser h1 a:hover { font-weight: bold; font-style: italic; } #block_3 a:active, #block_3 a:link, #block_3 a:visited { margin-top: 12px; text-decoration: none; color: #168008; font-weight: normal; } #block_3 a:hover { text-decoration: none; color: #168008; font-weight: bold; font-style: italic; } #breadcrumb { width: 300px; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0; } #breadcrumb a:active, #breadcrumb a:link, #breadcrumb a:visited { font-weight: normal; color: #000; } #breadcrumb a:hover { color: #168008; } #block_2 #middlediv #breadcrumb .aktiv { color: #168008; font-style: italic; /**/ } ul#Sitemap { color: #168008; } li#Sitemap { color: #168008; } .gem_box { background-color: #168008; padding: 10px; margin: 0 0 20px 0; color: #000; width: 380px; } #block_2 #middlediv .gem_box a, #block_2 #middlediv .gem_box a:active, #block_2 #middlediv .gem_box a:link, #block_2 #middlediv .gem_box a:visited { font-weight: normal; font-style: normal; color: #000; } #block_2 #middlediv .gem_box a:hover { color: #168008; font-weight: normal; font-style: normal; } #prebild { float: left; overflow: hidden; width: 115px; height: 120px; margin: 0 18px 18px 0; } #bigbild { float: left; overflow: hidden; width: 400px; /*** height: 400px; - Wert entfernt, um auch höhere Bilder komplett dargestellt zu bekommen. Dazu unter margin 50px statt 20px gesetzt, um einen größeren weissen Abstand zum Bild dargestellt zu bekommen - FH ***/ ; margin: 0 0px 20px 0; }