/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #000 url(../img/bg_main.jpg) fixed center top;
	color: #888;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	
	scrollbar-3dlight-color:#5f5f5f; 
	scrollbar-arrow-color:#5f5f5f; 
	scrollbar-base-color:#181818; 
	scrollbar-darkshadow-color:#181818; 
	scrollbar-face-color:#181818; 
	scrollbar-highlight-color:#181818; 
	scrollbar-shadow-color:#5f5f5f;
}

/* general styling rules */
a { color :#888; text-decoration : none;  }
a:hover { color: #f60; }
table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
.colorized { background-image: url(../img/shade.png); }

/* form validation */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #888; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #fff; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #fff; }
.validation-advice { color: #FF3300; font-weight: bold; display : none;}
.custom-advice { color: #ff3300; font-weight: bold; }


/* mainframe */

#mainframe {
	position: relative;
	min-height: 100%;
	left: 50%;
	width: 900px;
	margin-left: -465px;
	overflow: hidden;
}
* html #mainframe {
	height: 100%;
}

#gallery_loader {
	width : 100%;
	height : 20px;
	text-align : right;
}

#gallery_loader img {
	width : 15px;
	height : 15px;
	margin-right : 10px;
}

#gallery_window {
	margin-top : 10px;
	width : 520px;
	height : 250px;
	overflow : hidden;
}

#media_window {
	margin-top : 10px;
	width : 520px;
	height : auto;
	overflow : hidden;
}

#music_window {
	float : left; 
	width : 500px;
	height : auto;
}

#media_player {
	position : absolute;
	top : 120px;
	left : 280px;
	margin-top : 10px;
	padding-bottom : 40px;
	text-align : center;
	width :325px;
	height : 270px;
	float : left;
	overflow : hidden;
}

.logo_container{
	display : block;
	width : 100%;
	height : 91px;
}

.logo {
	display : block;
	position : absolute;
	left : 50%;
	margin-left : -109px;
}

.bottom_menu {
	margin-top : 20px;
}

.top_menu, .bottom_menu {
	position : relative;
	left : 50px;
	width : 100%;
}

.top_menu a {
	display : inline;
	margin-right : 10px;
	height : 130px;
	width : auto;
}

.item_title {
	font-weight : bolder;
	color : #fff;
	font-size : 14px;
	display : block;
}

*html a:hover{
	visibility:visible;
}

.top_menu a:hover img {
	visibility : hidden;
}


.line,.line_med ,.line_small{
	display : block;
	height : 4px;
	margin : 5px 0px;
}

.line { background : url(../img/line.jpg) no-repeat 0 0; }
.line_med { background : url(../img/line_med.jpg) no-repeat 0 0;}
.line_small { background : url(../img/line_small.jpg) no-repeat 0 0; }

.main_header {
	display : block;
	width : 100%;
	height : 304px;
}

.news_item {
	padding : 5px;
	margin-bottom : 20px;
}
.news_item  .content{
	display : block;
	width : 100%;
	min-height : 50px;
	margin-top : 5px;
}

.content {
	width : 400px;
}
.element {
	width : 100%;
	float : left;
	margin-top : 10px;
}

.headline {
	float : left;
	width : 100%;
}

.more_links {
	width : auto;
	height : auto;
	font-weight : bolder;
}

.date_headline, .title_headline {
	width : 400px;
	float : left;
}

.date_headline {
	color : #afafaf;
	font-style : italic;
	padding-top : 2px;
	margin-right : 10px;
	
}

.title_headline {
	color : #fff;
	font-size : 14px;
	font-weight : bolder;
}

.content_table td {
	vertical-align : top;
}

input { 
  font-family: Verdana, Arial, sans-serif; 
  font-size:12px; 
  border-top: 1px solid #393838;
  border-left: 1px solid #393838;
  border-bottom: 1px solid #393838;
  border-right: 1px solid #393838;
  width:200px;
  height: 15px;
  color: white;
  margin-top: 3px;
  background: url(../img/bg_inputbox.jpg);
}

textarea { 
  font-family: Verdana, Arial, sans-serif; 
  font-size:12px; 
  border-top: 1px solid #393838;
  border-left: 1px solid #393838;
  border-bottom: 1px solid #393838;
  border-right: 1px solid #393838;
  width: 340px;
  height: 115px;
  color: white;
  margin-top: 3px;
  background: url(../img/bg_textarea.jpg);
}


.pagination {
	margin-right : 5px;
	padding : 0px 3px;
	border : dotted 1px #888;
	font-weight : bolder;
}

.active,.pagination:hover {
	background : #888;
	color : #fff;
}

.prev_link {
	padding-left : 20px;
	background : url(../img/arrow_left.gif) no-repeat top left; 
}
.next_link {
	padding-right : 20px;
	background : url(../img/arrow_right.gif) no-repeat top right; 
}

.ticket_menu {
	float : left;
	border-top : dashed 1px #888;
	border-bottom : solid 2px #888;
	padding : 3px 0px 3px 0px;
	margin-right : 5px;
	width : 113px;
	text-align : left;
}

.visited {
	border-top : dashed 1px #f60;
	border-bottom : solid 5px #f60;
	color : #f60;
	font-weight : bold;
}

.parent_ticket_menu {
	float : left;
	padding-bottom : 5px;
	border-bottom : solid 1px #888;
	width : 100%;
	margin-bottom : 20px;
}
.ticket_item {
	float : left;
	width : 100%;
	min-height : 120px;
	margin-bottom : 20px;
}

.ticket_item .icon {
	width : 75px;
	height : 120px;
	text-align : center;
	float : left;
	border : solid 1px red;
}
.ticket_item h3{
	margin : 0px;
	padding : 0px;
}

.ticket_item .info {
	float : left;
	padding : 0px 5px 5px 5px;
}

.shop_table {
	float : left;
	margin-top : 10px;
	border-top : solid 1px #f60;
	border-bottom : solid 1px #f60;
	width : 100%;
}

.shop_table .header td {
	border-bottom : solid 1px #888;
	font-style : italic;
	text-align : center;
}

.shop_table .euro {
	width : 20px;
}
.shop_table .price {
	text-align : right;
	width : 80px;
}

.shop_table .amount {
	text-align : center;
	width : 70px;
}


.shop_table .summary td{
	border-top : solid 3px #f60;
	padding-top : 15px;
	padding-bottom : 15px;
	font-weight : bolder;
}

.bottom_nav_ticket {
	width : 100%;
	margin-top : 60px;
	border-top : solid 2px #f60;
}

input.button {
	height : 30px;
	cursor : pointer;
}

#gallery_window img{
	margin: 0 12px 10px 0;
	width: 80px;
	height: 80px;
	border : solid 3px #fff;
}

.video_item {
	height: 90px; 
	margin-bottom: 10px;
	margin-right : 20px;
	width : 240px;
	display : inline;
	float : left;
}

.video_item .title_headline, .video_item .date_headline {
	width : 100%;
	display : block;
	float : left;
}

#lightbox {
	z-index : 11;
	height : 500px;
	width : 700px;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-left : -350px;
	margin-top : -250px;
	border : solid 1px;
	background : #000;
	padding : 20px;
	padding-top : 30px;
}
#lightbox_paylogic {
	z-index : 11;
	height : 500px;
	width : 480px;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-left : -240px;
	margin-top : -250px;
	border : solid 1px;
	background : #000;
	padding : 20px;
	padding-top : 30px;
}

.pagenumber {
	width : 510px;
}