@charset "utf-8";

/* 
** 00 Reset standard html styling 
**--------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent; }
ol, ul, li { list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
table {	border-collapse: collapse;	border-spacing: 0; }

/* 
** 01 General Declarations & Typography
**--------------------------------------------------------------------------------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	background:#def4ab;
	}
	
	h1,h2,h3,h4,h5,h6{color:#def4ab}
	h1{display:none;}
	h2{font-family:Arial, Charcoal, sans-serif; font-size:24px; line-height:0.9em; font-style:italic; margin:10px 0 10px 0 }
	h3{font-weight:bold; font-size:16px; margin-bottom:10px;}
	
	p{ padding-bottom:18px;}
	
	a:link, a:visited{ color:#def4ab; text-decoration:none;}
	a:hover, a:active{ color:#dde9c1; text-decoration:underline;}

/* 
** 02 Global Class Declerations & Combinations
**--------------------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both;}
.floatLeft{float:left;}

/* 
** 03 Style & Layout
**--------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	width:690px;
	margin:10px 0 0 50px;	
}

#banner{
	height:240px;
	background:url(../png/header.png) no-repeat top left;
	}
	
	#date{
		position:absolute;
		z-index:9999;
		margin:57px 0 0 475px;	
	}

#content{
	background:url(../png/bg_content.png) repeat-y top left;
	padding:0 25px;
}

#footer{
	background:url(../png/bottom.png) no-repeat top left;
	height:250px;
}
#copy{
	color:#6eb772;
	text-align:center;
}

#wrapperRight{
	position:absolute;
	top:25px;
	left:750px;
	width:200px;
}

#textStatus {display:none;}

/* 
** 04 Navigation Layout
**--------------------------------------------------------------------------------------------------------------------------------*/
ul#nav{
	position:absolute;
	z-index:9999;
	width:250px;
	text-indent:-9999px;
	margin:110px 0 0 420px;
}

ul#nav a{display:block;}

ul#nav > li {
	float:left;
	margin-right:10px;
	cursor:pointer;
	height:36px;
}

ul#nav > li a {height:36px;}

li#more ul {
	width:130px !important;
	margin-top:15px;
}

li#more ul > li {
	height:40px !important;
}
li#more ul a {height:40px !important;}


/* 
** 04 1 Main Navigation Layout
**--------------------------------------------------------------------------------------------------------------------------------*/
li#men1{background:url(../png/menu/news_out.png) no-repeat center; width:64px; }
li#men1:hover{background:url(../png/menu/news_over.png) no-repeat center;}
li#men1 a{}

li#men2{background:url(../png/menu/lineup_out.png) no-repeat center; width:75px;}
li#men2:hover{background:url(../png/menu/lineup_over.png) no-repeat center;}

li#men3{background:url(../png/menu/tickets_out.png) no-repeat center; width:81px;}
li#men3:hover{background:url(../png/menu/tickets_over.png) no-repeat center;}

li#men4{background:url(../png/menu/se_out.png) no-repeat center; width:132px;}
li#men4:hover{background:url(../png/menu/se_over.png) no-repeat center;}

li#more{background:url(../png/menu/more_out.png) no-repeat center 8px; width:63px;}
li#more:hover{background:url(../png/menu/more_over.png) no-repeat center 8px;}

/* 
** 04 2 Sub Navigation Layout
**--------------------------------------------------------------------------------------------------------------------------------*/
/*li#more ul { display: none; }
li#more:hover ul { display: block; }*/

li#men5{background:url(../png/submenu/guest_out.png) no-repeat center; }
li#men5:hover{background:url(../png/submenu/guest_over.png) no-repeat center;}

li#men6{background:url(../png/submenu/gallery_out.png) no-repeat center; }
li#men6:hover{background:url(../png/submenu/gallery_over.png) no-repeat center;}

li#men7{background:url(../png/submenu/win_out.png) no-repeat center;}
li#men7:hover{background:url(../png/submenu/win_over.png) no-repeat center;}

li#men8{background:url(../png/submenu/about_out.png) no-repeat center;}
li#men8:hover{background:url(../png/submenu/about_over.png) no-repeat center;}

li#men9{background:url(../png/submenu/contact_out.png) no-repeat center;}
li#men9:hover{background:url(../png/submenu/contact_over.png) no-repeat center;}

li#men10{background:url(../png/submenu/journey_out.png) no-repeat center;}
li#men10:hover{background:url(../png/submenu/journey_over.png) no-repeat center;}

li#men11{background:url(../png/submenu/press_out.png) no-repeat center;}
li#men11:hover{background:url(../png/submenu/press_over.png) no-repeat center;}

li#men12{background:url(../png/submenu/imprint_out.png) no-repeat center;}
li#men12:hover{background:url(../png/submenu/imprint_over.png) no-repeat center;}