body,td,p,input,textarea{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#555;
}

body{
	text-align:center;
}

*{
  outline: none;
}

/**********/
/* LAYOUT */
/**********/

div.navi{
	margin-top:1px;
	padding:0;
	color:#FFF;
	width:760px;
	background-color:#069;
	height:22px;
	font-size:11px;
	line-height:11px;
	background:url('../img/bg_topnavi.gif');
	background-repeat:repeat-x;
	position:absolute;
	top:100px;
}

div.navi_sub{
	margin:1px 0 0 0;
	padding:4px 0;
	color:#888;
	width:760px;
	background-color:#DDD;
	font-size:11px;
	position:absolute;
	top:22px;
	left:0;
	font-size:10px;
}

div.navi_sub a{
	color:#888;
	padding-left:10px;
}
	

div.side_navi{
	margin:0 10px 10px 0;
	padding:10px;
	border:1px solid #CCC;
	background-color:#EEE;
	font-size:11px;
}

div.side_navi ul {
	margin: 0 0 0 10px;
	padding: 0;
}

div.side_navi ul li {
	padding: 0;
	margin: 0 0 5px 10px;
}

div.side_navi ul ul li{
	margin: 0 0 5px 20px;
}

div.foot{
	width:100%;
	padding-top:2px;
	border-top:solid 1px #B00;
	margin:20px 0 5px 0;
	color:#f00;
	font-size:10px;
}

div.copyright{
	font-size:9px;
	text-align:center;
	color:#AAA;
	margin:0 0 50px 0;
}

div.head{
	background-color:#900;
	padding:5px 10px 5px 10px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	color:#FFF;
}

div.content{
	background-color:#F9F9F9;
	padding:10px;
	border:1px solid #AAA;
	margin-bottom:20px;
}

ul.tabs {
	margin: 0;
	padding: 0;
}

ul.tabs li{
	float:left;
	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-bottom:none;
	color:#B00;
	cursor:pointer;
	margin: 0 10px 0 0;
	padding: 3px 10px;
	display: block;
}

ul.tabs li.nohover{
	float:left;
	padding:5px 10px 5px 10px;
	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-bottom:none;
	margin-right:10px;
}

ul.tabs li.active, ul.tabs li:hover{
	background-color:#900;
	color:#FFF;
}

div.tab_nohover {
	padding:5px 10px 5px 10px;
	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-bottom:none;
	float: left;
}

div.search_results{
	background-color:#EEE;
	padding:10px;
	border:1px solid #AAA;
	line-height:160%;
	position:absolute;
	top:1px;
	left:0;
	width:250px;
	visibility:hidden;
	z-index:10;
}

div.banner{
	height:80px;
	position:absolute;
	top:10px;
	left:10px;
	visibility:hidden;
}

div.breaker {
	clear:left;
	height:0;
	margin:0;
	padding:0;
	font-size:0;
	overflow:hidden;
}

fieldset{
	padding:15px;
	color:#555;
	margin-bottom:20px;
}

legend{
	color:#555;
}

div.ticker {
	 margin-bottom: 20px;
	 background-color: #004170;
	 padding: 7px 10px;
}

div.ticker div.ticker_wrapper {
	height: 17px;
	width: 710px;
	overflow: hidden;
	position: relative;
}

div.ticker div.ticker_content {
	overflow: hidden;
	position: absolute;
	left: 0;
}

div.ticker * {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 17px;
	color: #FFF;
}

/*************************/
/* Absatz-Formatierungen */
/*************************/

h1{
	color:#4D5559;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 20px 0;
}

h1.head{
	color:#666;
	border-left:10px solid #B00;
	border-bottom:1px solid #B00;
	padding:0 0 1px 5px;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	margin:10px 0 20px 0;
}

h2{
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:150%;
}

h2.block{
	font-size:20px;
	padding:2px 10px 2px 10px;
	margin:0 0 30px 0;
	color:#AAA;
	background-color:#EEE;
}

h3{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 5px 0;
	line-height:150%;
}

a{
	text-decoration:none;
	color:#B00;
}

a:hover{
	text-decoration:underline;
}

