@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; } /* Alle Abstände auf 0 */

/* Abstände neu definieren */

body {
		background-color:#000000;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		}
		
a {color:#f6d7a5; text-decoration:none;}
a:link {color:#f6d7a5;}
a:hover, a:focus {color:#4773c4;}
a:visited {color:#f6d7a5;}

		
div#flash {
    position:absolute;
	left: 300px;
	top: 20px;
	width: 980px;
}	

.skip {position:absolute; left:550px; top:650px;}	

.buttons {position:absolute; left:550px; top:570px; margin-left:-40px; width:200px;}	
.icons {margin:0px 10px 0px 10px;}
.icons {margin:0px 15px 0px 9px;}		

div#wrapper-aussen {
	background-color: black;
    color: #ffffff; /* Textfarbe */
	width: 1268px;
    margin-top:0px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	position:relative;
}	
	
div#wrapper-innen {
	background-color: black;
    color: #ffffff; /* Textfarbe */
	width: 980px; 
	left:144;
	 margin-top:0px;
}	

h1 	{font-size:16px; color:#ffffff; font-style:bold;}		
		
ul#menue-partner {font-size:12px; color:#ffffff; top:5px; left:164px; width:340px; position:absolute; border:none; z-index:1000;}
ul#menue-partner li {display:inline; padding:1px;}

.trennstrich {color:#999999;}

ul#menue-kontakt {
	font-size:12px;
	color:#ffffff;
	top:5px;
	left:890px;
	width:240px;
	position:absolute;
	border:none;
}
ul#menue-kontakt li {display:inline; padding:1px;}


div#head {position:absolute; top:23px; left:182px;}

.tanz-li {
	left:-37px;
	position:absolute;
	top: -4px;
}
.tanz-re {left:682px; position:absolute;}
.logo {
	left:286px;
	position:absolute;
	top: 0px;
}

/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/



#menuebox {
position:relative; top:230px; left:145px; height: 29px; width:989px; display:inline;
}
.stupidie {
display: none;
}
#menue {
	position:absolute;
	top: 3px;
	left: -1px;
	z-index: 200;
	width:989px;
	display:inline;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
height: 29px;
font-weight: bold;
border: 2px solid;
border-color: #143576;}

.shammadan_m {width: 192px;}
.shows_m {width: 174px;}
.ship_m {width: 227px;}
.academy_m {width: 192px;}
.media_m {width: 174px;}



#menue .aussen:hover {
height: auto;
background-color: #362415;
border: 2px solid;
border-color:#2a2018;
}

a.innen-1 {
margin-top: 3px;
}
a.innen,
a.innen-1 {
display: block;

padding: 3px 0px;
text-decoration: none;
text-align:center; 
font-weight: normal;
border-bottom: 1px solid #000000;
background-color: #2a2018;
color: #ecd8ae;

}
a:visited.innen,
a:visited.innen-1 {
background-color: #2a2018;
color:#ecd8ae;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #694f3a;
color: #ffffff;
}

span.menutag {
display: block;
cursor: default;
}

/*        Menue-Ende       */



div#content {
	position:absolute;
	top:350px;
	left:144px;
	width:979px;
	background-color:#121517;
	height: auto;
	display:inline;
}


.fotogalerie {
	left:228px;
	top:315px;
	position:absolute;
	display:block;
	font-size:16px;
}	

div#home {position:absolute; top:310px; left:0px;}
.dance-art {left:470px; top:5px; position:absolute; display:block;}
.index-bild {
	left:144px;
	top:86px;
	position:absolute;
	display:block;
}

.säule-re {
	left:1123px;
	position:absolute;
	top: -7px;
}

.säule-li {
	left: 0px;
	position:absolute;
	top: -7px;
}



/* ================== Lightbox ================ */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; background-color: #000; }

/* ================== Lightbox Ende ================ */