/* general ******************************************************************************************************* */

	body{
		background:url(/wingame/70/images/body_background.jpg) #fff repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
    }		
	#center {
		width:900px;
		margin:0 auto;
    }   
    h1{
        display:none;
    }
    h2{
        font-size:50px;
		font-weight:bold;
    }
	h2.space{
		margin-left:40px;
	}
    h3{
		font-family: Myriad Pro, Arial, Helvetica, sans-serif;
        font-size:28px;
		line-height:1em;
		color:#0090ff;
		margin-bottom:5px;
		font-weight:normal;
    }
	#reg_half h3 {
		font-size:25px;
	}
	h4{
		font-size:18px;
		margin-bottom:10px;
		min-height: 70px;
	}
    h5,h6{
        font-size:12px;
    }
	a{
		color:#0069c8;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}
	.small{
		font-size:11px;
	}
	.footertext {
	color:#585858;
	text-align:center;
	margin-top:12px;
	}
	.cleaner {
		clear:both;
		float:none;
		overflow:hidden;
		height:0;
		display:block;
	}


/* header ******************************************************************************************************* */
    
    #header{
		background:url(/wingame/70/images/header.jpg) no-repeat;
		height:100px;
    }


/* content ******************************************************************************************************* */
    
    #content{
		border:1px solid #dbdbdb;
		border-width:0 1px 0 1px;
		background:url(/wingame/70/images/content_background.jpg) repeat-x #eeeeee top left;
		/*margin-right:100px;*/
	}
	#content_footer{
		height:4px;
		background:url(/wingame/70/images/content_footer.png) left top repeat-x #eee;
		overflow:hidden;
		clear:both;
		margin:0 -1px 0 -1px;
	}
	#flash_puzzle{
		margin:0 0 0 -1px;
		padding:0;
		float:left;
	}
	#left_row{
		margin:0px;
		padding-left:15px;
		width:570px;
		float:left;
	}
	#macbook_bottom{
		margin:0 0 20px -14px;
	}
	#macbook_error{
		position:absolute;
		margin:24px 0 0 84px;
		display:none;
		
	}
	#sponsoren_spacer{
		width:560px;
		height:90px;
		overflow:hidden;
		background-color:#E5E5E5;
		border:1px solid #d6d6d6;
		float:left;
		margin-top:0px;
	}
	#right_row{
		width:290px;
		float:left;
		margin:-20px 0 0 15px;
	}
	#wide_info {
		padding:0 15px 12px;
		clear:left;
	}
	#wide_info #sponsoren_spacer {
		width:853px;
		height:70px;
	}
	#wide_info .status {
		margin:0 0 0 840px;
	}
	#wide_info #sponsorlocker {
        height:70px;
		padding-top:25px;
    }
	
	
/* reg_half.htm ********************************************************************************************************* */
	
	#submit, .big_button{
		border:0;
		width:287px;
		height:65px;
		background:url(../images/button_weiter.jpg) 0 0 no-repeat;
		cursor:pointer;
		margin-top:10px;
		display:block;
		overflow:hidden;
	}
	#submit:hover, .big_button{
		background-position:0 -70px;
	}
	.agb{
		font-size:11px;
		line-height:1em;
	}
	.success #status_puzzle{
		display:none;
	}
	
	
/* reg_full.htm ********************************************************************************************************* */	
	#reg_full #right_row{
		margin-top:-50px;
	}
	
	#macbook{
		background:url(../images/macbook_top.jpg) 0 0 no-repeat;
		height:233px;
		margin-top:5px;
		margin-left:0px;
	}
	#macbook_confirm{
		background:url(../images/page2_dark_area.png) 0 43px no-repeat;
		height:233px;
		margin-left:388px;
		padding-left:20px;
	}
	
	#macbook_confirm_data {
		width:460px;
		min-height:140px;
		overflow:hidden;
	}
	
	* html #macbook_confirm_data {
		height:140px;
	}
	
	.macbook_confirm_text{
		font-size:18px;
		color:#ccc;
		margin:20px 0 0px 0;
	}
	.macbook_confirm_text strong{
		color:#fff;
		font-weight:normal;
	}


