@charset "utf-8";

/* CSS Document */





/* __________.__________.__________.__________.__________.__________ GENERAL */



* {

	border: none;

	margin: 0;

	outline: 0; /* Entfernt den Rahmen um das Hintergrundbild bei Mausklick */

	padding: 0;

	}



html { /* Erzwingt vertikalen Scrollbalken */

	height: 100%;

	padding-bottom: 1px;

	}

body {

	text-align: center; /* Zentriert div */

	}





/* __________.__________.__________.__________.__________.__________ LAYERS */



div#layer_site,

div#layer_site_start,

div#layer_site_error {

	margin: 10px auto 0 auto;

	position: relative;

	text-align: left;

	vertical-align: middle;	

	width: 1024px;

	}

div#layer_content_customerLogo{
	margin-top:10px;
	margin-bottom:10px;
}

div#layer_content_customerLogo img{

}


div#layer_navigation {

	height: 33px;

	left: 777px;

	position: absolute;

	top: 100px;

	width: 225px;

	z-index: 1;

	}


div#layer_content {

	padding: 176px 55px 0 123px;

	}

div#layer_content_start {

	padding: 200px 55px 0 123px;

	}

div#layer_content_error {

	padding: 176px 55px 40px 123px;

	}



div#layer_navigation_text {

	padding: 20px 0 0 0;

	}



div#layer_foot,

div#layer_foot_start {

	height: 60px;

	}



/* __________.__________.__________ layers / QUESTION */



div.layer_question {

	margin: 20px 0 0 0;

	}

div.layer_question_number {

	float: left;

	width: 25px;

	}

div.layer_question_content {

	margin: 0 0 0 35px ;

	}



/* __________.__________.__________ layers / RESULTS */



div.layer_results {

	margin: 20px 0 0 0;

	}

div#layer_results_answer_your {	

	}

div#layer_results_answer_correct {

	}



/* __________.__________.__________ layers / STATISTICS */



div#layer_statistics_content {
	
	}

div#layer_statistics_content_userinfo {
	
	}

div#layer_statistics_content_categories {

	}

div#layer_statistics__content_info {

	}



/* __________.__________.__________ layers / TEXT */



div#layer_title p {
	
/*	background-color: #F00000;*/ /* Positionierungsshilfe */

	height: 33px; /* Vertikale Zentrierung (1-2) */

	left: 123px;
	
	line-height: 33px; /* Vertikale Zentrierung (2-2) */

	position: absolute; 

	top: 100px;
	
	z-index: 1;

	}

div#layer_title_start p {

/*	background-color: #F00000;*/ /* Positionierungsshilfe */

	height: 33px; /* Vertikale Zentrierung (1-2) */

	left: 123px;

	line-height: 33px; /* Vertikale Zentrierung (2-2) */

	position: absolute;

	top: 135px;

	z-index: 1;

	}

div#layer_title_sub p {

/*	background-color: #F00000;*/ /* Positionierungsshilfe */

	height: 34px; /* Vertikale Zentrierung (1-2) */

	left: 123px;

	line-height: 34px; /* Vertikale Zentrierung (2-2) */

	position: absolute;

	top: 134px;

	z-index: 1;

	}

div#layer_time p {

/*	background-color: #F00000;*/ /* Positionierungsshilfe */

	height: 34px; /* Vertikale Zentrierung (2-2) */

	left: 777px;

	line-height: 34px; /* Vertikale Zentrierung (2-2) */

	position: absolute;

	top: 134px;

	z-index: 1;

	}





/* __________.__________.__________.__________.__________.__________ IMAGES */



/* __________.__________.__________ images / HEADER */



div#layer_content {

	background: url(images/bg_top.gif) no-repeat top;

	}

div#layer_content_start {

	background: url(images/bg_top_start.gif) no-repeat top;

	}

div#layer_content_error {

	background: url(images/bg_top_error.gif) no-repeat top;

	}



/* __________.__________.__________ images / CONTENT REPEAT */



div#layer_site {

	background-image: url(images/bg_repeat.gif);

	}

div#layer_site_start {

	background-image: url(images/bg_repeat_start.gif);

	}



/* __________.__________.__________ images / FOOTER */



div#layer_foot {

	background-image: url(images/bg_bottom.gif);

	}

div#layer_foot_start {

	background-image: url(images/bg_bottom_start.gif);

	}



/* __________.__________.__________ images / POSITION */



img.picture_border_margin {

	margin: 5px 0 5px 0;

	}



/* __________.__________.__________ images / NAVIGATON */



a#back {

	background-image: url(images/navi_back.gif);

	}

a#exit {

	background-image: url(images/navi_exit.gif);

	}

a#continue {

	background-image: url(images/navi_continue.gif);

	}

a:hover#back,

a:hover#exit,

a:hover#continue {

	background-position: 0 -33px;

	}



a.link_navi_img {

	background-image: url(images/button_0.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

	}

a.link_navi_img:hover {

	background-image: url(images/button_1.gif);

	}





/* __________.__________.__________.__________.__________.__________ BORDERS */



div#layer_site,

div#layer_site_start,

div#layer_site_error {

	border: 1px solid #000000;

	}



img.picture_border,

img.picture_border_margin {

	border: 1px solid #AAAAAA;

	}



table.table_border {

	border: 1px solid #AAAAAA;

	border-collapse: collapse;

	}

table.table_border td {

	border: 1px solid #AAAAAA;

	}





/* __________.__________.__________.__________.__________.__________ NAVIGATION */



ul#navigation {

	list-style-type: none;

	}

ul#navigation li {

	float: left;

	}

ul#navigation a {

	border: none;

	display: block; /* Stellt a als Blockelement dar */

	height: 0; /* Blendet Links aus (1-3) */

	overflow: hidden; /* Blendet Links aus (2-3) */

	padding-top: 33px; /* Blendet Links aus (3-3) */

	}

a#back {

	height: 33px;

	width: 75px;

	}

li#back {

	height: 33px;

	width: 75px;

	}

a#exit {

	height: 33px;

	width: 76px;

	}

a#continue {

	height: 33px;

	width: 74px;

	}

li#continue {

	height: 33px;

	width: 74px;

	}



/* __________.__________.__________.__________.__________.__________ TABLES */



table.table_border {

	margin: 5px 0 11px 0;

	}

table.table_border th,

table.table_border td {

	padding: 5px;

	}



.separator {

	padding: 0 5px 0 0;

	}





/* __________.__________.__________.__________.__________.__________ FORMS */



select.form_select {

	max-width: 400px;

	}

textarea.form_textarea {
	width: 100%;
	}

textarea.form_textarea_single {
	width:600px;
}






/* __________.__________.__________.__________.__________.__________ TYPOGRAPHY */



* {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 22px;

	font-size: 14px;

	font-variant: normal;

	font-weight: normal;

	}



b,

strong {

	font-weight: bold;

	}



/* __________.__________.__________ typography / TABLES */



.right {

	text-align: right;

	}



/* __________.__________.__________ typography / MISCELLANEOUS */



.text_entry_required {

	font-weight: bold;

}

.Required {

	font-weight: bold;

}

.table_td_centered {
	text-align:center;
	vertical-align:top;
}