/* 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:20px auto 0px auto;
}

#header
{
	width:640px;
	height:78px;
}

	#header .logo
	{
		width:480px;
		height:78px;
		float:left;
	}
	
		#header .logo h1
		{
			color:#000;
			font-size:50px;
			margin-left:5px;
		}
		
		#header .logo h2
		{
			color:#000;
			font-size:20px;
			margin-left:5px;
			margin-top:-8px;
			font-weight:bold;
			float:left;
		}
		
		#header .logo h3
		{
			color:#000;
			font-size:11px;
		}

	#header .score
	{
		width:160px;
		height:78px;
		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:#000;
			font-size:52px;
			margin:2px 0px 0px 10px;
		}
			
		#header .score h2
		{
			color:#000;
			font-size:14px;
			margin:-13px 0px 0px 15px;
		}

#content {
	width:640px;
	height:402px;
	position:relative;
}

	#content #fragen
	{
		width:640px;
		height:196px;
	}
	
		#content #fragen #rootline
		{
			width:160px;
			height:30px;
		}
		
			#content #fragen #rootline p
			{
				color:#000000;
				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 p
			{
				padding:18px 20px 0px 65px;
				color:#000000;
				font-size:26px;
				font-weight:bold;
				line-height:138%;
			}
			
	#content #antworten
	{
		padding-top:3px;
		width:640px;
		height:203px;
	}		
		
		#content #antworten ul#auswahl
		{
			list-style:none;
			margin-left:12px;
		}
		
			#content #antworten ul li
			{
				width:615px;
				height:48px;
				font-size:18px;
				color:#000000;
			}
			
		
				#content #antworten ul li p
				{
					color:#000000;
					font-weight:bold;
					padding:14px 0px 0px 58px;
	
				}
		
	
		#content #antworten2
		{
			padding:1px 0px 0px 0px;
			width:640px;
			height:203px;
		}
	
		#antwortlayer
		{
			width:619px;
			height:195px;
			display:block;
			text-decoration:none;
			margin-left:10px;
		}
		
		#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:#000;
			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 #000;
			border-left:0px none;
			background:none;
			font-size:18px;
			color:#000;
		}
		
		.zeile .highscore_btn
		{
			margin:0px 0px 0px 180px;
			height:47px;
			width:209px;
			text-align:center;
			
			color:#000;
		}
		
		
	#scoreboard
	{
		padding:8px 0px 0px 11px;
		display:block;
		width:640px;
		height:402px;
		
		
	}
	*html #scoreboard
	{
		width:629px;
		height:394px;
	}
	#scorehead
	{
		/*margin:8px 0px 0px 12px;*/
		width:617px;
		height:26px;
		color:#000;

		float:left;
	}
	#scorehead span
	{
		margin-top:4px;
		float:left;
		font-weight:bold;
		height:20px;
	}
		#scorehead span.score_rank
		{
			margin:4px 40px 0px 20px;
			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:#000;
			overflow:hidden;
		}
			
	#scorescroll span
	{
		margin-top:12px;
		float:left;
		height:30px;
	}	
		span.score_rank
		{
			margin:0px 50px 0px 20px;
			width:30px;
			text-align:right;
		}
			span.score_name
			{
				font-weight:bold;
				width:290px;
				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:#000;
		padding:11px 12px 0px 0px;
		font-weight:bold;
	}
	
	#tx-duhquiz-pi1 #header .highscorelogo a
	{
		font-size:19px;
		text-align:right;
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
	#tx-duhquiz-pi1 #header .highscorelogo a:hover
	{
		color:#000;
	}