/*** Basis ***/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #3d3d3b;
	background-color: #1c1e26;
	overflow-y:scroll; /* Valide nur als CSS3: Ein- und Ausschalten des vertikalen Scrollbars beim Bildwechsel vermeiden */
	width:100%;
	height:100%;
}

* html body {
	overflow-y:hidden;
	}

p {
	font-size: 0.9em;
	} 

/****** Layer ******/

#logo{
	position:absolute;
	top: 60%;
	width:100%;
	text-align:center;
	line-height:0;
	font-size:0;
}

#subline {
	line-height:0;
	font-size:0;
	margin: 0 auto; 
	background-position: 0 0;
	background-image: url(../common/T-Subline.png);
	background-repeat:no-repeat;
	width: 396px;
	height:27px;
	cursor: pointer;
	}

#subline:hover {
	background-position:0 -27px;
	}

* html #subline a {
	line-height:0;
	font-size:0;
	margin: 0 auto; 
	background-position: 0 0;
	background-image: url(../common/T-Subline.png);
	background-repeat:no-repeat;
	width: 396px;
	height:27px;
	}

* html #subline a:hover {
	background-position:0 -27px;
	width: 496px;
	}

#FrogJS_wrapper{
	position:fixed;
	left: 50%;
	}

#FrogJS{
	width: 100%;
	}

* html #FrogJS{
	width: 49%;
	}

#FrogJS a img{ /* Test: damit das Script die Bilder nicht kurz aufflackern lässt. */
	display:none;
	}

.versteckt{
	display:none;
	color: #1c1e26;
}

#versteckt a:link {color:#1c1e26;}
#versteckt a:visited {color:#1c1e26;}
#versteckt a:hover {color:#1c1e26;}
#versteckt a:active {color:#1c1e26;}


/****** Pseudoklassen und Kindelemente ******/

a:link {color:#b5c5f8;text-decoration:none;}
a:visited {	color:#b5c5f8;text-decoration:none;}
a:hover {color:#ffffff;}
a:active {color:#ffffff;}
a:focus {outline: none;}


/*** Mouseover-Hintergrundpfeil negativ ***/

a.dort span{
	padding-left:5px;
	background:transparent;
	background-image: url(../common/next.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	visibility:visible;
}

a:hover.dort span {
	background-position:0 -14px;
	}

/*** Mouseover-Hintergrundpfeil im Menü, positiv ***/

a .next {
	padding-left:5px;
	background:transparent;
	background-image: url(../common/next.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	visibility:visible;
}

a:hover .next {
	background-position:0 -14px;
	}

a .prev {
	padding-left:5px;
	background:transparent;
	background-image: url(../common/prev.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	visibility:visible;
}

a:hover .prev {
	background-position:0 -14px;
	}

.prev_inaktiv{
	color:#565d75;
	cursor:default;
	}

.next_inaktiv{
	color:#565d75;
	cursor:default;
	}

/*** Mouseover-Hintergrundpfeil im Akkordeon, positiv ***/

.akkordeon a:link {color:#000000;text-decoration:none;font-weight:800;}
.akkordeon a:visited {	color:#000000;text-decoration:none;font-weight:800;}
.akkordeon a:hover {color:#b5c5f8;}
.akkordeon a:active {color:#b5c5f8;}
.akkordeon a:focus {outline: none;}

.akkordeon a.dort span{
	padding-left:5px;
	background:transparent;
	background-image: url(../common/next_positiv.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	visibility:visible;
}

.akkordeon a:hover.dort span {
	background-position:0 -14px;
	}

/*** Mouseover-Hintergrundbild für at-Zeichen ***/

.akkordeon a .at{ 
	background-position: 0 0;
	background-image: url(../common/at.gif);
	background-repeat:
	no-repeat;
	width: 10px;
	height:14px;
	text-decoration:none;
	padding:0;
	visibility:visible;
	cursor: pointer;
	}

.akkordeon a:hover .at{
	background-position:0 -14px;
	}

/****** Klassen ******/

/*** Akkordeon ***/

.akkordeon {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#ffffff;
	color:#000000;
	margin-top:1em;
	margin-bottom:1em;
	padding-top:1em;
	padding-bottom:2.5em;
	line-height:1.5em;
	}

.akkordeon p {
	padding-bottom:0.9em;
	}

/*** Spalte links ***/

.spaltelinks {
	width:50%;
	float:left;
	padding-bottom:100px;
}

.spaltelinks p,
.spaltelinks h1 {
	padding-right:20px;
	padding-left:20px;
}
* html .spaltelinks p,
* html .spaltelinks h1 {
	padding-right:20px;
	padding-left:20px;
}

/*** Blaue Kopfzeile ***/

.caption {
	background-color:#b5c5f8;
	color: #000000;
	height:150px;
	}

.caption .versal {
	font-size: 0.9em;
	text-transform:uppercase;
	color:#000000;
	}

.caption h1 {
	color:#ffffff;
	} 

.caption h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:800;
	padding-bottom:0.3em;
	margin-right:1px;
	} 

/*** Fliesstexte ***/

.fliesstext {
	color:#ffffff;
	padding-top:0.9em;
	line-height:1.2em;
	}

.fliesstext .versal {
	font-size: 0.9em;
	text-transform:uppercase;
	color:#ffffff;
	}

/*** Menü ***/

.menu {
	color:#b5c5f8;
	height:27px;
	border-bottom: 1px solid #b5c5f8;
	line-height:27px;
	white-space:nowrap;
	/* */
	}

.menulinks {
	float:left;
	text-align:left;
	white-space:nowrap;
	}

.menurechts {
	text-align:right;
	white-space:nowrap;
	}

.menurechts .inaktiv{
	color:#565d75;
	cursor:default;
	}

/*** Schließfelder im Akkordeon als Icons ***/

.schliessfelder {
	height:16px;
	}

.maclinks {
	float:left;
	text-align:left;
	}

.winrechts {
	text-align:right;
	}

/*** Schließfelder im Akkordeon als Text (inaktiv) ***/

.schliessfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:right;
	padding-right:20px;
	}

.schliessfeld a:link {
	color:#b5c5f8;
	}

.schliessfeld a:visited {
	color:#b5c5f8;
	}

.schliessfeld a:hover {
	color:#000000;
	}

/*** Auswahlliste für Inszenierungen ***/

.auswahlliste {
	background-color:#ffffff;
	background-color:#1c1e26;
	color:#b5c5f8;
	padding-top:1em;
	padding-bottom:1.5em;
	}

.auswahlliste a:link {color:#b5c5f8;text-decoration:none;}
.auswahlliste a:visited {	color:#b5c5f8;text-decoration:none;}
.auswahlliste a:hover {color:#ffffff;}
.auswahlliste a:active {color:#ffffff;}
.auswahlliste a:focus {outline: none;}

/*** Weitere Klassen ***/

.bleu {
	color:#b5c5f8;
	}

.bold {
	font-weight:800;
	}

.durchschuss {
	line-height:0.4em;
	}

.clear {
	clear:both;
	visibility:hidden;
	font-size:0;
	}