/* Stylesheet f?r die CL-Website 		 		  		 		  */
/* Martin Fritz Marketing Kommunikation */
/* allgemeine Angaben */
* { margin:0; padding:0; font-size: 100%; }
html {
height:100%;
}
body {
    font-size: 100.01%;
    color: #000;
		 background: #f6f6f6;
    text-align: left;
    font-family: verdana, arial, sans-serif;
    height: 100%;
    text-align: center;
}
html[xmlns]
             {
             height : 100%;
             padding-bottom : 0.005em;
             } 
             
ul, li {
list-style: none;
}
.clr{
		 		  clear: both;
		 		  display: block;
		 		  height: 1px;
		 		  margin-bottom: -1px;
		 		  font-size: 1px;
		 		  line-height: 1px;
}
/* Layout */
#head_links {
background: #003b6f;
height: 230px;
width: 100%;
}

#head_links a {
border: 0px;
margin-left: 8px;
}

#head_links a span{
position: absolute;
left: -3423px;
top: -2342px;
}
#head_rechts {
background: #FFF;
height: 230px;
width: 100%;
position: relative;
}

#head_rechts img{
height: 230px;
width: 100%;
}
#head_aussen {
background: #f4f0ce;
height: 230px;
width: 100%;
}




#wrapper, #wrapper_extra {
max-width: 58.2em;
width: auto !important;
width: 58.2em;
margin: 0 auto 0 auto;
text-align: left;
background: transparent;
}
* html div#wrapper {
 width: 58em;
 width: expression(
  (document.documentElement && document.documentElement.clientHeight) ?
   (document.documentElement.clientWidth < 800) ? "48em" : (( document.documentElement.clientWidth > 950 ) ? "58em" : "auto") :
   (document.body.clientWidth < 800) ? "48em" : (( document.body.clientWidth > 950 ) ? "58em" : "auto")
 );
}
#iewrapper {
width: 100.0%;  
}

#block_1
		 		  {
		 		  float: left;
		 		  width: 53%;
		 		  margin-left: 23%;
		 		  background: #FFF; 
		 		  
		 		  }
* html #block_1
		 		  {
		 		  display: inline;
		 		  }
#block_2
		 		  {
		 		  float: left;
		 		  width: 23%;
		 		  margin-left: -76%;
		 		  background: #d0d2d3;
		 		  font-family: arial, verdana, sans-serif;
		 		  }
#block_3
		 		  {
		 		  float: left;
		 		  width: 176px;
		 		  background: #f4f0ce;
		 		  }
		 		  
