@charset "utf-8";

body {
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	color:Black;
	background-color:#FFFFFF;
}

div#container {
	position : absolute;
	left : 0px;
	top : -100px;
}

/******************** LAYOUT ********************/
div#head_left {
	display:none;
}

div#head_left p {
	position:absolute;
	left : 25px;
	top : 15px;
	padding : 5px;
	margin : 0px;
}

div#head_right {
	display:none;
}

div#logobar {
	position:absolute;
	left:0px;
	top:0px;
	width:1040px;
	height:90px;
	background-color:transparent;
	color : #f1b53d;
	font-family:Myriad, Myriad Pro, Verdana, Arial, sans-serif;
	font-weight : bold;
	font-size : 28px;
	text-align:right;
	width:820px;
	padding-top : 20px;
}

div#logobar img{
	position:absolute;
	left:488px;
	top:25px;
}

div#maingraphic {
	position:absolute;
	left:0px;
	top:90px;
	width:825px;
	height:530px;
	background-image : url(gfx/main.jpg);
}


div#intro_go {
	position : absolute;
	left : 50px;
	top : 460px;
	width :270px;
	text-align:right;
}

div#intro_go a {
	font-size : 18px;
	color : #f1b53d;
	font-weight : bold;
	text-decoration:none;
}

div#intro_go a:hover {
	font-size : 18px;
	color : #cc3333;
	font-weight : bold;
	text-decoration:none;
}


div#content {
	position:absolute;
	left:0px;
	top:90px;
	width:780px;
	height:370px;
	background-color:White;
	padding-left : 30px;
	padding-top : 60px;
	line-height:150%;
	border-right : 1px solid #dedede;
}

div#questionhead {
	position : absolute;
	left : 0px;
	top :0px;
	width : 1008px;
	height : 100px;
	font-size : 22px;
	color : #f1b53d;
	padding-left : 30px;
	background-color : White;
	line-height:normal;
}


div#questionhead p {
	overflow:visible;
	margin : 0px;
	margin-top : 30px;
	padding : 0px;
	height : 23px;
	line-height:normal;
	font-family:Myriad,Verdana, Arial, sans-serif;
	font-weight : bold;
}

div.photo {
	position : relative;
	float : left;
	width : 175px;
	height : 60px;
	cursor : pointer;
	margin-right : 16px;
	background-repeat : no-repeat;
	padding-top : 230px;
	font-size : 14px;
	color : #343434;
	margin-top : 40px;
}

div.photo div {
	position : absolute;
	width : 115px;
	height : 13px;
	right : 0px;
	top : 212px;
	background-color : #f1b53d;
}

div#printbutton {
	position : absolute;
	right : 35px;
	top : 40px;
}

div#printbackbutton {
	display: none;
}

div#printbutton a {
	color : Darkgreen;
}

div#evaluation_scroller {
	width : 780px;
	height : 370px;
	overflow : auto; 
	position : relative;
	padding-top : 10px;
	margin-top : 40px;
}

div.evaluation_picture {
	position : relative;
	min-height : 112px;
	padding-left : 95px;
	width : 250px;
	float : left;
	margin-right : 20px;
}

div.evaluation_picture img {
	position : absolute;
	left : 0px;
}


div#bottom {
	position:absolute;
	left:430px;
	top:620px;
	width:610px;
	height:30px;
	background-color:#23578b;
}

div#bottom_left {
	position:absolute;
	left:825px;
	top:450px;
	width:215px;
	height:23px;
	background-color:White;
	color : Black;
	font-size : 1em;
	font-weight : bold;
	text-align : left;
	padding-top : 7px;
	cursor:pointer;
}

div#bottom_right {
	display : none;
}

div#navigation_right {
	position:absolute;
	left:825px;
	top:191px;
	width:180px;
	height:300px;
	background-color:White;
}

div#navigation_right div {
	margin-bottom : 2px;
	cursor : pointer;
	padding : 6px;
	padding-left : 40px;
	width : 100%;
	color : #616568;
	background-repeat : no-repeat;
	background-position : 10px 5px;
	color : #616568;
}

div#loading {
	visibility : hidden;
	position : absolute; 
	left : 404px;
	top : 400px;
	background-image : url(gfx/loading.gif);
	width : 16px;
	height : 16px;
}	

div#jsnotfound {
	position : absolute;
	left : 195px;
	top : 280px;
	width : 590px;
	height : 100px;
	-moz-opacity:0.9;
	filter : alpha(opacity=80);
	background-color : Black;
	color : White;
	font-size : 1.2em;
	text-align : center;
	padding : 30px;
	border: 5px solid #990000;
}

div#jsnotfound span {
	font-size : 1.4em;
}	

div.abstand {
	height : 10px;	
}


/************* BUTTONS / INPUTS *****************/

div.button {
	padding : 5px;
	font-weight : bold;
	cursor:pointer;
	color : #343434;
	float : left;
}


/*************** SONSTIGE ELEMENTE *****************/
ul {
	padding : 0px;
	padding-left : 20px;
	margin : 0px;
}

span.smallgray {
	font-size : 11px;
	color : Gray;
}

p.evaluation_header {
	font-size : 16px;
	margin : 0px;
	padding : 0px;
	margin-bottom : 10px;
	margin-top : 20px;
	letter-spacing:2px;
}

span.evaluation_welcome {
	margin-top : 10px;
	font-size : 28px;
}

span.evaluation_right {
	color : Darkgreen;
	font-size : 15px;
}

span.evaluation_wrong {
	color : #cc3333;
	font-size : 15px;
}