a.navi{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

p{
	line-height:160%;
	margin:0 0 10px 0;
}

div.news p{
	line-height:160%;
	margin:0 0 20px 0;
	text-align:justify;
}

ul{
	list-style-image:url('../img/tbr.gif');
	margin-bottom:30px;
	line-height:160%;
}

ol{
	margin-bottom:30px;
	line-height:160%;
}

ul.videolist{
	background-image:url(../img/icon_youtube.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 30px 0;
	line-height:180%;
}

ul.videolist li{
	padding-left:0;
	margin-left:90px;
}

address{
	margin-bottom:10px;
	line-height:150%;
}

img.thumbnail {
  border: 1px solid #AAA;
  padding: 1px;
  margin: 0 10px 10px 0;
}


/************/
/* KALENDER */
/************/

table.calendar{
	margin:0;
	border:1px solid #7B9EBD;
	width:202px;
	background-color:#F9F9F9;
}

td.calday{
	text-align:center;
	border:1px solid #CCC;
	padding:2px;
	font-size:10px;
}

td.calday.event{
	border:1px solid #900;
	cursor:pointer;
	background-color:#ffffcc;
}

td.calday.inactive{
	color:#CCC;
}

td.calhead{
	text-align:center;
	border:1px solid #CCC;
	padding:2px;
	font-size:10px;
	font-weight:bold;
}

p.caldate{
	padding:3px 0 3px 0;
	margin:0;
	font-weight:bold;
	text-align:center;
}

div.calnavi{
	padding:0;
	margin:0;
	border-left:1px solid #7B9EBD;
	border-right:1px solid #7B9EBD;
}

p.calnavi{
	font-size:9px;
	padding:5px;
	margin:0;
	text-align:center;
}

div.tooltip{
	text-align:left;
	position:absolute;
	padding:10px;
	border:1px solid #7B9EBD;
	background-color:#F3F3F3;
	visibility:hidden;
	z-index:100;
	width:300px;
}


/***********/
/* FANSHOP */
/***********/

table.product{
	margin:0 0 20px 0;
	border:1px solid #CCC;
	width:720px;
	background-color:#F3F3F3;
}

img.product{
	margin:0 10px 0 0;
	padding:10px;
	background-color:#FFF;
	border:1px solid #CCC;
}


/*************/
/* FORMULARE */
/*************/

input,textarea{
	/*width:270px;*/
}

input, textarea{
	font-family:verdana,arial,sans-serif;
	font-size:8pt;
	border:1px #AAA solid;
	background-color:#fff;
	padding-left:2px;
}

input[type="radio"] {
	border: none;
	background-color: transparent;
}

input.button{
	width:100px;
}

input.reservierung_klein{
	width:40px;
}

.button{
	border:0px;
	background-color:#1263AD;
	padding-top:2px;
	margin:0 0 20px 0px;
	color:#fff;
	font-family:verdana,arial,sans-serif;
	font-size:8pt;
	text-align:center;
	cursor:pointer;
}


/****************/
/* RESERVIERUNG */
/****************/

form#reservation * {
	margin: 0;
	padding: 0;
}

form#reservation div.breadcrumb {
	padding-top: 10px;
	margin-bottom: 30px;
}

form#reservation div.breadcrumb p {
	margin-right: 35px;
	display: inline;
	float: left;
}

form#reservation div.breadcrumb p.last {
	margin-right: 0;
}

form#reservation div.breadcrumb span {
	font-weight: bold;
}

form#reservation div.breadcrumb span.step {
	font-size: 20px;
	color: #FFF;
	background: transparent url(../img/res_breadcrumb0.png) no-repeat center center;
	padding: 11px 17px;
	margin-right: 10px;
}

form#reservation div.breadcrumb p.active span.step {
	background: transparent url(../img/res_breadcrumb1.png) no-repeat center center;
}

form#reservation div.breadcrumb span.title {
	font-size: 14px;
	color: #BBB;
}

form#reservation div.breadcrumb p.active span.title {
	color: #444;
}

div.body {
	border: 2px solid #CCC;
	background-color: #EEE;
	padding: 20px !important;
}

form#reservation div.body * {
	font-size: 14px;
}

div.body p {
	margin-bottom: 20px !important;
}

table.gegner {
	border-collapse: collapse;
	margin-bottom: 30px !important;
}

table.gegner td {
	padding: 3px 5px !important;
	border-bottom: 1px solid #EEE;
}

table.gegner td.radio {
	width: 20px;
}

table.gegner td.gegner {
	width: 300px;
}

table.gegner td.datum {
	width: 100px;
	text-align: left;
}

table.gegner tr:hover, table.gegner tr.active {
	background-color: #DDD;
	cursor: pointer;
}

table.gegner tr.disabled td {
	color: #AAA;
}

form#reservation div.buttons {
	height: 20px;
}

form#reservation div.buttons input.prev {
	float: left;
}

form#reservation div.buttons input.next {
	float: right;
}

form#reservation div.buttons input.prev,
form#reservation div.buttons input.next {
	font-size: 12px;
	color: #FFF;
	background-color: #B00;
	border: 1px solid #FFF;
	padding: 1px 10px; 
}

form#reservation div.buttons input.prev[disabled=disabled],
form#reservation div.buttons input.next[disabled=disabled],
form#reservation div.buttons input.prev.disabled,
form#reservation div.buttons input.next.disabled {
	color: #EEE;
	background-color: #CCC;
}

#step_2, #step_3, #step_4 {
	display: none;
}

form#reservation table.karten, form#reservation table.address, form#reservation table.summary {
	border-collapse: collapse;
	margin-bottom: 30px;
}

form#reservation table.karten td {
	padding: 10px 70px 10px 20px;
	border-bottom: 1px solid #AAA;
}

form#reservation table.karten tr:last-child td {
	border-bottom: none;
}

