/* css free-test.com.pt */

/* general ----------------------------------------------------------------------------- */
body {
	background:#fff;
	font:normal normal 12px/1.25 tahoma,arial,sans-serif;
	color:#000;
}
.center { text-align:center; }
.small { font-size:11px; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.aligncenter { text-align:center; }
.noborder { border:none; }
.hsize {
	font-size:16px;
	font-weight:bold;
}
object {
	outline:none;
}
a {
	border-bottom:1px dotted #000;
	text-decoration:none;
	color:#000;
}
a:hover {
	border:none;
}
.ivlink a, .ivlink a:hover {
	border:none;
}
#head {
	height:140px;
	overflow:hidden;
	background-color:#3c7ac2;
	text-align:center;
}
#headwrapper {
	width:830px;
	height:140px;
	overflow:hidden;
}
.wrapper {
	margin:0 auto;
	position:relative;
	text-align:left;
}
#head h1 {
	color:#fff;
	font-weight:normal;
	font-size:16px;
	position:absolute;
	bottom:75px;
	right:25px;
	text-align:right;
	height:17px;
}
.tcolor { color:#3C7AC2; }
.bgcolor { background-color:#3C7AC2; }
.lightbg { background-color:#CFE6FF; }
#logo, #flashlogo {
	outline:none;
}
#logo {
	position:absolute;
	top:35px;
	left:23px;
}
#quizheader {
	position:absolute;
	width:830px;
	height:77px;
	left:0px;
	bottom:0px;
	background:transparent url(/wingame/60/images/headline-bg.png) no-repeat left top;
	text-align:center;
}
#quizheader h2 {
	font-size:22px;
	padding-top:35px;
}
#contentwrapper {
	width:830px;
	background:transparent url(/wingame/60/images/content-bg.png);
}
#contentwrapper2 {
	padding:0 15px 21px 15px;
	background:transparent url(/wingame/60/images/content-bot-bg.png) no-repeat left bottom;
}
#waiting {
	min-height:70px;
	background-color:#DFDFDF;
	margin-bottom:10px;
	position:relative;
}
#waiting h3 {
	padding-top:15px;
}
#waiting img {
	position:absolute;
	right:150px;
	top:5px;
}
#contentheader {
	min-height:48px;
	background:#DFDFDF url(/wingame/60/images/subheader-bg.gif) repeat-x left top;
	position:relative;
	padding:0 10px;
	margin:0 0 10px 0;
}
#contentheader #advice {
	position:absolute;
	bottom:12px;
	margin:0;
	font-size:14px;
	font-weight:bold;
}

#contentheader #quizpages {
	list-style:none;
	position:absolute;
	bottom:10px;
	right:10px;
	margin:0;
	color:#7b7b7b;
}
#contentheader #quizpages li {
	float:left;
	height:21px;
	padding-left:6px;
	margin: 0 2px;
	background:transparent url(/wingame/60/images/pagewhite-left.gif) no-repeat left top;
}
#contentheader #quizpages li span {
	display:block;
	line-height:1;
	height:17px;
	padding:4px 6px 0 0;
	background:transparent url(/wingame/60/images/pagewhite-right.gif) no-repeat right top;
}
#contentheader #quizpages li.visited {
	background:#3C7AC2 url(/wingame/60/images/pagecolor-left.gif) no-repeat left top;
	color:#fff;
}
#contentheader #quizpages li.visited span {
	background:#3C7AC2 url(/wingame/60/images/pagecolor-right.gif) no-repeat right top;
}
.colwrapper {
	padding:10px 0;
	text-align:center;
}
.colwrapper.button {
	margin:0 10px;
}
.cols {
	float:left;
	padding:0 10px;
	background-color:transparent;
	
}
.col300 { width:280px; }
.col310 { width:300px; }
.col360 { width:360px; }
.col400 { width:380px; }
.col450 { width:460px; }
.col500 { width:480px; }
.col780 { width:780px; }
.dottedleft { background:transparent url(/wingame/60/images/dotted.gif) repeat-y left top; }
.dottedtop { background:transparent url(/wingame/60/images/dotted.gif) repeat-x left top; }
.dottedright { background:transparent url(/wingame/60/images/dotted.gif) repeat-y right top; }
.dottedbottom { background:transparent url(/wingame/60/images/dotted.gif) repeat-x left bottom; }
hr {background:transparent url(/wingame/60/images/dotted.gif) repeat-x left top;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 10px;border:none;}
.endheader {
	padding:5px 0;
	margin:0 10px 5px 10px;
}

.cols.col400.dottedleft.aligncenter h4 {
	height:50px;
}
.cols.col400.aligncenter h4 {
	height:50px;
}

