/*=========-Globale Formatierung=======================================--*/
/*--Gueltig fuer alles im Dokument, was im Folgenden nicht abweichend formatiert wird--*/


body 	{margin:0px;
		padding: 0px;
		position: absolute; top: 0px; left: 0px;
		font-family:Verdana, sans-serif;
		font-size:11px;
		line-height:15px;
		color:#000000;
		/*background-image:url(grafik/bg.jpg);
		background-repeat:repeat-y;*/
		}

a 		{font-family:Verdana, sans-serif;
		font-size:11px;
		text-decoration: underline;
		line-height:15px;
		color:#0093d1;
		border: 0px;
		}

a:hover {text-decoration: none;
		color:#e5a2e6;
		}



img {border: 0px; 
	padding: 0px; 
	margin: 0px;
	}
	
#main img {border: 0px; 
	padding: 0px; 
	margin: 0px;
	width:440px;
	}
	
.img_klein {
border: 0px; 
padding: 0px; 
margin: 0px;
width:210px;
}

table	{border: 0px solid #000000;
		}


/*=========-Grundlegende Struktur=============================================-*/



#head 	{
    background-image: url(grafik/head.jpg);
    background-repeat:no-repeat;
		position: absolute; top: 0px; left: 0px;
		width: 1000px; height: 150px;
		}

#navi 	{position: absolute; top: 120px; left:20px; 
		width: 170px;
		}

#main 	{position: absolute; top: 120px; left:210px;
		width: 450px; margin-bottom: 20px;
		}
		
#side 	{position: absolute; top: 160px; left:670px;
		width: 170px; background-color: #ffffff;
		}
		
#unter_side	{position: absolute; top: 230px; left:670px;
			width: 170px; background-color: #eeeeee;
			}
		
#ganzside	{position: absolute; top: 0px; left:870px;
			width: 170px; background-color: #FFFFFF;
			}
		
		
/*=========-Elemente in "search" // Formatierung des Suchfeldes ========================================-*/

#search_container{
position:absolute;
left:670px; top:120px;
width:170px; height:25px;
background-image:url("grafik/suchfeld.jpg");
background-repeat:no-repeat;
}

#search_input{
position:absolute;
left:4px; top:0px;
width:141px; height:25px;
border:0px;
font-family:verdana, sans-serif;
font-size:13pt;
font-weight:normal;
letter-spacing:0.02em;
vertical-align:middle;
color:#fff;
background-image:url("grafik/suchfeld_kachel.jpg");
background-repeat:repeat-x;
}

#lupe{
position:absolute;
left:145px; top:0px;
width:25px; height:25px;
}




/*=========-Elemente in "navi" // Formatierung der Navigation=============================================-*/

#navi ul 	{list-style-type: none;
			padding: 0px;
			margin: 0px;
			font-size:10px;
			line-height:13px;
			color:#000000;
			background-color: #ffffff;
			  }

#navi li 	{padding-bottom: 1px;
			}			  

#navi a 	{display: block;
			
			font-size:10px;
			line-height:13px;
			text-decoration: none;
			}			  


.eins_norm a 		{background-color: #bbb;
					color:#FFFFFF;
					padding: 5px 0px 5px 10px;
					}
					
.eins_norm a:hover {background-color: #c593c6;
					color:#FFFFFF;
					padding: 5px 0px 5px 10px;
					}
					
.eins_high a 		{background-color: #be5ac0;
					color:#FFFFFF;
					padding: 5px 0px 5px 10px;
					}

.zwei_norm a 		{background-color: #00afe0;
					color:#FFFFFF;
					padding: 5px 0px 5px 25px;
					}
					
.zwei_norm a:hover 	{background-color: #23c3ef;
					color:#ffffff;
					padding: 5px 0px 5px 25px;
					}
					
.zwei_high a 		{background-color: #e5a2e6;
					color:#ffffff;
					padding: 5px 0px 5px 25px;
					}
		
.zwei_high a:hover 	{background-color: #e5b9e6;
					color:#ffffff;
					padding: 5px 0px 5px 25px;
					}

.drei_norm a 		{background-color: #ffffff;
					color:#00a0e1;
					padding: 5px 0px 5px 45px;
					}
		
.drei_norm a:hover {background-color: #ffffff;
					color:#56c0ea;
					padding: 5px 0px 5px 45px;
					}
					
