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

body {
	background-image:url(images/background.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:0 ;
	padding:0;
}

h1 {color:#999; font-size:14px; font-weight:bold;}
h2 {color:#999; font-size:12px; font-weight:bold;}
h3 {color:#993300; font-size:14px; font-weight:bold;}
h4 {color:#993300; font-size:12px; font-weight:bold;}
h5 {color:#999; font-size:12px; font-weight:bold;}

#content {
	position:absolute;
	width:870px;
	height:650px;
	background-image:url(images/waldidyll.jpg);
	background-repeat:no-repeat;
	margin-left:-435px;
	margin-top:-325px;
	left:50%;
	top:50%;
}

#content2 {
	width:618px;
	height:530px;
  color:#999;
  font-family:Verdana, Geneva, sans-serif;
  overflow:auto;
  margin-left:35px;
  margin-top:85px;
  padding-right:10px;
	
}
#content2 ul { width:600px; border:0px solid #993300;}
#content2 ul li{ text-align:left; line-height:1.5em; }
#content2 a { color:#ccc;}


#content3 {
	width:618px;
	height:530px;
  color:#999;
  font-family:Verdana, Geneva, sans-serif;
  overflow:auto;
  margin-left:35px;
  margin-top:85px;
  padding-right:10px;
	
}
#content3 ul { width:310px; border:1px solid #993300; padding:10px 10px 10px 20px;}
#content3 ol { border:0px solid #993300; float:right; margin-top: 0px; padding:0;}
#content3 ul li{ text-align:left; line-height:1.5em; }
#content3 ol li{ text-align:left; line-height:1.5em ;list-style-image:none; list-style-type:none; list-style-position:inside;}


#content-left {
	width:690px;
	height:650px;
	overflow:auto;
	float:left;
	background-color:#CCC;
	background-image:url(images/left.jpg);
	
	
}

#content-left1 {
	width:690px;
	height:650px;
	overflow:auto;
	float:left;
	background-color:#CCC;
	background-image:url(images/content.jpg);
	
	
}

#bg {background-image:url(images/body.jpg);
background-repeat:repeat-x;
width:100%;
height:220px;
position:absolute;
top:50%;
margin-top:-95px;
}

#content-right {
	width:180px;
	height:650px;
	background-color:#660000;
	float:right;
	background-image:url(images/right.jpg)
	
}

#footer {
	height:60px;
	width: 760px;
	margin-left:30px;
	margin-top:545px;
	text-decoration:none;
	color:#FFF;
	
}

a {
	text-decoration:none;
	color:#F60;
}



#nav
{
float:left;
width:147px;
text-align:left;
}

