* {
	margin: 0;
	padding: 0;
}

a:active, a:focus{outline: none}

a img {border: none; outline: none;}
a { color: black;}
object { outline:none; }
div { outline: none;}

html, body{
	height: 100%;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 12px;
	line-height: 140%;
}

body {
	background: #575e69;
}

#all {
	
}


#videotest {
	width: 100%; 
	height: 100%; 
	text-align: center; 
	position: relative;
	padding-top: 30px; 
	background: #111111;
	padding: 0;
	margin: 0;
	z-index: 999;
	top: 0;
	color: white;
	display: none;
}

#videotest a { color: white; }

#videotest object { 
	-moz-opacity:1;
	opacity: 1;
	z-index: 999;
	margin: -185px 0 0 -250px; 
	position:absolute; top: 50%; left: 50%; width: 500px; height: 375px; 
}

#main {
	width: 976px;
	height: 494px;
	background: #d8dce5;
	position: absolute;
	top: 50%;
	margin-top: -247px;
	border-top: 2px solid #902327;
	border-right: 2px solid #902327;
	border-bottom: 2px solid #902327;
	-webkit-box-shadow: #000 0px 5px 10px;
	-moz-box-shadow: #000 0px 0px 20px;
	box-shadow: #000 10px 10px 10px;
	overflow: hidden;
}

.babette { position: absolute; right: 20px; bottom: 4px; }

#navi {
	width: 976px;
	height: 19px;
	background: url(images/navi_bg.png) repeat-x;
	position: relative;
}

#navi ul { 
	list-style-type: none; 
	height: 19px;
	margin: 0;
}

#navi li { 
	float: left;
	width: auto;
	height: 19px;
	margin: 0 15px;
}

#navi li:last-child {
	float: right;
	color: #6e6e6e;
}

#navi a {
	text-decoration: none;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bolder;
}

#navi a:hover { color: #aa0000; font-weight: bolder;}

.active { color: #aa0000; font-weight: bolder;}

#content {
	height: 470px;
	width: 640px;
	float: left;
}

#right {
	width: 335px;
	height: 470px;
	float: right;
	text-align: center;
}



.startseite { 	background: url(images/babette_bild.png) right bottom no-repeat;position: absolute; right: 0; top: 19px; }
.ruecken { 	background: url(images/ruecken.jpg) right bottom no-repeat; border-left: 1px solid #902327; position: absolute; right: 0; top: 19px;}
.buehne { 	background: url(images/theater.jpg) right bottom no-repeat; border-left: 1px solid #902327; position: absolute; right: 0; top: 19px;}
.telefon { 	background: url(images/face.jpg) right bottom no-repeat; border-left: 1px solid #902327; position: absolute; right: 0; top: 19px;}
.gesicht { 	background: url(images/gesicht.jpg) right bottom no-repeat; border-left: 1px solid #902327; position: absolute; right: 0; top: 19px;}
.aktuell { 	background: url(images/theater_1.jpg) right bottom no-repeat; border-left: 1px solid #902327; position: absolute; right: 0; top: 19px;}

#footer {
	height: 5px;
	background: #902327;
	width: 100%;
	position: absolute;
	bottom: 0;
}

#startseite { height: 100%; }
#startseite img { position: absolute; bottom: 10px; left: 15px; }

#vita { margin: 8px 0 0 16px; padding: 20px 0; height: auto; width: 600px;}
#vita pre { margin: 3px 0 10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; font-size: 90%; width: 340px; text-align:left;}
#vita h4 { border-left: 4px solid #902327; padding-left: 5px;}
#vita table { width: 600px; font-size: 90%;}

#aktuelles { 
	margin: 18px;
	 margin: 8px 0 10px 16px;

}

#aktuelles h2 {
	color: #902327;
}

#video {
	width: 100%; 
	height: 400px; 
	text-align: center; 
	padding-top: 30px; 
	background: #111111;
}

#video embed { 
	-moz-opacity:1;
	opacity: 1;
	z-index: 999;
}


#proben {
	height: 370px;
	width: 295px;
	background: #d8dce5;
	padding: 100px 0 0 50px;
	background: #e6eaf2;
	color: black;
	position: absolute;
	top: 19px;
	right: 0;
	border-left: 1px solid #902327;
	text-align: left;
}

#proben p { text-decoration: underline; margin-top: 10px;}
#proben h4 {position: absolute; left: 10px; top: 8px; border-left: 4px solid #902327; padding-left: 5px;}
#proben embed { 
	background: none; 
	height: 16px;
	width: 230px;
	margin: 10px 0 0 10px;
}

#kontakt {
	position: absolute;
	top: 18px;
	left: 30px;
	font-size: 120%;
}
#kontakt a { color: #902327; }
#kontakt a:hover { color: black; }




<!-- Lava Lamp -->

#container {
 width: 976px;
 height: 19px;
 margin: 100px auto;
}

#blob {

 border-right: 1px solid #e1e1e1;
 border-left: 1px solid #e1e1e1;
 position: absolute;
 top: 0;
 z-index : 1;
 background: #D8DCE5;
 background: -moz-linear-gradient(top, #D8DCE5, #D8DCE5);
 background: -webkit-gradient(linear, left top, left bottom, from(#D8DCE5), to(#D8DCE5));
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 /*
 -moz-box-shadow: 2px 3px 10px #fff;
 -webkit-box-shadow: 2px 3px 10px #fff; */


}

#nav {
width: 976px;
height: 19px;
background: #D8DCE5 url(images/navi_bg.png) repeat-x;
position: relative;
float: left;
}

#nav li {
list-style: none;
float: left;
height: 19px;

}

#nav li:last-child {
	float: right;
	color: #6e6e6e;
}

#nav li a {
position: relative;
z-index: 2;
padding: 0 15px;
text-decoration: none;
font-variant: small-caps;
font-size: 14px;
font-weight: bolder;
}



#nav a:hover { color: #aa0000; font-weight: bolder;}

.active { color: #aa0000; font-weight: bolder;}