#block_3 img {margin: 0px 0px -3px 0px;
}
/* Menu f?r Screenreader, um direkt zum Inhalt/Men? zu springen */
#schnellmenu { 		 		  		 		  		 		  
position: absolute;
left: -2334px;
top: 0px;
}
/* Ende Schnellmenu */
/* Menus */
/* Topmenu */
#topmenu {
width: 100%;
position: absolute;
left: 0px;
top: 185px;
background: #FFF;
-moz-opacity:0.7;
filter: alpha(opacity=70);
opacity:0.7;
color: #000;
height: 1.3em;
font-family: arial, verdana, sans-serif;
}
#topmenu ul{
float: right;
line-height: 1.3em;
}
#topmenu ul li{
float: left;
display: inline;
padding-left: 15px;
line-height: 0.7em;
padding: 0.2em 0px 0.3em 15px;
background: url(topmenu_trenner.gif) 7px 0.4em no-repeat;
}
#topmenu ul li.last{
margin-right: 10px;
}
#topmenu ul li.first{
background: transparent;
}
#topmenu ul li a{
color: #000;
font-size: 0.6em;
text-transform: uppercase;
text-decoration: none;
background: #FFF;
}
/* Ausnahmen */
body#aktuelles #block_1{
width: 71.9%;
}
body#aktuelles #block_2 {
margin-left: -94.9%;
}
body#aktuelles #head_rechts img{
height: 230px;
width: 73.7%;
float: left;
}
body#aktuelles #head_rechts {
width: 100%;
background: #DEDFE0;
}
body#aktuelles #topmenu {
width: 73.7%;
}
/* Hauptmenu */
#block_2 ul.menu li {
display: inline;
}
#block_2 ul.menu li a{
display: block;
color: #596878;
font-size: 0.65em;
text-decoration: none;
padding-left: 28px;
line-height: 2.5em;
border-bottom: 1px solid #fff;
text-transform: uppercase;
}
#block_2 ul.menu li.active a{
background: #003B6F url(menu_aktiv_ebene1.gif) 15px 0.6em no-repeat;
font-weight: bold;
color: #FFF;
}
#block_2 ul.menu li.kind a{
background: transparent url(menu_kind.gif) 10px 0.9em no-repeat;
color: #596878;
}
#block_2 ul.menu li.active li a{
background: #003B6F;
font-weight: normal;
color: #fff;
padding-left: 36px;
}
#block_2 ul.menu li.active li.active a{
background: #003B6F url(menu_aktiv_ebene2.gif) 15px 0.6em no-repeat;
font-weight: bold;
}
#block_2 ul.menu li a:hover{
background: #003B6F url(menu_aktiv_ebene1.gif) 15px 0.6em no-repeat;
color: #fff;
}
#block_2 ul.menu li li a:hover{
background: #003B6F url(menu_aktiv_ebene2.gif) 15px 0.6em no-repeat;
color: #fff;
}
/* Inhalt */
#inhalt {
font-size: 0.7em;
color: #596878;
margin: 25px;
padding-bottom: 25px;
line-height: 1.3em;
clear: left;
}
#inhalt a{
color: #596878;
text-decoration: underline;
}
#inhalt h1, #inhalt h2, #inhalt h3 {
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
#inhalt h2, #inhalt h3 {
text-transform: none;
}
#inhalt p{
margin-bottom: 15px;
}
#inhalt ul {
margin: 15px 0px 15px 0px;
}
#inhalt ul li{
padding-left: 13px;
background: url(liste.gif) 0px 0.45em no-repeat;
font-weight: normal;
line-height: 1.5;
margin-bottom: 7px;
margin-left: 12px;
}
#inhalt div.sitemap ul {
list-style: none;
margin: 0;
margin-bottom: 15px;
}

#inhalt div.sitemap ul li{
list-style: none;
background: none;
padding: 0;
font-weight: bold;
margin-bottom: 5px;

}

#inhalt div.sitemap ul li li{
margin-left: 15px;
font-weight: normal;
}


#inhalt div.sitemap ul li ul{
margin-top: 5px;
}

/* suchfeld */
#block_2 fieldset {
margin-bottom: 15px;
border: 0px;
}
#block_2 input.inputtext {
width: 10em;
font-size: 0.7em;
float: left;
display: inline;
margin-left: 28px;
margin-right: 3px;
}
#block_2 input.submit {
font-size: 0.7em;
}
/* Inhaltsfooter */
#contentfooter{
border-bottom: 1px solid #596878;
overflow: hidden;
height: 0.9em;
padding-bottom: 3px;
margin: 0px 25px 0px 25px;
}
#contentfooter ul{
float: right;
}
#contentfooter ul li{
display: inline;
float: right;
height: 15px;
width: 15px;
}
#contentfooter ul li a{
color: #000;
font-size: 9px;
display: block;
width: 15px;
height: 15px;
}
#contentfooter ul li a span{
position: absolute;
left: -2343px;
top: -2342px;
}
#contentfooter ul li.drucken{
background: url(icons_druck.gif) 0px 0px no-repeat;
margin-right: 10px;
}
#contentfooter ul li.nachoben{
background: url(icons_nachoben.gif) 0px 0px no-repeat;
}
body#aktuelles #contentfooter {
margin: 0px 25px 10px 25px;
}
/* news */
div.left {
width: 47%;
float: left;
padding-bottom: 25px;
}
div.right {
width: 47%;
float: right;
padding-bottom: 25px;
}
#inhalt h3 a{
font-weight: normal;
}
#inhalt h3{
border-bottom: 1px solid #CCC;
padding-bottom: 15px;
}
span.datum {
color: #999;
}
h2.margintop {
margin-top: 30px;
}
/* ------------------------------------------------------------------------------ */
/* Zus?tzliche Angaben f?r Browserkompatibilit?t */
/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3
		 		  {
		 		  padding-bottom: 30000px !important;
		 		  margin-bottom: -30000px !important; 
		 		  }
