body{
	margin:0;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

html{ height:101%}
	
#header{
	width:714px;
	height:290px;
	background-image:url(images/logo_deinecomputerschulen.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	}
	
#text{
	width:664px;
	height:158px;
	padding-left:25px;
	padding-right:25px;
	background-image:url(images/text.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	}
	
#schulen_auswahl{
	width:714px;
	height:316px;
	background-image:url(images/schulen.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	}
	
#auswahl_media4kids{
	width:356px;
	height:293px;
	float:left;
	}

#auswahl_clickandmore{
	width:356px;
	height:293px;
	float:right;
	}
	
#footer{
	width:664px;
	padding:25px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #f6a817;
	color:#999999;
	text-align:center;
	padding-top:0;
	}
		
#footer ul li{
	list-style:none;
	display:inline;
	}

#footer a{
	color:#999999;
	padding:5px;
	text-decoration:none;
	border-left:1px solid #CCCCCC;
	}
	
#footer a:hover{
	background-color:#f6a817;
	color:#fff;
	}

#content_oben{
	width:714px;
	height:20px;
	background-image:url(images/abgerundet_oben.jpg);
	margin-left:auto;
	margin-right:auto;
	}
	
#content{
	width:664px;
	padding:25px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f6a817;
	color:#FFFFFF;
	padding-top:1px;
	padding-bottom:1px;
	}
	
#content h1{
	padding-top:0;
	margin-top:0;
	padding-bottom:15px;
	border-bottom:3px solid white;
	}
	
#content h2{
	padding-top:0;
	margin-top:0;
	}

#content_unten{
	width:714px;
	height:20px;
	background-image:url(images/abgerundet_unten.jpg);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	}

.clear{
	clear:both;
	}