/* @group BODY */

/* Bilder */
img {
	border: 0px none;
}

/* Links */
a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

/* Links (Mouse-over) */
a:hover {
	text-decoration: underline;
}

/* Default-Randabstände für body und Headlines */
html, body, h5, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

/* Hintergrundfarbe/ -bild, Standard für Textausrichtung und Schriftart/-grösse, CSS-Hack für IE */

body {
	background: #8E0D0D url('images/page_bg.jpg') repeat-x;
	text-align: center;
	color: #565656;
behavior: url("csshover3.htc"); font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial, sans-serif
}

/* Beendet umfliegende Layer */
.clear {
	clear: both;
}


/* @end */

/* @group STRUCTURE */

/* Umgebender Layer, Zentrierung der Seite */
#wrapper {
	text-align: left;
	margin: auto;
	width: 788px;
	position: relative;
}

/* Layer - Linke Spalte */
#left {
 position: absolute;
 top: 0;
 left: 0;
 width: 268px;
}

/* Layer - Rechte Spalte (Navigation + Content) */
#right {
 position: absolute;
 top: 0;
 left: 268px;
 width: 520px;
}

/* @end */

/* @group LEFT */

/* Hintergund linke Spalte */
#left {
 background: url('images/nav_background.jpg') no-repeat;
}

/* Bildzentrierung linke Spalte */
#left img {
	align: center;
	}

/* Logo */
#left_header {
	padding-left: 10px;
}

/* Schriftfarbe Copyright */
#copyright {
 color: white;
}

/* Randabstand Copyright */
#copyright p {
 margin: 0 1em 0.5em 1em;
}

/* Linkfarbe/-unterstrich Copyright */
#copyright a {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}


/* @end */

/* @group MAIN */

/* @group NAVIGATION */

/* Hintergrund Navigation */
#nav {
 background: url('images/header.jpg') no-repeat;
 height: 108px;
	overflow: visible
}

/* Hauptnavigation Randabstand */
#nav ul {
 margin: 0;
 padding: 0 0 0 30px;
}

/* Hauptnavigation Linkabstände, vertikale Platzhalter */
#nav li {
 float: left;
 border-right: 1px solid #A26A6B;
 padding: 66px 9px 9px 9px;
 list-style: none;
}

/* Kein vertikaler Platzhalter nach dem letzten Link */
#nav li.last {
 border-right: none;
}

/* Breite, Position und Durchlässigkeit der Dropdown-Listen */
#nav ul.dropdown {
	display: none;
	position: absolute;
	background-color: #fff;
	opacity: 0.9;
	width: 150px;
	border: 1px solid #cdcdcd;
	padding: 10px 10px 10px 5px;
	left: -10px;
}

/* Letzte Dropdown-Liste rechtsbündig */
#nav ul.dropdown_last {
	display: none;
	position: absolute;
	background-color: #fff;
	opacity: 0.9;
	width: 150px;
	border: 1px solid #cdcdcd;
	padding: 10px 10px 10px 5px;
	right: 0;
}

/* Position Dropdown-Links */
#nav li > ul.dropdown {
	top: auto;
	left: auto;
}
#nav li.dropdown {
	padding: 5px;
	clear: both;
	list-style-type: none;
	border-style: none;
	white-space: nowrap;
}

/* Dropdown-Links über die anderen Layer legen */
#nav li:hover ul, li.over ul {
	display: block;
	z-index: 1;
}

/* Linkfarbe Hauptnavigation */
#nav a, h5 {
 color: #CECECE;
 font: 12px arial, sans-serif;
 font-weight: normal;
 text-decoration: underline;
}

/* Linkfarbe Dropdown-Links */
#nav .dropdown a  {
 color: #333;
 font: 12px arial, sans-serif;
 font-weight: normal;
 text-decoration: underline;
}

/* Linkfarbe Dropdown-Link aktive Seite */
#nav .dropdown a.highlight, #nav .dropdown a:active {
	color: #c5727a;
	text-decoration: none;
	font-weight: bold;
}

/* Subnavigation */
#nav li.sub {
 float: left;
 padding: 20px 9px 9px 11px;
 list-style: none;
 border-right: none;
}

/* Linkfarbe Subnavigation */
#nav li.sub a {
	color: #333
	}


/* @end */

/* @group CONTENT */

/* Hintergrund Content */
#body {
 background: url('images/body_bg.jpg') repeat-y;
}

/* Hintergrund content oben (grauer horizontaler Balken) */
#body-top {
 background: url('images/body_top.jpg') no-repeat;
}

/* Hintergrund unten - abschliessender horizontaler Balken */
#body-bot {
 background: url('images/body_bot.jpg') no-repeat bottom left;
 padding-left:39px; padding-right:39px; padding-top:36px; padding-bottom:19px
}



/* Überschrift Content (h1) */
#body h1 {
 font: 14px "Arial", sans-serif;

}

/* Überschrift Content (h1) fett */
#body h1 strong {
 color: #660505;
 font-weight: normal;
 font-size: 18px;
}

/* Überschrift Content (h2) */
#body h2 {
 font: 14px "Arial", sans-serif;
 color: #660505;
 margin-top: 1.4em;
 margin-bottom: 1.1em;
}
#body .left {
 margin: 0 26px 0 0;
}

/* Trennung zwischen Content und Thumbnails */
.body-hr {
 clear: both;
 height: 43px;
 background: url('images/body_hr.jpg') no-repeat bottom left;
 margin: 10px -39px
}

/* Zweispaltige Navigation für Künstler und Tänzerinnen */
#zweispaltig-left {
	float: left;
	width: 200px;
	line-height: 1.5em;
}
#zweispaltig-right {
	float: left;
	position: relative;
	left: 30px;
	width: 200px;
	line-height: 1.5em;
}
/* Linkfarbe Künstler und Tänzerinnen */
#zweispaltig-left a, #zweispaltig-right a {
	color: #565656;
}

/* @end */

/* @group FOOTER */

/* Thumbnails Breite/Höhe */
#footer {
	width: 480px;
	height: 132px;
	color: #565656;
	margin: -5px -15px;
}

/* Thumbnails Abstände / Rahmen */
#footer a img {
	float: left;
	margin-right: 10px;
	border: 1px solid #fff;
	opacity: 0.8;
	margin-top: 5px;
}

/* Thumbnails Mouseover-Effekt */
#footer a:hover img {
	border: 1px solid #660505;
	opacity: 1;
}
/* @end */



/* @end */