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

/* --------SEITENLAYOUT--------------------------- */

 * {
      margin: 0;
      padding: 0;
      }

html{
margin:0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
height: 100%;
text-align: left;
background-color:#353535; /* Farbe wie wrapper fr IE<7 */
}

body{
margin:0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color:#FFF;
line-height: 150%;
height: 100%;
text-align: left;
}



#wrapper{
min-height:100%;
text-align: left;
padding: 0px;
width: 100%;
background-color:#353535; /* grau - unterer Seitenbereich */
}

#wrapper_schwarz{       /* verhindert grauen Bereich oben rechts bei sehr kleinem Browserfenster mit scrollen */
	min-width: 1100px;
	background-color:#000; 
	height: 640px;	
	padding:0;
	z-index:5;
}

#header{
padding:0px;
width:100%;
height:124px;
text-align: left;
background-image:url(bilder/header.gif);
background-repeat:no-repeat;
background-color:#000; 
}


#navi_oben{
display: table;	
width:900px;   
height:40px;
padding:0;
border:0;
}



#content {
text-align: left;	
margin: 0px;
padding: 0px;
width: 100%;
height:516px;
background-color:#000; /*schwarz*/
}


#inhalt_bild{
width: 1100px;
height:476px;
}

#inhalt_text{
position:absolute;  /* damit text über bild steht  */
/* Angabe width nur für IE5 nötig -> siehe ie_comment  */
}


#wrapper_navi_unten{
padding:0px;
width:100%;
height:40px;
text-align: left;
background-color:#353535;
}

#navi_unten{
padding:0px;
width:900px;
height:40px;
text-align: left;
background-color:#353535;
}



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


#navi_oben ul {
      display: table-row;
    }
	
    #navi_oben li {
      display: table-cell;
      vertical-align: top;
      text-align: center;
    }
	
    #navi_oben li a {
      display: block;
      text-decoration: none;
    }
	
	#navi_oben li a:focus{outline:0; -moz-outline:0; } /* bei klick keinen Rahmen anzeigen (nur für Mozilla)   */
	
    #navi_oben li a:hover {
	  color:#E8C14F; /* Farbe link hover (orange): damit im IE6 die Ursprungs-Farbe nach mouseout wieder hergestellt wird */
    }
	
	
    #navi_oben li span {
      display: block;
      color: #FFF;  /* Farbe link (weiss) */
	  height:25px;   /* Hhe (40 minus padding-top und -bottom) */
	  padding-top:15px;  /* Abstand Text von oben*/
	  text-decoration:none;  /* sonst ist Text leicht unterstrichen in IE <7*/
    }
	
    #navi_oben li a:hover span {
      color:#F3BC1B;  /* Farbe link hover (orange) */
	  cursor:pointer; /* damit Mauszeiger auch in IE<8 kein Textcurser wird */
    }
	
	


/* --------Navigation oben Farbbalken ------------- */
	#leer {
	background: url(bilder/navi_oben/hg_duo.gif) 0 0 repeat-x;
	border:0;
	}
	
	#duo {
	background: url(bilder/navi_oben/hg_duo.gif) 0 0 repeat-x;
	}
	
	#feuer {
	background: url(bilder/navi_oben/hg_feuer.gif) 0 0 repeat-x;
	}
	
	#mittelalter {
	background: url(bilder/navi_oben/hg_mittelalter.gif) 0 0 repeat-x;
	}
	
	#kinder {
	background: url(bilder/navi_oben/hg_kinder.gif) 0 0 repeat-x;
	}
	
	#comedy {
	background: url(bilder/navi_oben/hg_comedy.gif) 0 0 repeat-x;
	}
	
	#performance {
	background: url(bilder/navi_oben/hg_performance.gif) 0 0 repeat-x;
	}
	
	#stelzen {
	background: url(bilder/navi_oben/hg_stelzen.gif) 0 0 repeat-x;
	}
	
	#zirkus {
	background: url(bilder/navi_oben/hg_zirkus.gif) 0 0 repeat-x;
	}
	