.drei_high a 		{background-color: #ffffff;
					color:#be5ac0;
					padding: 5px 0px 5px 45px;
					}

.drei_high a:hover	{background-color: #ffffff;
					color:#e5a2e6;
					padding: 5px 0px 5px 45px;
					}

/*=========-Elemente in "main" // Formatierung der Inhalte=============================================-*/


#toplinks 	{font-size:10px;
			}
			
#toplinks a {font-size:10px;
			}



.h1 		{font-weight: bold;
			font-size:28px;
			line-height:32px;
			color:#0093d1;
			margin-top: 25px
			}
			
.h2 		{font-size:15px;
			line-height:22px;
			margin-top: 5px
			}

			
.h3 		{font-style: italic;
			font-size:10px;
			line-height:13px;
			margin-top: 20px;
			color:#0093d1;
			}

.h_willkommen	{font-weight: bold;
				font-size:30px;
				line-height:32px;
				color:#0093d1;
				margin-top: 0px
				}
			
			
.zwischen_h 	{font-size:15px;
				line-height:22px;
				margin: 20px 0px 5px 0px;
				}


.h_uebersetzung	{font-weight: bold;
				font-size:19px;
				line-height:24px;
				color:#000000;
				margin-top: 8px
				} 


.vorspann 	{font-weight: bold;		
			margin-top: 5px
			}


.fliesstext 	{margin-top: 10px
				}

.kursiv	{font-style: italic;
		}


.mittig{
  text-align: center;
	margin-top: 20px;
	}


.zitat{
  font-weight: bold;
  font-style: italic;
  font-size:15px;
  line-height:24px;
  color:#0093d1;
  margin-top: 12px
  }
		



.inszenierung{
  color: #555555;
	margin-top: 15px;
	}			


.trennstrich{
  color: #0093d1
	}

.trennstrich_weiss{
  color: #FFFFFF
	}

.trennstrich_black{
  color: #000000
	}


.bild{
  float: none;
	margin: 18px 0px 13px 0px;
	border: 0px;
	}


.bild_umflossen{
  float:left;
	margin: 5px 12px 10px 0px;
	border: 0px;
	}



.bildunterschrift{
  font-style: italic;
  font-size:10px;
  line-height:13px;
  margin-top: 5px;
  color: #777777;
  }
					

.logo{
  float:left;
	margin: 5px 12px 0px 0px;
	border: 0px;
	}


.bild_unterschrift{
  float: none;
  margin: 10px 0px 5px 0px;
  border: 0px;
  }

.liste_normal{
  list-style-type: square;
  padding-left: 15px;
  color: #555555;
  }

.liste_aufzaehlung{
  list-style-type: decimal; 
  padding-left: 17px;
  color: #555555;
  }


#linie{
position:relative;
height: 25px; 
width: 440px; 
display:block;
background-image: url(grafik/linie.gif);
background-repeat: no-repeat;
}

div#bottombar{
position:absolute;
left:650px;
width:20px;
height:30px;
bottom:0px;
}

@media screen{
body>div#bottombar{
position: fixed;
}
}

 

/*//////////////////////////// Elemente in "side" // Formatierung der Inhalte */


.h4{
  font-weight: bold;
  font-size:15px;
  line-height:18px;
  color:#0093d1;
  margin: 10px 10px 0px 10px;
  }
						
						
.side_fliesstext{
  margin: 10px;
  }

.liste_side_normal{
  list-style-type:square; 
  margin: 10px; 
  padding-left: 7px;
  color: #555555;
  }

.liste_side_aufzaehlung{
  list-style-type: decimal; 
  margin: 10px; 
	padding-left: 10px;
	color: #555555;
	}


.bild_side{
  margin: 10px 0px 0px 0px; 
  border: 0px;
  float: none;
  }
			
			
.bildunterschrift_side{
  font-style: italic;
  font-size:10px;
  line-height:13px;
  margin: 5px 10px 10px 10px;
  color: #777777;
  }

.anzeige_side{
  margin: 0px; 
  border: 0px;
  float: none;
  background-color: #FFFFFF;
  }

.anzeige_side_border{
  padding: 5px; 
	float: none;
	border:1px solid #a6a6a6;
	background-color: #efefef;
	}
				
