html {height: 100.5%;}
body {text-align: center; font-family: Arial, sans-serif;}
* {margin: 0px; padding: 0px; }
img {border: none;}
p {padding-left: 3px;}
h3 {font-size: 12pt; color: #333344;}
a {color: #000;}
a:link {}
a:visited {}
a:hover {color: #0000FF;}
a:active {}
div#wrapper {position:relative;width: 962px; margin: 10px auto; text-align: left; background-color: #0067D2 ; padding: 0px 5px 10px 5px;overflow:auto}

div#header_index {height:244px;width:100%;}
div#header_index img {position:absolute;top:0;left:0;}
.headerindex_notactive {display:none;}
.headerindex_active {display:inline;}
div#menu {float: right; width: 170px;}
div#nav {float: left; width: 114px; background-color: #FFFFFF; background-image: url(../img/bg_nav.jpg); background-repeat: repeat-x;}
div#maintext {margin-left: 117px; margin-right: 173px; font-family: Arial, sans-serif;}
div#footer {margin-top: 0px; background: #FFFFFF url(../img/bg_mainbox_portrait.jpg) repeat-x left top; text-align: center; font-size: 10pt; padding: 1px}
div#nav li {list-style-type: none; height: 21px; border-bottom: 1px solid #333344;}
div#nav li a {display: block; color: #333344; width: 112px; height: 21px; padding: 2px 0px 0px 2px; text-decoration: none; font-size: 10pt; }
div#nav a.navi_self {background-image: url(../img/aqua_button_over.jpg); font-weight: bold; color: #333344;}
div#nav li a.navi:hover {background-image: url(../img/aqua_button_over.jpg); font-weight: bold; letter-spacing: 0.1em;}
div#nav form {margin: 10px 0px 10px 3px;}
div#inhaltsbereich { background: url(../img/inhalt.gif) no-repeat;overflow:auto}
/*Tab-Navigation fuer Playlist*/
div#nav_playlist {float: left;}
/*div#nav_playlist ul {padding: 4px 2px 2px 5px;}*/
div#nav_playlist li {display: inline; list-style-type: none;}
div#nav_playlist li a {text-decoration: none; font-weight: bold; text-transformation: uppercase; padding: 0px 10px 0px 10px;}

/*Tab-navigation fuer live-Seiten*/
div#nav_live {text-align: center; padding: 3px 2px; color: #333344; background: url(../img/bg_menubox_top.jpg) left top; border-bottom: 1px solid #333344;}
div#nav_live li {display: inline; list-style-type: none; text-align: center;}
div#nav_live a {text-decoration: none; font-weight: bold; text-transformation: uppercase; padding: 2px 10px;}
div#nav_live a.navi_self {color: maroon; background: url(../img/bg_nav_live_self.jpg) no-repeat center bottom;}

/*Textboxen fuer rechte Menuseite*/
div.box {margin-bottom: 3px;}
div.box h5, div.box h4 {margin-bottom: 0em; padding: 2px 2px; color: #333344; background-color:#AFE0ED; font-family: Arial, sans-serif;font-size:0.9em;border-bottom:1px solid #000}
.boxtext {background-color: #E8F1FB; color:#000000; padding: 3px 2px 5px 2px; font-size: 9pt;}
div.box a {color: #333344; text-decoration: none;}
div.box a:hover {color: #0000FF;}
/* Event-Slidebox */
div#slidebox {position: relative; height: 176px; padding-bottom: 2px; overflow: hidden; background-color: #E8F1FB;}
div#slidebox p {position: absolute; background-color: #E8F1FB; padding: 3px 2px 5px 2px; font-size: 9pt; width: 170px; height: 178px;}
div#slidebox p.active {margin-left: 0px; z-index: 2;}
div#slidebox p.notactive {margin-left: 180px; z-index: 1;}

/*Textboxen fuer maintext-Bereich*/
div.mainbox1 {margin-bottom: 0px;}
div.mainbox1 h3, div.mainbox_portrait h3, div.mainbox_large h3, div.mainbox_intern h3 {margin-bottom: 0em; padding: 2px 9px; color: #000; background:#0067D2 url(../img/bg_h3.gif) right; font-family: arial, sans-serif;font-size:0.9em;border-bottom:1px solid #000}
div.mainbox1 {background:#0067D2 url(../img/bg_mainbox1.gif) left bottom; color:#000;overflow: auto;font-size:0.9em;font-family: Arial, sans-serif;}
div.mainbox1 table {padding: 2px 5px 5px 5px;font-size:1em;font-family: Arial, sans-serif;}
div.mainbox1 p {padding: 5px 5px 5px 8px}
/*p.mainbox1text {background: url(../img/menubox_text.jpg) repeat-x; padding: 2px 10px 10px 2px; font-size: 11pt; }*/
div.mainbox1 p img {margin: 3px 0px 3px 3px;}
div.mainbox1 a img {margin: 0px;}

/*Textboxen fuer Fotogalerie*/
div.fotobox {float: left; width: 334px; color: #000; background:#0067D2 url(../img/bg_mainbox1.gif) left bottom; margin-bottom: 3px;}
div.fotobox h3 {margin-bottom: 0em; padding: 0px 2px 0px 2px; color: #000000; background: #0067D2 url(../img/bg_h3.gif) right; font-family: arial, sans-serif;font-size:0.9em; border-bottom:1px solid #000; height:20px;}
div.fotobox p {padding: 4px 0px 4px 10px; font-size: 0.8em; }
div.fotobox div {margin: 2px auto;}
#slider {width: 326px; height: 234px; position: relative;top:3px;  overflow: hidden;}
#sliderContent {width: 326px; position: absolute;	top: 0;	margin-left: 0;}
.sliderImage {float: left; position: relative; display: none;}
.sliderImage span {position: absolute; font: 11px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 325px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7;	-khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none;}
.clear {clear: both;}
.top {top: 0;	left: 0;}
.bottom {bottom: 0; left: 0;}
.sliderImage span strong {font-size: 14px;}
ul { list-style-type: none;}

/*Textboxen fuer Plakat*/
div.plakatbox {float: right; width: 334px; background:#0067D2 url(../img/bg_mainbox1.gif) left bottom; color: #000; margin-bottom: 3px;}
div.plakatbox h3 {margin-bottom: 0em; padding: 0px 2px 0px 2px; color: #000000; background:#0067D2 url(../img/bg_h3.gif) right; font-family: sans-serif;font-size:0.9em;border-bottom:1px solid #000; height:20px;}
div.plakatbox p {padding: 2px 0px 4px 2px; font-size: 0.8em; }
div.plakatbox img {padding-left: 4px; padding-top: 3px;}

div.plakatbox a img {margin: 0px;}

div.mainbox_large, div.mainbox_galerie {background: #FFFFFF url(../img/bg_termine.jpg) repeat-x; font-size: 11pt; padding-bottom: 0px;}
div.mainbox_large h3 {}
div.mainbox_large p {padding: 2px 10px 5px 2px;}
div.mainbox_galerie h2 {background: #FFFFFF url(../img/header_galerie.jpg) no-repeat left top; line-height: 50px; padding: 5px 18px 0px; color: #333344;}
div.mainbox_termine, div.mainbox_playlist {background: #FFFFFF url(../img/bg_menubox_text_large.jpg) repeat-x; font-size: 11pt;}
div.mainbox_termine h2 {background: #FFFFFF url(../img/header_termine.jpg) no-repeat; line-height: 50px; padding: 5px 18px 0px; color: #333344;}
div.mainbox_termine h3 {margin-bottom: 3px; padding: 3px 2px; color: #333344; background: url(../img/bg_menubox_top.jpg) left top; border-bottom: 1px solid #333344;}
/*div.mainbox_termine h5 {background: url(../img/bg_menubox_top.jpg) left top; text-align: right; line-height: 20px; margin-bottom: 10px; padding-right: 3px;}*/
div.mainbox_termine td, div.mainbox_intern td {font-size: 10pt;}

div.mainbox_intern {background: #FFFFFF url(../img/bg_menubox_text_large.jpg) repeat-x; font-size: 11pt; padding-bottom: 3px;}
div.mainbox_intern p, div.mainbox_termine p {padding: 5px 10px;}

div.mainbox_portrait {position: relative; background: #FFFFFF; padding: 0px 0px 2px 0px; margin-top: 296px;}
div.mainbox_portrait h3 {margin-bottom: 3px; padding: 1px 2px; color: #E4E4E4; background: url(../img/bg_mainbox_portrait.jpg) left top; border-bottom: 1px solid #333344;text-align:center;}
div.mainbox_playlist h2 {background: #FFFFFF url(../img/header_playlist.jpg) no-repeat; line-height: 50px; padding: 5px 18px 0px; color: #333344;}
div.mainbox_playlist h5 {background: url(../img/bg_menubox_top.jpg) left top; border-bottom: 1px solid #333344; line-height: 20px; margin-bottom: 10px; padding-left: 3px;}

div#wsbox {margin-left:16px;width: 640px; text-align: center; background: #FFFFFF url(../img/bg_termine.jpg) repeat-x; font-size: 11pt;}
div#wsbox p {text-align: left; padding: 3px 0px 3px 5px;}
form br {clear: left;} /* das floating der labels und inputs aufheben */
fieldset {width: 550px; margin: 8px auto; padding: 10px 10px; text-align: left; border: 1px solid #333344; font-size: 10pt;}
fieldset legend {padding: 0px 5px 5px 5px; color: #333344; font-weight: bold;}
fieldset input, fieldset select, fieldset textarea {color: blue; margin: 2px 0px 0px 0px; padding: 1px 0px;}
fieldset hr {margin: 3px 0px;}
/* Alle Labels UND Formularelemente auswählen */
form {font-size: 11pt;}
label {display: block; float: left; width: 85px; text-align: right; margin: 2px 0px 1px 0px; padding: 0px 5px 0px 0px;}

 /* Alle Zeilenumbrüche in Formularen auswählen */


/*Einstellungen fuer Live-Seiten*/
div#livebilder {position: relative; top: 0px; left: 0px; height: 520px;}
div#live_info {margin-top: 10px; background: url(../img/bg_menubox_top.jpg) left top; border-bottom: 1px solid #333344; padding: 2px; color: #333344; text-align: center; font-style: italic; font-size: 10pt; font-weight: bold;}
#counter_intern {margin: 5px 0px 5px 0px; font-size: 10pt; font-weight: bold;}
#counter_intern table td {font-size: 10pt;}
.textbalken {margin:0px 16px 0px 17px;background: url(../img/bg_menubox_top.jpg) left top; line-height: 25px; margin-bottom: 1px; padding-right: 6px;}
.textbalken2 {background: #002D5D; color: #FFFFFF; text-align: center; font-size: 11pt; padding: 2px 5px;}
.textbalken_red {background: #E10016; color: #FFFFFF; text-align: center; font-size: 11pt; padding: 2px 5px;}
.floatclear {clear: left;}
.unterstrichen {text-decoration: underline;}
.zentriert {text-align: center;}
.rechts {text-align: right;}
.nextparty {padding: 1px 0px 0px 5px;}
/*Schrifteinstellungen*/
.times9 {font-family: serif; font-size: 9pt;}
.times11 {font-family: "Times New Roman" serif; font-size: 11pt;}
.times12 {font-family: "Times New Roman" serif; font-size: 16pt;}
.arial16 {font-size: 16pt; margin-top: 10px; color: #333344;}
.arial10kursiv {font-weight:normal; font-size:10pt; font-style: italic;}
/*Tabelleneinstellungen*/
/*table {border-collapse: collapse; width: 100%; border: 0px; padding: 5px 0px;}*/
td {padding: 0px 2px; font-size: 10pt; vertical-align: top;}
th {font-size: 10pt; font-weight: bold; border-bottom: 1px solid #333344;}
table.anfragen {width: 600px; margin: 5px auto 0px; border-collapse: collapse; border: 1px solid #333344;}
caption {text-align: left; border-bottom: 1px solid #333344; padding-top: 5px;padding-left:5px}
/*tr.header {background: #002D5D; color: #FFFFFF;  text-align:left; font-weight:bold; font-size: 11pt; border-bottom: 1px solid #333344; margin-bottom: 3px;}*/
tr.header {background: url(../img/bg_menubox_top.jpg) left top; color: #333344; line-height: 20px; text-align: left; font-size: 11pt; font-weight: bold;}
table.booking {border: none; border-collapse: collapse; background: #EDF6FF; width: 600px; margin: 0px auto; }
table.booking caption {border: none; padding-left: 2px;}
table.booking tbody {display: none;}
table.booking td {border: 1px solid #333344; font-size: 10pt; vertical-align: top; padding: 1px 2px;}
table.booking thead {border: none;}
table.anfragen tr.header a {font-size: 10pt; color: #333344; text-decoration: none;}
table.anfragen tr.header a:hover {color: #C3E0FE;}
/*tr.kopfzeile {background: gray; font-size: 10pt; color: #FFFFFF;}*/
table.anfragen td {border: 1px solid #333344; font-size: 10pt; vertical-align: top; padding: 1px 2px;}
table.anfragen caption {background: url(../img/bg_menubox_top.jpg) left top; color: #333344; font-weight: bold; padding-left: 2px;}
table.tooltip td {font-size: 9pt; vertical-align: top;}
/*Tooltips*/
.tipTop {display: none; position: absolute; width: 250px; background: url(../img/tipTop.gif) no-repeat left top; margin: 0px; padding: 0px; text-align: left;z-index:99;}
.tipMid {background: #FFFFFF url(../img/tipMid.gif) repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 3px 0px 3px 8px;}
.tipBtm {background: url(../img/tipBtm.gif) no-repeat; height: 12px; border-left: 2px transparent;}
.tipMid p {padding: 0px; margin: 0px;}

#dhtmltooltip{position: absolute; border: none; width: 150px; height: 209px; padding: 40px 0px 2px 0px; background: url(../img/kalenderblatt.gif) no-repeat; font-size: 9pt; visibility: hidden; z-index: 99; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);}
div.storytext {padding:5px; font-size:10pt; font-family: arial,sans-serif; text-align:justify; border-top:solid 1px #333344; border-bottom: 1px solid #333344; overflow: auto;}
.ueberschrift {display:block; line-height: 20px; padding-left:5px; color: #333344; font-size:11pt; font-weight: bold;}
img { behavior: url(iepngfix.htc) }
#pageflip {
	position: relative;
	right: -5px; top: 0px;
	float: right; 
}
#pageflip img {
	width: 50px; height: 50px;
	z-index: 98;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../img/page_peel2.jpg) no-repeat right top;
  z-index: 97;
}
/*Star-Hacks fuer IE6*/
* html table {width: 99%;}