/* main.css */

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height:18px;
	background-color: #fff;
	color: #767676;
	margin: 0px;
	padding-left:30px;
}

a img {border:none;}

p {margin:0px; padding:0px; padding-bottom:12px;}
p.BodytextBold {font-weight:bold;}

p.Bodytext a {text-decoration:underline; color:#767676;}
p.Bodytext a:hover {text-decoration:none;}

#page {background: url(../img/bg_page.gif) no-repeat left top; width:920px; height:700px;}


/***************************** HEADER *****************************/
#header {width:860px; height:135px;}
#header #logo {text-align:right;}
#header #logo img {margin-top:40px; margin-right:25px;}

#header #LangChooser {background: url(../img/bg_langchooser.gif) no-repeat left top; width:860px; height:30px; overflow:hidden;}
#header #LangChooser img {float:left; margin:3px 10px 0px 420px;}

#header #LangChooser #MenuHome {float:left; width:75px; height:20px; overflow:hidden; margin-top:10px;}
#header #LangChooser #MenuHome ul {margin:0px; padding:0px;}
#header #LangChooser #MenuHome ul li {list-style-type:none; font-weight:bold; background:#fff; padding:2px 0px 2px 10px;}
#header #LangChooser #MenuHome ul li a {
	color:#767676; 
	text-decoration:none; 
	background: url(../img/bg_menupoint_back.gif) no-repeat 4px 4px;
	padding:0px 15px;
}
#header #LangChooser #MenuHome ul li a:hover {text-decoration:underline;}

form#chooser {float:left; width:120px; z-index:5; height:20px; }
form#chooser select {
	width:120px; 
	margin-top:5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #767676;
}


/****************************** CONTENT ******************************/
#main {background: url(../img/bg_main.gif) repeat-y left top; width:860px; height:510px; display:table; clear:left; margin-top:0px !important;}
#main #ContentIndex,
#main #ContentIndexEN,
#main #ContentKalender {
	background: url(../img/bg_contentindex.gif) no-repeat 360px 0px; 
	float:left; 
	width:638px; 
	height:510px; 
	padding-left:30px;
}
#main #ContentIndexEN {background: url(../img/bg_contentindex_EN.gif) no-repeat 360px 0px;}

#main #ContentIndex,
#main #ContentIndexEN {padding-bottom:0px;}
#main #ContentKalender {/*background: url(../img/bg_contentkalender.gif) no-repeat 360px 5px;*/ background:none; height:auto;}
#main #ContentIndex .headline,
#main #ContentIndexEN .headline,
#main #ContentKalender .headline {padding-top:0px; /*15px;*/}

#main #ContentKalender .FlashContainer {padding-top:25px;}

.text {margin-top:5px; /*25px;*/}


/***************************** TEASER *****************************/
#main #TeaserArea {float:right; width:180px;}
#main #TeaserArea .TeaserBox {margin-bottom:2px;}

#main #TeaserArea #MenuBottom ul li a {
	background: url(../img/bg_menupoint.gif) no-repeat 107px 6px; 
	padding:0px 10px; 
	color:#767676; 
	text-decoration:none; 
	display:block; 	
	width:auto;
}
#main #TeaserArea #MenuBottom ul li a:hover {text-decoration:underline;}

/****************************** MENU *****************************/
#MenuBottom {margin-top:0px; /*25px;*/} 
#MenuBottom ul {margin:0px; padding:0px;}
#MenuBottom ul li {list-style-type:none; font-weight:bold; width:180px;}
#MenuBottom ul li a {
	background: url(../img/bg_menupoint.gif) no-repeat 5px 6px; 
	padding:0px 15px; 
	color:#767676; 
	text-decoration:none; 
	display:block; 	
	width:180px;
}
#MenuBottom ul li a:hover {text-decoration:underline;}

li.MenuSpecial {background: url(../img/bg_menuspecial.gif) no-repeat left top; width:265px !important; height:46px;}
li.MenuSpecial a.imgInside {
	background: url(../img/bg_menupoint.gif) no-repeat 5px 20px !important; 
	line-height:46px; 
	padding:0px  0px 0px 15px !important;
	padding-right:150px; 
	width:100% !important;
} 


/*************************** LAYER/GAME ******************************/
#X-MasLayer {
	position:absolute;
	visibility:hidden;
	width:550px;
	height:400px;
	z-index:99;
	top:155px;
	left:90px;
}
#X-MasLayerClose {
	position:relative;
	visibility:show;
	width:80px !important;
	height:20px !important;
	top:-400px;
	left:463px;
	background:url(../img/LayerClose.gif) no-repeat top left !important;
	text-align:right;
}
#X-MasLayerClose a {
	display:block;
	width:63px !important;
	height:15px !important;
	cursor:hand;
	text-decoration:none;
}

/***************************** HEADER *****************************/