BODY
{
    font-size : 12px;
    font-family : Arial, Helvetica, sans-serif;
    /*background: #f1f1f1;*/
    background: white;
    color: black;
    border: 0;
	  margin: 0;
	  padding: 0;
	  vertical-align: baseline;
}
div#Info{
	position: relative;
	margin-top: 20px;
	margin-left: 670px;
	z-index: 3;
	border-width:1px;
	border-style: dotted dotted none;
	border-color:silver;
	padding:5px;
	background: white;
}
div#Info3{
	position: relative;
	margin-top: 20px;
	margin-left: 670px;
	z-index: 3;
	border-width:1px;
	border-style: dotted dotted none;
	border-color:silver;
	padding:5px;
	background: white;
}
div#info2{
	position: relative;
	margin-top: -640px;
	margin-left: 670px;
	z-index: 3;
	border-width:1px;
	border-style: dotted;
	border-color:silver;
	padding:5px;
		background: white;
  }
div#info1{
	position: relative;
	margin-top: 20px;
	margin-left: 670px;
	z-index: 3;
	border-width:1px;
	border-style: dotted;
	border-color:silver;
	padding:5px;
	background: white;
}
center#Info{
    text-align: center;
}

.Druckfett {
	font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}
.Druck {
	font-weight :normal;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}

#Liste, #ListeBreit A {
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}

#Liste, #ListeBreit A:hover {
	font-weight : bold;
	text-decoration: underline;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Blue;
}

#Liste2 A {
	font-weight : bold;
	text-decoration: none; 
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Blue;
}

#Liste2 A:hover {
	font-weight : bold;
	text-decoration: underline;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Blue;
}

#Liste A {
	text-decoration: none;
	color : Blue;
}	

#Liste A:hover {
	text-decoration: underline;
	color : Blue;
}	
	
