/* DUH Quiz css */

* {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	text-align:center;
}

#tx-duhquiz-pi1
{
	width:640px;
	height:480px;
	background:#fff;
	border:1px solid #555;
	text-align:left;
/*	margin:0px auto 0px auto;*/
}

#header
{
	width:640px;
	height:78px;
	background:#628411 url('../images/header_bg.gif') no-repeat top left;
}

	#header .logo
	{
		width:480px;
		height:78px;
		background:url('../images/header_logo.gif') no-repeat top left;
		float:left;
	}
	
	#header .logo2
	{
		width:449px;
		height:78px;
		background:url('../images/header_logo.gif') no-repeat top left;
		float:left;
	}
	
		#header .logo h1, #header .logo2 h1
		{
			color:#fafaf4;
			font-size:50px;
			margin-left:5px;
			display:none;
		}
		
		#header .logo h2, #header .logo2 h2
		{
			color:#fafaf4;
			font-size:20px;
			margin-left:9px;
			margin-top:51px;
			font-weight:bold;
			float:left;
		}
		*html #header .logo h2, *html #header .logo2 h2
		{
			margin-left:5px;
			margin-right:-3px;
		}
		
		#header .logo h3, #header .logo2 h3
		{
			font-weight:normal;
			margin-top:59px;
			color:#fff;
			font-size:11px;
		}

	#header .score
	{
		width:160px;
		height:78px;
		background:url('../images/header_score.gif') no-repeat top left;
		float:left;
	}
	
		#header .score .score_left
		{
			width:80px;
			height:78px;
			float:left;
		}
		
		#header .score .score_right
		{
			width:80px;
			height:78px;
			float:left;
		}
		
		#header .score h1
		{
			color:#eceee7;
			font-size:50px;
			margin:2px 0px 0px 10px;
		}
			
		#header .score h2
		{
			color:#eceee7;
			font-size:14px;
			margin:-13px 0px 0px 15px;
			display:none;
		}

