body {
	padding: 0;
	background-color: black;
}

h4 {
  margin: 0 0 5px;
  padding: 0;
  font-family: verdana,arial,helvetica,sans-serif;
  
}
p {
  margin: 0 0 16px;
  padding: 0;
  font-family: verdana,arial,helvetica,sans-serif;
  line-height: 1.2em;
  color: #333333;
}
a {
  color: #333333;
  font-family: verdana,arial,helvetica,sans-serif;
  text-decoration: underline;
}
.klein {
  color: #333333;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 75%;
}
.weiss {
	color: white;
}
.zentrieren {
  text-align: center;
}
.rechts {
  text-align: right;
}
.unten   { 
	position:absolute;
	bottom:8px;
	left: 100px
}
.kursiv {
	color: #333333;
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
	font-style: italic;
}
.zitrone{
	background-color: yellow;
	margin: 3px 3px 3px 3px;
	
}
.dgruen{
	background-color: #2fae84;
	margin: 3px 3px 3px 3px;
}
.dblau{
	background-color: #0000ff;
	margin: 3px 3px 3px 3px;
}
.hblau{
	background-color: #00ffff;
	margin: 3px 3px 3px 3px;
}
.rot{
	background-color: red;
	margin: 3px 3px 3px 3px;
}
.gelbgruen{
	background-color: #a6ca38;
	margin: 3px 3px 3px 3px;
}
.lila{
	background-color: #ad3a97;
	margin: 3px 3px 3px 3px;
	
}
.lila_k{
	height:65px;
	background-color: #ad3a97;
	margin: 3px 3px 3px 3px;
	
}
.hgrau{
	background-color: #64788a;
	margin: 3px 3px 3px 3px;
}
.hgrau_k{
	height:65px;
	background-color: #64788a;
	margin: 3px 3px 3px 3px;
}
.dgrau{
	background-color: #495b6b;
	margin: 3px 3px 3px 3px;
}
.dgrau_k{
	height:65px;
	background-color: #495b6b;
	margin: 3px 3px 3px 3px;
}

/* RGB-Grundfarben */