form#reservation table.karten td.label {
	font-weight: bold;
	padding-right: 50px;
}

form#reservation table.karten input {
	width: 30px;
	padding: 1px 2px;
}

form#reservation input.error {
	border-color: #B00;
}

form#reservation table.address td {
	padding: 3px 10px 3px 0;
}

form#reservation table.address td.label {
	padding-right: 50px;
}

form#reservation table.address td.icon {
	width: 30px;
	text-align: right;
}

form#reservation table.address td.icon img {
	display: none;
}

form#reservation table.address input[type=text],
form#reservation table.address textarea {
	width: 300px;
	padding: 1px 2px;
}

form#reservation table.address textarea {
	height: 70px;
}

table.address tr:hover, table.address tr.active {
	background-color: #DDD;
}

form#reservation table.summary tr td {
	padding: 3px 10px 3px 0;
}

form#reservation table.summary td.label {
	padding-right: 50px;
	vertical-align: top;
}

form#reservation table.summary tr.separator td {
	padding: 10px 0;
}

form#reservation table.summary tr.separator td div {
	height: 1px;
	overflow: hidden;
	background-color: #AAA;
	width: 100%;
}

form#reservation table.summary div.karten {
	line-height: 150%;
}

form#reservation table.summary span.pre {
	white-space: pre;
}


/**********/
/* VIDEOS */
/**********/

div.playlists{
	margin:0 0 20px 0;
}

div.playlist_title{
	margin:20px 0 10px 0;
	padding:10px;
	background-color:#39C;
	background-image:url(../img/bg_playlist.jpg);
	background-repeat:repeat-x;
	border:1px solid #000;
}

div.playlist_title img{
	margin:0 20px 0 0;
	padding:0;
	
	float:left;
	cursor:pointer;
}

div.playlist_title h1{
	font-size:13px;
	font-style:normal;
	margin:0 0 5px 0;
}

div.playlist_title h1, div.playlist_title a{
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}

div.playlist_title h1:hover{
	text-decoration:underline;
}

div.playlist_title p{
	font-size:11px;
	margin:0 0 10px 0;
	color:#FFF;
}

div.playlist{
	margin:20px 0 20px 0;
	display:none;
}

div.playlist div.list_navi{
	width:220px;
	height:19px;
	overflow:hidden;
	margin:10px 0 0 0;
}

div.playlist div.entry{
	margin:10px 0 0 0;
	padding:7px;
	background-color:#d0e5ef;
	border:1px solid #000;
}

div.playlist div.entry div.thumbnail{
	width:50px;
	height:50px;
	margin-right:10px;
	float:left;
	overflow:hidden;
	position:relative;
	border:1px solid #000;
}

div.playlist div.entry div.thumbnail img{
	width:67px;
	height:50px;
	position:absolute;
	left:-8px;
}

div.playlist div.entry div.description h1{
	font-size:11px;
	font-style:normal;
	margin:0;
	color:#000;
}

div.playlist div.entry div.description p{
	font-size:11px;
	margin:0 0 3px 0;
	color:#000;
}

div.playlist div.entry div.description a{
	color:#000;
}


/*************/
/* ACCORDION */
/*************/

.accordion h3 {
	display: block;
	height: 26px;
	background-color:#EAF4CE;
	padding: 0 10px 0 10px;
	line-height: 26px;
	color: #FFF;
	font-weight: normal;
	font-style:normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion h3.active {
	background-color:#900;
	color: #FFF;
	border-bottom:0px;
}

.accordion ul {
	background-color: #FAFAFA;
	color: #444444;
	overflow: hidden;
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

.accordion ul li {
	list-style: none;
	background: url(../img/icon_gallery.png) no-repeat left top;
	padding: 0 0 5px 22px;
	margin: 0 0 0 10px;
}


/******************/
/* VEREINSFÜHRUNG */
/******************/

.box{
	background-image:url(../img/boxbg.gif);
	background-repeat:no-repeat;
	border-top:1px solid white;
	height:170px;
	width:360px;
	padding:0;
	margin:0;
}

.box .person{
	margin:10px 30px 10px 10px;
	border:0px;
}

.box .person h2{
	padding:10px 0 0 0;
	margin:0;
}

.box .person address{
	font-style:normal;
	margin:10px 0 0 0;
}


/************/
/* SONSTIGE */
/************/

.bold{
	font-weight:bold;
}

.red{
	color:#B00;
}

.blue{
	color:#00F;
}

.white{
	color:#FFF;
}

.small{
	font-size:10px;
}

.border{
	border:1px solid #333;
}

div.divider{
	height:2px;
	background-color:#DDD;
	margin:0 0 20px 0;
}

tr.odd{
	background-color:#DDD;
}

tr.even{
	background-color:#EEE;
}


/*#tooltip{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/*************/
/* JCAROUSEL */
/*************/

.jcarousel-skin-premium .jcarousel-clip-vertical {
    width: 200px;
    height: 350px;
}

.jcarousel-skin-premium .jcarousel-item {
    width: 200px;
}