@import url(reset.css);

/*
--- Farbschema --- 
BLAU
Farbe 1 #00bbff (normal) 	
Farbe 2 #77ddfe (hell)
Farbe 3 #00bbff (highlight)
Farbe 4 #005577 (dunkel)
Farbe 5 #00aaee (käftiger)
*/


body, html {
	height: 100%;
	}

body { 
	margin: 0; 
	padding: 0;
	background: #000 url(/images/verlauf.jpg) repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}


/* 
--- MAIN LAYERS--- 
*/

#wrapper {
	width: 900px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	}
	
#header {
	padding-top: 10px;
	padding-bottom: 10px;
	}

#logo {
	float: right;
	padding-top: 2px;
	padding-right: 40px;
	}
	
#navigation1 {
	background: url(../images/nav_pfeil_blau.gif) no-repeat 0 3px;
	padding-left: 20px;
	margin-top: 7px;
	}
	
#navigation2 {
	width: 240px;
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	border-right: 1px solid #77ddfe;
	background: url(../images/nav2_top.gif) no-repeat 0 12px;
	padding-top: 25px;
	}

#content {
	color: black;
	margin: 0;
	background-color: white;
	/*border-right: 4px solid #000;*/
	}
	
#content_bg_top {
	/*background: url(../images/content_ecken_oben.gif) no-repeat 0 top;*/
	}
	
#content_bg_bottom {
	/*background: url(../images/content_ecken_unten.gif) no-repeat 0 bottom;*/
	}
	
#article {
	padding: 0;
	}
	
#footer {
	margin: 0;
	padding: 0;
	clear: both;
	}
	
.clearer {
	height: 0px;
	clear: both;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	}
	

/* 
--- NAVIGATION 1 --- 
*/

img.pfeil1 {
	float: left;
	margin-top: 9px;
	margin-right: 10px;
	margin-left: 4px;
	}

#navigation1 ul {
	}

#navigation1 ul li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	display: inline;
	}

#navigation1 ul li a { 
	color: white; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 14px; 
	text-decoration: none; 
	}
	
#navigation1 ul li a.current { 
	color: #00bbff;
}
	
#navigation1 ul li a:hover {
	color: #ccc;
	} 
	
	
/* 
--- NAVIGATION 2 --- 
*/

	
#navigation2 ul {
	margin: 0 0 30px;
	padding: 0 1px 13px 1px;
	list-style-type: none;
	background: url(../images/nav2_bottom.gif) no-repeat 0 bottom;
	}

#navigation2 ul li {
	margin: 0;
	display: inline;
	}

#navigation2 ul li a {
	color: #000;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #f5f5f5;
	display: block;
	}
	
#navigation2 ul li:last-child a {
	border-bottom: 1px solid #dcdcdc;
	}

#navigation2 ul li a:hover { 
	color: #00bbff;
	}

#navigation2 ul li a.current {
	color: #00aaee;
	background-color: #f9f9f9;
	background-image: url(/images/nav2_pfeil_blau.gif);
	background-repeat: no-repeat;
	background-position: 7px 9px;
	}


/*
--- CONTENT: default
*/


/*h1 {
	font-size: 13px;
	margin: 0;
	padding: 0 0 10px;
	}*/
	
h1 {
	color: #00bbff;
	font-size: 18px;
	margin: 10px 0;
	width: 90%;
	padding: 0;
	}

h2 {
	color: #00bbff;
	font-size: 15px;
	margin: 0;
	padding: 10px 0 5px;
	width: 90%;
	}

h3 {
	color: #000;
	font-size: 13px;
	margin: 0;
	padding: 15px 0 5px;
	}

h4 {
	color: #00bbff;
	margin: 0;
	padding: 10px 0 4px;
	}

p {
	margin-top: 8px;
	margin-bottom: 8px;
	width: 90%;
	line-height: 1.5em;
	}

a {
	color: #00bbff;
	}



/*
--- CONTENT: Home ---
*/

.home {
	}
	
.home #article {
	}
	
.home #clearer {
	display: none;
	}

.home #flashcontent {
	height: 450px;
	background-color: black;
	}


/*
--- CONTENT: Aktuell ---
*/	

.aktuell {
	
	}

.aktuell #article {
	line-height: 1.5em;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
	}
	
.aktuell .aktuell_eintrag{
	float: left;
	width: 540px;
	}	
	
.aktuell h1 {
	
	}

.aktuell a {
	color: #00bbff;
	text-decoration: none;
	border-bottom: 1px dotted #00bbff;
	}
	