.Link A {
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
.Link A:hover {
	font-weight : bold;
	text-decoration: underline;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
.ADatum {
	font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
.ADatumzusatz {
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
.ADatumzusatz A {
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
.ADatumzusatz A:hover {
	font-weight : bold;
	text-decoration: underline;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
.ABlock {
	font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Silver;
}
.AReihe{
	font-weight : bold;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}
.ATitel {
	font-weight : bold;
	font-size : 16px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : navy;
}
.AUTitel {
	font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}
.AText {
	font-weight : normal;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
}

.VVK {
	font-weight : normal;
	font-size : 12px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
        vertical-align: bottom;
}

.VVK b{
	font-weight : bold;
	font-size : 12px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
        vertical-align: bottom;
}

ul#erklaer{
	font-weight : normal;
	font-size : 12px;
	text-decoration: none;
		text-align: left;
	  font-family : Verdana, Arial, Helvetica, sans-serif;
	 color : black;
	 line-height : 140%;
        margin-left:0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 1px;
}

ul#erklaer li{
	font-weight : normal;
	text-align: left;
	font-size : 12px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
        padding-left: 1px;
        margin-left:16px;
}

ul#erklaer2{
	font-weight : normal;
	font-size : 11px;
	text-decoration: none;
		text-align: left;
	  font-family : Verdana, Arial, Helvetica, sans-serif;
	 color : black;
	 line-height : 130%;
        margin-left:0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 1px;
}

ul#erklaer2 li{
	font-weight : normal;
	text-align: left;
	font-size : 11px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 130%;
        padding-left: 1px;
        margin-left:16px;
}

.klein ul#erklaer li{
	font-weight : normal;
	text-align: left;
	font-size : 10px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 120%;
        padding-left: 1px;
        margin-left:16px;
}

.klein {
	font-weight : normal;
	text-align: left;
	font-size : 10px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}

.klein B{
	font-weight : bold;
	text-align: left;
	font-size : 10px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}

.VVKFett{
	font-weight : bold;
	font-size : 12px;
	font-variant : small-caps;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
}

.VVKklein{
	font-weight : normal;
	font-size : 10px;
	font-variant : normal;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 120%;
}

.VVKLink a{
	font-weight : bold;
	font-size : 12px;
	font-variant : small-caps;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
}

.VVKLink a:hover{
	font-weight : bold;
	font-size : 12px;
	font-variant : small-caps;
	text-decoration: underline;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	line-height : 140%;
}

.BildLink a:hover{ background-color: #59b8e3; }

.Titel {
	font-weight : bold;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}
.Titelgrau {
	font-weight : bold;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : Silver;
}
.UTitel {
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}
.UTitelgrau {
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : silver;
}
.STitel {
	font-weight : bold;
	font-size : 18px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : navy;
}
.STitel14 {
	font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : navy;
}
.STitel b {
	font-weight : bold;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : black;
}
.Tag {
   padding-left: 5px;
	font-weight : bold;
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Silver;
}

.Datum {
    padding-left: 5px;
	font-weight : bold;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
.Datumgrau {
    padding-left: 5px;
	font-weight : bold;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : silver;
}
.Zeit {
    padding-left: 5px;
	font-weight : bold;
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Silver;
}
.Text {
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	text-align:left;
}
.Sparte {
	font-variant : small-caps;
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
.Sparte A{
	font-variant : small-caps;
	font-weight : normal;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
.Sparte A:hover{
	font-variant : small-caps;
	font-weight : normal;
	text-decoration: underline;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
.Sparte B {
	font-weight : normal;
	font-size : 18px;
	color : red;
}


  tr#zeile:hover {
		background-color: #EAEAEA;
}

hr{
	border-width:1px;
	border-style: dotted;
	border-color:silver;
	padding:0px;
}

.suchtext {
	font-weight : normal;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : gray;
	border-width: 1px;
	border-style: solid;
	border-color:  silver;
}

div#Liste, div#Liste2 {
	position: relative;
	left: 20px;
	width: 600px;
	border: 0.5px;
	background-color: white;
	float: left;
	z-index: 3;
}

div#ListeBreit {
	position: relative;
	left: 20px;
	width: 900px;
	border: 0.5px;
	background-color: white;
	float: left;
	z-index: 3;
}

p#Fusszeile {
    clear: both;
    margin: 0; padding: 0.1em;
    text-align: center;
  }

#ListeBreitB input{
	font-weight : bold;
	text-decoration: none; 
	font-size : 9px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}

#Liste, #ListeBreit B {
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
#Liste, #ListeBreit  td {
	font-weight : normal;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
}
#Liste, #ListeBreit  ul,li {
	font-weight : normal;
	text-decoration: none; 
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : black;
}













.filter{
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}

.filter b{
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Black;
}

.filter small{
	font-weight : bold;
	text-decoration: none; 
	font-size : 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : gray;
	text-decoration: underline;
}

#Info  A {
	font-weight : bold;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
#Info  A:hover {
	font-weight : bold;
	text-decoration: underline;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
        border: 1px;
}
.Weiss  {
	font-weight : normal;
	text-decoration: none;
	font-size : 8px;
	font-family : Arial, Helvetica, sans-serif;
	color : white;
}
/* Ab Hier MENUENAVIGATION  */
 
