/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

html {min-height: 100%; padding-bottom: 1px;}

body {
  color: #000;
  background: #6699FF;
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  padding: 20px 0;
  margin: 0;
  text-align: center;
  
}

*
{ margin: 0;
  padding: 0;
  
  }
  
  
a { text-decoration: underline;}

a:link, a:visited { color: #2A5165;}
 
  span.spalte1 {
  display: block;
  position: relative; /*wird für die IEs gebraucht*/
	padding-left: 20px;
	border-bottom: 1px solid #FFF;
  text-decoration: underline;
  font-size: 100%;
	line-height: 180%;
	font-weight: bold;
	color: #BD1823;
	
	}

a:focus, a:hover, a:active { color: #BD1823;}

img {
   border: 0px;
   }

li li {
	 font-size: 80% !important;
	 }

/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

.unsichtbar {
position: absolute !important;
left: -6000px !important;
top: -6000px !important;
width: 0px !important;
height: 0px !important;
}


/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  background: #FFF   url(images/hintergrund.gif) repeat-y;
  width: 760px;
  border: 1px solid #FFF;
  margin: 0 auto;
  text-align: left;
}

* html #rahmen {
  width: 762px;    /* fuer IE 5 und 5.5 */
  wid\th: 760px;   /* fuer IE 6 */
}

#kopf {
  background: #FFF;
  padding: 15px 0 15px 20px; /*1. Wert Rand von oben */
}



/* Rote Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue {
  float: left;
  width: 100%;
  
  background: #c9deea; /*url(images/blauerHintergrund.gif) no-repeat !important;*/
  border-bottom: 1px solid #FFF;
  }


#menue ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 ;
  list-style: none;
  border-top: 1px solid #BD1823;
  border-bottom: 1px solid #BD1823;
}

#menue li {
  float: left;
  background: #c9deea;/*url(images/hellblauHintergrund.gif) no-repeat;*/
  margin-left: 67px; 
  
}

#menue a, #menue .aktuell {
  display: block;
  position: relative;
  font-size: 80%;
  font-weight: bold;
  line-height: 1.15em;
  text-transform: uppercase;
  padding: 3px 15px 2px 20px;
}


#menue a:link, #menue a:visited {
  color: #FFF;
  background-color: #DC143C; /*Hintergrund Einzelne Kästchen im normalen Zustand nicht angeklickt #622*/
  text-decoration: none;
}

#menue a:focus{
color: #7CFC00; /* Grün #ff0; */
font-weight: bold;
background: url(images/Hintergrund1.gif) no-repeat;}


#menue li a:active {
color: #000000;
font-weight: bold;
background: url(images/Hintergrund1.gif) no-repeat;}

#menue li a:hover, #menue .aktuell{
  color: #fff;
  background-color: #00008B;
  }
  


/* Spalte 1 mit Flyout-Menue
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float:left;
  position: relative;
  background-color: #C9DEEA;
  width: 199px;
  padding: 28px 0;
}


#spalte1 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #FFF; /* Farbe weiss Kurzschreibweise*/
	}


#spalte1 li {
	font-size: 80%;
	line-height: 180%;
	}

* html #spalte1 li {   /*wird für die IEs gebraucht*/
	display: inline;
	}

#spalte1 a {
	display: block;
	position: relative; /*wird für die IEs gebraucht*/
	padding-left: 20px;
	border-bottom: 1px solid #FFF;
	}

* html #spalte1 a { height: 1em;} /* Wird für IE 5 gebraucht*/

#spalte1 a:link, #spalte1 a:visited {
	font-weight: bold;            /*Schrift muss bei den Links gefettet werden */
	text-decoration: none;
	}

#spalte1 a:focus, #spalte1 a:hover, #spalte1 a:active {
	text-decoration: underline;
	}

#spalte1 ul ul {
	display: none; /* Ausblenden der Submenüs*/
	border-top: 0; /*Überschreiben der Anweisung border top in #spalte1 ul, da sonst zuviele Linien angezeigt würden*/
	}

#spalte1 ul li.on ul {display: block;}

#spalte1 li li a {
	padding-left: 40px; /*Einrückung der inneren Liste*/
	}

/*#spalte1 ul ul.ausblenden {display: none};
#spalte1 .einblenden {
	display: block;  /*wird das ul-Element der Klasse einblenden wieder sichtbar gemacht*/
	/*position: absolute;  /*Positionierung des ul-Elements vom Elternelement gesehen um 170px nach rechts*/
	/*left: 170px;
	z-index: 100;
	width: 300px;
	background-color: #FFF;
	border-top: 1px solid #8BAEC0;
  border-right: 1px solid #8BAEC0;
  border-left: 1px solid #8BAEC0;
  margin-top: -1.5em;
}

#spalte1 li .einblenden li a {
  padding-left: 5px;
  border-bottom: 1px solid #8BAEC0;
}
*/
/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float:left;
  width: 360px;
  background: #E4EEF3;
  padding: 20px 0 10px 0;
  border-right: 1px solid #FFF;  /* Senkrechte Linie rechts */
  border-left: 1px solid #FFF;   /* Senkrechte Linie links */
}

* html #spalte2 {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 362px;    /* Fuer IE 5 und 5.5 */
  wid\th: 360px;   /* Fuer IE 6 */
}

#spalte2 h1 {
  color: #BD1823;
  font-family: georgia,'times new roman',serif;
  font-size: 120%;
  line-height: 140%;
  border-bottom: 1px solid #BD1823;
  margin: 0 20px 1em 20px;
}

#spalte2 h2 {
  color: #000000;
  font-family: georgia,'times new roman',serif;
  font-size: 100%;
  /*line-height: 120%;
  border-bottom: 1px solid #BD1823;*/
  margin: 0 20px 1em 20px;
}  
#spalte2 p {
  font-size: 80%;
  line-height: 150%;
  margin: 1em 20px;
}

.p {
font-size: 80%;
  line-height: 150%;
  margin: 1em 20px;
  text-align: center;
}  

#spalte2 h3 {
text-align: center;
}

#spalte2 a:link, #spalte2 a:visited {
  color: #0063FF;
  font-weight: bold;
}

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #0099FF;
}

.nachoben { text-align: right; 
				}


/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte3 {
  float:left;
  width: 199px;  /* Breite ohne senkrechte weisse Linie */
  background: #C9DEEA;
  padding: 28px 0 10px 0;
}

#spalte3 h1 {
  color: #2A5165;
  font-size: 80%;
  line-height: 160%;
  margin: 0 20px;
}

#spalte3 h2 {
  color: #000000;
  font-family: georgia,'times new roman',serif;
  font-size: 100%;
  /*line-height: 120%;
  border-bottom: 1px solid #BD1823;*/
  margin: 0 20px 1em 20px;
}    
#spalte3 p {
  font-size: 70%;
  line-height: 150%;
  margin: 1em 20px;
}
