#feld_a {
	float:left;
	background-color:#FFFFFF;
	height:450px;
	width:450px;
}

#feld_a1{
	background-color:#594F83;
	color: #FFFFFF;
}
#feld_a2{
	background-color:#B5A8D3;
	color:#000000;
}
#feld_a3{
	color: #000000;
	background-color: #FFFFFF;
}
#feld_a4{
	color: #000000;
	background-color: #FFFFFF;
}
#feld_a5{
	color: #000000;
	background-color: #B5A8D3;
}
#feld_a6{
	color: #000000;
	background-color: #594F83;
}


#feld_b {
	float:right;
	background-color: #594F83;
	height:450px;
	width:300px;
}

#feld_b1{
	color: #000000;
	background-color: #B5A8D3;
}
#feld_b2{
	color: #000000;
	background-color: #FFFFFF;
}
#feld_b3{
	color: #000000;
	background-color: #000000;
}

#feld_c{
	float:left;
	background-color: #B5A8D3;
	height:300px;
	width:450px;
}
#feld_c1{
	float:left;
	height:300px;
	width:150px;
	color: #FFFFFF;
	background-color: #594F83;
}
#feld_c11{
	color: #FFFFFF;
	background-color: #594F83;
}
#feld_c12{
	color: #FFFFFF;
	background-color: #594F83;
}
#feld_c2{
	color: #FFFFFF;
	background-color: #1F173E;

}

#feld_d {
	float:right;
	height:300px;
	width:300px;
}
#feld_d1{
	color: #000000;
	background-color: #FFFFFF;
}
#feld_d2{
	color: #FFFFFF;
	background-color: #594F83;
}
#feld_d3{
	color: #FFFFFF;
	background-color: #594F83;
}
#feld_d4{
	color: #FFFFFF;
	background-color: #1F173E;
	vertical-align: middle;
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding:15px;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding:15px;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px;
}



.feld_gross {
	float:left;
	height:300px;
	width:300px;
}

.feld_klein{
	float:left;
	height:150px;
	width:150px;
}