@charset "utf-8";
/* CSS Document */
@media screen, projection
{
 /*Korrektur Abstaende fuer alle HTML-Elemente */
  * { margin:0; padding:0; }
 /* ... gilt nur nicht fuer die Selectboxen. */
  option { padding-left:0.4em; } 
  select { padding:1px; }

 /*Italics Bugs des IE 5.x und IE 6  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  
body {
    font-size:100.01%; /* beseitigt Skalierungsfehler in aelteren Opera-Versionen */
    background:#fff;
    color: #333131;
	background:url(../img/sys/bg_body.jpg) repeat-x top;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align:center;
  }
  body { overflow-y: scroll; }
  
  
 
 
div { outline:none; }

  /* Rahmen für <fieldset> und <img> Elemente loeschen */
  fieldset, img { border:0 solid; }

  /* Standardwerte für Listen und Zitate */
  ul, ol, dl { margin:0 0 1em 1em; } 
  li {
    line-height:1.7em;
    margin-left:0.8em; 
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } 

  blockquote { margin:0 0 1em 0.8em; } 

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

   /* Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
  .clearfix { display:block; } /* fuer Safari*/

  .floatbox { overflow:hidden; }
  /* IE-Clearing:fuer IE - clearing siehe ie_style_basic */
  #ie_clearing { display:none; }
  
  /* Einfaches Clearing fuer Boxen innerhalb des Headerbereichs */
  .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

  /*seite im Fenster zentieren */
  .seite_zentriert { text-align:left; margin: 0 auto; width: 960px; }
  .seite {padding:0px; }
  
  /*Positionierung des Verlagslogos*/
  #logo{display:inline;float:left;position:relative; margin-left:10px; margin-right:10px; margin-top:5px; z-index:99;}
  
  /*Positionierung Kopfgrafik*/
  #headergrafik { display:block; float:left; position:absolute; margin-left:0px; margin-right:10px; margin-top:0px; z-index:0}
  #headergrafik img {border:none; margin-top:25px}
  
  /*Positionierung des rechten Headerbereichs*/
  #container_header_rechts {display:inline; float:right; margin-left:10px; margin:0; z-index:30; background:#FFF;}
  /*Positionierung des oberne Bereichs*/
  #oben {display:block; top:0; float:right; margin:0; text-align:right; white-space:nowrap;}
  /*Navigation oben*/
  #modul_nav_oben { display:block; float:right; margin:0; text-align:right; white-space:nowrap;}
  .topnav { text-align:right; line-height:2.1em;} 
  .topnav a, .topnav a:link, .topnav a:visited { color:#333131; text-decoration:none} 
  .topnav a:focus, .topnav a:hover {text-decoration:underline}
  
  /*Suche*/
  .modul_search { display:block;float:right; margin:0; text-align:right; padding:0; top:14px}
  .modul_search input { width:280px; color: #5F5959; border: #5F5959 solid 1px; padding:2px; font-size:90%; }
  .modul_search input { line-height:120%\9 ; padding: 5px 5px\9 ;}/*fuer IEs*/
  .button_search { padding: 2px; border: none; background: #008096; color: #ffffff; }
  .button_search:hover, .button_search:focus { padding: 2px; border: none; background: #333131; color: #FFFFFF;}
  .button_search, .button_search:hover, .button_search:focus {padding: 5px 5px\9 ; margin: 0\9; line-height: 100%\9; margin-left:3px\9} /*fuer IEs*/

  /*Weitere Logos*/
  .modul_logos { display:block;float:right; margin:0; padding-top:5px; text-align:right;}
  .modul_logos img {border:none; margin-left:10px;}

 /*Positionierung Anmeldemaske*/
  .container_login {display:inline;float:right;position:relative; margin-left:10px; margin-top:19px; overflow: visible; z-index:90;}
  .container_login { margin-top:13px\9}
  /*Anmeldemaske*/
  .login { }
  .login input { width:198px; color:#5F5959; border: #5F5959 solid 1px; padding:2px; display:block; margin-top:5px; font-size:90%; }
  .login input { width:192px\9; line-height:120%\9 ; padding: 4px\9;}/*fuer IEs*/
  .button_login {width:203px; padding: 2px; border: #8AC4CE solid 1px; background: #008096; color: #ffffff; font-size:90%; display:block; margin-top:5px; margin-bottom:5px;}
  .button_login:hover, .button_login:focus {width:203px; padding: 2px; border: #ffffff solid 1px; background: #333131; color: #ffffff; font-size:90%; display:block; margin-top:5px; margin-bottom:5px;}
  .button_login, .button_login:hover, .button_login:focus { padding: 3px\9; line-height: 120%\9; width:202px\9;} /*fuer IEs*/
  
  .login_weiteres {text-align:left; display:block; color:#D3D6D6; font-size:80%; line-height:135%}
  .login_weiteres a:link, .login_weiteres a:visited {color: #D3D6D6; text-decoration: underline;}
  .login_weiteres a:hover, .login_weiteres a:active { text-decoration: underline; color: #ffffff; }
  
  .login_angemeldet {text-align:left; display:block; color:#D3D6D6;}
  .login_angemeldet a:link, .login_angemeldet a:visited {color: #D3D6D6; text-decoration: underline;}
  .login_angemeldet a:hover, .login_angemeldet a:active { text-decoration: underline; color: #ffffff; }
  
  .login_welcome {text-align:left; display:block; color:#D3D6D6; font-weight:bold}
  .login_welcome a:link, .login_welcome a:visited {color: #D3D6D6; text-decoration: underline;}
  .login_welcome a:hover, .login_welcome a:active { text-decoration: underline; color: #ffffff;}  
  
  /*Positionierung Mainnavigation*/
  #mainnav { position:absolute; top:200px; margin:0px; z-index:90; height:40px; background: #008096; color: #ffffff;  margin-left:-10px; padding-right:0}

  /*Listenstyle der horizontalen Navigation*/

  .hlist { overflow:hidden; float:left; display:inline; position:relative; background:#008096; color:#FFF;	border:#FFF solid 2px; padding:0; margin:0;  white-space:nowrap;}
  .hlist ul { margin:0; padding:0; display:inline; float:left; }
  .hlist ul li { display:inline; float:left; list-style-type:none; margin:0; padding:0; font-size:116%; }
  .hlist ul li a,
  .hlist ul li strong, .hlist ul li a:visited { background:url(../img/sys/bg_hlist_mainnav.gif) no-repeat left;
    color:#fff; display:block; font-weight:normal; margin:0; padding:0.3em 0.7em 0.3em 1.1em; text-decoration:none; width:auto; }
  .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active  { background:#333131 url(../img/sys/bg_hlist_mainnav.gif) no-repeat left; color:#fff; text-decoration:underline; outline: 0 none; }
.hlist ul li.current, .hlist ul li.current a,
  .hlist ul li.current strong  { background:#008096 url(../img/sys/bg_hlist_mainnav_current.gif) no-repeat left; font-weight:normal; text-decoration: underline; width:auto; color:#333131 }
  .hlist ul li.current a:hover, .hlist ul li.current a:focus,
  .hlist ul li.current a:active  { background:#008096 url(../img/sys/bg_hlist_mainnav.gif) no-repeat left; text-decoration: underline; width:auto; color:#fff }
  

  
  /*Spaltenpositionierung*/
  #col_links { float:left; width:210px; padding:0; margin:0; vertical-align:top;}
  #col_rechts { float:right; width:125px; text-align:right;}
  #col_content { width:auto; margin:0 145px 0 240px; padding:0 0 30px 0; border-top: #333131 1px solid; }

  /*Positionierungen innerhalb der Spalten */
  #col_links_content_1, #col_links_content_2, #col_rechts_content, #col_content_content { position:relative; }
  
 
  /*dreispaltiger Seitenbereich mit Navigation, Inhalt und Bannerspalte */
  /*Positionierung Content*/ 
  #main {background: #fff;padding:35px 0 0 0; margin-top:0px; border-left:#E4E5E5 solid 1px; border-right:#E4E5E5 solid 1px;}

  .container_content{display:block;position: absolute; margin:0px; background: #FFF; top:221px; width:960px; text-align:left; overflow:visible; clear:both; z-index:10;}
  
  /*Listenstyle der verticalen Navigation*/
  h1.vlist {display:block; width:200px; line-height:2em; background:url(../img/sys/bg_h1_vlist_nav.jpg) repeat-x; border-top: #333131 1px solid; border-bottom: #333131 1px solid;  color:#008096; font-size:100%; font-weight:bold; padding:1px 0px 1px 10px; margin:0;}
  .vlist { width:100%; overflow:hidden; margin:0; list-style-type:none; }
  .vlist ul { list-style-type:none; margin:0;  padding:0; }
  .vlist li { float:left; width:100%; margin:0;  padding:0; line-height:1.5em; }
  .vlist a, .vlist strong,  .vlist span  {display:block; padding: 0.5em 0 0.5em 0; text-decoration:none; color:#333131}
  .vlist a,  .vlist a:visited, .vlist a:link { color:#333131; text-decoration:none; }
  .vlist li span { display:block; font-weight:normal; }
  /* aktives Listenelement */
  .vlist li.active { color:#333131; background-color:#E4E5E5;font-weight:normal; }
  /* 1.Ebene */
  .vlist li a, .vlist li strong, .vlist li span { width:95%; padding-left:5%;} 
  .vlist li a:focus, .vlist li a:hover, .vlist li a:active { color:#333131; background-color: #E4E5E5; text-decoration:underline; outline: 0 none; }
 
  /* 2.Ebene */
  .vlist li ul li a, .vlist li ul li strong, .vlist li ul li span { width:90%; padding-left:10%; }
  .vlist li ul li a, .vlist li ul li a:visited, .vlist li.active ul li a, .vlist li.active ul li a:visited  { color:#333131; text-decoration:none; background-color:#ffffff; }
  .vlist li ul li a:focus, .vlist li ul li a:hover, .vlist li ul li a:active, .vlist li.active ul li a:focus, .vlist li.active ul li a:hover, .vlist li.active ul li a:active { color:#333131; background-color:#E4E5E5; text-decoration:underline; outline: 0 none; }
  .vlist li ul li.active a { color:#333131; background-color:#fff; text-decoration:none; outline: 0 none; }
  .vlist li.active ul li.active a { color:#333131; background-color:#E4E5E5;font-weight:normal; }
  /* 3.Ebene*/
  .vlist li ul li ul li a, .vlist li ul li ul li strong, .vlist li ul li ul li span { width:85%; padding-left:15%; } 
  .vlist li ul li ul li a,  .vlist li ul li ul li a:visited, .vlist li.active ul li.active ul li.active a,  .vlist li.active ul li.active ul li.active a:visited, {  color:#333131; background-color:#fff; text-decoration:none; outline: 0 none; }
  .vlist li.active ul li.active ul li.active a:focus, .vlist li.active ul li.active ul li.active a:hover, .vlist li.active ul li.active ul li.active a:active { color:#333131; background-color:#E4E5E5; text-decoration:underline; outline: 0 none; }   
    .vlist li.active ul li.active ul li a, .vlist li.active ul li.active ul li a:visited { color:#333131; background-color:#fff; text-decoration:none; outline: 0 none; }
	    .vlist li.active ul li.active ul li a:hover { color:#333131; background-color:#E4E5E5; text-decoration:underline; outline: 0 none; }

   .vlist li.active ul li.active ul li.active a, .vlist li.active ul li.active ul li.active a:link { color:#333131; background-color:#E4E5E5; text-decoration:none; outline: 0 none; }
   .vlist li.active ul li.active ul li.active a:hover, .vlist li.active ul li.active ul li.active a:focus { color:#333131; background-color:#E4E5E5; text-decoration:underline; outline: 0 none; }
  /* 4.Ebene */
  .vlist li ul li ul li ul li a, .vlist li ul li ul li ul li strong, .vlist li ul li ul li ul li span { width:80%; padding-left:20%; } 
  .vlist li ul li ul li ul li a, .vlist li ul li ul li ul li a:visited { color:#333131; text-decoration:none; background-color:#ffffff;}
  .vlist li ul li ul li ul li a:focus, .vlist li ul li ul li ul li a:hover,  .vlist li ul li ul li ul li a:active { color:#333131; background-color:#E4E5E5; text-decoration:underline; outline: 0 none; }
  .vlist li ul li ul li ul li.active a { color:#333131; background-color:#fff; text-decoration:none; outline: 0 none; }
  
    /*Text in der linken Spalte*/
  #col_links h1 {display:block; width:200px; line-height:2em; background:url(../img/sys/bg_h1_vlist_nav.jpg) repeat-x; border-top: #333131 1px solid; 
  border-bottom: #333131 1px solid;  color:#008096; font-size:100%; font-weight:bold; padding:1px 0px 1px 10px;}
   #col_links p {padding:1px 0px 1px 10px; font-size:90%;}
   #col_links p img {text-align:center; border:none; margin: 5px 0 5px 0; padding: 0;}
   #col_links  img {text-align:center; padding:1px 0px 1px 10px; margin: 5px 0 5px 0;}

  /*Fusszeile*/
  .footer { background: #fff; padding: 10px 0px; line-height: 1.5em; text-align:right; }
  .footer a, .footer a:link, .footer a:visited { color:#333131; text-decoration:none;} 
  .footer a:focus, .footer a:hover {text-decoration:underline}
  .footer_left {float:left; display:block; padding: 10px ; line-height:
1.5em; }
  .footer_left a, .footer_left a:link, .footer_left a:visited, .footer_left
a img { color:#333131; text-decoration:none;} 
  .footer_left a:focus, .footer_left a:hover {text-decoration:underline;}
  .footer_left a:focus img, .footer_left a:hover img {text-decoration:none;}
}

@media print
{
 
  body { font-size:10pt; text-align:left}
/**
  Float Clearing für .floatbox */
  .floatbox { 
    overflow:visible; 
    display:table;
  } 
  /*.print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }
  /*CSS Klasse um Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
  
  .footer, .footer_left, .hlist, .vlist, .container_login {display:none; }
  
  #logo, #headergrafik, #container_header_rechts,#modul_nav_oben, #col_links, #col_rechts {display:none ; }
  #col_content, #col_content_content { position: relative; }
  
}

@media all
{
  /* allgemeine Textauszeichnung*/
  p.ohneabstand {margin:0; }

  /* Bilder (mit optionaler Bildunterschrift)*/
  p.icaption_left img,  p.icaption_right img { padding:0; }
 
 /*Standardklassen zur Positionierung und Hervorhebung*/
 

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }
  
	.newsbox {border-bottom: 1px solid #999;margin-bottom: 10px;padding-bottom: 5px; background:#FFF ; z-index:auto; display:inline-block;}
	.news_date {text-align:left; margin-bottom:0;font-size: 90%; }
	.news_themenrubrik {font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; color:#999; font-style:italic; margin-bottom:0;  }


    /* Vorschaubild-Container innerhalb der Newsbox */
    .newsbox p.newslist {width: 150px;}
    
  
  /*Ueberschriften*/

  h1,h2,h3,h4,h5,h6 {
    color:#008499;
    margin:0 0 0.25em 0;
  }
  
  /*Ueberschriften*/
  h1 { font-size:250%; } 
  h2 { font-size:200%; }
  h3 { font-size:150%; }
  h4 { font-size:133.33%; }
  h6 { font-size:116.67%; }
  
  /*Ueberschriften in der Textspalte*/
  #col_content_content h1 { font-size:130%; display:block; width:100%;  padding-top:4px; margin-bottom: 20px;} 
  #col_content_content h2 { font-size:130%; color: #008499} 
  #col_content_content h3 { font-size:116%; color: #333131}
  #col_content_content h4 { font-size:100%; color: #333131; font-style:italic}
}