/*  li {
     font-size : 12px;
     font-family : Arial, Helvetica, sans-serif;
  } */
  * html li {
     line-height : normal;
  }

  ul#Navigation {
    margin: 0; padding: 0;
    text-align: left;
  }

  ul#Navigation li {
    font-size : 10pt;
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0em; padding: 0em;
    padding-bottom: 0em;
    z-index: 10;
    background-color: #EEEEEE;
    
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em; 
    padding-bottom: 0.5em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;

  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.7em; 
    /*background-color: silver;
    background-color: #EEEEEE;   */
    /*left: -0.4em;*/
    display: none;  /* Unternavigation ausblenden */
    z-index: 11;
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    top: 1.7em; 
    left: 0 em;
    background-color: silver;
    lef\t: -0 em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color: silver; 
    padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    background-color: #EEEEEE;
  }

  ul#Navigation li ul li {
    float: none;
    display: block;
    background-color: #EEEEEE;;
  }
  
  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 0.2em 1em; /* Abstand um den Linktext herum */ 
    text-decoration: none; 
    font-weight: normal;	
    font-variant : small-caps;
    color: black; 
    background-color: #EEEEEE;
    border-top: solid 1px white;
	  border-bottom: solid 1px #EEEEEE;
  }

  * html ul#Navigation a, * html ul#Navigation span {
     padding: 0.2em 1em; /* Abstand um den Linktext herum */ 
  }

  * html ul#Navigation li ul li a, * html ul#Navigation li ul li span {
     padding-left: 1em; /* Abstand um den Linktext herum */ 
     padding-top: 0em;
     padding-bottom: 0em;
     background-color: #EEEEEE;
  }

  ul#Navigation li ul li a:hover, ul#Navigation span {
    text-decoration: normal; 
    font-weight: normal;
    color: red;
    background-color: white;
    border-top: solid 1px #ACACAC;
	  border-bottom: solid 1px #ACACAC;
  }

  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: black;
    text-decoration: normal; 
    font-weight: normal;
    /*background-color: white;   deaktivieren, um Hintergrund auch grau werden zu lassen*/
    background-color: white;
    border-top: solid 1px white;
	  border-bottom: solid 1px white;
  }
  
  .bildschatten {
  background: url(../pics/bildschatten2.png) no-repeat bottom left;
  padding: 2px 3px 6px 3px;
  border-top-width: 1px;
  border-top-color: #DDDDDD;
  /*border-right-width: 1px;
  border-right-color: #DDDDDD;
  border-left-width: 1px;
  border-left-color: #DDDDDD;*/
  }

  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: white;
  }
  div#Ersatzkopf  {  /* F?r Druck ausblenden */
    display: none;
    }
    
  @media print {
    ul#Navigation, div#Kopf, div#Info, p#Fusszeile  {  /* F?r Druck ausblenden */
    display: none;
    }
    div#Ersatzkopf  {  /* F?r Druck ausblenden */
    display: block;
    }
  }


.fett {
	font-weight : bold;
	text-decoration: none; 
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	color : rgb(0,0,153);
  display: block;  
  /*background-color: #EEEEEE;*/
    }
    
/*Kalender-Formatierungen:*/
#Info .J
{
    /*font-size : 10pt;*/
    text-align : center;
	  padding: 0 em;
    background: rgb(229,229,229);
    font-family : Verdana, Arial, Helvetica, sans-serif;
    z-index:3;
}

.JahresKalender td
{
    /*font-size : 10pt;*/
    text-align : center;
    background: white;
    font-family : Verdana, Arial, Helvetica, sans-serif;
	  padding:0 em;
}

div#Kalender
  {
  position: relative;
	margin-top: 10px;
  text-align : center;
  height: 160px;
  width: 140px;
  background: url(https://www.ssl-id.de/siwikultur.de/termine/pics/kalenderblatt.png) no-repeat top left;
/*  background: url(http://www.siwikultur.de/kulturaktuell/pics/kalenderblatt.png) no-repeat top left;
  padding: 4px 7px 7px 3px;*/
  padding: 0px 7px 7px 5px;
  }
.JahresKalender b
{
    text-align : center;
    font-weight: bold; 
    font-family : Verdana, Arial, Helvetica, sans-serif;
}
#Info .t {
  color:#666666; 
  text-align : center;
  font-weight: bold; 
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
}
#Info .sa{
  color:#0000cc; 
  text-align : center;
  font-weight: bold; 
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
}
#Info .so {
  color:#cc0000; 
  text-align:center;
  font-weight:bold; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
}
#Info .o {
  background:rgb(255,255,255); 
  text-align:center;
  font-weight : normal;
	text-decoration: none; 
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;  
}
#Info .r {
  background:rgb(153,204,255); 
  text-align:center;

}
#Info .grau {
  background:rgb(228,237,249); 
  text-align:center;

}
#Info .g {
  background:#FFFF00; 
  text-align:center;
}