/* Specials for Coreg + Survey + Finish ********************************************************************************************************* */
	#macbook_small{
		background:url(../images/macbook_xsmall.jpg) 0 0 no-repeat;
		padding-left:200px;
		padding-top:30px;
		margin-left:40px;
		height:146px;
	}
	
	#macbook_small h3{
		font-size:22px;
		margin:0 0 0 45px;
	}
	
	#coreg #left_row, #survey #left_row, #finish #left_row{
		width:80px;
		margin:0 20px 30px 0;
		padding-left:30px;		
	}
	#coreg #right_row, #survey #right_row, #finish #right_row{
		width:640px;
		margin:0 0 30px 0;
	}
	.teaser{
		margin:30px 0;
	}
	.teaser h4{
		font-size:20px;
		line-height:1em;
	}
	.teaser p{
		margin-top:10px;
	}


/* coreg ********************************************************************************************************* */
	.coreg{
		clear:left;
	}
	.coreg_title{
		color:#fff;
		background-color:#02a1fd;
		padding:5px 10px 5px 10px;
		margin:5px 0 5px 0;
	}
	.coreg_text{
		font-size:11px;
	}
	.coreg_teaser{
		float:left;
		margin-right:10px;
	}
	/* Hinweisbox */
	.hinweisbox {
		position:relative;
	}
	.hinweisbox #werbeflaeche_coreg {
		position:absolute;
		display:none;
		top:-100px;
		left:50%;
		margin-left:-180px;
		padding:1px;
		width:420px;
		font-size:14px;
		background-color:transparent;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		z-index:1000;
		border:1px solid #e202fd;
	}
	.hinweisbox #werbeflaeche_coreg div {
		background-color:#e202fd;
		padding:20px 0 0 0;
	}
	.hinweisbox #werbeflaeche_coreg div div {
		background-color:#DFF4FF;
		padding:8px 10px 25px 10px;
		color:#000;
		border:none;
	}
	.hinweisbox #werbeflaeche_coreg .popupbutton {
		display:block;
		width:175px;
		color:#fff;
		font-weight:bold;
		padding:2px 0;
		text-align:center;
		background-color:#02A1FD;
	}
	
	.floatLeft{
		float: left;
	}
	
	.floatRight{
		float: right;
	}
	

/* survey.htm ********************************************************************************************************* */
	#survey {
		text-align:left;
	}
	.question{
		margin:0px 0px 5px 0px;
	}
	
	.question h2 {
		padding:5px 10px 5px 10px;
		background-color:#02a1fd;
		margin:25px 0px 0px 0px;
		font-size:13px;
		color:#fff;}

	.third, .groups, label {
		display:-moz-inline-box;
		display:inline-block;}
		
	.third {
		padding:3px 30px 3px 20px;
		vertical-align:top;}
		
	.radio { 
		margin:0px 3px 0px 0px;
		border:0;
		background:none;}
	
	.groups {
		width:100px;
		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;
	}

	
/* finish.htm ******************************************************************************************************* */	
	
	#finish #left_col{
		width:415px;
		float:left;
		background-color:transparent;
		text-align:center;
	}
		
	#finish #right_col{
		width:415px;
		float:left;
		background-color:transparent;
		text-align:center;
	}
	
	#finish .button{
		margin:15px 0;
	}
	
	#finish .subhead {
		display:block;
		padding:0 0 20px 35px;
		font-size:27px;
		color:#0090ff;
	}
	
	#finish h5 {
		min-height:70px;
	}


/* specials ******************************************************************************************************* */
    
	.clearfix:after, #content:after, .coreg:after, .cleaner{
		content:'.';
		display:block;
		height:0;
		visibility:hidden;
		clear:both;
	}
	.hidden{
		display:none;
	}
	.invisible{
		visibility:hidden;
	}