.judgement {
	padding:10px;
	margin-bottom:10px;
}
.judgement h3, .judgement h4, .judgement p {
	margin:0 0 5px;
}
#cover {
	width:280px;
	height:200px;
	background:transparent url(/wingame/60/images/fallbackcover.png) no-repeat center center;
}
#teaser {
	width:280px;
	height:160px;
}
#quizbox {
	overflow:hidden;
	position:relative;
}
#quizbox h3 {
	color:#464646;
	font-size:16px;
	padding-bottom:10px;
	line-height:1.25;
}

.float { float:left; padding:0px 5px 0px 0px; font-size:12px }

.formheader {
	padding-bottom:10px;
	margin-bottom:10px;
}
.formheader h3 {
	color:#464646;
	font-size:16px;
	padding-bottom:2px;
	line-height:1.25;
}
.formheader h4 {
	font-size:14px;
	font-weight:normal;
	color:#3c7ac2;
}
.answertext {
	color:#464646;
}
.answertext, #quizbox input {
	cursor:pointer;
}
.answertext:hover {
	color:#3C7AC2;
}
.questions, #ready {
	position:relative;
	left:400px;
}
/* and class for morphing: */ 
.questions_endpos {left:0px;}
/* first question position */
#quest1 {left:0px;}
/* hide all questions at start: */
#quest2, #quest3, #quest4, #quest5, #quest6, #quest7, #quest8, #quest9, #quest10, #ready {display:none;}

.enterbuttonbox{
	position:absolute;
	right:0px;
	top:0px;
}

.enterbutton {
	background:#3C7AC2 url(/wingame/60/images/button-left.png) no-repeat left top;
	display:inline-block;
	height:20px;
	overflow:hidden;
	position:relative;
	padding:4px 40px 0 20px;
	margin-top:20px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	border:none;
	width:auto;
}
.enterbutton.switch {
	padding-right:20px;
	border:none;
}
.enterbutton.big {
	padding:7px 20px 0;
	margin-top:10px;
	height:27px;
	border:none;
	background-image:url(/wingame/60/images/button-left-big.png);
	font-size:16px;
}
.enterbutton:hover {
	color:#fff;
	text-decoration:none;
}
.enterbutton span {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:23px;
	height:24px;
	background-color:transparent;
	overflow:hidden;
}
.enterbutton.switch span, #contentwrapper .enterbutton.big span {
	width:3px;
}
.enterbutton.big span {
	height:34px;
 }
.teaserhead {
	color:#c7289c;
	text-align:center;
	font-size:16px;
	margin-bottom:15px;
}
#optin {
	padding:0px 10px 1px 10px;
	text-align:left;
}
/* Movebox: ---------------------------------------------------------------------------- */
#movebox {}
/* Banner Page 4 und 5------------------------------------------------------------------ */

/* Formular ---------------------------------------------------------------------------- */
form input.text {
	background-color:#eee;
	height:17px;
}

#landselect {
	background-color:#eee;
	height:23px;
}

.ie_email {
	width:31px;
}

/* Sponsorenleiste --------------------------------------------------------------------- */
.sponsor {
	height:50px;
	position:relative;
	clear:both;
}
.sponsor h4 {
	color:#fff;
	margin-top:20px;
	margin-left:12px;
	width:70px;
	float:left;
	font:normal normal 11px/1 tahoma,arial,sans-serif;
	color:#4d4d4d;
}
#sponsorenSpacer {
	position:absolute;
	height:60px;
	overflow:hidden;
	left:93px;
	top:3px;
	width:715px;
}
/* Formatierung des Sliders: ---------------------------------------------------------------- */
#sponsorlocker {
	display:block;
	font:normal normal 12px/1.1 arial,helvetica,sans-serif;
	padding:10px 0 0;
	margin:0;
	height:35px;
	overflow:hidden;
}
#sponsorlocker img {
	border:0;
}
#sponsorlocker a, #sponsorlocker a:link, #sponsorlocker a:hover, #sponsorlocker a:active {
	text-decoration:none;
	color:#000;
}
.sponsorbin {
	display:block;
	width:24%;
	float:left;
	text-align:center;
}
#sponsortitlebin {
	display:none;
}
#sponsortitle {
	display:-moz-inline-stack;
	display:inline-block;
	font-weight:bold;
	font-size:13px;
	text-align:left;
}
/* Footer --------------------------------------------------------------------------------- */
#footer {
	width:780px;
	padding:13px 25px 0 25px;
	height:60px;
	margin:0 auto;
	background:transparent url(/wingame/60/images/footer-bg.png) no-repeat center top;
	position:relative;
	text-align:left;
	color:#c1c1c1;
}
#footer p {
	margin:0;
}