/* ----------------------------  */	


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

#navi_unten ul{
	width:885px; /* width (900) minus padding right  */
	text-align:right;
	padding-right:15px;
	padding-top:5px;	
	cursor:pointer; /* damit Mauszeiger auch in IE<8 kein Textcurser wird */
}


#navi_unten li{
display:inline;	
padding-left:19px; /* Abstand zwischen den Navigationspunkten  */	
}

#navi_unten li a{
color:#F3BC1B;
text-decoration:none;
font-weight:bold;	
}

#navi_unten li a:hover{
color:#FF8919;
}

#navi_unten li a:focus{outline:0; -moz-outline:0; } /* bei klick keinen Rahmen anzeigen (nur für Mozilla)   */

/* ----------------------------  */	


/* --------links im Inhalt ----------------------- */
#inhalt_bild a{
color:#F3C22E;
text-decoration:none;
font-weight:normal;	
}

#inhalt_bild a:hover{
color:#FF922F;	
}

#inhalt_bild img{  /* verhindert Rahmen um Bild bei Pressegalerie */
	border:none;	
}




/* ----------------------------  */	



/* --------Formatierung für #inhalt_text ----------------------- */

/* Allgemeine Schriftformatierung in #inhalt_text */

#inhalt_bild h1{   /* Darstellung Text in Tabelle von div#inhalt_bild  (mittelalter.html) */
	font-size:12px;
	font-weight:bold;
	line-height:170%;
}

#inhalt_bild table{   /* Darstellung Text in Tabelle div#inhalt_bild für IE5 (videos.html) */
	font-size:12px;
	font-weight:normal;
	line-height:170%;
}

#inhalt_text table{   /* Darstellung Text in Tabelle div#inhalt_bild für IE5 (pressegalerie.html) */
	font-size:12px;
	font-weight:normal;
	line-height:170%;
}

#inhalt_text h1{
	font-size:12px;
	font-weight:bold;
	line-height:170%;
}

#inhalt_text p{
	padding-bottom:10px;
}

#inhalt_text em{
	font-style:italic;
	font-size:10px;
}


/* Positionierung für Text in #inhalt_text */

.text1 {	 /* jomamakue, diaboloshau, hubertusschau, feuerschau, kindertheater, langnasen, zirkus, mietspiele, kontakt  */
	width:640px;  /* Breite div (900) minus padding-left und -right: 900 - 240 - 20 = 640  */
	padding-left:240px;
	padding-right:20px;
	padding-top:315px;
}


.text2 {	   /* feuershow  */
	width:660px;  
	padding-left:240px;
	padding-right:0;
	padding-top:330px;
}


.text3 {	           /* comedy  */
	width:858px;  
	padding-left:32px;
	padding-right:10px;
	padding-top:315px;
}


.text4 {	         /* phoenix  */
	width:858px;  
	padding-left:32px;
	padding-right:10px;
	padding-top:250px;
}


.text5 {	            /* stelzen  */
	width:570px;  
	padding-left:330px;
	padding-right:20px;
	padding-top:350px;
}


.text_overflow {	 /* tourplan, referenzen, presseartikel, impressum  */
	width:848px;  
	padding-left:32px;
	padding-right:20px;
	margin-top:25px;  /* damit scrollbalken erst beim text anfängt  */
	margin-bottom:15px;
	height:436px;   /* height (476) minus margin top / bottom  */
	overflow:auto;  /* scrollbalken falls Text zu lang  */
}


.text_galerie {	         /* pressegalerie  */
	width:848px;  
	padding-left:32px;
	padding-right:20px;
	margin-top:25px;  /* damit scrollbalken erst beim text anfängt  */
	margin-bottom:25px;
	height:426px;   /* height (476) minus margin top / bottom  */
	overflow:auto;  /* scrollbalken falls Text zu lang  */
}

/* ----------------------------  */	


