body 					{background: url('img/body_bg.png') repeat-x #fff; font-family: Helvetica;}

a 						{color: #206ba4; text-decoration: none;}
a:hover 				{color: #206ba4; text-decoration: underline;}

.clear 					{clear: both;}
.flashgood 				{color: green !important;}
.flashbad 				{color: red !important;}

/* ---------- LAYOUT --------------- */

#wrapper 				{width: 980px; margin: auto; margin-top: 20px; text-align: left;}

#top 					{background: url('img/sprite.png') 0px -179px no-repeat; width:980px; height:75px; }
#main 					{background: url('img/main_bg.png') repeat-y; width:980px; border-bottom: 8px solid #B3C902; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;}

#content 				{margin-left: 10px; width: 620px; float: left; background: #fff;}
#sidebar 				{background: url('img/sidebar_bg.png') repeat-x; width: 339px; height: 800px; float: left; border-left: 1px solid #ccc;}
#footer 				{background: url('img/footer_bg.png') repeat-x #fff; width: 930px; border-top: 1px solid #ccc; margin: 10px; padding-left: 10px; padding-right: 20px; margin-top: 0px; }


/* ---------- INNER LAYOUT --------------- */

#top a#lernen_logo 		{background: url('img/sprite.png') -760px -71px; width:114px; height:51px; display: block; float: left; margin: 10px; margin-bottom: 0px; }
#top a#abtest_logo 		{background: url('img/sprite.png') -598px -139px; width:370px; height:40px; display: block; float: left; margin: 18px; margin-bottom: 0px; }
#top div#tagline		{width: 300px; height: 15px; display: block; float: left; font-style: italic; font-size: 2em; color: #aaa; margin-left: 50px; padding-top: 15px; }

#ads1 					{margin: auto; margin-top: 40px; margin-bottom: 40px; width: 340px;}
#ads2					{margin-left: 15px; }

#testblock 				{display: none;}
#min_height_block		{width: 0px; background: #fff; height: 330px; float: left;}
#testfragen 			{width: 620px; float: left; }
#testfragen h2 			{font-weight: bold; font-size: 18px; color: #6699cc; margin-left: 20px; margin-top: 30px; margin-bottom: 15px;}
#auswertung 			{width: 600px; margin: 10px; }
#auswertung h2 			{font-weight: bold; font-size: 18px; color: #6699cc; margin-left: 20px; margin-top: 30px; margin-bottom: 15px;}
#auswertung p			{font-size: 1.2em; color: #333;}
#zusatz		 			{text-align: center;}
.auswahlfeld			{padding: 5px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; }
.auswahlbox				{width: 24px; height: 24px; background: url('img/sprite.png') -736px -43px; no-repeat; float: left; margin-right: 16px; }
.antwortbox				{width: 500px; font-size: 1.4em; color: #444; float: left;}
.korrekt .antwortbox	{color: green;}
.falsch .antwortbox		{color: #a1a1a1;}
.korrekt .auswahlbox	{background-position: -736px -91px; !important;}
.falsch .auswahlbox		{background-position: -736px -115px; !important;}

#anzahl_korrekt			{background: #faf1c3; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-weight: bold; color: #777; font-size: 1.2em; padding: 10px; padding-left: 120px;}
#anzahl_korrekt #text 	{float: left;}
#anzahl_korrekt #nice1 	{background: url('img/sprite.png') -760px -122px no-repeat; width: 62px; height: 17px; float: left; margin-right: 10px; margin-top: 2px;} 
#anzahl_korrekt #nice2 	{background: url('img/sprite.png') -822px -122px no-repeat; width: 62px; height: 17px; float: left; margin-left: 10px; margin-top: 2px;} 

#weiter 				{text-align: right; padding-right: 10px; margin-top: 5px;}
#weiter a 				{text-decoration: underline; padding: 10px; }
#weiter a:hover 		{color: red;}

#sidebar #sidebar_top 	{display: none;}
#start 					{background: url('img/sprite.png') 0px 0px; width: 299px; height: 59px; margin: 19px; }
#nochmal				{background: url('img/sprite.png') -299px 0px; display: block; width: 299px; height: 59px; margin: 19px; display: none;}
#countdown 				{background: url('img/sprite.png') -598px -1px no-repeat; width: 138px; height: 138px; margin: 20px; float: left;}
#mistakes 				{background: url('img/sprite.png') -598px -1px no-repeat; width: 138px; height: 138px; margin: 20px; margin-left: 0px; float: left;}

#countdown .titel 		{color: #fff; font-weight:bold; font-size: 1.25em; margin-top: 10px; margin-left: 28px; margin-bottom: 0px; }
#countdown .counter 	{color: #fff; font-size: 5.5em; text-align: center; }

#mistakes .titel 		{color: #fff; font-weight:bold; font-size: 1.25em; margin-top: 10px; margin-left: 20px; margin-bottom: 0px; }
#mistakes .counter 		{color: #fff; font-size: 5.5em; text-align: center; }

#sidebar #menue 		{width: 300px; margin: 20px; }
#menue h4				{color: #333; font-size: 1.5em; font-weight:bold; }
#menue a				{font-size: 1.3em; font-weight: bold; }
#menue a:hover 			{text-decoration: underline;}
#menue p				{font-size: 1.25em; color: #555;}

#footer p 				{float: left; margin: 10px; margin-bottom: 5px; width: 210px; color: #555;}
#footer ul 				{float: left; list-style-type: none; margin: 10px; margin-right: 5px; width: 100px; border-right: 1px solid #ddd; }
#footer ul li 			{height: 24px;}
#footer ul li.title 	{font-weight: bold; color: #888; font-size: 1.2em;}


/* ---------- INNER LAYOUT PAGE ---------- */

#page 					{width: 600px; margin: 10px;}
#page h2 				{font-size: 2em; color: #088ace; margin-top: 30px;}
#page p 				{font-size: 1.2em; color: #333;}
#page li				{font-size: 1.2em; color: #333; line-height: 2em; border-bottom: 1px solid #e3e3e3;}

#page .frage 			{border: 1px solid #ddd; color:#206ba4; font-size: 1.2em; margin-bottom: 20px; padding: 5px;}
.hidden_answer 			{background: #B9CE1F; padding: 10px; color: #000; font-size: 1.2em; display: none;}
#paging a 				{padding: 5px; }


/* ---------- FORM ----------------------- */

form 					{width: 500px; margin: auto;}
form div 				{margin-bottom: 10px; font-size: 1.2em;}
form label 				{display: block; margin-bottom: -10px; }
form input 				{width: 400px; padding: 5px; font-size: 1.2em; color: #555;}
form #btn				{width: 160px; padding: 2px; color: #000;}


/* ---------- HIGHSCORE ------------------ */

#highscore 				{width: 540px; margin: auto;}
#highscore #col1head	{width: 250px; float: left; font-size: 1.8em; padding: 10px; }
#highscore #col2head	{width: 250px; float: left; font-size: 1.8em; padding: 10px; text-align: right;}
#highscore .row 		{border-bottom: 1px solid #ddd;}
#highscore .col1		{width: 250px; float: left; font-size: 1.4em; padding: 10px; }
#highscore .col2		{width: 250px; float: left; font-size: 1.4em; padding: 10px; text-align: right;}


/* ---------- UNSORTIERT --------------- */

.akzeptieren_btn {width: 14px; height: 14px; background: url('img/mini_btns.png') no-repeat; display:block; float: left; margin: 2px; margin-right: 10px;}
.loeschen_btn {width: 15px; height: 14px; background: url('img/mini_btns.png') -14px no-repeat; display:block; float: left; margin: 2px;}