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

body {
background-color:#000000;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
margin:0;
text-align:left;
}

a img{
border:none;
}

a{
color: #885707;
font-weight:bold;
text-decoration:none;

}

a:hover{
color: #000000;
font-weight:bold;
}

h1{
margin:0px;
font-size: 11px;
margin-bottom:5px;
}


/*<Layout>
/*************************************************************************/
#body{
margin:0 auto;
width:1024px;
padding:0px;
}

#set div{
float:left;
}

#set{
/*
position: absolute;
z-index: auto;
top: 50%; 
margin-top: -260px; */
width:1024px;
height: 520px;
background-image: url(design/background.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#top_pics{
width:1024px;
height:100px;
padding-top:9px;
padding-left:240px;
}

#top_pics #left{
}

#top_pics #right{
padding-left:380px;

}

#navigation{
width:1024px;
}

#content{
width:635px;
height:300px;
padding-left:195px;
padding-right:194px;
padding-top:10px;
overflow: hidden;
}

#content_down{
width:635px;
padding-top:10px;
height:260px;
overflow: hidden;
}

#news{
/*height:258px;*/
height:280px;
overflow:hidden;
border-bottom:1px dashed #654004;
}

#news a.selected{
color: #000000;
}

#archiv{
/*display:none;*/

}

#news_archiv{
height:250px;
}

#news_archiv_table{
width:635px;
}

.Carousel{
width:635px;
overflow:hidden;
position:relative;
z-index:99;
}

.Carousel li{
width:635px;
overflow:hidden;
}


#content img{
float:left;
padding-right:5px;
}

#productions div{
width:600px;
padding-bottom:10px;
}

#agenda_big table{
width:635px;
}

#agenda_small{
width:375px;
height:250px;
}

#agenda_table_small{
margin-top:100px;
margin-left:20px;
width:355px;
}

#form{
width:220px;
height:300px;
}

.artikel_box{
width:210px;
height:100px;
margin:5px;
}

#artikel{
width:450px;
}

#shopbutton{

}

#kontakt{
text-align:right;
height:85px;
padding-top:215px;
padding-left:200px;
width:190px;
padding-right:25px;
}

#personalien{
width:330px;
text-align:right;
}

#events_table_big{
width:635px;

}
#productions_div{
width:100%;
}

#productions_table{
height:220px;
width:100%;
margin-top:0px;
}

#events_div{
width:100%;
}

#events_table{
height:220px;
width:100%;
margin-top:0px;
}

#table_mp3{
width:298px;
}

#table_mp3 p{
margin-top:2px;
margin-bottom:2px;
}

.pics{
padding-top:20px;
width:100px;
height:80px;
}

.video{
padding-top:20px;
width:100px;
height:80px;
}

.prev
{cursor:pointer; font-weight:bold;font-size:16px;}

.next{cursor:pointer; font-weight:bold;font-size:16px;}
.pager{width:100%;}

#pager_agenda_small{
padding-left:150px;
}

#events_pager{
padding-left:250px;
}

#agenda_pager{
padding-left:250px;
}

#productions_pager{
padding-left:250px;
}

.pager img:hover{cursor:pointer;}
/*</Layout>
/*************************************************************************/

/*<Menu>
/*************************************************************************/
div#menu{
	height:30px;
	width:635px;
	padding-left:195px;
	padding-right:194px;
	//width:730px;
	margin-top:7px;
	overflow:hidden;
	}
div#menu ul,div#menu li{
	padding:0;
	list-style:none;
	display:inline;
	}
div#menu a{
	margin-top:0;
	}
div#menu a,div#menu a:hover{
	height:60px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
	}
div#menu a:hover{
	margin-top:-30px;
	}
div#menu a#active:hover{
	margin-top:0px;
	}
div#menu img{
	border:none;
	}	
	
html + body div#menu a#hill{/* only for IE 5.0 */
	width:77px;
	background-image:url(hill.gif);
	}
html + body div#menu a#booking{/* only for IE 5.0 */
	width:137px;
	background-image:url(booking.gif);
	}
html + body div#menu a#stuff{/* only for IE 5.0 */
	width:103px;
	background-image:url(stuff.gif);
	}
