/* css free-test.de */

/* general ----------------------------------------------------------------------------- */
body {
	background:#fff;
	font:normal normal 12px/1.25 tahoma,arial,sans-serif;
	color:#000;
}
.center { text-align:center; }
.small { font-size:11px; }
.xsmall { font-size:10px; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.aligncenter { text-align:center; }
.noborder { border:none; }
.hsize {
	font-size:16px;
	font-weight:bold;
}

.hidden { display: none !important; }

#counterdiv {
	display:none;
}
object {
	outline:none;
}
a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration: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/67/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/67/images/content-bg.png);
}
#contentwrapper2 {
	padding:0 15px 21px 15px;
	background:transparent url(/wingame/67/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/67/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:15px;
	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/67/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/67/images/pagewhite-right.gif) no-repeat right top;
}
#contentheader #quizpages li.visited {
	background:#3C7AC2 url(/wingame/67/images/pagecolor-left.gif) no-repeat left top;
	color:#fff;
}
#contentheader #quizpages li.visited span {
	background:#3C7AC2 url(/wingame/67/images/pagecolor-right.gif) no-repeat right top;
}
.colwrapper {
	padding:10px 0 1px 0;
	text-align:center;
}
.colwrapper2 {
	padding-bottom:10px;
	text-align:center;
}

.colwrapper.button {
	margin:0 10px;
}
.cols {
	float:left;
	padding:0 10px;
	background-color:transparent;
	
}
.col300 { width:280px; }  
.col360 { width:360px; }
.col400 { width:380px; }
.col500 { width:480px; }
.col780 { width:780px; }
.dottedleft { background:transparent url(/wingame/67/images/dotted.gif) repeat-y left top; }
.dottedtop { background:transparent url(/wingame/67/images/dotted.gif) repeat-x left top; }
.dottedright { background:transparent url(/wingame/67/images/dotted.gif) repeat-y right top; }
.dottedbottom { background:transparent url(/wingame/67/images/dotted.gif) repeat-x left bottom; }
hr {background:transparent url(/wingame/67/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;
}
.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/67/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;
}
.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;}

.enterbutton {
	background:#3C7AC2 url(/wingame/67/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;
	margin-bottom:10px;
	border:none;
}
.enterbutton.big {
	padding:7px 20px 0;
	margin-top:0px;
	height:27px;
	border:none;
	background-image:url(/wingame/67/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:0 10px 0 15px;
	text-align:left;
	font-size:10px;
}
#optin p {
	margin:4px 0;
	padding:0;
	font-size:inherit;
}

/* Movebox: ---------------------------------------------------------------------------- */
#movebox {}
/* Banner Page 4 und 5------------------------------------------------------------------ */

/* Formular ---------------------------------------------------------------------------- */
form input.text, #landselect {
	background-color:#eee;
}
/* Sponsorenleiste --------------------------------------------------------------------- */
.sponsor {
	background-color:#e5e5e5;
	height:48px;
	overflow:hidden;
	position:relative;
}
.sponsor h4 {
	color:#fff;
	margin-top:20px;
	margin-left:12px;
	width:100px;
	float:left;
	font:normal normal 11px/1 tahoma,arial,sans-serif;
	color:#7b7b7b;
}
#sponsorenSpacer {
	position:absolute;
	height:48px;
	overflow:hidden;
	left:123px;
	top:8px;
	width:500px;
}
/* Formatierung des Sliders: ---------------------------------------------------------------- */
#sponsorlocker {
	display:block;
	background-color:#E5E5E5;
	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.9%;
	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/67/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.p2 a{
	font-size:12px;
	text-decoration:underline;
	margin:0;
}

#footer p.p2 a:hover{
	text-decoration:none;
}

#footer p.agblinks {
	float:right;
}
#footer a {
	color:#c1c1c1;
	font-size:11px;
	text-decoration:underline;
	margin:0 5px;
	/*position:relative;*/
	border:none;
}
#footer a:hover {
	text-decoration:none;
}
#footer a img {
	padding-right:5px;
}

/* Coreg Page 3 --------------------------------------------------------------------------- */

.coregwrapper {
	width:600px;
	text-align:left;
	margin:5px auto;
}
.coreghead {
    display:block;
    margin:0 10px;
    padding:2px;
    color:#000;
    font-size:14px;
	text-align:left;
	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:140px;
}
.coreginfo {
	display: none;
	width: 385px;
	float: right;
	margin: 12px 0 0 12px;
}
.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;
}

#regiolayer a {
	border-bottom:0px;
	text-decoration:underline;
}

/* AGB Fehlermeldung: --------------------------------------------------------------------- */

#agberror {
	position:absolute;
	display:none;
	background: url("/wingame/global/images/error_warning_big.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    height: 36px;
    padding: 4px 5px 0 18px;
    visibility: visible;
    width: 135px;
	margin:10px 0 0 425px;
	font-size:11px;
}

