@charset "utf-8";
/* CSS Document */

a img {border:none;}

ul  {margin-top: 5px; padding-left:0;}
li  {list-style: inside disc;}

.line-1 {border:none; border-top:1px solid #ccc; height:1px; position:relative; clear:both; margin:2px 0;}
.line-2 {border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:3px; margin-bottom:20px; position:relative; clear:both;}

html, body {
	width: 100%;
	height: 100%;	
	background-color: #fff;
	margin: 0;
	padding: 0;
	z-index: 0;
	
	font: normal normal normal 13px/normal Arial;						/* style, variant, weight, size/line-height, family */
	color: #666;
	text-align: left;
	text-decoration: none;}
	a:link {color: #666; text-decoration: underline;}					/* noch nicht besucht */
	a:visited {color: #666; text-decoration: underline;}				/* bereits besucht */
	a:hover {color: #666; text-decoration: none; cursor:pointer;}		/* Mouseover */
	a:active {color: #666; text-decoration: underline;}				/* beim Klicken */
	a:focus {color: #666; text-decoration: underline;}					/* Fokus, z.B. durch Tabulator-Taste */

#wrapper {
	width: 500px;
	height: auto;	
	margin: 0 auto 0;
	padding: 20px 40px;
	position: relative;
	z-index: 0;
	
	}

#logo {
	width: 210px;
	height: auto;
	margin: 0 auto 20px;
	float: left;
	position: relative;
	z-index: 0;}
	
h1 {margin-bottom: 40px;
	
	font: normal normal normal 22px/normal Arial;
	color: #333366;
	text-align: left;
	text-decoration: none;
	float: left;
	position: relative;
	z-index: 0;}
	
h2 {font: normal normal normal 17px/normal Arial;
	color: #333366;
	text-align: left;
	text-decoration: none;
	float: left;
	position: relative;
	z-index: 0;}
	
.nr {
	width: auto;
	height: auto;
	background-color: #ddd;
	margin: 0 0 0 210px;
	padding: 5px;
	clear: both;
	position: relative;
	z-index: 0;

	font: normal normal normal 17px/normal Arial;
	color: #fff;}
	
.frage {
	width: 210px;
	height: auto;
	margin: 1px auto 0;
	float: left;
	position: relative;
	z-index: 0;}
	
.auswahl {
	width: auto;
	height: auto;
	margin: 0 auto 0;
	float: left;
	position: relative;
	z-index: 0;}
	
.entspricht {
	width: auto;
	height: auto;
	margin: 1px 0 0 20px;
	float: left;
	position: relative;
	z-index: 0;}
	
.ergebnis {	
	margin: 0 auto 2px;
	
	font: normal normal normal 17px/normal Arial;
	color:#333366}
	
.gesamtergebnis {
	margin: 0 auto 0px;
	
	font: normal normal normal 22px/normal Arial;
	color:#333366}
	
#Ladebild {
	display: none;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-20px;
	z-index:999;
}
	
	
/*
	FOOTER
*/	

/* Angaben für alle standardkonformen Browser */

#footer_menu {
	float:left;
}

#footer_gesamtvolumen {
	float:right;
}

#content_container {
    padding-bottom:8em;
}

#header {
    margin: 0 0 0.7em;
    background:#efefef;
    text-align:center;
    padding:10px;
}

#footer {
    position:fixed;
    bottom:0px;
    background:#efefef;
    text-align:center;
    padding:0px;
    width:100%;
	border-top:1px solid #312852;
}

#wrapper_footer {
	width: 500px;
	height: auto;	
	margin: 0 auto 0;
	padding:10px;
	position: relative;
	z-index: 0;
	text-align:left;
	}

/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
}

* html #content_container {
    padding:0;
    height:95%;
}

* html #footer {
    background:#efefef;
    height:5%;
    text-align:center;
    padding-top:1%;
}