#top {
	background-color: #FFFFFF;
	height: 50px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#right {
	display: inherit;
	background-color: #FFFFFF;
	width: 750px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#right_congratulation {
	display: none;
	background-color: #FFFFFF;
	float: left;
	width: 750px;
	height: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#right_congratulation_result {
	background-color: #FFFFFF;
	float: left;
	height: 200px;
	width: 750px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#right_congratulation_result_right {
	background-color: #FFFFFF;
	float: right;
	width: 200px;
	margin-top: 0px;
	margin-right: 65px;
	height: 150px;
	text-align:center;
	border: 0px solid #000000;
	font-size:20px;
	color:#999999;
	padding-top:30px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#user_position {
	background-color: #FFFFFF;
	width: 100px;
	height: 50px;
	border: 0px solid #000000;
	text-align:center;
	font-size:24px;
	color:#333333;
}

#total_users {
	background-color: #FFFFFF;
	width: 100px;
	height: 50px;
	border: 0px solid #000000;
	text-align:center;
	font-size:20px;
	color:#999999;
}

#right_congratulation_result_left {
	background-color: #FFFFFF;
	float: left;
	width: 407px;
	margin-top: 25px;
	margin-left: 35px;
	height: 150px;
	border: 0px solid #000000;
}
#right_congratulation_banner_left_text {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 35px;
}




#right_congratulation_congratulation {
	height: 360px;
	background-color: #FFFFFF;
	background-image: url(images/Congra.jpg);
	background-repeat: no-repeat;
	width: auto;


}
#right_text_3 {
	background-color: #FFFFFF;
	height: auto;
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 35px;
	float: left;
}
#right_congratulation_banner {
	background-color: #FFFFFF;
	float: left;
	height: 200px;
	width: 750px;
}
#right_congratulation_banner_right {
	background-color: #FFFFFF;
	float: right;
	width: 300px;
	text-align:left;
	margin-top: 27px;
	margin-right: 100px;
	height: 150px;
	border: 1px solid #000000;
	font-size: 12px;
	-moz-border-radius: 10px;

}
#right_congratulation_banner_left {
	background-color: #FFFF00;
	float: left;
	width: 307px;
	margin-top: 25px;
	margin-left: 35px;
	height: 157px;
	background-image: url(images/Banner.jpg);
}





#right_start {
    display: inherit;
	background-color: #FFFFFF;
	float: left;
	width: 750px;
}

#right_learn {
	height: 152px;
	background-color: #FFFFFF;
	background-image: url(images/Learn_Tasten.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-left: 25px;
}
#right_text_1 {
	background-color: #FFFFFF;
	height: auto;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 35px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;

}

#right_btn_start_hyper {
	background-color: #FFFFFF;
	margin: auto;
	padding: 40px;
}
#right_btn_tippen {
	background-color: #0000FF;
	height: 100px;
	width: auto;
}




#right_btn_tippen_top {
	background-color: #FFFFFF;
	width: auto;
	height: 70px;
	margin-top: 20px;
	margin-right: 21px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: 0px solid #000000;
	border-color:#00CC66;
	font-size:24px;
	color:#000000;

}
#right_btn_tippen_middle_right {
	background-color: #FFFFFF;
	float: left;
	height: 35px;
	width: 596px;
	margin-top: 10px;
	margin-right: 21px;
	border: 3px solid #000000;
	-moz-border-radius: 5px;
	border-color:#999999;
	margin-left: 40px;
	text-align:left;
}
#right_btn_tippen_middle_left {
	background-color: #FFFFFF;
	height: 35px;
	margin-top: 10px;
	width: 48px;
	float: left;
	border: 0px solid #000000;
	border-color:#999999;
	margin-left: 20px;
	color:#999999;
	font-size:36px;
	text-align:center;
	padding-top:-5px;

}

#lettercount {
	display: block;
	background-color: #FFFFFF;
	height: 40px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	
}

#group {
	display: block;
	background-color: #FFFFFF;
	height: 40px;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3366CC;
	margin-bottom:20px;
	}

#correct {
	display: block;
	background-color: #FFFFFF;
	height: 40px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#66FF33;
	}


#incorrect {
	display: block;
	background-color: #FFFFFF;
	height: 40px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
}



#right_btn_start {
	display: block;
	background-color: #FFFFFF;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center center;
}
#right_tippen_start  {
	display: none;
	background-color: #FFFFFF;
	height: 240px;
	background-repeat: no-repeat;
    background-position: center center;

}

#right_text_2 {
	background-color: #FFFFFF;
	height: auto;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 35px;
}
#right_btn_tippen_bottom {
	background-color: #FFFFFF;
	height: 30px;
	border: 0px solid #000000;
	border-color:#999999;
	float: left;
	width: 706px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align:center;
	font-size:18px;
	color:#999999;
}

#eingabe {
text-align:left;
left:0px;
 }


#eingabe.input_value {
width: 450px; 
background: #FFFFFF; 
border: 0px solid #FFFFFF;
 }

#punktezahl {
color:#00FF00;
font-size:24px;
}


#rangposition{
color:#333333;
font-size:30px;
}
#gesamtteilnahmen{
color:#999999;
font-size:18px;}


#footer {
	background-color: #FFFFFF;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	font-color: #000000;
}


body {
	background-color: #FFFFFF;
	margin: 0px;
	height: auto;
	width: auto;
}
#left {
	background-color: #FFFFFF;
	height: 900px;
	width: 348px;
	float: left;
	margin: 0px;
	border:none;
	background-repeat: no-repeat;
}
#wrapper {
	background-color: #FFFFFF;
	width: 1105px;
	height: auto;
	clear: both;
	margin: auto;
}

h1 {
	font-size:12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

a.buttonhover{
display:block;
width:152px;
	height: 154px;
background:transparent url('http://www.10-finger-system-lernen.de/images/Buttons.jpg') no-repeat top left;

}

a.buttonhover:hover {
display:block;
width:152px;
	height: 154px;
background:transparent url('http://www.10-finger-system-lernen.de/images/Buttons.jpg') no-repeat bottom left; 

}

a.buttonhover:active{
display:block;
width:152px;
	height: 154px;
background:transparent url('http://www.10-Finger-system-lernen.de/images/Buttons.jpg') no-repeat bottom right; 

}


 a:link{
	color:#000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:10 px;
}
 a:visited{
	color:#000000;
}
 a:hover{
	color:#000000;
}
 a:active{
	color:#000000;
}