body
	{
	background-color:#B5CAFF;
	}
	
p
	{
	font-size: 20px;
	}
ul
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:16px;
	}
ul a
	{
	display:block;
	width:200px;
	height:40px;
	line-height:40px;
	color:#000;
	text-decoration:none;
	background:#94B8E9 url(../fotos-ua/tauschbild.gif) no-repeat left center;
	text-indent:50px;
	}
a:hover, .auswahl a
	{
	background-position:right bottom;
	color:#fff;
	}
li
	{
	display:inline;
	}
	/*ul ist die Liste für die navi , sowohl links wie auch oben auf den Kinderseiten*/
#wrapper
	{	
	border:2px solid gray;
	width:850px;
	margin:0 auto;
	padding:20px;
	background-color:#0000ff;
	text-align:center;
	}
/*wrapper ist unser blauer Hintergrund-Rahmen, wo alles drin ist*/	
#kopf
	{
	border:2px solid gray;
	width:775px;
	margin:0 auto;
	height:150px;
	text-align:center;
	padding:20px;
	background-color:#DBFFFF;
	}
/*im Kopf sind die Fotos und das Wort bibliothek*/	
#navi
	{
	border:1px solid gray;
	width:0 auto;
	margin:10px;
	float:left;
	}
/*navi ist die Linkleiste, sowohl die linke wie auch die auf den Kinderseiten obere*/
#impressum
	{
	border:2px solid gray;
	width:775px;
	margin:0 auto;
	height:250px;
	text-align:center;
	padding:20px;
	clear:both;
	background-color:#DBFFFF  ;
	margin:50px 0px 0px 0px; 
	}
	/* impressum ist der äußere Rahmen, weil wir 2 
	Angaben zum Impressum haben, Bibo und Verein*/
#footer 	{
	border:1px solid gray;
	width:350px;
	background-Color:#AED0FD  ;
	margin:0px 0px 0px 0px; 
	padding:10px 10px 10px 10px;
	text-align:left;
	float:left;
	height:200px;
	
	}
#footer1 	{
	border:1px solid gray;
	width:350px;
	background-Color:#AED0FD  ;
	margin:0px 0px 0px 0px; 
	padding:10px 10px 10px 10px;
	text-align:left;
	float:right;
	height:200px;
	}		
#content {
	float:right;
	width:600px;
	border:1px;
	text-align:left;
		}
/* content ist ein unsichtbarer Rahmen, 
damit die Bücherwürmer richtig pos. sind*/		
#links
	{
	float:left;
	border:1px solid gray;
	width:350px;
	margin:20px;
	padding:20px;
	line-height:20px;
	background-color:#DBFFFF;
	font-size:20px;
		}
	/*links ist unser eigentlicher Inhalt auf jeder Seite*/
#rechts
	{
	float:right;
	border:0px solid gray;
	width:100px;
	padding:20px;
		}
/*rechts ist unsere Position für die 2 bücherwürmer*/
form
	{
	padding-left:20px;
	}
/*form ist im formular.html die zeile für die mailto*/