/* All the content boxes belong to the content class. */
body{
	margin:0px;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100.01%;
}
img{
	border:0px solid #ffffff;
}
#main{
	margin:0px;
	width:100%;
	height:113px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	background-color:#777f74;
}
#head{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	height:113px;
	background-color:#777f74;
	text-align:left;	
}
*.head{	background-color:#777f74;}
*.headtraum{background-color:#990000;}
#allothers{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:left;	
}
#allothers h1, #allothers h2, #allothers h3{
	clear:both;
}
#allothers h2{
	padding: 20px 0px 0px 0px;
	margin:0px;
}
#allothers h3{
	padding: 20px 0px 0px 0px;
	margin:0px;
}

#head h1{
	margin:0px 0px 0px 15px;
	padding:10px;
	font-weight:bold;
	color:#424640;
	font-size:3.4em;
}
#menu{
	list-style-type:none;
padding:0px;
margin:0px;
	font-weight:bold;
}
#menu li{
float:left;
padding:0px;
margin:0px 0px 0px 12px;
}

#menu a{
	display:block;
	margin:0px 0px 0px 0px; 
	padding:01px;
	color:#d3dab9;
	text-decoration:none;
		font-size:1.7em;
}
#menu a:hover{
	color:#424640;
	background-color:#d3dab9;
}
#content{
	width:100%;
	margin:0px;
	padding:0px;
}
#frontoper, #frontschauspiel, #frontmalerei, #frontballett{
	width:100%;
	height:118px;
	margin:0px;
	padding:0px;
/*	background-color:#6f767e;*/
	background-position:center;
	background-image:url(img/frontoper.jpg);
	background-repeat:no-repeat;
}

#frontschauspiel{
	height:113px;
/*	background-color:#f6d19a;*/
	background-position:center;
	background-image:url(img/frontschauspiel.jpg);	
}
#frontballett{
	height:112px;
/*		background-color:#e9e59e;*/
	background-position:center;
	background-image:url(img/frontballett.jpg);		
}
#frontmalerei{
	height:117px;
/*		background-color:#d3dab9;*/
	background-position:center;
	background-image:url(img/frontmalerei.jpg);		
}
#frontoper a, #frontschauspiel a, #frontmalerei a, #frontballett a{
	display:block;
	width:990px;
	height:100%;
	text-decoration:none;
	font-size:90px;
	font-weight:bold;
	color:#424640;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#frontoper a:hover, #frontschauspiel a:hover, #frontmalerei a:hover, #frontballett a:hover{
	color:#777f74;
}
form, input, textarea, form p, li, ul, td, th, label{
 	font-size:10px;
	line-height:1.20;
	color:#222222;
	}
#leftcol{
	text-align:right;
	width:50%;
	height:1500px;
	float:left;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:right top;
}
#rightcol{
	text-align:left;
	width:49%;
	height:900px;
	margin:0px;
	padding:0px;
	float:left;
}
#rightcol p, #leftcol p,#rightcol h1, #leftcol h1,#rightcol h2, #leftcol h2,  #rightcol h3, #leftcol h3{
	font-weight:normal;
	font-size:1em;
	line-height:1.2;
	padding:7px 15px 7px 30px;
	text-align:left;
	
}
#rightcol h3, #leftcol h3, #allothers h3{
font-size:0.9em;
color:#424640;
}
#rightcol h1, #leftcol h1{
	font-weight:bold;
	font-size:1.2em;
}
#rightcol h2, #leftcol h2{
	font-weight:bold;
	font-size:1.0em;
}
#rightcol a, #leftcol a , #allothers a{
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2;
	padding:7px 4px 7px 15px;
	text-align:left;
	color:#424640;
	text-decoration:none;
}
#rightcol a{
	padding:7px 10px 7px 4px;
}
#rightcol a:hover, #leftcol a:hover, #allothers a:hover{
	color:#ff0000;
	}
div.operbgl, div.operbgl2{
	background-color:#7a8ea6;
	}
div.operbgl{
	background-image:url(img/opernstartlinks.jpg);
	background-repeat:no-repeat;
	}
div.operbgr,div.operbgr2,*.oper2{
	background-color:#977953;
	}
div.operbgr{
	background-image:url(img/opernstartrechts.jpg);
	background-repeat:no-repeat;
	}
div.schauspielbgl,div.schauspielbgl2{
	background-color:#9e9568;
	}
div.schauspielbgl{
	background-image:url(img/schauspielstartlinks.jpg);
	background-repeat:no-repeat;
	}
div.schauspielbgr,div.schauspielbgr2,*.schauspiel2{
	background-color:#6298a7;
	}
div.schauspielbgr{
	background-image:url(img/schauspielstartrechts.jpg);
	background-repeat:no-repeat;
	}
div.ballettbgl,div.ballettbgl2{
	background-color:#b1b77b;
	}
div.ballettbgl{
	background-image:url(img/ballettstartlinks.jpg);
	background-repeat:no-repeat;
	}
div.ballettbgr,div.ballettbgr2,*.ballett2{
	background-color:#a0b08b;
	}
div.ballettbgr{
	background-image:url(img/ballettstartrechts.jpg);
	background-repeat:no-repeat;
	}
div.malereibgl{
	background-color:#e2f0c2;
	}
div.malereibgr,*.malerei2{
	background-color:#e2f0c2;
	}		
div.thumbs{
	padding:5px;
	margin:8px;
	float:left;
	text-align:center;
	width:120px;
	height:120px;
}
img.thumbs{
	border:0px;
	vertical-align:middle;
}
div.fullimg{
	position:absolute;
	top:130px;
	left:1%;
	z-index:100;
	visibility:hidden;
	padding:5px;
	background-color:#424640;
}
 dl
{
width: 900px;
margin: 0px 0px 15px 0px;
padding: 0;
font-family: Verdana, san-serif;
}

dt
{
width: 80px;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #000000;
font-weight: bold;
font-family: Georgia, Verdana, san-serif;
clear: both; }

dd
{
float: left;
width: 700px;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #000000;
}
#aktuelles
{
position:absolute; 
top:140px;
right:14%;
width:250px; 
height:400px;
color:#ffffff;
background-color:#777f74;
opacity:0.8;
overflow:auto;
filter:Alpha(opacity=70);
-moz-opacity:0.8;
-khtml-opacity:0.8
}
#aktuelles p, #aktuelles h2, #aktuelles h3{
	color:#ffffff;
	margin:5px 10px 5px 15px;
		font-size:1.0em;
}
#aktuelles h3{
	font-size:0.8em;
}
#aktuelles p{
		font-size:0.8em;
}
#aktuelles a{
	color:#ffffff;
	text-decoration:underline;
}
#aktuelles a:hover{
	text-decoration:none;
}
#aktuelles a:visited{
	color:#dddddd;
}
*.traum2, #hintergrund{
	background-color:#990000;
}

#traumtop{
	margin:10px 0px 0px 0px ;
	background-color:#ffffff;
	padding:5px;
	width:880px;
	}
#traumleute{
	margin:0px 0px 0px 0px ;
	padding:5px;
	width:880px;
	}

#trauml{
	width:33%;

	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
}
#traumc{
	width:33%;
	margin:0px;
	padding:0px;
	float:left;
	 color:#ffffff;
	}
#traumr{
	width:33%;
	margin:0px;
	padding:0px;
	float:left;
	color:#ffffff;
	}
	#traumr p, #traumc p, #trauml p{
		width:90%;
	}
#traumtop p{
	background-color:#ffffff;
	font-size:0.9em;
}