@charset "iso-8859-1";

html, body {
	margin:0px;
	padding:0px;
	
	background-color:#000;
	
	
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
	width:100%;
}


/*###############
Tooltip
*#################*/

div#tooltip {
	position:absolute;
	padding:2px;
	border:#333 1px dotted;
	font-size:10px;
	background-color:#000;
	color:#FFF;
	z-index:300;
}


div#tooltip h1 {
	color:#666;
	font-size:14px;
}


/*#################
Error Window
###################*/

div#system_message {
	position:absolute;
	z-index:500;
	width:200px;
	border:#333 1px dotted;
	padding:10px;
	left:50%;
	margin-top:500px;
	margin-left:-100px;
	background-color:#000;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	display:none;
}

div#system_message_closeBn {
	margin-top:10px;
}



/*################
	base layout
##############*/

div#header {
	height:700px;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	z-index:-200;
	position:absolute;
	top:0%;
}


div#pageWrapp {
	width:900px;
	margin:0 auto;
	margin-top:10px;
	z-index:2;
	left:50%;
	margin-left:-450px;
	margin-top:350px;
	position:absolute;
}

div#pageTp {
	height:3px;
	background-image:url(images/page_top.png);
	z-index:3;
}

div#pageload {
	padding:4px;
	padding-left:6px;
	background-image:url(images/page_middel.png);
	z-index:4;
	min-height:400px;
}

div#pageBottom {
	height:3px;
	background-image:url(images/page_bottom.png);
	background-position:bottom;
}

div#musicplayer {
	position:absolute;
	width:400px;
	height:20px;
	left:50%;
	margin-left:-450px;
	top:0%;
}


/*################
	menu
##############*/

.menuContainer {
	height:35px;
	width:900px;
	margin:0 auto;
	margin-bottom:5px;
	background-image:url(images/menu_bg.png);
}

div#menuButton {
	width:810px;
	margin:0 auto;
}

.menuContainer a:link, .menuContainer a:visited, .menuContainer a:active {
	background-image:url(images/nav_i.gif);
	background-repeat:no-repeat;
	display:block;
	color:#FFF;
	text-decoration:none;
	margin-top: 8px;
	text-align:center;
	width:87px;
	height: 21px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	line-height: 20px;
	float:left;
	
	background-position:center;
}



.subMenuContainer {
	position:absolute;
	width:100px;
	text-align:center;
	height:28px;
	display:none;
	background-image:url(images/submenu_bg.png);
}



.subMenuContainer a:link, .subMenuContainer a:visited, .subMenuContainer a:active {
	background-image:url(images/nav_i.gif);
	background-repeat:no-repeat;
	display:block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	width:100px;
	margin-top:2px;
	text-transform:uppercase;
	background-position:center;
}



.menuContainer a:hover {
	background-image:url(images/menuItem_over.png);
	color:#2D69EB;
}

.subMenuContainer a:hover {
	background-image:url(images/menuItem_over.png);
	color:#2D69EB;
}






/*################
	layout elements
##############*/

.leftSitemap {
	width:40px;
	float:left;
	padding-top:9px;
	padding-left:10px;
}

.rightContent {
	overflow:hidden;
	padding:10px;
}





/*################
	footer
##############*/
div#footer {
	width:900px;
	height:21px;
	margin:0 auto;
	margin-top:10px;
	
	background-image:url(images/footer_bg.png);
	
	
	text-align:center;
	font-size:10px;
	
	line-height: 20px;
}





/*################
	html tags
##############*/

h1 {
	border:0px;
	margin:0px;
	
	color:#333;
	
	font-size:35px;
}

.button {
	color:#FFF;
	border:#333 1px solid;
	background-color:#292929;
}

.input {
	color:#FFF;
	border:#333 1px solid;
	background-color:#292929;
	width:300px;
}


.clear {clear:both;};


.text1 {
	font-size:12px;
	padding:10px;
	font-weight:normal;
}

/*################
	link tags
##############*/

a {
	outline:none;
}

a:link {
	text-decoration:none;
	color:#2D69EB;
}

a:visited {
	text-decoration:none;
	color:#2D69EB;
}



/**************
	cms
***************/

.kalender { 
	color: #ffffff; 
	font-size: 10px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: normal; text-decoration: none; 
}

/************* 
Area Select
**************/

div#areaSelectWrapp {
	height:350px;
	width:300px;
	position:absolute;
	top:50%;
	margin-top:-175px;
	margin-left:-280px;
	z-index:200;
}


div#areaSelectSelect {
	height:80px;
	background-color:#000;
	width:275px;
	height:350px;
	float:left;
	border:#333 1px solid;
}

div#areaSelectBg {
	color:#B09F45;
	font-weight:bold;
	left:100%;
	overflow:hidden;
	height:100px;
	margin-top:130px;
	background-image:url(images/areaSelectBG_gig.png);
	cursor:pointer;
}

div.areaSelect_area {
	border-bottom:#333 1px dotted;
	height:65px;
}

object { outline:none; }