.videoframe_side{
  position:relative;
  width:170px;
  height:200px;
	}

.puffer{
  width: 170px;
	height: 10px;
	background-color: #ffffff;
	}

.puffer2{
  width: 170px;
	height: 15px;
	background-color: #ffffff;
	}


a.anker{
  font-family:Verdana, sans-serif;
	font-size:11px;
	text-decoration: none;
	line-height:15px;
	color:#000000;
	border: 0px;
	}


/*////////////////////// Elemente in "skyscraper" // Formatierung der Inhalte */

#skyscraper{
position:absolute;
width:170px;height:600px;
left:859px; top:120px;
border:0px;
}

#skyscraper_top{
position:absolute;
width:170px;height:910px;
left:859px; top:0px;
border:0px;
}

#skyscraper_rel{
position:relative;
width:170px;height:300px;
left:0px; top:10px;
border:0px;
}

#skyscraper_zwei{
position:absolute;
width:170px;height:600px;
left:859px; top:146px;
border:0px;
}

#menuhaupt{
position:absolute;
width:170px;height:600px;
left:859px; top:120px;
border:0px;
}



/*=========-Formatierung von speziellen Inhalten=============================================-*/

/*=========-Formatierung Ensemble=========-*/


.ensemble_links{
  float:left;
  margin: 10px 20px 0px 0px;
	border: 0px;
	}
				
.ensemble_rechts{
  float:left;
	margin: 10px 0px 0px 0px;
	border: 0px;
	}

.clear{
  clear: both; 
	height: 1px; 
	width: 361px;
	}

/*=========-Formatierung Portraits=========-*/



.funktion{
  margin: 0px
	}


.liste_ensemble li{
  list-style-type: square;
	margin-left: 13px;
	color: #555555;
	}

.portrait{
position:relative;
  width: 439px;
	background-color: #ffffff;
	display:block;
	}

.bild_portrait{
position:relative;
  width: 225px;
	border: 0px;
	display:block;
	}


/*=========-Formatierung Spielplan / Produktionen=========-*/


.datumfeld{
	width: 450px;
	height: 25px;
	margin: 20px 0px 0px 0px;
	border: 0px;
	background-color: #be5ac0;
	}
				
.datum{
  padding: 4px 0px 0px 8px ;
	color: #ffffff;
	font-size: 14px;
	}
			

.info{
  width: 450px;
	margin: 10px 0px 0px 0px;
	background-color: #fff;
	}


.uhrzeit{
  font-weight: bold;		
	margin-top: 0px
	}

.ort{
	margin-top: 5px
	}
		
.titel{
  font-weight: bold;
	font-size:18px;
	line-height:22px;
	color:#0093d1;
	margin-top: 12px
	}
		
.subtitel{
  margin-top: 5px
	}
			
.karten{
	margin-top: 10px
	}
			
.linie_2{
  height: 25px; 
	width: 440px; 
	background-image: url(grafik/linie.gif);
	background-repeat: no-repeat;
	}
 
		
.linie_3{
  height: 25px; 
	width: 60px; 
	background-image: url(grafik/linie.gif);
	background-repeat: no-repeat;
	}
 

.produktion{
  font-weight: bold;
	font-size:18px;
	line-height:22px;
	color:#0093d1;
	margin-top: 15px
	}

.premieren{
  color:#0093d1;
	margin-top: 10px
	}


/*=========-Formatierung Kartenpreis-Tabellen 4-spaltig=========-*/



.preise{
  text-align: center;
	font-weight: bold;		
	margin: 0px;
	width: 86px
	}

.karten_art{
  text-align: right;		
	margin:0px;
	width: 150px
	}


.preisgruppe{
  text-align: center;
	color:#0093d1;
	margin-top: 10px;
	width: 86px
	}


.reihe{
  text-align: center;
	margin: 0px;
	width: 86px
	}


/*=========-Formatierung Kartenpreis-Tabellen 3-spaltig=========-*/


.karten_art2{
  text-align: right;		
	margin:0px;
	width: 120px
	}

.preisgruppe2{
  text-align: center;
  color:#0093d1;
  margin-top: 10px;
  width: 112px
  }

.preise2{text-align: center;
  font-weight: bold;		
  margin: 0px;
  width: 112px
  }