/* stylesheet written by hendrik meyer www.media-dsign.de */

/* Standard Elemente */
body {
	margin: 0px;
	padding:0px;
	background: #FFFFFF url('img/footer_bg.jpg') repeat-x bottom center;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	/*behavior:url("csshover.htc");*/
}

a:link,a:hover,a:active,a:visited {
	color: #263d9a;
	text-decoration: underline;
}

table {
	padding: 0px;
	border-collapse:collapse;
}

td {
	font-family: Verdana;
	font-size: 12px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #0064ae;
}
h2,h3,h4,h5,h6,h7,h8 {
	font-size:13px;
	font-weight: bold;
	color: #0064ae;
}

div {
	text-align: left;
}


/* Spezielle Klassen */
/* Fehlermeldung */
div.msg {
    padding: 5px;
    font-family: Arial;
	font-size: 9pt;
	color: #000000;
	background-color: #CCCCCC;
    border: #FF0000 1px solid;
}
span.big_blue {
	color: #0064ae;
	font-size:15px;
}
.blue{
	color: #0064ae;
}
.red {
	color: #FF0000;
}
.clear {
	clear:both;
}
/* Header */
div.header {
	width: 847px;
	height: 228px;
	background:#FFFFFF;
	margin: 0px auto;
	background: transparent url('img/header.jpg') no-repeat top left;
/* 	border: #999999 1px solid; */
}

/* Seiten Layout */
div.page {
	margin:0px auto;
	padding:0px;
	width: 847px;
/* 	border: #999999 1px solid; */
}


/* Navigation */
div.navi {
	width:170px;
	float: left;
}
div.navi ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:21px;
	margin-bottom:30px;
	width:128px;
}
div.navi ul li {
	width:128px;
	height:20px;
	background: transparent url('img/navi_element.jpg') no-repeat top left;
	padding-left:18px;
	text-align:left;
	font-size:11px;
}
html>body div div.navi ul li {
	width:110px;
}
div.navi ul li.active {
	background: transparent url('img/navi_element_active.jpg') no-repeat top left;
}
div.navi ul li a,div.navi ul li a:active,div.navi ul li a:visited {
	color: #333333;
	text-decoration:none;
}
div.navi ul li a:hover {
	color: #263d9a;
	text-decoration:none;
}
div.navi ul li:hover {
	background: transparent url('img/navi_element_hover.jpg') no-repeat bottom left;
}
div.navi ul li.head,div.navi ul li.head:hover {
	height:23px;
	background: transparent url('img/navi_head.jpg') no-repeat top left;
	color:white;
	font-size:14px;
	padding-left:0px;
	padding-top:2px;
	text-align:center;
}
html>body div div.navi ul li.head,html>body div div.navi ul li:hover.head {
	height:21px;
	width:128px;
}
div.navi ul li.footer,div.navi ul li.footer:hover {
	background: transparent url('img/navi_footer.jpg') no-repeat top left;
	height:11px;
}
html>body div div.navi ul li.footer:hover {
	background: transparent url('img/navi_footer.jpg') no-repeat top left;
	height:11px;
}

/* Inhalte */
div.content {
	margin:0px;
	margin-left: 175px;
	padding:0px;
	text-align:left;
	background:transparent url('img/content_bg.jpg') repeat-y top center;
/* 	border: #999999 1px solid; */
	padding: 40px;
	padding-top:30px;
	margin-bottom: 150px;
	line-height:150%;
}

table.newsimg img {
	width: 137px;
	margin-right: 5px;
}

div.newsentry {
	margin-bottom: 40px;
}

html>body div div.content {
	margin-bottom: 0px;
}
div.content div.headline {
	position:absolute;
	margin:0px;
	padding:0px;
	margin-left: -7px;
	margin-top: -30px;
	width:620px;
	height:32px;
	background:transparent url('img/headline_shadow.jpg') no-repeat bottom center;
	margin-bottom: 20px;
}
html>body div div.content div.headline {
	position:absolute;
	margin-left: -14px;
	margin-top: -30px;
}
div.content div.headline h1 {
	margin: 0px;
	padding:0px;
	padding-left:10px;
	color: #FFFFFF;
	width: 620px;
	height:23px;
	background:transparent url('img/headline.jpg') no-repeat top left;
}
html>body div div.content div.headline h1 {
	width: 610px;
}
div.content div.content_foot {
	position:static;
	width:651px;
	height:37px;
	background:transparent url('img/content_foot.jpg') no-repeat bottom center;
/* 	margin-bottom:-60px; */
	margin-top:10px;
	margin-left:-29px;
	margin-bottom:-40px;
}
/*html>body div div.content div.content_foot {
	position:static;
	margin-bottom:-40px;
}*/

div.content_box {
	width:580px;
	height:142px;
	float: left;
	margin-top:15px;
	margin-bottom:15px;
}

