body {
margin: 0;
padding: 0;
background-image: url(../pics/backgr/raster2_2.gif);
}

#all {
position: relative;
top: 0;
left: 0;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
height: 100%;
border: 1px solid #fff;
}

#zeile_1 {
/* position: relative;
top:0;
left: 0; */
height: 40px;
width: 100%;
margin: 0;
padding: 0;
}

#zeile_2 {
/* position: relative;
top: 41px;
left: 0; */
height: 100px;
width: 100%;
margin: 0;
padding: 0;
}

#zeile_4 {
/* position: relative;
top: 143px;
left: 0; */
height: 800px;
width: 800px;
margin: 0;
padding: 0;
}

#front_left {
position: absolute;
top: 160px;
left: 0;
height: 800px;
width: 180px;
margin: 0;
padding: 0;
background-color: #900;
float: left;
}

#front_blau {
position: absolute;
top: 160px;
left: 0;
height: 800px;
width: 180px;
margin: 0;
padding: 0;
background-color: #036;
float: left;
}

#front_rot {
position: absolute;
top: 160px;
left: 0;
height: 800px;
width: 180px;
margin: 0;
padding: 0;
background-color: #900;
float: left;
}

#text_u_bild {
position: absolute;
top: 0px;
left: 95px;
width: 80px;
height: 600px;
background-color: #ededf0;
}

#denken {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 1;
visibility: hidden;
background-color: #900;
}

#spiel {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 2;
visibility: hidden;
background-color: #ccc;
}

#erfahrung {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 3;
visibility: hidden;
background-color: #036;
}

#effizienz {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 4;
visibility: hidden;
background-color: #036;
}

#flexibel {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 5;
visibility: hidden;
background-color: #036;
}

#konzept {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 6;
visibility: hidden;
background-color: #900;
}

#profile {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 7;
visibility: hidden;
background-color: #900;
}

#bewegung {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 8;
visibility: hidden;
background-color: #900;
}

#toccata {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 9;
visibility: hidden;
background-color: #036;
}

#erinnerung {
position: absolute;
top: 160px;
left: 0;
width: 180px;
height: 800px;
margin: 0;
z-index: 10;
visibility: hidden;
background-color: #036;
}


#button {
position: absolute;
top: 260px;
left: 400px; */
height: 200px;
width: 200px;
margin: 0;
padding: 0;
}

#inhalt {
position: absolute;
top: 260px;
left: 225px;
height: 600px;
width: 540px;
margin: 0;
padding: 0;
}

.image_rand {
margin-right: 5px;
}

a.referenz {
color: #036;
text-decoration: none;
}

a.referenz:hover {
color: #900;
}

.blaukursiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #003366;
	text-align: center;
}
.blaufett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-align: center;
}
#logo {
	position: absolute;
	top: 80px;
	left: 380px;
	font-family: "Courier New", Courier, mono;
	font-size: 14pt;
	font-weight: bold;
	color: #369;
	text-align: center;
/*	background-color: #369; */


}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003366;
	text-align: left;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
	text-align: left;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003366;
	list-style-type: square;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
	text-align: left;
}
.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8
	pt;
	font-weight: bold;
	color: #003366;
	text-align: left;
}
.zentriert {
	text-align: center;
	color: #003366;
}
.weisszentriert {
	color: #FFFFFF;
	text-align: center;
}
.weisszentriertkursiv8p {
	font-size: 8pt;
	color: #FFFFFF;
	text-align: center;
	font-style: italic;

}
.blauzentriert {
	text-align: center;
}
.blauzentriertkursiv8p {
	font-size: 8pt;
	font-style: italic;
	text-align: center;
}
.weisszentriertkursiv {
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
}
.weisszentriertfett {
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.kapitalgrossfett {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.logoPic {
	vertical-align: top;
}
.MenueZeile {
	background-color: #ededf0;
	background-position: center center;

}
.EbeneRot {

	background-color: #990000;
}
.EbeneBlau {
	background-color: #003366;
}
.EbeneGrau {
	background-color: #ededf0;
}
.EbeneDunkelgrau {
	background-color: #cccccc;
}
.kapitalkleinerfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}
.fett {
font-weight: bold;
}