/*========================================================================
	Colors
========================================================================*/

/* 

grau	#666666;
gruen	#99cc00;
blau 	#005ba9;
gleb 	#ffcd00;
rotpink	#b30073;

*/


/*========================================================================
	Main Elements
========================================================================*/

.pngFix { behavior: url(/js/iepngfix/iepngfix.htc); }

body {
	background-color: #f5fae5;
	background-image:url(/pix/main/mainBG.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*line-height: 1.3em;*/
}

h1, h2, h3, h4, h5 {margin:0px;	padding:0px;}

h1 {
	color: #99cc00;
	font-size: 19px;
	margin-top:20px;
}

h2 {
	color: #99cc00;
	font-size: 16px;
	margin-top: 10px;
}

h3 {
	color: #99cc00;
	font-size: 14px;
	margin-top: 10px;
}

p {
	font-size:15px;
	line-height: 1.3em;
}

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

a.extLink {
	color: #005ba9;
	/* background-image: url(/pix/main/icons/link.jpg);
	background-repeat: no-repeat; 
	padding-left: 16px; */
}

a.feed {
	background-image: url(/pix/main/icons/feed.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
}

a:hover, 
a.active:hover, 
a.boxMainLink:hover,
a.boxMainLinkItem:hover, 
a.boxLink:hover, 
div.box73 a:hover, 
a.subNaviNode:hover, 
a.subNaviNodeActive:hover {
	color: #666666;
}

a.active {color: #005ba9;}

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

/*========================================================================
	Navigation
========================================================================*/
div#mainNavi {
	width: 200px;
	height: 170px;
	background-color: #99cc00;
	z-index: 10;
	position: absolute;
	top: 78px;
	left: 0px;
}

div#mainNavi img {display:block;}

div#langNavi {
	position: absolute;
	top: 63px;
	left: 0px;
}

div#breadCrumbs {
	width: 998px;
	height: 16px;
	background-color: #99cc00;
	text-align: left;
}

div#breadCrumbs a {
	margin-right: 5px;
	font-size: 11px;
}


div.subNavi {
	float:right;
	background-color: #99cc00;
	height: 293px;
	width: 148px;
	padding-top: 7px;
	padding-left:10px;
	z-index:30;
	margin-top: 48px;
}

a.subNaviNode, a.subNaviNodeActive {
	font-size: 20px;
	line-height: 30px;
	font-weight:bold;
	display: block;
}

a.subNaviNode {color: #0056a9;}
a.subNaviNodeActive {color: #ffffff;}

/*========================================================================
	Layout
========================================================================*/

div#mainContainer {
	margin: 0 auto;
	width: 998px;
	height:auto;
	position: relative;
}

div#mainContent {
	background-color: #ebf5cc;
	height: 370px;
	width: 998px;
	text-align: left;
}


div#mainContent a.textLink {color: #0056a9;}
div#mainContent a.textLink:hover {color: #99cc00;}

/*==============BOXEN==================*/

div.box55, div.box73, div.box85 {
	float: left;
	width: 232px;
	padding-top: 7px;
	padding-left: 10px;
	position: relative;
	margin-bottom:10px;
}

div.box326 {width: 306px; padding-right: 10px;}

div.box85 {height: 78px;}
div.box55 {height: 48px;}
div.box73{	height: 73px;}

.box100 {background-color: #99cc00;}
.box80 {background-color: #a3d11a;}
.box70 {background-color: #b8db4d;}
.box60 {background-color: #c2e066;}
.box50 {background-color: #cce57f;}
.boxMarginRight {margin-right: 10px;}

.box158 {
	background-color:#99cc00;
	float:left;
	padding-top:7px;
	padding-left:10px;
	position:relative;
	margin-bottom:10px;
}

.box317 {
	margin-bottom:12px;
	margin-top:12px;
	height:78px;
	width:316px;
	background-color:#B8DB4D;
}

a.boxLink {
	color: #005ba9;
/*	position: absolute;
	bottom: 7px;
	right: 7px;
	float:left;
*/}

img.forward {
	position:absolute;
	bottom:0;
	right:0;
	width:12px;
	height:16px;
	float:right;
	z-index:1000;
}

a.boxMainLink, a.boxMainLinkItem {
	font-size: 19px;
	font-weight: bold;
	display:block;
	color: #ffffff;
}

.boxMainLinkItem {
	margin-top: 7px;
	font-size: 19px;
	font-weight: bold;
	display:block;
	color: #ffffff;
	cursor: pointer;
}

div.box85 a.boxMainExtLink {
	font-size: 13px;
	display:block;
	margin: 0;
	line-height: 1.0em;
	font-weight:bold;
	color:#005ba9;
}

div.box73 h3 {
	color: #ffffff;
	font-size: 11px;
	line-height: 1.3em;
	font-weight: normal;
	display:block;
	margin: 0;
}

div.box73 a {
	color: #005ba9;
	font-size: 11px;
	line-height: 1.3em;
	display:block;
}

#flashcontent {
	width: 998px;
	height: 371px;
	margin: 0;
	padding: 0;
}

#videoCont {
	float:left; 
	/*width: 494px;*/ 
	height: 279px;
	width:326px;
	z-index: 200;
}

#previewCont {
	width: 494px;
	height: 112px;
}

/*==============ITEM CONTENTS==================*/

div#teaserBox_content h2 {color:#ffffff; font-size:20px;}
div#teaserBox_content p { font-size:14px; color: #ffffff;}
div#teaserBox_content a {color: #cce57f; font-weight: bold;}
div#teaserBox_content a:hover {color: #666;}

div#footer {
	background-color: #99cc00;
	height: 23px;
	width: 998px;
	padding-top: 7px;
	text-align: right;
	position: absolute;
	top: 673px;
	left:0;
}

div#footerLeft {
	position:absolute;
	top:1px;
	left:0px;
	color:#666666;
}

div#footer a {
	margin-left: 10px;
	font-size:11px;	
}

/*
	div#backgroundContainer
	div#mainContainer 
	div#mainContent
	div#contentLeft
	div#contentRight
	div#header
	div#logo, img#logo
	div.slot1, div.slot2 ...
*/

div#overlay2 {
	background-color:#FFFFFF;
	top:0px;
	left:0px;
	opacity:0.7;
	-khtml-opacity:0.7;
	filter: alpha(opacity = 70);
	display:none;	
	position:absolute;
	z-index:200;
	cursor:pointer;
}

div#videoShadow {
	position:absolute;
	width:760px;
	height:655px;
	z-index:210;
	display:none;
}

div#gameShadow {
	position:absolute;
	width:906px;
	height:592px;
	z-index:210;
	display:none;
}

/*========================================================================
	Default Elements
========================================================================*/
form {
	margin:0px;
	padding:0px;
}

label {
	width: 120px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

.defInput {
	width: 200px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #99cc00;
	background-color: #efefef;
}

.defArea {
	width: 200px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #99cc00;
	background-color: #efefef;
}