#nav .pad {position:absolute;float:left;}
.menu, .menu ul {list-style-type:none; padding:0 0 0 0px; margin-top:44px; margin-left:9px; font-family:arial, sans-serif; }
.menu li.top {display:block; float:left; position:relative; height:31px; padding:0;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li.top a.top_link {display:block; float:left; height:31px;font-family:Arial, Helvetica, sans-serif; color:white; font-size:12px; line-height:31px; vertical-align:middle; text-decoration:none; padding-left: 0px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

.menu li.p1 {width:147px; background:url(images/menue/home1.jpg) no-repeat;;}
.menu li.p2 {width:147px; background:url(images/menue/musical1.jpg) no-repeat;;}
.menu li.p3 {width:147px; background:url(images/menue/waldidyll1.jpg) no-repeat;;}
.menu li.p4 {width:147px; background:url(images/menue/leistungen1.jpg) no-repeat;;}
.menu li.p5 {width:147px; background:url(images/menue/preise1.jpg) no-repeat;;}
.menu li.p6 {width:147px; background:url(images/menue/belegungsplan1.jpg) no-repeat;;}
.menu li.p7 {width:147px; background:url(images/menue/aktuelles1.jpg) no-repeat;;}
.menu li.p8 {width:147px; background:url(images/menue/kontakt1.jpg) no-repeat;;}
.menu li.p9 {width:147px; background:url(images/menue/partner1.jpg) no-repeat;;}
.menu li.p10 {width:147px; background:url(images/menue/impressum1.jpg) no-repeat;;}

.menu li a#home {width:147px; background:url(images/menue/home.jpg) no-repeat;}
.menu li a#musical {width:147px; background:url(images/menue/musical.jpg) no-repeat;}
.menu li a#waldidyll {width:147px; background:url(images/menue/waldidyll.jpg) no-repeat;}
.menu li a#leistungen {width:147px; background:url(images/menue/leistungen.jpg) no-repeat;}
.menu li a#preise {width:147px; background:url(images/menue/preise.jpg) no-repeat;}
.menu li a#belegungsplan {width:147px; background:url(images/menue/belegungsplan.jpg) no-repeat;}
.menu li a#aktuelles {width:147px; background:url(images/menue/aktuelles.jpg) no-repeat;}
.menu li a#kontakt {width:147px; background:url(images/menue/kontakt.jpg) no-repeat;}
.menu li a#partner {width:147px; background:url(images/menue/partner.jpg) no-repeat;}
.menu li a#impressum {width:147px; background:url(images/menue/impressum.jpg) no-repeat;}
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu li a#home:hover, .menu li:hover a#home,
.menu li a#musical:hover, .menu li:hover a#musical,
.menu li a#waldidyll:hover, .menu li:hover a#waldidyll,
.menu li a#leistungen:hover, .menu li:hover a#leistungen,
.menu li a#preise:hover, .menu li:hover a#preise,
.menu li a#belegungsplan:hover, .menu li:hover a#belegungsplan,
.menu li a#aktuelles:hover, .menu li:hover a#aktuelles,
.menu li a#kontakt:hover, .menu li:hover a#partner,
.menu li a#partner:hover, .menu li:hover a#kontakt,
.menu li a#impressum:hover, .menu li:hover a#impressum {background:transparent;}

#gallery {width:534px; position:relative; height:60px; padding-top:356px; margin-left:35px;}

#gallery img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(thumbs/th1.jpg);}
#gallery ul li.th2 {background:url(thumbs/th2.jpg);}
#gallery ul li.th3 {background:url(thumbs/th3.jpg);}
#gallery ul li.th4 {background:url(thumbs/th4.jpg);}
#gallery ul li.th5 {background:url(thumbs/th5.jpg);}
#gallery ul li.th6 {background:url(thumbs/th6.jpg);}
#gallery ul li.th7 {background:url(thumbs/th7.jpg);}
#gallery ul li.th8 {background:url(thumbs/th8.jpg);}
#gallery ul li.th9 {background:url(thumbs/th9.jpg);}
#gallery ul li.th10 {background:url(thumbs/th10.jpg);}
#gallery ul li.th11 {background:url(thumbs/th11.jpg);}
#gallery ul li.th12 {background:url(thumbs/th12.jpg);}
#gallery ul li.th13 {background:url(thumbs/th13.jpg);}
#gallery ul li.th14 {background:url(thumbs/th14.jpg);}
#gallery ul li.th15 {background:url(thumbs/th15.jpg);}
#gallery ul li.th16 {background:url(thumbs/th16.jpg);}
#gallery ul li.th17 {background:url(thumbs/th17.jpg);}
#gallery ul li.th18 {background:url(thumbs/th18.jpg);}
#gallery ul li.th19 {background:url(thumbs/th19.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#444;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px;  border:0px solid #000; border-width:0px 0px 0 0px;}
#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

#gallery1 {width:580px; position:relative; height:112px;}
#gallery1 ul {list-style:none; padding:0; margin:0; float:left; }
#gallery1 ul li {display:inline; width:140px; height:112px; float:left; margin:0; border:0px solid #000; cursor:pointer; padding-right:5px;}

#lightbox{	position: absolute; width:100%; margin-top: 5%;text-align: center; line-height: 0;z-index: 1100;}
#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: 1100; }
#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; margin: 0 auto; z-index: 1100; width: 100%;  background-color:black; }

/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background:#fff; padding-top:650px; width:640px; height:130px; font-family:arial, sans-serif; margin:0 auto;}
p.instructions {position:absolute; left:80px; top:300px; width:480px; font-size:14px; color:#069; line-height:20px; text-align:justify;}
#scrollContainer {width:600px; height:120px; overflow:auto;}

#scrollbox {padding:0; margin:0; width:1720px; list-style:none; height:92px;}
#scrollbox ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:-9999px;}
#scrollbox table {border-collapse:collapse:width:0; height:0; margin-bottom: -5px;}
#scrollbox li {float:left; width:86px; height:92px; background:url(filmstrip/35mm.gif);}


#scrollbox a {display:block; color:#999; text-decoration:none; width:86px; height:92px; float:left;}

#scrollbox a.slidea {background:url( url(waldidyll/filmstrip/pic_7v.jpg)) no-repeat center center;}
#scrollbox a.slideb {background:url(filmstrip/pic_10ht.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(filmstrip/pic_12vt.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(filmstrip/pic_15vt.jpg) no-repeat center center;}
#scrollbox a.slidee {background:url(filmstrip/pic_16vt.jpg) no-repeat center center;}
#scrollbox a.slidef {background:url(filmstrip/pic_20vt.jpg) no-repeat center center;}
#scrollbox a.slideg {background:url(filmstrip/pic_21vt.jpg) no-repeat center center;}
#scrollbox a.slideh {background:url(filmstrip/pic_22vt.jpg) no-repeat center center;}
#scrollbox a.slidei {background:url(filmstrip/pic_23ht.jpg) no-repeat center center;}
#scrollbox a.slidej {background:url(filmstrip/pic_23vt.jpg) no-repeat center center;}
#scrollbox a.slidek {background:url(filmstrip/pic_26vt.jpg) no-repeat center center;}
#scrollbox a.slidel {background:url(filmstrip/pic_28ht.jpg) no-repeat center center;}
#scrollbox a.slidem {background:url(filmstrip/pic_30ht.jpg) no-repeat center center;}
#scrollbox a.sliden {background:url(filmstrip/pic_38ht.jpg) no-repeat center center;}
#scrollbox a.slideo {background:url(filmstrip/pic_38vt.jpg) no-repeat center center;}
#scrollbox a.slidep {background:url(filmstrip/pic_39ht.jpg) no-repeat center center;}
#scrollbox a.slideq {background:url(filmstrip/pic_40ht.jpg) no-repeat center center;}
#scrollbox a.slider {background:url(filmstrip/pic_48vt.jpg) no-repeat center center;}
#scrollbox a.slides {background:url(filmstrip/pic_49vt.jpg) no-repeat center center;}
#scrollbox a.slidet {background:url(filmstrip/pic_50ht.jpg) no-repeat center center;}

#scrollbox a img.thumb {width:80px; height:60px; display:block; padding:16px 3px; border:0;}

#scrollbox a:hover {border:0;}
#scrollbox a:hover img.thumb {display:none;}
#scrollbox :hover > a img.thumb {display:none;}


#scrollbox :hover ul {width:640px; height:640px; left:0; top:0; padding-bottom:10px; background:#fff; z-index:100;}
#scrollbox :hover ul li {width:640px; height:640px; display:block; background:#fff;}
#scrollbox :hover ul li a {display:block; width:640px; height:640px;}
#scrollbox :hover ul li a img {display:block; border:0; margin:0 auto;}
#scrollbox :hover ul li.landscape a img {display:block; padding-top:80px;}

#scrollbox :hover ul li a span {position:absolute; left:-9999px; top:0;}
#scrollbox :hover ul li a:hover span b {display:block; font-size:16px; padding:0 0 10px 0;}

#scrollbox :hover ul li a:hover span {left:80px; top:0; padding:10px; width:460px; background:url(filmstrip/backing.png); color:#fff; text-align:left; font-size:12px; line-height:18px;}
#scrollbox :hover ul li.landscape a:hover span {left:0; top:80px; width:620px;}

#anfahrt { width:150px; height: 370px; float:right; margin:0; padding:0;}
#anfahrt li {list-style:inside; list-style-image:none; list-style-type:none;}