#footer p.p2 {
	margin-top:-5px;
}

#footer p.agblinks {
	float:right;
}
#footer a {
	color:#c1c1c1;
	font-size:11px;
	text-decoration:none;
	margin:0 5px;
	position:relative;
	border:none;
}
#footer a:hover {
	border-bottom:1px dotted #c1c1c1;
}
#footer a img {
	padding-right:5px;
}

.footertext{
  text-align:center;
  padding:0px 0px 30px 0px; 
	color:#555555;
	margin:15px 0px;
}

/* Coreg Page 3 --------------------------------------------------------------------------- */

.coregwrapper {
	width:600px;
	text-align:left;
	margin:5px auto;
}
.coreghead {
    display:block;
    margin:0 10px;
    padding:2px 60px;
    color:#000;
    font-size:14px;
	text-align:center;
	font-weight:bold;
	background-color:#DFDFDF;
}
div.formrow.coregbody {
    background-color:#fff;
    padding: 2px 10px 3px 10px;
    margin:0 10px;
	border:1px dotted;
	border-top:none;
}

.coregtext {
	color:#000;
	font-weight:normal;
	margin-left:190px;
}
.p3 .button, .p4 .button {
	margin:0 auto;
	padding-bottom:24px;
	outline:none;
}
.hinweisbox {
	position:relative;
	text-align:left;
}
.hinweisbox #werbeflaeche_coreg {
	position:absolute;
	display:none;
	top:-120px;
	left:50%;
	margin-left:-180px;
	padding:1px;
	width:380px;
	font-size:14px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	z-index:1000;
	text-align:center;
}
.hinweisbox #werbeflaeche_coreg div {
	padding:20px 0 0 0;
}
.hinweisbox #werbeflaeche_coreg div div {
	padding:8px 10px 25px 10px;
	border:none;
}

/* AGB Fehlermeldung: --------------------------------------------------------------------- */
.fundament { 
	position:relative;
	text-align:left;
}

#agberror { display:none; }
.errordivagb {
	position:absolute;
	margin-left:-200px;
	left:50%;
	top:-120px;
	z-index:999;
	color:#000;
	width:250px;
	font-size:12px;
	text-align:center;
}
.errordivagb a, .errordivagb a:hover {
	color:#8A1F11;
	border-bottom:1px dotted #8A1F11;
}
#agberror .enterbutton.switch, #werbeflaeche_coreg .enterbutton.switch {
	background-color:#8A1F11;
	color:#fff;
}

/* --- Survey -------------------------------------------------------------------------------------------------------------------------------*/
	#survey {
		margin:0px;
		text-align:left;
	}
	.white{
		color:#fff;
	}
	.question{
		margin:20px 110px 5px 110px;
		text-align:left;
	}
	
	.question h2 {
		clear:both;
		padding:10px 3px 5px 6px;
		margin:15px 0 5px 0;
		font-size:15px;
		color:#666;
		text-align:left;
	border-bottom:1px dotted #8A1F11;
		}

	.third, .groups, label {
		display:block;
		float:left;
		}

	.third {
		padding:3px 30px 3px 20px;
		vertical-align:top;
		text-align:left;}
		
	.radio { 
		margin:0px 3px 0px 0px;
		border:0px;
		background:none;}

	.groups {
		width:98px;
		text-align:center;
		padding-top:10px;
		font-size:11px;
		float:left;}
		
	.groups-hl {
		margin-left:160px;
		}
		
	.groups-hl .groups{
		padding-bottom:5px;}
	
	.question label{
		
		width:140px;
		text-align:left;
		clear:both;
		margin:0;
		font-weight:normal;}
		
	.group-row{
		clear:both;
		margin:0;}
		
	.group-row label{
		float:left;
		font-size:12px;
		margin-left:20px;
	}
	#survey select {
		width:100%;
		max-width:500px;
	}
	#wrapper2 {
		background-color:#ececec;
		border:1px solid #A4B6CC;
		border-top-width:0;
		border-bottom-width:0;
		text-align:center;
	}
		
/* --- /Survey ---------------------------------------------------------------------------------------------------------------------------*/

/* status.htm ---------------------------------------------------------------------------------------------------------------------------- */
	.contentspacer{
		padding:30px;
	}

.diagrammbox{
	float:right;
	padding-top:30px
}

.neutralisieren{
	display:inline;
	padding:0px;
	margin:0px;
}
.bannerheadline{
	color:#000;
	font-size:12px;
	margin:0px auto;
	text-align:center;
	font-weight:bold;
}

.bigtext {
	font-size:14px;	
font-weight:bold;
}