.maroon{
	background-color: #800000;
	margin: 3px 3px 3px 3px;
}
.green{
	background-color: #008000;
	margin: 3px 3px 3px 3px;
}
.olive{
	background-color: #808000;
	margin: 3px 3px 3px 3px;
}
.navy{
	background-color: #000080;
	margin: 3px 3px 3px 3px;
}
.purple{
	background-color: #800080;
	margin: 3px 3px 3px 3px;
}
.purple_k{
	height:65px;
	background-color: #800080;
	margin: 3px 3px 3px 3px;
}
.teal{
	background-color: #008080;
	margin: 3px 3px 3px 3px;
}
.gray{
	background-color: #505050;
	margin: 3px 3px 3px 3px;
}
.gray_k{
	height:50px;
	background-color: #505050;
	margin: 3px 3px 3px 3px;
}
.silver{
	background-color: #c0c0c0;
	height: 130px;
	margin: 3px 3px 3px 3px;
}
.red{
	background-color: #ff0000;
	margin: 3px 3px 3px 3px;
}
.lime{
	background-color: #00ff00;
	margin: 3px 3px 3px 3px;
}
.yellow{
	background-color: #ffff00;
	height: 130px;
	margin: 3px 3px 3px 3px;
}
.blue{
	background-color: #0000ff;
	margin: 3px 3px 3px 3px;
}
.fuchsia{
	background-color: #ff00ff;
	margin: 3px 3px 3px 3px;
}
.aqua{
	background-color: #00ffff;
	margin: 3px 3px 3px 3px;
}
/* Ende RGB-Grundfarben */
/* weitere Farben */
.orange{
	background-color: #ff6600;
	margin: 3px 3px 3px 3px;
}
.orange_k{
	height:30px;
	background-color: #ff6600;
	margin: 3px 3px 3px 3px;
}
.gold{
	background-color: #daa520;
	margin: 3px 3px 3px 3px;
}
.gold_k{
	height:50px;
	background-color: #daa520;
	margin: 3px 3px 3px 3px;
}
.rosybrown{
	background-color: #bc8f8f;
	margin: 3px 3px 3px 3px;
}
.rosybrown_k{
	height:65px;
	background-color: #bc8f8f;
	margin: 3px 3px 3px 3px;
}
.schoko{
	background-color: #8b4513;
	margin: 3px 3px 3px 3px;
}
.schoko_k{
	height:65px;
	background-color: #8b4513;
	margin: 3px 3px 3px 3px;
}
/* Ende weitere Farben */
.transparent{
	border: thin dotted Black;
	margin: 3px 3px 3px 3px;
}
.transparent_3{
	width:435px;
	margin: 3px 3px 3px 3px;
}
/* Bilderrahmen */
.bild1{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/antoinette.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild2{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/beate.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild3{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/bianka.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.bild4{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/christiane.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild5{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/claudia.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild6{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/elke.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild7{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/guido.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild8{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/petra.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.bild9{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/ruediger.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild10{
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/portraits/dummy.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* Fotos */
.bild_3{
	width:432px;
	height: 130px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/team.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild_3a{
	width: 432px;
	height: 170px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/team2.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild_3b{
	width:432px;
	height: 145px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/bunt.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild_3c{
	width: 432px;
	height: 170px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/rechnen2.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild_3d{
	width: 432px;
	height: 170px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/taste.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild_3e{
	width: 432px;
	height: 170px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/informationen.png);
	background-repeat: no-repeat;
	background-position: center;
}
.bild_3f{
	width: 432px;
	height: 170px;
	margin: 3px 3px 3px 3px;
	background-image: url(../hintergrund/ernaehrung1.png);
	background-repeat: no-repeat;
	background-position: center;
}
/*Rahmen doppelt*/
.bild_2{
	width: 266px;
	height: 130px;
	margin: 3px 3px 3px 3px;
	
}
a:link {
	color: #black;
}
a:visited {
  color: #370000;
}
a:hover {
	color: #ffe8ba;
}
#fenster_0{
	padding-bottom: 5px;
	height: 600px;
	width: 660px;
	font-family: Verdana;
	font-size: 0.9em;
	z-index: 1;
	margin: 30px auto 0 auto;
}
#fenster_1{
	position: absolute;
	margin-top: 0px;
	margin-left: 10px;
	width: 400px;
	z-index: 2;
}
#fenster_2{
	position: absolute;
	margin-top: 124px;
	margin-left: 10px;
	width: 200px;
	z-index: 2;
}
#fenster_3{
	position: absolute;
	margin-top: 0px;
	margin-left: 136px;
	width: 400px;
	z-index: 2;
}
#textbox{
	position: absolute;
	background-color: #505050;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-top: 3px;
	margin-top: 15px;
	margin-left: 450px;
	width: 150px;
	height: 655px;
	font-family: Verdana;
	font-size: 0.85em;
	z-index: 3;
	line-height: 20px;
	
}
#textbox_2{
	position: absolute;
	background-color: #505050;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-top: 3px;
	margin-top: 15px;
	margin-left: 611px;
	width: 150px;
	height: 655px;
	font-family: Verdana;
	font-size: 0.85em;
	z-index: 3;
	line-height: 20px;
}
#textbox_start{
	position: absolute;
	background-color: #505050;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-top: 3px;
	margin-top: 15px;
	margin-left: 450px;
	width: 150px;
	height: 480px;
	font-family: Verdana;
	font-size: 0.85em;
	z-index: 3;
	line-height: 20px;
}
#textbox_mitte{
	position: absolute;
	background-color: #505050;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-top: 5px;
	margin-top: 195px;
	margin-left: 12px;
	margin-bottom: 3px;
	width: 426px;
	height: 370px;
	font-family: Verdana;
	font-size: 0.85em;
	z-index: 3;
	
}
#titel1{
	font-family: Verdana;
	font-size: 1.1em;
	position: absolute;
	padding: 10px 10px 10px 10px;
	margin-top: 15px;
	margin-left: 159px;
	width: 266px;
	height: 121px;
	z-index: 3;
}
#titel{
	font-family: Verdana;
	font-size: 1.1em;
	position: absolute;
	padding: 10px 10px 2px 10px;
	margin-top: 15px;
	margin-left: 142px;
	width: 327px;
	height: 100px;
	text-align: right;
	z-index: 2;
}
#logobox {
	position: absolute;
	background-image: url(../hintergrund/logo.jpg);
	padding: 8px 5px 5px 15px;
	margin-top: 15px;
	margin-left: 12px;
	width: 121px;
	height: 128px;
	z-index: 2;
	background-repeat: no-repeat;
}
#logobox2 {
	position: absolute;
	padding: 8px 5px 5px 15px;
	margin-top: 15px;
	margin-left: 12px;
	width: 105px;
	height: 98px;
	z-index: 2;
}
#navi {
	/*float: left;*/
	position: absolute;
	width: 450px;
	margin-top: 158px;
	padding: 0px;
	list-style-type: none;
	margin-left: 234px;
	margin-right: 200px;
	margin-bottom: 0px;
	
}
#navi li {
	float: left;
	position: relative;
	right: 50%;
	
}
#navi a {
	width: 130px;
	height: 130px;
	display: block;
	padding: 5px 5px 5px 5px;
	line-height: 1.5em;
	text-decoration: none;
	margin-left: 0px;
	margin-top:3px;
	text-align: right;
	color: black;
}
#navi a:hover {
	text-decoration: underline;
} 
#navi1 {
	position: absolute;
	width: 450px;
	margin-top: 577px;
	padding: 0px;
	list-style-type: none;
	margin-left: 234px;
	margin-right: 200px;
	margin-bottom: 0px;
}
#navi1 li {
	float: left;
	position: relative;
	right: 50%;
}
#navi1 a {
	width: 130px;
	display: block;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	margin-left: 0px;
	margin-top:5px;
	text-align: right;
	color: black;
}
#navi1 a:hover {
	text-decoration: underline;
} 
#menue1{
	position: absolute;
	width: 450px;
	margin-top: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 225px;
	margin-bottom: 0px;

}
#menue1 ul, #menue1 li{
	float: left;
	position: relative;
	right: 50%;
}
#menue1 a:link, li a:visited {
	width: 100px;
	height: 20px;
	display: block;
	padding: 85px 5px 5px 5px;
	line-height: 1.5em;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 3px;
	text-align: right;
	color: orange;
}
#menue1 a:hover {
	text-decoration: underline;
}

