/* style sheet für tq2*/

/* div Bereiche */

div#banner {
	background-color: transparent;
	position: fixed;
	top: 0px;
	height: 100px; /*vorher: 250 px*/
	z-index: 4;
}

div#banner_background {
	height: 100px; /*vorher: 250 px*/
	background-color: transparent;
	align: center;
}

div#logo {
	float : right;
	height: 3cm;
	/*width : 10%;*/
	position : absolute;
	left : 11cm;
	top : 0.2cm;
}

div#accueil {
	position: absolute;
	top: 90px;
	height: 90%;
	width: 99%;
	overflow: scroll;
	z-index: 1;
}

div#dropdownmenu {
	float: none;
	width: auto;
	height: 1cm;
	margin-left: 0.8cm;
	z-index: 3;
}

div#navigation {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 120px;
	height: 80%;
	z-index: 4;
	/*float: left;*/
}

div#rahmen_inhalt {
	position: absolute;
	overflow: auto;
	top: 130px;
	height: 80%;
	width: 99%;
	z-index: 1;
}

div#inhalt {
	position: absolute;
/*	overflow: auto;*/
	height: 100%;
	margin-left: 140px; /*float: right;*/
}

div#rahmen_sonst {
	position: absolute;
	top: 130px;
	height: 80%; /*sonst scrollt der inhalt hinter der Banner!*/
	width: 99%;
	overflow: scroll;
	z-index: 1;
}

div#inhalt_sonst {
	background-image: url(../tq_bilder/tq_hintergrund/tq_hintergrund2.gif);
	background-repeat: no-repeat;
	background-position: center;
	position: static;
	height: 100%;
	z-index: 1;
}

div#rahmen_ansicht {
	position: absolute;
	top: 130px; /*vorher: 280 px*/
	height: 80%; /*vorher: 60% */
	width: 99%;
   /*overflow: scroll;*/
	z-index: 1;
}

div#inhalt_ansicht {
	background-image: url(../tq_bilder/tq_hintergrund/tq_hintergrund2.gif);
	background-repeat: repeat-y;
	background-position: center;
	position: static;
	overflow: scroll;
	height: 100%;
	z-index: 1;
}

div#navigation_presse {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 150px;
	height: 80%;
	z-index: 5; /*float: left;*/
}

div#inhalt_presse {
	position: static;
	overflow: auto;
	height: 90%;
	margin-left: 200px;
	z-index: 1;
	/*float: right;*/
}

div#mp3player {
	overflow: auto;
	z-index: 5;
}

/* Backgroundfarbe für jeder Musicals */

body {
	background-image : url(../tq_bilder/tq_hintergrund/tq_textur.gif);
}

body.index {
	background-color: #F9F4D2;
}
body.lm {
	background-color : #ECF5FD;
}
body.mm {
	background-color : #F0F8D3;
}
body.rs {
	background-color : #FAF1FE;
}
body.ns {
	background-color: #F4F1F0;
}
body.od {
	background-color: #EFF2FC;
}
body.pp {
	background-color: #EBFFD2;
}
body.pd {
	background-color: #FDF4D6;
}
body.to {
	background-color : #F5F3FE;
}
body.al {
	background-color : #F9EEEF;
}
body.si {
	background-color: #F8F2Ec;
}
body.wt {
	background-color: #E8FFFF;
}
body.cn {
	background-color: #E8F4FF;
}
body.tm {
	background-color: #EEEDFE;
}
body.fo { background-color: #e5ffbc;
 }
 