/*.fundament { 
	position:relative;
	text-align:left;
}

#agberror { display:none; }
.errordivagb {
	position:absolute;
	margin-left:-200px;
	margin-bottom:10px;
	left:50%;
	top:-120px;
	z-index:999;
	color:#000;
	width:250px;
	font-size:12px;
	text-align:center;
	border:2px solid #ddd;
	background:#dfdfdf;
	border-color:#4d4d4d;
}

.errorclose {
	background-color:#4d4d4d;
	text-align:right;
	margin-bottom:10px;
	padding-right:5px;
}

.errorclose a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}*/

/* --- Survey -------------------------------------------------------------------------------------------------------------------------------*/
	.question{
		margin:20px 50px 5px;
		text-align:left;
	}
	
	.question h2 {
		background:#FFF;
		padding:10px 3px 5px 6px;
		margin:15px 0 5px 0;
		font-size:15px;
		color:#666;
		text-align:left;
		border-bottom:1px dotted #8A1F11;
		}

	#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 ---------------------------------------------------------------------------------------------------------------------------*/
.tharukaLayer {
	position: absolute; 
	display: none; 
	padding: 4px; 
	font-size: 0.9em; 
	border: 1px solid #fff; 
	width: 360px; 
	background-color: #d5d5d5; 
	z-index: 999; 
	margin-top: -25px;
	color: #000;
}

/* status.htm ---------------------------------------------------------------------------------------------------------------------------- */
	.contentspacer{
		padding:30px;
	}
	
	.diagrammbox{
	float:right;
	padding-top:30px
}

/* Layer Overlay vote */
#owalei {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #E2EDF2;
	opacity: 0.8;
	filter:alpha(opacity=80);  /* IE */
	-moz-opacity: 0.80; /* Gecko */
}
* html #owalei {
	position: absolute;
	height:822px;
}
#leia {
	position: absolute;
	z-index: 9999;
	background:#fff url(http://es.static.planet49.com/wms/2010/600x400_cars.gif) repeat left top;
	top: 115px;
	width: 600px;
	height: 400px;
	margin-left: -300px;
	left: 50%;
	display: block;
	text-align:center;
	font:normal normal 25px/1.4 Arial, Verdana, sans-serif;
	color:#000;
}
#leia1, #leia2 {
	background-color: #fff;
	position:absolute;
	left:9px;
	top:9px;
	width:582px;
	height:382px;
	overflow:hidden;
}
#leia2 {display:block}
#leia1_top, #leia1_middle, #leia1_bottom, #leia2_all {
	position:absolute;
	display:block;
	width:520px;
	margin-left:-263px;
	left:50%
}
#leia1_top { top:40px; }
#leia1_middle { top:50%; margin-top:-20px; }
#leia1_bottom { bottom:40px; }
#leia2_all { top:8px; left:50%;}
#close_leia { margin-top:10px; cursor:pointer;}
.leia_gap { margin:15px 0 0 0; }
.red {color:#ff0000;}
#leia_x {
	position:absolute;
	right:0px;
	top:0px;
	height:18px;
	width:18px;
	overflow:hidden;
	border:1px solid #df7373;
	border-left:1px solid #ffcaca;
	border-top:1px solid #ffcaca;
	background:#fff url(../images/close_leia.gif) no-repeat left top;
	color:#fff;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	z-index:100;
}
#leia.photo {
	background:none;
	width: 500px;
	height: 300px;
	margin-left: -250px;
	font:normal normal 16px/1.4 Arial, Verdana, sans-serif;
	text-align:left;
}
.photo #leia1, .photo #leia2 {
	width: 500px;
	height: 300px;
	left:0;
	top:0;
}
.photo #leia1_top,
.photo #leia1_middle,
.photo #leia1_bottom,
.photo #leia2_all {
	width:480px;
	padding-left:25px;
}
.photo #leia2 {
	background:#fff url(../../global/images/leia_b_bg.jpg) right top no-repeat;
}
.photo #leia2_all {
	top:0;
	margin-left:-250px;
}
.photo .leia_gap {
	margin:10px 0 0 0;
}
.photo .red {
	color:#000;
	font-weight:bold;
}
.photo a {
	color:#000;
}
.photo a:hover {
	font-weight:bold;
}
.photo #leia_x {
	background:#fff url(../../global/images/close_leia_black.gif) no-repeat left top;
	border:1px solid #000;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
}
.photo #close_leia {
	background:transparent url(../../global/images/leia_button_b.gif) left top no-repeat;
	display:block;
	height:51px;
	width:178px;
	margin-top:20px;
}
.photo #close_leia:hover {
	background-position:left -52px;
}