*{
	padding:	0px;
	margin:		0px;
	
	font-family:	Arial;
}

#container{

	margin:		50px auto;

	width:		800px;	
	height:		550px;
}

#oben{

	width:		800px;
	height:		200px;
	
	background-color: #5b9bd5;
	
	float:		left;
}

#links{

	width:		200px;
	height:		550px;
	
	background-color: #5b9bd5;
	
	float:		left;
}

#rechts{

	width:		600px;
	height:		550px;
	
	background-color: #5b9bd5;
	
	float:		left;
}

#box_oben{

	width:		700px;
	height:		70px;

	margin:		50px auto;
	
	color:		#ffffff;
	font-size:	24pt;
	
	text-align:	center;
	padding-top:	30px;
	
	background-color:	#548235;
}

#navi{

	width:		130px;
	height:		500px;

	margin-top:		0px;
	margin-left:	50px;
	
	color:		#ffffff;
	font-size:	12pt;
	
	padding-top:	10px;
	padding-left:	10px;
	
	background-color:	#bf9000;
}

#farbmischung{
	
	width:	450px;
	height:	450px;

	background-color: #900000;
	
	margin: 25px auto;
	
}

#feld1{

	width:	150px;
	height:	150px;

	background-color: #000090;
	
	float:  left;
}

#feld2{

	width:	150px;
	height:	150px;

	background-color: #009000;
	
	float:  left;
}

#feld3{

	width:	150px;
	height:	150px;

	background-color: #900000;
	
	float:  left;
}

#feld4{

	width:	150px;
	height:	150px;

	background-color: #ffffff;
	
	float:  left;
}

#feld5{

	width:	150px;
	height:	150px;

	background-color: #900090;
	
	float:  left;
}

#feld6{

	width:	150px;
	height:	150px;

	background-color: #ffff00;
	
	float:  left;
}


a{
	text-decoration: none;
}

a:link{
	
	color: 			#ffffff;
}

a:visited{
	
	color: 			#ffffff;
}

a:hover{
	
	color: 			#AA0000;
}

a:active{
	
	color: 			#AA0000;
}