.aktuell hr {
	background-color:#ccc; /* Mozilla 1.4 */
	color:#ccc; /* IE 6 */
	text-align: left;
	border: #ff0000; /* Opera 7.11 */
	height: 1px;
	margin: 0;
	}

.aktuell div.abstand {
	width: 100px;
	margin-top: 25px;
	margin-bottom: 10px;
	}
	
#termine {
	color: #000;
	width: 280px;
	float: right;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: #f9f9f9 url(../images/termine_bg.gif) repeat-y -10px top;
	}
	
#termine h1 {
	color: #111;
	font-size: 16px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	padding-top: 4px;
	background-color: #f9f9f9;
	margin-bottom: 0;
	}
	
#termine .year_block {
	padding: 4px 5px 0;
	text-align: right;
	font-weight: bold;
	line-height: 1em;
	background-color: #f9f9f9;
	}

#termine div.termin {
	padding: 5px 5px 5px 7px;
	border-bottom: 1px solid #eeeeee;
	}
	
#termine .termin_titel {
	width: 180px;
	float: right;
	line-height: 1.2em;
	}
	
#termine .termin_titel a {
	color: #000 !important;
	border-bottom: 1px none silver;
	display: block;
	}
	
#termine .termin_titel a:hover {
	color: #00bbff !important;
	}
	
#termine .termin_datum {
	float: left;
	color: #333;
	}
	
#termine .termin_datum .day {
	color: #000;
	font-size: 28px;
	float: left;
	display: block;
	line-height: 20px;
	padding: 2px;
	}
	
#termine .termin_datum div.datum_klein {
	margin-left: 42px;
	line-height: 12px;
	}
	
#termine .termin_datum .month {
	color: #00bbff;
	float: left;
	text-transform: uppercase;
	}
	
#termine .termin_datum .year {
	color: #000;
	float: left;
	}
	
#termine .highlight {
	
	}

.aktuell .aktuell_bild {
	width: 550px;
	padding-top: 10px;
	}


/*
--- CONTENT: Inszenierungen ---
*/

.inszenierungen {
	background-repeat: no-repeat;
	background-position: right 0;
	}
	
.inszenierungen #article {
	width: 650px;
	float: right;
	margin: 0;
	padding: 20px 0 0;
	}

#thumbnails { /* GALERIE */
	width: 100px;
	float: right;
	margin-right: 0;
	margin-top: -19px;
	}
	
#galerie_inlay {
	padding-top: 10px;
	background: url(../images/inszenierungen_thumbs_bg.gif) right 1px;
	padding-left: 10px;
	padding-bottom: 10px;
	}
	
div.thumbnail {
	margin-bottom: 1px;
	}

div.thumbnail img{
	border: none;
}

.inszenierungen td a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}
	
.inszenierungen h1 {
	font-size: 18px;
	line-height: 21px;
	margin: 0px 0 2px;
	padding: 0;
	}

.inszenierungen .location {
	color: #00bbff;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0 0 0;
	}
	
.inszenierungen .location a {
	color: #00bbff;
	text-decoration: none;
	text-align: right;
	border-bottom: 1px dotted #00bbff;
	}

.inszenierungen h4 {
	color: #00bbff;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 1px 0 0;
	}
	
.inszenierungen .komponist {
	font-style: italic;
	}
	
table.table_insz {
	margin: 0;
	padding: 0;
	}
	
* html table.table_insz {
	
	}

.table_insz td.td_col1, .table_insz td.col1 {
	text-align: right;
	vertical-align: top;
	width: 200px;
	padding: 4px 12px 4px 10px;
	}

.table_insz td.td_col2, .table_insz td.col2 {
	vertical-align: top;
	width: 300px;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	}
	
.inszenierungen div.abstand {
	/*background-image: url(/images/linie_gepunktet.gif);
	background-repeat: repeat-x;
	background-position: 8px 50%;*/
	width: 498px;
	height: 18px;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
	}
	