/* Leere Zelle*/
#Info .j {
  text-align:center;
}

#Info .heute {
  background:#FF0000;
  text-align:center;
  border-width:1px;
  border-style:solid;
  border-color:blue;
}

#Info .anzeige {
  background:#FF0000;
  text-align:center;
  font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Gray;
}
#Info .m {
 font-size:10pt; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold; 
 color:#666699;
 text-align:center;
}
div#SeitenOrte {
  display: none;
   text-align:left;
}
div#SeitenSparten {
  display: none;
   text-align:left;
}

/* Popup-Hilfstexte auf Links */
a.tipp{
    position:relative;   
    z-index:4; 
    text-decoration:none;
}

a.tipp:hover{
  z-index:6;
	/*background-color:#ffc473;*/
}

a.tipp span{
	display: none;
	width: 300px;
}

a.tipp:hover span {
  display:inline;
  position:absolute;
	top:2em; left:4em; 
	padding: 2px;
	heigth: auto;
  border:1px solid #999;
  background-color:#ffc473;
	/*color:#006;*/
  color: #000066;
	font-size: 8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
  text-align: left;
  text-decoration:none;
}

* html a.tipp:hover span {
  top:2em; left:0em; 
  }
  
  /* Popup-Hilfstexte auf SuchLinks */
a.suchtipp{
    position:relative;   
    z-index:4; 
    text-decoration:none;
}

a.suchtipp:hover{
  z-index:6;
	/*background-color:#ffc473;*/
}

a.suchtipp span{
	display: none;
	font-variant : normal;
	width: 200px;
}

a.suchtipp:hover span {
  display:inline;
  position:absolute;
	top:3em; left:-8em; 
	padding: 1px;
	heigth: auto;
  border:1px solid #999;
  background-color:#ffc473;
	/*color:#006;*/
  color: #000066;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
  text-align: left;
  text-decoration:none;
}

* html a.suchtipp:hover span {
  top:2em; left:0em; 
  }

 // 2ter Versuch
 .tipp2 A {
  text-decoration:none;
  font-weight : normal;
	font-size : 8px;
	font-family : Arial, Helvetica, sans-serif;
	color : white;
}
 a.tipp2{
    position:relative;   
    z-index:4; 
    text-decoration:none;
}

a.tipp2:hover{
  z-index:20;
	/*background-color:#ffc473;*/
}

a.tipp2 span{
	display: none;
	width: 200px;
}

a.tipp2:hover span {
  display:inline;
  position:absolute;
	top:-2em; left:2em; 
	padding: 2px;
	heigth: auto;
  border:1px solid #999;
  background-color:#ffc473;
	/*color:#006;*/
  color: #000066;
	font-size: 8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
  text-align: left;
}

* html a.tipp2:hover span {
  top:4em; left:5em; 
  }
#Infotext {  
	padding: 5px;
  border:1px solid #999;
  background-color:#ffc473;
  }  

p.c7 {font-weight: bold}
li.c6 {list-style: none}
p.c5 {text-align: center}
p.c4 {font-weight: bold; text-align: center}
span.c3 {font-size:10pt;}
span.c2 {font-size:10pt;}
span.c1 {font-size:10pt;}
span.voreinst {font-size:9pt; color: red;font-weight: bold;  }
code {font-size:10pt;}
.gelb {  
  /*border:1px solid #999;*/
  background-color:#ffff99;
  }
.gelb1 {  
  background-color:#ffff99;
  }
.gelb2 {  
  background-color:#ffcccc;
  }
.gelb3 {  
  background-color:#99ff33;
  } 
.gelb4 {  
  background-color:#ff9999;
  } 
.gelb5 {  
  background-color:#ff66ff;
  } 

.gruen {  
  background-color:#ddff99;
  }