body.oz  { background-color: #ffff82 }
 
/* DROPDOWN MENU STRUKTUR

***************** BEGIN required for menu functionality, DO NOT CHANGE! ******************/
ul.dropdown {
	list-style: none;
	margin: 0;
	padding: 0px;
	width: auto; /*247px;* Breite der ersten Einträge */
}

ul.dropdown * ul {
	list-style: none; /* die Sub-Menu bleiben zunächst unsichtbar*/
	margin:0;
	padding: 4px 0px 4px 4px;
	display: none;
	position:absolute;
	z-index:99;
}

ul.dropdown li {
	float:left;
	padding: 4px 0px 4px 4px;	/* helps Opera with hover - do not remove! */
	width: auto; /* Breite der Listeneinträge und der Sublisteneinträge */
}

ul.dropdown li * li {
   float:none;
   position: relative;     /* required? */
}

ul.dropdown ul * ul {
   left:98%;
   top:0%;
   width:100%;
}

ul.dropdown a {
	display: block;
}

ul.dropdown ul * a {
	width: 18em;     /* Breite der Submenus */
}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul {
	display: none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul {
   display:block;
}

/* Aufteilung des Menubereichs*/

ul.li /*a*/ {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	ul {
	width: auto;
	background: Silver;
	list-style: none;
}
/*
	li {
		position:relative;
		padding:1px;
		z-index:9;
	}	

/* Farbgestaltung des Menu */

ul.dropdown a {
	background-color: #f0f0f0;
	color: Purple;
	padding: 4px 0px 4px 4px;
	text-decoration: none;
}

ul.dropdown a:hover {
	background-color: Purple;
	color:#fff;
	padding: 4px 0px 4px 4px;
}

ul.dropdown ul {
	border: 1px outset;
}

ul.dropdown ul a {
	background-color: Silver;
	color: Purple;
	padding: 4px 0px 4px 4px;
	text-decoration: none;
}

ul.dropdown ul a:hover {
	background-color:#f0f0f0;
	color: Purple;
}

ul.dropdown ul li {
	background-color: Silver;
	width: auto;
	height: 9pt;
}

/* Absatzformatierung menu */

.dropdown {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 90%;
}

.logoschrift {
	font-family: "BernhardMod BT", Times, serif;
	color: Purple;
	font-size: 18pt;
	line-height: 100%;
	font-weight: bold;
	margin: 25px 0px 15px 32px;
}

 /* links formatierung */
a:link {
	color : #800080;
	border-style: none;
}

a:visited {
	color : #C2B496;
}

a:hover {
	color : Fuchsia;
}

a:active {
	color : #05C026;
} 

.dropdown  a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 90%;
	color: Purple;
}  
 
 /* Absatzformatierung für navigation und inhalt */

.glied {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	color: Purple;
	line-height: 100%;
	text-shadow: Gray;
	margin: 0px 0px 0px 15px;
}

.kapitel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #B6A47E;
	text-decoration: underline;
	line-height: 100%;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
}

.inhalt {
	font-size: 10pt;
	line-height: 150%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5B005B;
	margin: 10px 0px 0px 10px;
} 

/* diverses Absatzformatierungen */

.ausserdem {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #EDDF8F;
	font-style: italic;
}

.menuform {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
}

.tabelle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 100%;
	color: #5B005B;
	margin: 10px 0px 10px 10px;
}

.titel {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	color: #800080;
	line-height: 100%;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 0px 25px;
}


.liedtext4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #5B005B;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
}

.accueil {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5B005B;
	line-height: 150%;
	margin-top: 0px;
}

.akt {
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #999859;
	margin: 20px 0px 0px 10px; /*  margin-left:25; margin-top:20; margin-bottom:0
} */
}

.szenen {
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #5b005b;
	margin: 10px 0px 0px 55px;
}

.musiknummer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 150%;
	color: #5b005b;
	margin: 5px 0px 0px 85px;
}

.musik-personen {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 100%;
	font-style: italic;
	margin: 0px 0px 0px 145px;
}

.klein {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
	margin: 10px 0px 0px 25px;
}

.klein1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF00FF;
	line-height: 150%;
	margin: 8px 0px 0px 0px;
}

.klein2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF00FF;
	line-height: 50%;
	margin: 0px 0px 0px 0px;
}

.klein3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #800080;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
}

.liedtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #5B005B;
	line-height: 150%;
	margin: 0px 0px 0px 25px;
}

.musik1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	word-spacing: 0;
	line-height: 100%;
	color: #5B005B;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 0px 25px;
}

.musik2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	word-spacing: 0;
	line-height: 150%;
	color: #A07818;
	margin: 8px 0px 0px 25px;
}

.presse1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36pt;
	line-height: 100%;
	font-weight: bold;
	margin: 10px 0px 0px 15px;
}

.presse2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	line-height: 100%;
	font-weight: bold;
	margin: 10px 0px 0px 15px;
}

.presse3 {
	font-size: 12pt;
	font-family: "Times New Roman", Times, serif;
	line-height: 100%;
	margin: 10px 0px 0px 15px;
}

.presse4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #999859;
	line-height: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
}

.presse5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #999859;
	line-height: 100%;
	margin: 0px 0px 0px 25px;
}

.presse6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px 0px 0px 25px;
}



.titel_accueil {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	color: #800080;
	line-height: 110%;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 0px 25px;
}

.zweistimmig1 {
	float: left;
	width: 50%;
}

.zweistimmig2 {
	float: right;
	width: 50%;
}

.vierstimmig1 {
	position: static;
	left: 550px;
}
.vierstimmig2 {
	position: static;
	left: 540px;
}