/* CSS Document */

body{
	position:absolute;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:normal;
}




/* container */




#main{
	position:relative;
	top:0px;
	left:auto;
	height:810px;
	width: 840px;
	margin:auto;
}

#logo{
	height:100px;
	width:840px;
}


#buehne{
	height:640px;
	width:840px;
	background-image:url(../img/buehne.jpg);
	background-repeat: no-repeat;	
}

#text{
	position:absolute;
	top:107px;
	left:233px;
	height:626px;
	width:600px;
	text-align:right;
	z-index:2;
}	
	

#vita_bild{
	position:absolute;
	top:211px;
	left:327px;
	height:260px;
	width:483px;
	z-index:2;
}	


#galerie_bild{
	position:absolute;
	top:107px;
	left:233px;
	height:626px;
	width:600px;
	text-align:right;
	z-index:3;
}

#start_bild{
	position:absolute;
	top:107px;
	left:173px;
	height:626px;
	width:660px;
	text-align:right;
	z-index:3;
}

#gesamt_bild{
	position:absolute;
	top:107px;
	left:233px;
	height:626px;
	width:600px;
	text-align:right;
	z-index:3;
}

#kontakt_bild{
	position:absolute;
	top:107px;
	left:283px;
	height:626px;
	width:500px;
	text-align:right;
	z-index:3;
}

#imageContainer{
	position:absolute;
	top:107px;
	/*left:233px;*/
	right:20px
	height:626px;
	width:600px;
	text-align:right;
	z-index:4;
}

#bottom{
	height:70px;
	width:780px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
}


#thumbs{
	position:absolute;
	top:560px;
	left:30px;
	height:150px;
	width:290px;
	z-index:5;
	
}


#thumb01{
	float:left;
	height:150px;
	width:90px;
	margin-right:10px;
	z-index:5;
	
}

#thumb02{
	float:left;
	height:150px;
	width:90px;
	margin-right:10px;
	z-index:5;
	
}

#thumb03{
	float:left;
	height:150px;
	width:90px;
	z-index:5;
	
}

#ateliertext{
	position:absolute;
	top:600px;
	left:30px;
	height:100px;
	width:250px;
	z-index:5;
	
}


#kontakttext{
	position:absolute;
	top:380px;
	left:30px;
	height:300px;
	width:300px;
	z-index:5;
}	



#titel_rechts{
	position:relative;
	float:right;
	height:50px;
	width:auto;
	padding-right:0px;
}

#titel{
	position:relative;
	float:left;
	height:50px;
	width:auto;
}

#galnav{
	position:relative;
	float:right;
	height:50px;
	width:auto;
}

.titel_pic{
	margin-bottom: -15px;
	padding-top: 0px;
}




#navigation{
	position:absolute;
	top:63px;
	left:15px;
	height:auto;
	width:auto;
	z-index:9;
	
}

.submenu {
	margin-left:180px;
}

#content {
	position: relative;

	height: 290px;
	width: 220px;
}

#pauseContainer{
	position: relative;
	display: block;
	top: 650px;
	left: -280px;
	
}

/* Gesamt-Nav */
#gesamtnav, #gesamtnav ul{padding: 0; margin: 0; list-style: none;}
#gesamtnav li{margin-bottom: 20px;}
#gesamtnav li ul{margin-top: 5px;}
#gesamtnav li a, #gesamtnav li a:link, #gesamtnav li a:hover, #gesamtnav li a:active, #gesamtnav li a:visited{font-size: 20px;}
#gesamtnav li ul li{margin:0;}
#gesamtnav li ul li a, #gesamtnav li ul li a:link, #gesamtnav li ul li a:hover, #gesamtnav li ul li a:active, #gesamtnav li ul li a:visited{font-size: 12px; font-weight: bold;}
#gesamtnav a.gesamtnav_active, #gesamtnav a.gesamtnav_sub_active{color: #000;}

/* Navigation */
#navigation, #navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation li{position: relative; width: 12em;}
#navigation li ul{display: none; position: absolute; top: auto; left: auto;}
#navigation li ul.active{display: block;}
#navigation li > ul{top: auto; left: auto;}
#navigation li ul{top: auto; left: auto; width: 50em;}
#navigation li:hover ul, #navigation li.over ul {display: block;}
html>body #navigation li:hover ul{display: inline;}
#navigation li ul li{float: left; width: auto;}
#navigation img{border: none;}

#navigation li{margin-bottom: -4px;#} // Für alle außer Safari