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

body {
  color: #000;
  background: #466d9f;
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  margin: 0;
  text-align: center;
}


a { text-decoration: underline;}

a:link, a:visited { color: #000;}
a:focus, a:hover, a:active { color: #000;}



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

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



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

#rahmen {
  background: #466d9f;
  max-width: 1200px;
  min-height: 768px;
  text-align: left;
}

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

#kopf { 
	max-width: 1280px;
	height: 72px;
	background-image:url(images/header2.jpg);
  		}

#text{
	font-size: 13px;
	width: auto;
	height:	16px;
	padding-right: 30px;
	font-weight:bolder;

}


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

#spalte1 {
	float:left;
    	width: 199px;
	height: 150px;
	padding: 28px 0;
	position: relative;
	background-image: url(images/nav_back4.jpg);
}

#spalte1 ul {
  padding-left: 15px;
  margin: 0;
  list-style: none;
}

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


/* Schriftgröße der inneren Liste auf die Größe der äußeren Liste zurücksetzen */
li li {
  font-size: 100% !important;
}

/* Links in Blockelemente umwandeln, dass die kompl. Zeile anklickbar ist (funktioniert nicht im IE, dafür der Hack darunter)
   Abstand links einstellen (gilt auch für verschachtelte Listen
*/
#spalte1 a {
  display: block;
  padding-left: 20px;
  /* IE: dadurch wird die komplette Zeile anklickbar, nicht nur der Linktext */
  position: relative;
}
/* IE-Hack: IE kommt nicht mit in block umgewandelten Listenelementen klar */
* html #spalte1 li {
  display: inline;    /* Wird fuer IEs gebraucht */
}
* html #spalte1 a { height: 1em; } /* IE5: damit border komplett bis zum Rand durchgezogen wird */

/* innere Liste weiter einrücken */
#spalte1 li li a {
  padding-left: 40px;
}

#spalte1 ul ul {
  display: none;
  border-top: 0;
}
/* Untermenü mit class="on" einblenden (nur dieses - alle anderen wurden zuvor abgeschaltet) */
#spalte1 ul li.on ul { display: block; }

#spalte1 a:link, #spalte1 a:visited {
  font-weight: bold;
  text-decoration: none;
}

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

/* Klassen einblenden und ausblenden für die flyout-menüs */
#spalte1 ul ul.ausblenden { display: none; }
#spalte1 .einblenden {
  display: block;
  position: absolute;
  left: 130px;
  z-index: 100;
  width: 310px;
  background-color: #466d9f;
  margin-top: -1.5em;
  background-image:url(images/nav_back3.jpg);
  font-size: 90%;
}

/* Flyout Menüs optisch apassen */
#spalte1 li .einblenden li a {
  padding-left: 5px;
  }

/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float:left;
  min-width: 569px;
  max-width: 800px;
  height: auto;
  background: #466d9f;
  padding: 38px 0 10px 0;
  overflow: auto;
  
}


* html #spalte2 {  /* Box Model Hack - notwendig wegen border-Angabe */
  /*width: 362px;    /* Fuer IE 5 und 5.5 */
  /*width: 360px;   /* Fuer IE 6 */
  width: 550px;    /* Fuer IE 5 und 5.5 */
  width: 550px;   /* Fuer IE 6 */
  /*border:solid 1px red;*/
}

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

#spalte2 p {
  font-size: 80%;
  line-height: 150%;
  margin: 1em 20px;
}

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

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #264F63;
}

.nachoben { text-align: right; }