/* CSS Document */
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px;
	position:absolute;

}
#main{ 
	background-color:#CCCCCC;
	background-image:url(img/background.png);
	background-repeat:no-repeat;
	width:729px;
	height:567px;
	top:50px;
	left:50px;
z-index:1;
	}
#head{
	left:175px;
	top:65px;
	width:200px;
}
#head h1{
	color:#D33D38;
	font-size:20px;
}

#navi_de, #navi_fr, #navi_en{
	left:175px;
	top:110px;
	width:400px;
	height:20px;
	border-bottom:solid 1px #ffffff;
	display:none;
}
#navi_de a:link, #navi_fr a:link, #navi_en a:link {
	color: #013295; 
	text-decoration:none;
}
#navi_de a:visited, #navi_fr a:visited, #navi_en a:visited {
	color: #013295;
	text-decoration:none;
}
#navi_en a:active , #navi_en a:focus, #navi_fr a:active , #navi_fr a:focus, #navi_de a:active , #navi_de a:focus  {
	color: #D33D38; 
	text-decoration:none;
	}
#navi_en a:hover, #navi_de a:hover, #navi_fr a:hover {
	color: #96C0F3; 
	text-decoration:none;
}


.navi1{
	left:-10px; /**0**/
}
.navi2{
	left:80px; /**80**/
}
.navi3{
	left:170px; /**170**/
}
.navi4{
	left:280px; /**290**/
}
.navi5{ /** Einbinden wenn Quiz gestartet */
	left:350px;
	display:none;
}


#navi_fr{
word-spacing:-3px;
}
#navi_fr .navi1 h2 a{
margin-left:-10px;
}
#navi_fr .navi2 h2 a{
margin-left:-15px;
}

#navi_fr .navi3 h2 a{
	width:110px;
	margin-left:-15px;
}

#navi_fr .navi4 h2 a{
	width:110px;
	margin-left:-15px;
}

#navi_fr .navi5_fr h2 a{
	width:110px;
	margin-left:-15px;
}

#content{
	top:145px;
	left:155px;
	width:405px;
	height:340px;
	padding:10px;
	overflow: auto;
	z-index:5;
}
* html #content{
	height:355px;
}


#content * {
	
	position:relative;
}


		/*******************************************************************
		
		
							POPUP		
		
		*******************************************************************/

#PopUp * {
	position:relative;

}

#PopUp{
	border:1px solid black;
	background-color:#ffffff;
	left:180px;
	top:180px;
	z-index:300;
	display:none;
	width:700px;
}

#poptitlebox {
	background-color:#003194;
	border-bottom:1px solid black;
	height:20px;

}


#titlebutton {
	height:20px;
}

*:first-child+html #titlebutton {
 width:650px;
}

.buttonclose {
	height:20px;
	width:20px;
} 
#titletext {
	float:left;
	font-weight:bold;
	padding-left:0.5em;
	color:white;
}

#popuptext {
	/*width:650px;*/
	height:200px;
	padding:1em;

	background-color:#FFFFFF;
	overflow-y:auto;
}
* html #popuptext {
	/*WIDTH:679PX;*/
}

#popuptext ul{
	padding:0.5em;
	text-indent:2em;

}

#popuptext li{
	list-style-type:disc; 
	margin-left:0.5em;
	text-indent:0.4em;
	list-style-position:inside;
	padding:0.5em;
}

#popuptext a{
	color: #013295;
	text-decoration: none;
	font-weight:bold;
}



#popupbutton {
	width:650px;
	height:60px;
	padding:1em;
	background-color:#FFFFFF;
	overflow-y:auto;
}

.buttonnext{
	color:darkblue;
	float:right;
	cursor:pointer;
}

.advice {
display:none;
top:25px;
clear:both;
width:380px!important;
font-size:10px;
color:darkblue;
}