#fusszeile {
	position: absolute;
	margin-top:320px;
	padding-left: 10px;
	width: 100%;
}


ul {
  font-family: sans-serif;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;
  color: #333333;
}
ul.links{
	margin-left: 1em; 
	padding-left: 0.5em;
	font-family: sans-serif;
	list-style-type: circle;
	list-style-position: outside;
}
dl.BildLinks {
	float: left;
	margin-right: 1em;
	font-family: sans-serif;
	font-size: 1.1em;
	font-style: italic;
	azimuth: center;
}
dl.BildLinks dt {
  margin-bottom: 0;
}
dl.BildLinks dd {
  margin: 0;
}
dl.BildRechts {
  float: right;
  margin-right: 1em;
  font-family: sans-serif;
  font-size: 0.8em;
  font-style: italic;
}
dl.BildRechts dt {
  margin-bottom: 0;
}
dl.BildRechts dd {
  margin: 0;
}
#newsbox {
	border-left: 3px solid #f8f3ee;
	border-right: 3px solid #f8f3ee;
	padding: 3px;
	position: absolute;
	width: 170px;
	top: 170px;
	right: -5px;
	z-index: 2;
	background-color: #e0d9c7;
	font-size: small;
}

form p{
		width: 500px;
		clear: both;
		}

form p label{
		float: left;
		}

form p input, form p textarea, form p select {
		float: right;
}
a.info
{
	position: relative;
	z-index: 5;
	color: #404040;
	text-decoration: none;
}

/*a.info:hover
{
	z-index: 2;
	background-color: gray;
}*/

a.info span
{
display: none;
}

a.info:hover span
{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 240px;
	border: 4px solid Black;
	background-color: yellow;
	color: black;
	text-align: left;
	padding: 5px;
	
}