.bleu {  
  background-color:#C1E6FF;
  }
.rot {  
  background-color:#FFC3A2;
  }
.grau {  
  background-color:#c8c8c8;
  }
  
.links {
 margin-left: 5;
 float: left;
 width: 8em;
 text-align: left;
 }    
.mitte {
  margin-left: 5;
  with: 100em;
 }  
 .rechts {
  with: 50em;
 }
 
.headerlink
{
	font-size : 12px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
}

.headerlink:hover
{
	font-size : 12px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
	background-color:#D9E6E6;
	border-top: solid 1px #ACACAC;
	border-bottom: solid 1px #ACACAC;
}

.headerlink:active
{
	font-size: 12px;
	width:auto;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
	background-color:#D9E6E6;
}  

/* Link-Naviagtion */

#navcontainer
{
/*background: #f0e7d7;*/
margin: 0 auto;
padding: 10px 0 10px 20px;
font-family: georgia, serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
/*width: 20%;*/
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
/*background: #f7f2ea;*/
background: rgb(224,224,224);
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: rgb(224,224,224);
/*background: #f0e7d7;*/
color: black;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: blue;
background: rgb(236,236,236);
border-color: #aaab9c #fff #fff #ccc;
text-decoration:none;
}

.COMBI_11 {
 color: blue;
}

.blau {
 color: blue;
}

#Breit {
 margin-left: 20px;
 }
 
.BILDK,.BILDKS,.BILDKL,.BILDKLS,.BILDGL,.BILDGLS,.BILDRELKL,.BILDKLAKTUELL,.BILDKLREGEL img{padding-right:8px; padding-top:3px; display: block; float: left;}
.BILDKR,.BILDKSR,.BILDGR,.BILDGRS,.BILDRELKR img{padding-left:8px; padding-top:3px; display: block; float: right;}

#va {
  position: relative;
  overflow:hidden;
  /*margin: 5px 0 5px 25px;*/
  padding: 5px 0 5px 25px;
  margin: 0 0 0 5px;
  background: url(../pics/dot.png) no-repeat top left;
}

#va_hr {
  position: relative;
  border-style:solid;
  border-width: 0 0 1px 0;
  border-bottom-color: #DDDDDD;
  margin: 2px 0 2px 30px;
}

#Sparte {
	margin: 15px 0 5px 5px;
}

#Datum {
	margin: 15px 0 5px 0px;
}
/* Popup-Hilfstexte auf Links */
a.tipp{
    position:relative;   
    z-index:4; 
    text-decoration:none;
}

a.tipp:hover{
  z-index:6;
	/*background-color:#ffc473;*/
}

a.tipp span{
	display: none;
	width: 300px;
}

a.tipp:hover span {
  display:inline;
  position:absolute;
	top:2em; left:4em; 
	padding: 2px;
	heigth: auto;
  border:1px solid #999;
  background-color:#ffc473;
	/*color:#006;*/
  color: #000066;
	font-size: 8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
  text-align: left;
  text-decoration:none;
}

* html a.tipp:hover span {
  top:2em; left:0em; 
  }

#header {
  position:relative;
  width:950px;
  height:100px;
  border-style:solid;
  border-width:1px;
  border-color:#DDDDDD;
  overflow:hidden;
}

#headerback{
 position:absolute;
 left:300px;
 width:650px;
 z-index:1;
 top:20px;
 text-align:right;
}

#headerbild {
 position:absolute;
 width:950px;
 height:100px;
 z-index:2;
 }
 
#picdivBild1, #picdivBild2, #picdivBild3, #picdivBild4 {
 position: relative;
 text-align:right;
}  

#textBild1, #textBild2, #textBild3 , #textBild4 {
  position:absolute;
  text-align:right;
  bottom: 25px;
  right:0px;
  z-index:6;
  font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	color : white;
	padding: 2px 120px 2px 200px;
	background-color: #000099;
	opacity:0.5;
  filter: alpha(opacity=50);
}