/* Spezial Elemente */
p.info {
	font-size:12px;
}
p.text {
	font-size:12px;
}
.big {
	font-size:14px;
}
.bold {
	font-weight:bold;
}
.small {
	font-size:9px;
}

/* Formulare */
input,textarea {
	background-color: #EEEEEE;
}
input:focus,textarea:focus {
	background-color: #FFFFFF;
}
.form_xl {
	width: 580px;
}
.form {
	width:300px;
}
.form_200 {
	width:200px;
}
input.small {
	width: 25px;
}

div.clear {
	clear: both;
}
div.clear_right {
	clear: right;
}

/* Footer */
div.footer {
	/*position: absolute;*/
	margin: 0px auto;
	margin-top:50px;
	width: 842px;
	color: #999999;
	font-size: 9px;
	padding-bottom:2px;
	height:120px;
}
/*html>body div.footer {
	margin: 160px auto;
}*/
div.footer div {
	width: 163px;
	float: left;
	color: #999999;
	font-size: 9px;
}
div.footer div.brand {
	width:842px;
	margin:2px auto;
	color: #999999;
	font-size: 9px;
	text-align:center;
}
div.footer div.sbs {
	width:842px;
	margin:10px auto;
	color: #999999;
	font-size: 9px;
	text-align:center;
}
div.footer div.sbs div {
	width:842px;
	margin:3px auto;
	color: #999999;
	font-size: 9px;
	text-align:center;
}
div.footer ul li a,div.footer h1 a {
	color: #999999;
}
div.footer div h1 {
	font-family: Verdana;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	margin:0px;
	padding:5px;
	padding-left:0px;
}
div.footer ul,div.footer ul li ul {
	list-style: none;
	margin:0px;
/* 	margin-left:10px; */
	padding:0px;
	padding-left:10px;
}
html> body div.footer ul, html>body div.footer ul li ul {
	list-style-image: url('img/listing_dot_grey.jpg');
}
div.footer ul {
	margin-bottom:5px;
}
div.footer ul li,div.footer ul li ul li {
	padding-bottom:2px;
}

/* image containers */
div.imghalf {
	margin:0;
	padding:0;
	width:290px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
div.imghalf_left {
	margin:0;
	padding:0;
	width:290px;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
div.imgquarter {
	margin:0;
	padding:0;
	width:145px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	font-size:11px;
}

/* Text Orientation */
.left {
	text-align:left;
}
.right {
	text-align:right;
}

/* Video Greenbox */
#video {
	position:fixed;
	left:0;
	top:0;
	width:300px;
	height:310px;
	margin:0;
	padding:0;
	font-size:9px;
	text-align:right;
	display:none;
}
#video a,#videoplay a {
	color:#666;
	text-decoration:none;
}
#videoplay {
	position:fixed;
	left:0;
	top:0;
	width:150px;
	height:20px;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:right;
	font-weight:bold;
}
#videoplay a { margin:0 15px 0; color:#2863AF; }

/* Termin Buchung */
.avtable { margin:0 10px; }
.avtable div { border-bottom:#666 1px solid; height:30px; }
.avtable div span { float:left; display:block; width:80px; min-height:30px;height:auto !important;line-height:30px; }
.avtable div span.venue { width:100px; }
.avtable div span.buchen { width:100px; }
.avtable div button { padding:2px 5px; margin:2px 0 0 0; }
.avtable div a { text-decoration: none; }
.avtable div a button { text-decoration:none; font-weight:bold; }
#AvailabilityForm th { border-bottom: #3C9ADA 2px solid; text-align:left; font-weight:normal; font-size:16px; padding-top:20px; }
#AvailabilityForm td { font-size:12px; font-weight:normal; }
#AvailabilityForm #ticket { display:none; }
#AvailabilityForm #fremdticket { display:none; }
a.tbtn { font-size:14px; margin:5px 0; padding:2px 5px; text-decoration: none; border: #666 1px solid; background:#eee;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; }
a.tbtn button { font-size:14px; padding:5px; }
.noscript_warning { border:red 2px solid; font:bold 15px Verdana; padding:10px; background:#EEE;margin:0 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;box-shadow: 0px 2px 5px #555;-webkit-box-shadow: 0px 2px 5px #555;-moz-box-shadow: 0px 2px 5px #555; }
.noscript_warning h1 { border-bottom:red 1px solid; font:bold 25px Verdana; }
img.avimage { float:left; margin: 0px 15px 10px 0px; }
p.avtext { margin:0 0 50px 0; line-height:140%; }

/* Angebote */
#offerbox { width:580px; border: 1px solid #d71819; background:transparent; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#offerbox div {padding:5px 10px;}
#offerbox div h2 { text-decoration: underline; margin: 0 0 15px 0; }
#offerbox div img { width:120px; height:120px; }

/* Termine Buchen */
#terminebuchen { width:580px; border: 1px solid #3F8AC3; background:#EEE; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#terminebuchen div {padding:5px 10px;}
#terminebuchen div h2 { text-decoration: underline; margin: 0 0 15px 0; }