/****************************
*** Grundgeruest**************
****************************/
body      {
	font-size: 100.01%;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	background:#eeeeee;
	color:#333333; 
	height:100%;
	text-align:center;
	margin: 0px; 
	padding: 1em
}
/* begrenzt Site*/
#container{ 
	width: 800px; 
	border:solid 1px #bd2f23;
	text-align:left;
	margin: 0px auto;
	background:#FFFFFF;
}
/*Kopf: oben ist Container fuer Logo und 1.Zeile */
#oben {
	margin: 0px auto; 	
	width:100%;
	height:auto;
	text-align:center;
}
/*erste Zeile fuer Keyword*/
#erstezeile h1 { 
float:right;
font-size: 0.7em;
height:15px;
padding-right:5px;
padding-top:3px;
text-align:right;
margin:0px;
font-weight:normal;
color: #8f8f8f;
}	
/*header positioniert Bild;  margin-bottom positioniert topnav*/
#header {
	float:left;
	margin-top: 0px;
	margin-left:auto;
	margin-bottom:0px;
	height: 85px;
	width: 100%;
	border-bottom:solid 1px #bd2f23;
}
/*macht Logo anklickbar*/
#header a.logo {
	display:block;
	background-image:url(logo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:85px;
	width:700px;
	color: #FFFFFF;
	font-size:0.5em;
	margin:0;
	padding:0;
	}

/*Mittelteil fuer content und rechts*/
#mitte  {
	width:95%;
	height:100%;
	text-align:left;
	margin: 0px auto; 
}
/*Inhalt der Seite*/
#content  {
	float: left;  
	font-size:0.8em;
	width: 80%; 
	padding-right: 1em;
	padding-bottom: 10px;
	padding-top:10px;
	text-align: left;
	margin:0px;
	background-color:#FFFFFF;
	min-height:500px;
}
/*rechter Teil der Seite*/
#rechts    { 
	text-align:right;
	float: right;  
	padding-top:20px;
	font-size:0.7em;
	margin:0;
}
#rechts p  { 
	padding-bottom:5px;
}
/*Zusammenfassung am Seitenende fuer Keywords*/
#abstract    {
	clear:both;
	font-size:0.8em;
	text-align: center;
	margin: 0px auto; 
	padding-top: 5px;
	padding-bottom: 5px;
	color:#ffffff;
	background-color:#bd2f23;
	width:100%
}
#abstract  a  {
	color:#ffffff;
	text-decoration:none
}
	
/****************************
*** Layout fuer Inhalt********
*********************+*******/

#content {line-height:1.5em;}
#content h2  {
	margin:0px;
	padding-top:10px;
	padding-bottom:0px;
	font-size: 1.5em;
	font-weight:bold;
	color:#bd2f23;
}
#content h3 {
	margin:0px;
	padding-top:12px;
	padding-bottom:0px;
	font-size: 1.2em;
	font-weight:bold;
	color:#bd2f23;
}

#content p {margin:0px; padding-top:5px; padding-bottom:5px;}
#content a {color:#2363BE;text-decoration:none;}
#content a:hover {color:#2363BE;text-decoration:underline;}

#content img {margin:10px; border:0px;}
.alignright {float:right; margin:15px;}

#content ul       { margin-top:0px; }
#content li       { list-style-type: circle }

.hinweis-klein {font-size:0.8em}

/****************************
*** Tabellen ++++++++********
****************************/
#va td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
/****************************
*** Produkte  ********
****************************/

#familien{ float:left; width:170px; margin-top:0px; margin-left:10px; margin-right:0; border:solid 1px #2363BE; background-color: #FFFFFF;}
#schueler{float:left; width:170px; margin-top:0px; margin-left:10px; margin-right:0; border:solid 1px #2363BE; background-color: #FFFFFF; padding:0px;}
#erwachsene{ float:left; width:170px; margin-top:0px; margin-left:10px; margin-right:0; border:solid 1px #2363BE; background-color: #FFFFFF;}
#familien p, #erwachsene p, #schueler p { padding:8px; text-align:center;}
#familien ul, #erwachsene ul, #schueler ul { margin-left:25px; margin-right:0px; padding:0px; list-style-position:outside;}
#familien li, #erwachsene li, #schueler li { margin-left:0px; padding:0px; font-size:0.9em; list-style-image:url(burst.png)}
#familien li a, #erwachsene li a, #schueler li a { margin-left:-5px; padding:0px;}
#familien h3, #erwachsene h3, #schueler h3 {text-align:center; margin-top:10px; padding:2px}
#familien img, #erwachsene img, #schueler img {text-align:center; margin:0; padding:0;}