*{
padding:0;
margin:0;
}


html{
height:101%;
}

body{
   
	/*background-image: url("../../images/background_bg.gif");
	background-repeat:repeat-x;
	background-color:#fafaf3;*/

    background-color:#f5f8e3;
    margin-left:40px;
	margin-right: 40px;
	font-family:Verdana;
	font-size: small;
	line-height: 1.7;
}

#logo{
width: 160px;
height:160px;
position:absolute;
top:44px;
right:40px;
/*border:5px solid #f5f8e3;*/
}



#image_left{
width: 200px;
position:absolute;
top:44px;
left:40px;
}

#image_right{
width: 200px;
position:absolute;
top:44px;
right:40px;
}


#level{
border:1px solid #e06b35;
width:200px;
position:absolute;
text-align:right;
}


#wrapper_header{
	height:200px;
	margin-top:42px;
	margin-bottom: 10px;
	/*border:1px solid red;*/
}


/*#wrapper{
border:3px solid white;
width:400px;
height:180px;
margin-top:50px;
margin-left:50px;
}*/



#lines{
	margin-top: 10px;
	border-top:2px solid #e06b35;
	border-bottom: 2px solid #e06b35;
	padding-top:30px;
	padding-bottom:30px;
	color:#e06b35;
}


#image{
	margin-left:auto;
	margin-right:auto;
	width:820px;
	text-align:center;
	font-family: Verdana;
	font-size:20px;
	color:#5670ad;
	/*font-weight:bold;*/
	
}

/*#pic{
padding-top:20px;
padding-bottom:20px;
border-top:2px solid white;
border-bottom:2px solid white;
width:448;
margin-top:80px;
margin-left:20px;
margin-right:20px;
text-align:center;
}*/

#text{
margin-top:30px;
width:800px;
/*border:1px solid red;*/
font-size:15px;
font-family:Verdana;
font-weight:bold;
color:#dc4d0a;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:30px;
}

#text2{
margin-top:20px;
width:800px;
/*border:1px solid red;*/
font-size:13px;
font-family:Verdana;
color:#5670ad;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:20px;
}

.button {
    width:200px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border: 4px solid #5670ad;
    background: #e06b35;
	text-align:center;	
}

.form{
display:inline;
}

#index{
margin-top:60px;
margin-bottom:50px;
}

li{
font-size:14px;
text-align:left;
margin-left:140px;
color:#4966ac;
}

#headline{
width:190px;
font-size:25px;
font-family:Verdana;
position:absolute;
top:100px;
left:40px;
color:#5670ad;
border: 2px solid #e06b35;
text-align:center;
}

#wrong_answer{
    margin-top: 50px;
	width:500px;
	height:340px;
	margin-left:auto;
	margin-right:auto;
}

h1
{
margin-top:50px;
color:black;
text-align:center;
font-size:20pt;
}



#footer  {
	width:270px;
	text-align: center;
	font-size:small;
	/*border:2px solid #e06b35;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

#footer a{
	text-decoration: none;
	color:#e06b35;
	font-family:Verdana;
}	

#footer a:hover{
	color:#e06b35;
}


#hof{
	margin-left:auto;
	margin-right:auto;
	font-size:15px;
	color:#27529a;
}

#footerhof{
	width:170px;
	text-align: center;
	font-size:small;
	/*border:2px solid #e06b35;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
    color:#27529a;
}

#bravo{
    /*border:1px solid black;*/
    width:500px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	font-size:60px;
	color:#27529a;
	text-align:center;
	margin-top:80px;
}

#left {
	width: 249px;
	position:absolute;
	top:42px;
	left:42px;
	height:200px;
	
}



#logo {
	width: 249px;
	height:200px;
	position:absolute;
	top:42px;
	right:42px;
	text-align:right;
}

#wrapper_header{
	height:240px;
	margin-top:40px;
	
	
}

.first{
	padding-left:10px;
	width:30px;
}	

.second{
	padding-left:10px;
	width:180px;
}	

.third{
	text-align:center;
	width:180px;
}	

.fourth{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	
}	



a:link{
text-decoration:none;
color:#5670ad;

}

a:hover{
color:#5670ad; 
}

a:visited{
color:#5670ad;
}

a:active{
color:grey; 
}