/* basic stylesheet für luna-theater 2009 */


body {
		margin: 0;
		padding: 0;
		font: 1em Georgia, Times, serif;
		text-align: center; /* Zentrierung im Internet Explorer */
		color: #000;
 		background:url(../images/bg_tile.jpg) repeat;
		background-color: #BABD2F;
		background-attachment: fixed;
}

a {text-decoration:none;}

/* ------------Layout----------- */

#wrapper {

		margin: 0 auto 0;   /* standardkonforme horizontale Zentrierung */
		width: 1048px;		
		text-align: left;  /* Seiteninhalt wieder links ausrichten */
}

#home #header  {   	/* ------------ Header für Startseite ---- */

		width: 1048px;
		height: 488px;
		padding: 0;
		margin: 0;
		background: url(../images/startheader.png) no-repeat center top;	

}

#header {      /* ------------ Header für alle anderen Seiten ---- */

		width: 1048px;
		height: 330px;
		margin: 0;
		padding: 0;
		background: url(../images/header.png) no-repeat center top;	
}

#content {

		width: 1048px;
		background: url(../images/content_bg.png) repeat-y;	
		position: relative; 	
}

#stuecke #main
{ 			/* ------------ hier steht der Inhaltstext drin ---- */
		width: 450px;
		min-height: 300px;
		margin-left: 410px;
		padding-left: 0px; padding-top: 15px; padding-bottom: 30px;	
}

#main, #stuecketop #main { 			/* ------------ hier steht der Inhaltstext drin ---- */

		width: 650px;
		min-height: 300px;
		margin-left: 210px;
		padding-left: 0px; padding-top: 15px; padding-bottom: 30px;	
}


#leftcol { 			/* ------------ linke Spalte ---- */

		float:left;
		width: 240px;
		min-height: 600px;
		margin-left: 100px; padding-left:30px; padding-top: 0px; padding-bottom: 30px;	
}

/* ------------ footer ---- */

#footer {
		clear:both;
		width: 1048px;
		height: 213px;
		background: url(../images/footer.png) no-repeat;	
		color: #FFF; 
		margin: 0px;
		padding: 0px;
		position: relative;
}

#footer p {
		margin:0;
		padding:0px;
		font-size: 12px; font-weight: normal;
		position: relative; top:175px;
		text-align: center;
}

#footer a { color: #FFF; }
#footer a:hover { text-decoration:underline; }

#impressum {

	margin-right: 120px;
	padding: 0;
	position: absolute; top:180px; right:0px;
	}

#impressum a {
		font-weight: bold; 
		font-size:12px; 
		letter-spacing: 1px; 
		color: #FFF;
		padding: 2px 5px;
}

#impressum a:hover { color:#FFF;  background:#930; text-decoration:none;  }

/* ------------ Ende footer ---- */


/* ------------ Navigation ---- */


	#home #navi {		
		margin-left:90px;
		width: 848px;
		position: absolute; top:428px;
	}

	#navi {		
		margin-left:90px;
		width: 848px;
		position: absolute; top:263px;
	} 

	#navi ul {		
		padding: 0;
		margin-left:0;
		list-style: none;
		display:inline;
		font-weight: bold; 
		font-size:14px; 
		letter-spacing: 1px; 
		text-align: center;
	} 

	#navi ul li {		
		list-style: none;
		margin:6px;
		display:inline;
	} 

	#navi ul li a {	
	color:#036;
	outline: none;
	text-decoration:none;
	padding: 2px 5px;
	}

	#navi ul li a:hover { color:#FFF; background:#930; }


	#stuecke #navstuecke a
 { color:#FFF; background:#21469B;  }

	#ueber #navueber a,
	#stuecketop #navstuecke a,
	#kritik #navkritik a,
	#video #navvideo a,
	#presse #navpresse a,
	#tourplan #navtourplan a,
	#kontakt #navkontakt a,
	#links #navlinks a { color:#FFF; background:#21469B; cursor: default; }


/* ------- Home-Link oben ------ */

	#homelink {
  	width: 220px;
  	height:220px;
	position: relative;
  	left: 155px;
  	top: 10px;
	z-index: 300;
	}

	#homelink a {
	display: block;
	width: 230px;
  	height:230px;
	text-indent: -900%;
	outline: none;
	}


/* ------- Unter-Navigation ------ */

	#unternavi {  margin-left:0px; color:#36C; }

	#unternavi ul {		
		padding: 0;
		margin-left:0;
		list-style: none;
		font-weight: bold; 
		letter-spacing: 1px; 
	} 

	#unternavi ul li { list-style: none;   } 

	#unternavi ul li a { 
	outline: none; 
	text-decoration: none; 
	margin: 1px; padding-left: 15px; padding-bottom: 7px; font-size:12px; line-height:14px; 		
	width: 190px; 
	display:block; 
	}

	#unternavi ul li a:hover { 
	color:#C00; 
	text-decoration: none;
	background: url(../images/bg_unternavi.gif) no-repeat left top; 
	}

	.current { 
	background: url(../images/bg_unternavi2.gif) no-repeat left top; 
	color:#C00; 
	}

/* ------- Fuss-Navigation unten ------ */

	#fussnavi {	margin-left:-10px; margin-top:30px; padding-top:5px; border-top: 1px dashed #999; }

	#fussnavi ul {		
		display:inline;
		padding: 0;
		list-style: none;
		font-weight: bold; 
		letter-spacing: 1px; 
	} 

	#fussnavi ul li {		
		display:inline;
		list-style: none;
		margin-right:30px;
		font-size:15px; 
	} 

	#fussnavi ul li a { color:#36C; outline: none; text-decoration: none; }

	#fussnavi ul li a:hover { color:#C00; text-decoration: none; }