#content
{
	position:relative;
	width:640px;
	height:402px;
	background:url('../images/content_bg.gif') repeat-x top left;
}

	#content #fragen
	{
		width:640px;
		height:196px;
		background:url('../images/superbioman.gif') no-repeat bottom left;
	}
	
		#content #fragen #rootline
		{
			width:160px;
			height:30px;
		}
		
			#content #fragen #rootline p
			{
				color:#8e2800;
				font-size:18px;
				font-weight:bold;
				padding: 13px 0px 0px 15px;
			}
			
		#content #fragen .sprechblase2
		{
			position:absolute;
			top:28px;
			left:124px;
			width:487px;
			height:154px;
			
		}
		#content #fragen .sprechblase1
		{
			position:absolute;
			top:28px;
			left:124px;
			width:1px;
			height:154px;
			
		}
		#content #fragen .sprechblase
		{
			background:url('../images/sprechblase.png') no-repeat top left;
		}
		*html #content #fragen .sprechblase
		{
			background:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/sprechblase.png", sizingMethod='scale');
		}
		
			#content #fragen .sprechblase p
			{
				padding:18px 20px 0px 65px;
				color:#ffb03b;
				font-size:26px;
				font-weight:bold;
				line-height:138%;
			}
			
	#content #antworten
	{
		padding-top:3px;
		width:640px;
		height:203px;
		background:url('../images/antworten_bg.gif') no-repeat top left;
	}		
		
		#content #antworten ul#auswahl
		{
			list-style:none;
			margin-left:12px;
		}
		
			#content #antworten ul li
			{
				width:615px;
				height:48px;
				font-size:18px;
				color:#8e2800;
				/*background:#ffe098;
				background-repeat:no-repeat;
				background-position:top left;*/
			}
			
			#content #antworten ul li.a, #content #antworten ul li.c
			{
				/*background:#ffe098 url('../images/antwort_bg1.gif') no-repeat top left;*/
			}
			
			#content #antworten ul li.b, #content #antworten ul li.d
			{
				/*background:#fff5c0 url('../images/antwort_bg2.gif') no-repeat top left;*/
			}
			
				#content #antworten ul li p
				{
					font-weight:bold;
					padding:14px 0px 0px 58px;
					/*font-size:18px;*/
				}
		
	
		#content #antworten .antwort_a
		{
			margin-left:12px;
			width:615px;
			height:48px;
			background:red;
		}
		
		#content #antworten .antwort_b
		{
			margin-left:12px;
			width:615px;
			height:48px;
			background:green;
		}
		
		#content #antworten .antwort_c
		{
			margin-left:12px;
			width:615px;
			height:48px;
			background:pink;
		}
		
		#content #antworten .antwort_d
		{
			margin-left:12px;
			width:615px;
			height:48px;
			background:blue;
		}

		#content #antworten2
		{
			padding:1px 0px 0px 0px;
			width:640px;
			height:203px;
			background:url('../images/antworten_bg.gif') no-repeat top left;
		}
	
		#antwortlayer
		{
			width:619px;
			height:195px;
			display:block;
			text-decoration:none;
			margin-left:10px;
		}
		
		.richtig
		{
			background: url('../images/antwlayer_bg_r.gif') no-repeat top left;
		}
		
		.falsch
		{
			background: url('../images/antwlayer_bg_f.gif') no-repeat top left;
		}
				
		#antwortlayer span.antwh
		{
			color:#ffffff;
			font-size:25px;
			font-weight:bold;
			height:34px;
			width:570px;
			display:block;
			padding:7px 0px 0px 14px;
		}
		
		#antwortlayer span.antwb
		{
			color:#425c00;
			font-size:23px;
			font-weight:bold;
			height:140px;
			width:570px;
			display:block;
			padding:10px 0px 0px 14px;
			overflow:hidden;
		}

	.zeile
	{
		width:500px;
		height:48px;
		clear:both;
		margin:0px 0px 0px 50px;
	}
	
		.zeile label
		{
			width:180px;
			height:25px;
			display:block;
			margin:12px 0px 0px 0px;
			float:left;
			font-size:18px;
			color:#8e2800;
			font-weight:bold;
		}
		
		.zeile input
		{
			width:310px;
			height:18px;
			margin:12px 0px 0px 0px;
			border-top:0px none;
			border-right:0px none;
			border-bottom:1px dashed #8e2800;
			border-left:0px none;
			background:none;
			font-size:18px;
			color:#8e2800;
		}
		
		.zeile .highscore_btn
		{
			margin:0px 0px 0px 180px;
			height:47px;
			width:209px;
			text-align:center;
			background: url('../images/highscore_btn_hover.gif') no-repeat top left;
			color:#fff;
		}
		
		
	#scoreboard
	{
		padding:8px 0px 0px 11px;
		display:block;
		width:640px;
		height:402px;
		background:url('../images/highscore_bg.gif') no-repeat top left;
		
	}
	*html #scoreboard
	{
		width:629px;
		height:394px;
	}
	#scorehead
	{
		/*margin:8px 0px 0px 12px;*/
		width:617px;
		height:26px;
		color:#fff;
		background:#8e2800;
		float:left;
	}
	#scorehead span
	{
		margin-top:4px;
		float:left;
		font-weight:bold;
		height:20px;
	}
		#scorehead span.score_rank
		{
			margin:4px 25px 0px 10px;
			width:40px;
		}	
		
	#scorescroll
	{
		float:left;
		width:617px;
		height:356px;
		overflow:auto;
	}
	
		#scorescroll ul
		{
			margin:1px 0px 0px 1px;
			width:598px;
			list-style:none;
		}
		
		#scorescroll ul li
		{
			width:598px;
			height:48px;
			font-size:18px;
			color:#8e2800;
			overflow:hidden;
		}
		
			#scorescroll ul li.ungerade
			{
				background:#ffe098;
			}
			#scorescroll ul li.gerade
			{
				background:#fff5c0;
			}
			
	#scorescroll span
	{
		margin-top:12px;
		float:left;
		height:30px;
	}	
		span.score_rank
		{
			margin:0px 40px 0px 5px;
			width:30px;
			text-align:right;
		}
			span.score_name
			{
				font-weight:bold;
				width:280px;
				overflow:hidden;
			}
				span.score_punte
				{
					text-align:center;
					width:130px;
				}
				span.score_alter
				{
					text-align:center;
					overflow:hidden;
					width:60px;
				}
				
	#tx-duhquiz-pi1 #header #highscorelogo
	{
		width:200px;
	}
	
	#tx-duhquiz-pi1 #header .highscorelogo
	{
		font-size:34px;
		text-align:right;
		color:#FAFAF4;
		padding:11px 12px 0px 0px;
		font-weight:bold;
	}
	
	#tx-duhquiz-pi1 #header .highscorelogo a
	{
		font-size:19px;
		text-align:right;
		color:#FAFAF4;
		font-weight:bold;
		text-decoration:none;
	}
	#tx-duhquiz-pi1 #header .highscorelogo a:hover
	{
		color:#8e2800;
	}
	
	.highfilter
	{
		width:68px;
		height:18px;
		font-size:12px;
		margin-top:3px;
	}
	.highfilter option
	{
		padding-left:5px;
	}
	
	#startForm1, #startForm2
	{
		width:320px;
		height:150px;
		float:left;
	}
	
	#startquiz
	{
		margin:70px 0px 0px 100px;
		height:47px;
		width:209px;
		background: url('../images/startquiz_btn_hover.gif') no-repeat top left;
	}
	#startscore
	{
		margin:70px 0px 0px 10px;
		height:47px;
		width:209px;
		background: url('../images/startscore_btn_hover.gif') no-repeat top left;
	}
	#startquiz3, #startquiz4, #startquiz5, #startscore2
	{
		margin:0px 0px 0px 170px;
		height:48px;
		width:209px;
	}
		#startquiz3
		{
			background: url('../images/quiz_leicht.gif') no-repeat top left;
		}
		#startquiz4
		{
			background: url('../images/quiz_mittel.gif') no-repeat top left;
		}
		#startquiz5
		{
			background: url('../images/quiz_schwer.gif') no-repeat top left;
		}
		#startscore2
		{
			background: url('../images/quiz_score.gif') no-repeat top left;
		}
	
.landing
{
	background:#ffb03b;
}
	
	.landing_head
	{
		height:117px;
		background: url('../images/header.jpg') no-repeat top left;
		margin-bottom:20px;
	}
	#linkbox
	{
		margin:35px 20px 0px 0px;
		background:transparent url('../images/logos.png') no-repeat scroll 0px;
		float:right;
		height:56px;
		width:181px;
	}
	#linkbox a#duhlink, #linkbox a#bcevlink
	{
		display:block;
		height:28px;
		line-height:200px;
		overflow:hidden;
		width:181px;
	}



	#header .score2
	{
		width:191px;
		height:78px;
		float:left;
		background:transparent url('../images/logos.png') no-repeat scroll 0px;
	}
	
	#header .score2 a#duhlink, #header .score2 a#bcevlink 
	{
		width:191px;
		display:block;
		height:28px;
		line-height:200px;
		overflow:hidden;
		width:161px;
	}
	#content #fragen #rootline p.pa {
		background:#fff5c0 none repeat scroll 0%;
		border:1px solid #8e2800;
		font-size:14px;
		margin:2px 0px 0px 40px;
		padding:0px 2px;
		text-align:center;
		width:80px;
	}