@media all and (min-width: 0px) {
#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: 30000px !important;
		 		  margin-bottom: -30000px !important;
		 		  height: 0;
		 		  }
}
/* End Mac IE5 filter */
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
		 		  {
		 		  position: absolute;
		 		  bottom: 30px;                                          /* ACHTUNG NEU!!!!! */
		 		  }
#block_1 .verticalalign
		 		  {
		 		  width: 53%;
		 		  }
#block_2 .verticalalign
		 		  {
		 		  width: 23%;
		 		  }
#block_3 .verticalalign
		 		  {
		 		  width: 176px;
		 		  }
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
		 		  {
		 		  width: 100% !important;
		 		  }
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #block_1 .verticalalign
		 		  {
		 		  width: 53% !important;
		 		  }
div[id^="wrapper"] #block_2 .verticalalign
		 		  {
		 		  width: 23% !important;
		 		  }
div[id^="wrapper"] #block_3 .verticalalign
		 		  {
		 		  width: 176px !important;
		 		  }
}
#aktuelles #block_1 .verticalalign
		 		  {
		 		  width: 71.9%;
		 		  }
@media all and (min-width: 0px){
.verticalalign
		 		  {
		 		  width: 100% !important;
		 		  }
/* But Opera 9 does it right, so CSS3 hax to the max */
#aktuelles div[id^="wrapper"] #block_1 .verticalalign
		 		  {
		 		  width: 71.9% !important;
		 		  }
#aktuelles div[id^="wrapper"] #block_2 .verticalalign
		 		  {
		 		  width: 23% !important;
		 		  }
#aktuelles div[id^="wrapper"] #block_3 .verticalalign
		 		  {
		 		  width: 176px !important;
		 		  }
}
		 		  
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
		 		  {
		 		  width: 100% !important;
		 		  }
.verticalalign p
		 		  {
		 		  position: absolute;
		 		  bottom: 0;
		 		  right: 0;
		 		  margin: 0;
		 		  padding: 0;
		 		  background: #996666;
		 		  }
#wrapper_extra
    {
    position: relative;
    }
* html #wrapper
    {
    position: relative;
    }
#wrapper
    {
    overflow: hidden;
    }
* html #wrapper_extra
    {
    float: left;
    width: 100%;
    }

/* 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;
		 		  }
/*\*/
#wrapper
		 		  {
		 		  display: block;
		 		  }
/* end easy clearing */
#footer
		 		  {
		 		  clear: both;
		 		  }
/* 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;
		 		  }

/* SEO-Optimierung neue Eintraege */

/* Textblock rechts oben */
#head_rechts div.content_top {
		 position: absolute;
		 right: -160px;
		 bottom: 10px;
		 overflow: hidden;
		 background: transparent;
		 width: 150px;
		 font-size: 0.6em;
		 color: #596878;
}

/* Linkliste linke Spalte */

#block_2 .linkliste {
		 margin: 20px 15px 10px 30px;
		 font-size: 0.7em;
}

#block_2 .linkliste h3{
		 font-weight:bold;
		 color: #596878;
		 }

#block_2 .linkliste ul{
		 margin-top: 10px;
		 list-style: disc;
		 }

#block_2 .linkliste ul li{
		 margin-bottom: 6px;
		 line-height: 1.2;
		 list-style: disc;
		 margin-left: 18px;
		 color: #596878;
		 }
		 
#block_2 .linkliste ul li a{
		 color: #596878;
		 }

h2.keyheader {
		 position: absolute;
		 bottom: 10px;
		 left: 50%;
		 width: 450px;
		 margin-left: -230px;
		 text-align: center;
		 font-size: 0.7em;
		 color: #596878;
		 font-weight: normal;

		 }