html { margin: auto; text-align: center; height: 100%; } body { padding: 0%; margin: 0%; width: 100%; height: 100%; font-size: 12px; text-align: center; } #block_1 { float: left; width: 190px; background-color: #fff; text-align: left; display: inline; padding: 0; margin: 0; } * html #block_1 { display: inline; } #block_2 { padding: 0; margin: 0; float: left; width: 430px; font-size: 12px; text-align: left; } #block_3 { float: left; width: 150px; text-align: left; margin: 0; /*-------------------*/ padding-top: 20px; text-align: left; border-left: 1px dotted #2D9AFF; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; /**/; display: inline; } /* Start Mac IE5 filter \ #block_1, #block_2, #block_3 { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }*/ @media { #block_1, #block_2, #block_3 { padding-bottom: 0 !important; margin-bottom: 0 !important; } /* #block_1:before, #block_2:before, #block_3:before { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; }*/ } /* 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 { text-align: center; padding-top: 7px; padding-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 130%; clear: both; background-color: #fff; } /* 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 { margin: 0; padding: 0px; width: 800px; text-align: left; background-color: #fff; float: left; height: 138px; overflow: hidden; } #headbild_div { margin: 0; padding: 0px; height: 138px; width: 610px; text-align: left; float: right; background-color: #fff; } #logocenterer { text-align: center; width: 190px; height: 138px; vertical-align: middle; float: left; background-color: #5ff; padding: 0; margin: 0; } /***** css für top menue*****/ #navlist { /*background-color: #2BD0FF;*/ width: 340px; } #navcontainer { width: 576px; height: 10%; color: #000; background: url(http://www.ekir.de/generalsynode/bilder/balken.jpg) no-repeat; /*background-color: #2BD0FF;*/ float: right; margin-right: 12px; display: inline; } #navcontainer ul { /*width: 500px;*/ padding: 0px 0; /*padding-left: 120px;*/ margin-top: 9px; color: #000; float: right; display: inline; font-family: Verdana, arial, helvetica, sans-serif; /*background-color: #000; */ } #navcontainer ul li { display: inline; width: 140px; } #navcontainer a { width: 140px; padding: 0.2em 5px; color: black; 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: 10px 0 0 60px; text-align: left; } /*****liste für rechtes menu****/ #leftdiv { text-align: left; width: 190px; padding-top: 0px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; height: 680px; font-weight: bold; background: url(http://www.ekir.de/generalsynode/bilder/header_left.jpg) no-repeat; } #leftdiv .aktiv { color: #000; font-style: italic; } #leftdiv ul { padding: 0; font-family: Verdana, arial, helvetica, sans-serif; margin: 0 0 10px 10px; width: 160px; } #leftdiv ul li { list-style-type: none; margin: 0; padding: 0; /*text-transform: uppercase;*/ } #leftdiv ul li a { margin-left: 10px; display: block; padding: 0; color: #000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; text-align: left; line-height: 250%; display: inline; } #leftdiv ul li a:active { color: #000; font-weight: inherit; } #leftdiv ul li a:hover { font-style: italic; color: #000; } #leftdiv .zweitenavi ul { margin-bottom: 8px; } #leftdiv .zweitenavi li { /* text-transform: uppercase; */ list-style-type: disc; margin: 0px 0 4px 15px; color: #000; padding: 0px; } #leftdiv .zweitenavi a { padding: 0px; font-weight: normal; line-height: 110%; /*---------------------------*/; margin: 0; display: block; text-decoration: none; text-align: left; display: inline; } #leftdiv .zweitenavi a:hover { color: #000; padding: 0; font-weight: normal; } #leftdiv .drittenavi ul { margin-bottom: 8px; } #leftdiv .drittenavi li { text-transform: none; list-style-type: disc; margin: 0px 4px 4px 15px; color: #000; 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: #2D9AFF; font-weight: normal; line-height: 130%; margin-top: 4px; margin-bottom: 0px; } #middlediv h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000; font-weight: bold; line-height: 130%; 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: 130%; 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; margin: 0 10px 8px 0; display: inline; } #middlediv a:active, #middlediv a:link, #middlediv a:visited { text-decoration: none; color: #2D9AFF; font-weight: normal; } #middlediv a:hover { text-decoration: none; color: #2D9AFF; font-weight: bold; font-style: italic; } .artikel { width: 400px; float: left; display: inline; } #teaserartikel { margin: 20px 0 20px 0; display: inline; clear: both; } #teaserartikel #bild { margin: 0 20px 20px 0; display: inline; } #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: #2D9AFF; font-weight: normal; } #block_3 a:hover { text-decoration: none; color: #2D9AFF; 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: #2D9AFF; } #block_2 #middlediv #breadcrumb .aktiv { color: #2D9AFF; font-style: italic; /**/ } .gem_box { background-color: #D2D8E3; padding: 10px; margin: 0 0 20px 0; color: #000; width: 380px; } ul#Sitemap { color: #2D9AFF; } li#Sitemap { color: #2D9AFF; } #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: #2D9AFF; font-weight: normal; font-style: normal; } #prebild { float: left; overflow: hidden; width: 115px; height: 115px; margin: 0 18px 18px 0; } #bigbild { float: left; overflow: hidden; width: 400px; margin: 0 0px 20px 0; } .searchword { color: #222; background-color: #ff6; border: 1px dotted #ff6; } .searchword0 { color: #222; background-color: #ff6; border: 1px dotted #ff6; } .searchword1 { color: #222; background-color: #a0ffff; border: 1px dotted #0affff; } .searchword2 { color: #222; background-color: #9f9; border: 1px dotted #9f9; } .searchword3 { color: #222; background-color: #f99; border: 1px dotted #f99; } .searchword4 { color: #222; background-color: #f6f; border: 1px dotted #f6f; } .searchword5 { color: #fff; background-color: #800; border: 1px dotted #800; } .searchword6 { color: #fff; background-color: #0a0; border: 1px dotted #0a0; } .searchword7 { color: #fff; background-color: #886800; border: 1px dotted #886800; } .searchword8 { color: #fff; background-color: #004699; border: 1px dotted #004699; } .searchword9 { color: #fff; background-color: #909; border: 1px dotted #909; } /*****fuer Ausgabe der Suchergebnisse****/ em { font-weight: bold; font-style: normal; } #output a { font-weight: bold; } .searchword { color: #222; background-color: #ffd; border: 1px dotted #ffd; } .searchword0 { color: #222; background-color: #ff0; border: 1px dotted #ff0; } .searchword1 { color: #222; background-color: #0f0; border: 1px dotted #0f0; } .searchword2 { color: #222; background-color: #0ff; border: 1px dotted #0ff; } .searchword3 { color: #222; background-color: #fbb; border: 1px dotted #fbb; } .searchword4 { color: #222; background-color: #dfd; border: 1px dotted #dfd; } .searchword5 { color: #222; background-color: #faf; border: 1px dotted #faf; } .searchword6 { color: #222; background-color: #ccc; border: 1px dotted #ccc; } .mod { display: block; font-size: .8em; } #searchfooter { font-size: .8em; margin-top: 1em; }