/* ------- Zusatzlinks oben------ */

	#main .zusatzlinks {
		display:inline;
		list-style: none;
		margin-left:-10px;
		margin-right:40px;
		font-size:10px; font-weight: bold;
		letter-spacing: 1px; }

	#main .zusatzlinks li{		
		display:inline;
		list-style: none;
	}

/* ------- Daten-Kasten  ------ */

	#datenbox	{	
	width: 170px;
	color: #000; 
	margin-left: 18px; 
	padding: 4px 20px 4px 20px;
	background-color:#D0E89A;
	border:1px solid #360;
	}

	#datenbox li	{	
	color: #000; 
	list-style-image: url(../images/listpoint.gif);
	font-size: 1em; line-height: 1.2em; letter-spacing: 0.01em; 
	}

	#datenbox .daten {color: #360; font-size: 1.4em; line-height: 10px; font-weight: normal; 
	letter-spacing: 0.01em; margin: 10px 8px;  }

/* ------- Kasten für linkes Bild  ------ */

	#illu	{	
	width: 210px;
	margin: 0 0 40px 18px;
	padding:0;
	}

/* ------- Hexe Preis Kasten  ------ */
	#box	{	
	width: 190px;
	color: #000; 
	font-size: 11px;
	line-height: 12px;
	margin-left: 18px;
	margin-bottom: 40px;
	padding: 15px 10px 4px 10px;
	background-color:#FC0;
	border:1px solid #360;
	text-align:center;
	}


/* ------------ Styling für Inhaltselemente -------------- */

	
	#content p {font-size: 1.1em; line-height: 20px; letter-spacing: 0.03em; word-spacing:0.1em; }
	
	#content h1 { font-size: 2.4em; font-weight: normal; margin-bottom: 20px; color: #C00; letter-spacing: 0.01em; } 

	#content h2 { color: #360; font-size: 1.8em; line-height: 20px; font-weight: normal; padding: 5px 0px; letter-spacing: 0.02em;  } 

	#content h3 { color: #360; font-size: 1.4em; line-height: 20px; font-weight: normal; letter-spacing: 0.01em; margin: 30px 0 -10px;} 

	#content a {  text-decoration:none; padding: 0; margin: 0; color: #36C; }
	#content h2 a { color: #360; }
	#content a:hover { text-decoration:underline; color:#C00 }

	#content ul {
			margin: 30px 0px; padding: 0 10px;
			font-size: 1.1em; line-height: 18px; letter-spacing: 0.03em;
			}
	
	#main li {margin: 0px; padding: 2px 0px 2px 0px ; list-style-image: url(../images/listpoint.gif); font-size: 1.1em; line-height: 20px; letter-spacing: 0.03em;}

	#content .highlight { font-size: 1.25em; line-height: 20px; font-weight: normal; letter-spacing: 0; margin-bottom:0;}

	#content .klein { font-size: 0.9em; line-height: 20px; font-weight: normal; margin-bottom:0;}
	#content .legende { font-family:Verdana,Arial,sans-serif; font-size:0.9em; line-height: 1.3em; font-weight: normal; padding-top:5px;}


	
	.leftFloat   /* Klasse um Bilder mit Text zu umfliessen */
	{
	float: left;
	margin: 5px 15px 5px 0px; 
	}

	.rightFloat 
	{
	float: right;
	margin: -30px 0px 0px 0px;
	}

	.bild {
	padding: 5px; background-color: #FFF; border: 1px solid #CCC;}


	#top 
	{ 
	position: absolute; z-index: 60; right: 150px; top: 40px;
	}
	#top img { border:none }

	#fotogalerie {height:500px;}


	.kasten {
	width:300px; padding: 7px 15px; background-color: #FFF; border: 2px dashed #CCC;
	margin-left: 320px; margin-top: 60px; font-size: 1.1em; color:#666; font-weight: normal; line-height: 22px; text-align:justify;
	}

	.zitat {
font-size: 4em; color:#C00; font-weight: bold; line-height: 4px; vertical-align:middle;
	}




/* -------------- Blätter-Deko --------------- */

#leaf_left {

	width: 137px;
	height: 66px;
	margin: 0;
	padding: 0;
	background: url(../images/startleaf_left.png) no-repeat;
	position: absolute; z-index: 50; left: 0px; top: -30px;
}

#home #leaf_left {

	position: absolute; z-index: 50; left: 0px; top: -24px;
}

#leaf_right {

	width: 135px;
	height: 31px;
	margin: 0;
	padding: 0;
	background: url(../images/leaf_right.png) no-repeat;
	position: absolute; z-index: 100; right: 0px; top: 0px;
}

#patch {

	width: 232px;
	height: 232px;
	margin: 0;
	padding: 0;
	background: url(../images/patch.gif) no-repeat;
	position: absolute; z-index: 500; right: -30px; top: 20px;
}

#patch a {
	display: block;
	width: 232px;
  	height:232px;
	text-indent: -900%;
	outline: none;
	}

#home #leaf_right {

	width: 142px;
	height: 78px;
	margin: 0;
	padding: 0;
	background: url(../images/startleaf_right.png) no-repeat;
	position: absolute; z-index: 100; right: 0px; top: 0px;
}

/* -------------- Kontakt-Formular --------------- */

fieldset  {
		background: url(../images/bg_tile_form.jpg) repeat;
	border:3px solid #5F7B96;
	width: 560px;
	height: 300px;
}

.Bereich, .Feld { background-color:#FC6; width:350px; border:1px solid #C00;  }
td, input, textarea { font-size:12px; font-family:Verdana,sans-serif; font-weight:normal; }

.button { background-color:#FC0; width:120px; height:20px; border:1px solid #C00; font-weight: bold; color: #C00;  }