.inszenierungen hr {
	width: 100px;
	background-color:#333; /* Mozilla 1.4 */
	color:#333; /* IE 6 */
	text-align: left;
	border: #ff0000; /* Opera 7.11 */
	height: 1px;
	margin-top: 8px;
	margin-bottom: 1px;
	margin-left: 170px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

h1.kritiken {
	margin: 15px 0 0 20px;
	padding: 0;
	}
	
h2.kritiken {
	margin-bottom: 20px;
	padding: 0;
	margin-left: 20px;
	}
	
div.kritik {
	margin-left: 20px;
	}
	
.inszenierungen a.link_kritiken {
	color: #00bbff;
	background-image: url(/images/symb_kritiken.gif);
	background-repeat: no-repeat;
	background-position: 10px 11px;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 15px;
	padding-left: 30px;
	display: block;
	width: 80px;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	margin-left: 210px;
	margin-bottom: 20px;
	}

div.kritik_publisher {
	color: #00bbff;
	padding: 0 100px 8px 0;
	}
	
div.kritik_title {
	padding: 0 120px 8px 0;
	font-weight: bold;
	}

div.kritik_copytext {
	padding: 0 80px 0 0;
	margin-bottom: 20px;
	line-height: 1.5em;
	}

div.kritik_copytext p {
	margin: 0;
	padding: 4px 0;
	}
	
a.link_zurueck {
	color: black;
	background-image: url(/images/symb_zurueck.gif);
	background-repeat: no-repeat;
	background-position: -5px 10px;
	text-decoration: none;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 8px;
	padding-bottom: 2px;
	display: block;
	font-weight: bold;
	padding-left: 15px;
	margin-top: 10px;
	}

a.link_zurueck:hover {
	color: #00bbff;
	}

/* 
--- CONTENT: Vita --- 
*/

.vita #article {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	}

.vita a {
	text-decoration: none;
	border-bottom: 1px dotted #000;
	color: #000;
	}

.vita #downloads {
	color: #000;
	background-color: #f9f9f9;
	width: 200px;
	float: right;
	margin-top: -20px;
	}
	
.vita #downloads h1 {
	color: #111;
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-bottom: 0;
	}
	
.vita #downloads #download {
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom: 1px dotted #ccc;
	}

.vita #downloads #download img {
	padding-bottom: 4px;
	}

.vita #downloads #download p {
	margin: 0;
	padding: 4px 0;
	}

table.table_vita {
	line-height: 16px;
	width: 600px;
	margin: 0 12px 0 20px;
	}

.table_vita td.col1 {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	width: 20%;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	}

.table_vita td.col2 {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	border-left: 1px solid #00bbff;
	}

.table_vita td.col2 p {
	margin: 0;
	padding: 0;
	}
	
/*
--- CONTENT: Kontakt ---
*/

.kontakt {
	background-image: url(../images/kontakt_bg.jpg) !important;
	}
	
.kontakt #article {
	color: #fff;
	padding-right: 20px;
	padding-left: 60px;
	height: 480px;
	background-repeat: no-repeat;
	line-height: 1.6em;
	}
	
.kontakt #article h1 {
	font-size: 14px;
	font-weight: normal;
	padding: 30px 0 0;
	}

.kontakt #article a {
	color: white;
	}
	
.kontakt #button {
	font-size:11px;
	color:#ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	background:#000;
	text-decoration:none;
	margin: 0;
	padding: 0;
	}	


/* 
--- CONTENT: Impressum --- 
*/

.impressum #article {
	line-height: 1.5em;
	padding: 10px 10px 10px 20px;
	}

.impressum a {
	color: #00bbff;
	text-decoration: none;
	border-bottom: 1px dotted #00bbff;
	}

.impressum #col1 {
	float: left;
	margin: 0;
	padding: 16px 0;
	width: 280px;
	}

.impressum #col2 {
	width: 550px;
	float: right;
	padding: 16px 0;
	}


/* 
--- FOOTER--- 
*/

#footer {
	font-size: 11px;
	border-top: 2px solid #000;
	padding-bottom: 20px;
	}

#footer a {
	color: black;
	text-decoration: none;
	}

#footer a:hover {
	color: #00bbff;
	}

#footer #copyright {
	background-color: #00bbff;
	/*border-right: 4px solid #000;*/
	line-height: 23px;
	padding-left: 21px;
	padding-bottom: 1px;
	}
	
#footer #copyright a {
	text-decoration: none;
	}
	
#footer #copyright a:hover {
	color: #00bbff;
	}
	
#footer #copyright em {
	font-weight: normal;
	font-style: normal;
	color: black;
	padding-right: 3px;
	padding-left: 3px;
	}

#footer .stand {
	padding-top: 8px;
	color: #005577;
	font-weight: normal;
	font-style: normal;
	}
	
#footer #meta-nav {
	text-align: right;
	background: url(../images/footer_bg.gif) no-repeat;
	border-top: 2px solid black;
	height: 60px;
	}
	
#footer #impressum {
	padding-top: 27px;
	}

#footer #impressum a {
	display: block;
	padding-right: 40px;
	width: 80px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	}