/* Created by TopStyle Pro Trial Version - www.bradsoft.com */

<!-- 
 /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
fotogallery redesigned by Aaron Selig and Annette Stšcker
=================================================================== */ 

 -->


a, a:visited, a:hover {}

#container {top: 40px;left: 345px; position:absolute; width:720px; height:200px; background:#O00; border:1px solid #000; margin:0px auto; font-family:verdana, arial, sans-serif; font-size:11px;}

#containerstart {position:relative; width:720px; height:200px; background:#O00; border:1px solid #000; margin-left:20px; margin-top:40px; font-family:verdana, arial, sans-serif; font-size:11px;}

#container a.pics {float:left; padding:10px; display:inline; color:#000; text-decoration:none; width:75px; height:55px; cursor:default;}
#container a.pics img.thumb {display:block; border:1px solid #000;}

#container a.pics span {display:none; margin-top: 35px;  border:0; width:580px; background:#000; border:1px solid #000; text-align:left; color:#FFFFFF}
#container a.pics span img {margin:10px auto; border:1px solid #000;}

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:120px; z-index:10; height:500px;}

#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:211px; z-index:5; height:500px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:211px; z-index:5; outline:0; height:500px;}

#container span.info {clear:left; display:block; line-height:20px; margin:10px; padding:15px 0 0 0; width:600px; text-align:left; color:#CCCC66; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

#container span.starttext {clear:left; display:block; line-height:20px; margin:10px; margin-top:178px; padding-left:60px 0 0 0; width:450px; text-align:left; color:#CCCC66; z-index:11;}
#container span.starttext a {color:#000;}
#container span.starttext a:hover {text-decoration:none;}

#container span.starttextt {clear:left; display:block; line-height:20px; margin:10px; margin-top:178px; padding-left:0px 0 0 0; width:450px; text-align:left; color:#CCCCCC; z-index:11;}
#container span.starttextt a {color:#000;}
#container span.starttextt a:hover {text-decoration:none;}

#container span.starttextgood {clear:left; display:block; line-height:20px; margin:10px; margin-top:-5px; padding-left:0px 0 0 0; width:450px; text-align:left; color:#FFFFFF; z-index:11;}
#container span.starttextgood a {color:#000;}
#container span.starttextgood a:hover {text-decoration:none;}

#container span.starttextlong {clear:left; display:block; line-height:20px; margin:10px; margin-top:-5px; padding-left:0px 0 0 0; width:600px; text-align:left; color:#CCCCCC; z-index:11;}
#container span.starttextlong a {color:#000;}
#container span.starttextlong a:hover {text-decoration:none;}

#container span.starttextv {clear:left; display:block; line-height:20px; margin:10px; margin-top:153px; padding-left:0px 0 0 0; width:800px; text-align:left; color:#FFFFFF; z-index:11;}
#container span.starttextv a {color:#000;}
#container span.starttextv a:hover {text-decoration:none;}


#container span.startbild {clear:left; display:block; line-height:20px; margin:10px; margin-top:200px; padding-left:60px 0 0 0; width:600px; text-align:left; z-index:11;}
#container span.startbild a {color:#000;}
#container span.startbild a:hover {text-decoration:none;}



#bio {top: 17px;
	 left: 345px;
	position: absolute;}


#info {height:400px; }

#navigation{
	top: 50px;
	left: 80px;
	position: absolute;
}

#works{
	top: 6px;
	left: 40px;
	position: absolute;
}

#stse{
	top: 274px;
	left: 10px;
	position: absolute;
}

#contact{
	top: 420px;
	left: 20px;
	position: absolute;
}

#titel{
	top: 17px;
	left: 335px;
	position: absolute;
}

#video{
	top: 510px;
	left: 80px;
	position: absolute;

}

#startbild{
	top: 183px;
	left: 10px;
	position: absolute;
}




/*NAV LINKS Hauptmenü */

#navigation ul.menu1 {
	padding:0; 
	margin:0; 
	border:0; 
	list-style-type:none; 
	height:60em; 
	overflow: auto; 
	background:#000000; 
	width:20em; 
	text-align:left; 
	color:#ffffff; 
	border:0;
	line-height: 19px; 

}

#navigation ul.menu1 li.drop {
	margin-bottom:0px;
	list-style-type:none; 
	line-height: 19px; 

}



#navigation ul.menu1 li:hover a, #navigation ul.menu1 li a:hover {
	border:0; 
	color:#ffffff; 
	list-style-type:none; 
	line-height: 19px; 
	color:#CCCC66; 

}

#navigation ul.menu1 li a:hover ul {
	display:block; 
	height:100%; 
	width:20em; 
	margin-top:-1px; 
	background:#000000; 
	border:0;
	list-style-type:none; 
	text-indent: -15px;
	line-height: 19px; 

}


#navigation ul.menu1 li:hover ul li a, {
display:block; 
	height:100%; 
	width:20em; 
	margin-top:-1px; 
	background:#000000; 
	border:0;
	
	}


#navigation ul.menu1 li a:hover ul li a {
	height:2em; 
	background:#000000; 
	color:#CCCC66; 
	font-weight: bold;}

#navigation ul.menu1 li:hover ul li:hover a, 

#navigation ul.menu1 li a:hover ul li a:hover {background:#000000; color:#ffffff;}




/* zweiter Level */
#navigation ul.menu1 ul {
	margin: -1px 0 0 0;
	display: none; 
	background: #000000;
}


#navigation ul.menu1 ul li	{
	border: none;
	margin: 0px;
}

#navigation ul.menu1 li.current ul {
	display: block;
	list-style-type:none; 
	text-indent: -15px;
	line-height: 19px; 

	 /* wegen der Menüstruktur von modx */
}
	
#navigation ul.menu1 li.current li a, #col1 li.current li a:visited {	
	/*width: 199px;*/
	text-indent: -100px; 
	line-height: 1.5em; 
	font-weight: normal;
	color: ffffff;
	list-style-type:none; 
	text-indent: -15px;
	line-height: 19px; 

/*	border-bottom: 1px solid #e1c89a;
*/}
								
#navigation ul.menu1 li.current li a:hover, #navigation li.current li a:active, #navigation li.current li a:focus {
	background: none;
	background: #000000;
	color:#CCCC66;
	font-weight: normal;
	list-style-type:none; 
	text-indent: -15px;
	line-height: 19px; 

}

/* Aktiv zweiter Level */
#navigation ul.menu1 li.current li.current a, #navigation li.current li.current a:visited {
	background: none;
	background: #000000;
	color:#CCCC66;
	font-weight: normal;
	list-style-type:none; 
	text-indent: -15px;
	line-height: 19px; 

}

#navigation ul.menu1 li.current li.current {
	border-top: 0px;
	list-style-type:none; 
	text-indent: -15px;
	line-height: 19px; 

}