html + body div#menu a#shop{/* only for IE 5.0 */
	width:87px;
	background-image:url(shop.gif);
	}
html + body div#menu a#crew{/* only for IE 5.0 */
	width:92px;
	background-image:url(crew.gif);
	}
html + body div#menu a#agenda{/* only for IE 5.0 */
	width:124px;
	background-image:url(agenda.gif);
	}
html + body div#menu a#guestbook{/* only for IE 5.0 */
	width:116px;
	background-image:url(guestbook.gif);
	}		
html + body div#menu a img{/* only for IE 5.0 */
	display:none;
	}
	
	
div#stuffmenu{
	height:30px;
	width:635px;
	overflow: hidden;
	}
div#stuffmenu ul,div#stuffmenu li{
	padding:0;
	list-style:none;
	display:inline;
	}
div#stuffmenu a{
	margin-top:0;
	}
div#stuffmenu a,div#stuffmenu a:hover{
	height:60px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
	}
div#stuffmenu a:hover{
	margin-top:-30px;
	}
div#stuffmenu a#active:hover{
	margin-top:0px;
	}
div#stuffmenu img{
	border:none;
	}	
	
	
html + body div#stuffmenu a#mp3{/* only for IE 5.0 */
	width:77px;
	background-image:url(mp3.gif);
	}
html + body div#stuffmenu a#pics{/* only for IE 5.0 */
	width:137px;
	background-image:url(pics.gif);
	}
html + body div#stuffmenu a#video{/* only for IE 5.0 */
	width:103px;
	background-image:url(video.gif);
	}
html + body div#stuffmenu a img{/* only for IE 5.0 */
	display:none;
	}
	
	
	
div#crewmenu{
	height:30px;
	width:635px;
	overflow:hidden;
	}
div#crewmenu ul,div#crewmenu li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
div#crewmenu a{
	margin-top:0;
	}
div#crewmenu a,div#crewmenu a:hover{
	height:60px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
	}
div#crewmenu a:hover{
	margin-top:-30px;
	}
div#crewmenu a#active:hover{
	margin-top:0px;
	}
div#crewmenu img{
	border:none;
	}	
	
	
	
html + body div#crewmenu a#mp3{/* only for IE 5.0 */
	width:77px;
	background-image:url(mp3.gif);
	}
html + body div#crewmenu a#pics{/* only for IE 5.0 */
	width:137px;
	background-image:url(pics.gif);
	}
html + body div#crewmenu a#video{/* only for IE 5.0 */
	width:103px;
	background-image:url(video.gif);
	}
html + body div#crewmenu a img{/* only for IE 5.0 */
	display:none;
	}	
/*</Menu>
/*************************************************************************/

/*<lightbox>
/*************************************************************************/

html, body { margin: 0; padding: 0; height: 100%;}

#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 11px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	text-decoration:underline;
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid black;;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	
	/* width: 100%;
	padding: 0 10px 0; */
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	/* height:30px; */
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
	text-decoration:underline;
	color:#999999;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}
/*</lightbox>
/*************************************************************************/

/*<accordeon>
/*************************************************************************/

.basic  {
	width: 260px;
	line-height:11px;
}

.basic a {
	cursor:pointer;
	display:block;
	margin-top: 0;
	padding-bottom:2px;
	font-weight:bold;
}


/*</accordeon>
/*************************************************************************/

/*<tablesorter>
/*************************************************************************/

table.tablesorter {
	font-family:arial;
	background-color: none;
	margin:10px 0pt 15px;
	font-size: 11px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #d0d0d0;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	font-size: 11px;
	padding: 4px;
	height:14px;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	height:14px;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #999999;
}



/*</tablesorter>
/*************************************************************************/

/*<vidobox>
/*************************************************************************/
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(image/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(image/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(image/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(image/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*</vidobox>
/*************************************************************************/


/*<boxy>
/*************************************************************************/
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

/* Border */

.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

.boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); }

/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }

.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

/* Title bar */

.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
  .boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
	
/* Content Region */

.boxy-inner { background-color: white; padding: 0 }
.boxy-content { padding: 15px; }

/* Question Boxes */

.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }

/*</boxy>
/*************************************************************************/