@CHARSET "UTF-8";

BODY {
	font-family: sans-serif;
	font-size: 12px;
}

img {border: 0px}

/* Links */
a:link { text-decoration:underline; color: #000000; padding: 1px;}
a:visited { text-decoration:underline; color:#000000; padding: 1px;}
a:hover { color: #FFF; text-decoration:underline; background-color: #c42929; padding: 1px;} 
a:active {  text-decoration:underline; color: #000000; padding: 1px;}


/* DIVs */
#div_out {
	position: absolute;
	left: 20px;
	top: 20px;
}

#div_top {
	position: absolute;
	left: 150px;
	top: 0px;
	width: 500px;
	height: 30px;
	border: 1px solid #000000;
	padding: 5px;
	font-size: 24px;
	color: #c42929;
	background-color: #c42929;
}

#div_main {
	position: absolute;
	left: 150px;
	top: 40px;
	width: 500px;
	height: 400px;
	border: 1px solid #000000;
	padding: 5px;
	z-index: 20;
}

#div_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 139px;
	height: 482px;
	/*border: 1px solid #000000;*/
	padding: 5px;
	z-index: 20;
	background-color: #d6d6d6;
	background-image: url(../img/div_links.png);
	background-repeat: no-repeat;
}

#div_logx {
	position: absolute;
	left: 0px;
	top: 380px;
	width: 140px;
	height: 100px;
	padding: 0px;
	text-align: right;
	/*border: 1px solid #000000;*/
}

#div_main {
	/* none */
}

#div_main_top {
	position: absolute;
	left:0px;
	top:0px;
	width:510px;
	height:100px;	
	/*border: 1px solid #000000;*/
	background-image: url(../img/verlauf1.png);
	background-repeat: repeat-x;
	z-index: 10;
}

#div_timer {
	position: absolute;
	left:5px;
	top:0px;
	width:200px;
	height:100px;	
	/*border: 1px solid #000000;*/
	text-align: right;
	font-size: 14px;
}

#div_info {
	position: absolute;
	left:205px;
	top:0px;
	width:300px;
	height:100px;	
	/*border: 1px solid #000000;*/
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

#div_aufgaben {
	position: absolute;
	left:5px;
	top:100px;
	width:500px;
	height:300px;	
	overflow : auto;
	/*border: 1px solid #000000;*/
}

#div_aufgaben_buttons {
	position: absolute;
	left: 5px;
	top: 350px;
	width: 490px;
	height: 50px;
	/*border: 1px solid #000000;*/
	padding: 5px;
/*	visibility: hidden;*/
	display: none;
}

#div_bottom {
	position: absolute;
	left: 150px;
	top: 450px;
	width: 500px;
	height: 30px;
	border: 1px solid #000000;
	padding: 5px;
	text-align: right;
	font-size: 11px;
	z-index: 20;
	color: #FFF;
	background-color: #c42929;
}

#div_bottom a:link, #div_bottom a:visited, #div_bottom a:active  { text-decoration:none; padding: 1px; color:#FFF;}
#div_bottom a:hover { color: #FFF; text-decoration:underline; padding: 1px;} 

/* Aufgaben */
#aufg_zahl1,#aufg_zahl2,#aufg_ergebnis{
	font-size: 32pt;
	color: #c42929;
}

#aufg_operation_zeichen,#aufg_gleich_zeichen{
	font-size: 36pt;
	color: silver;
	text-align: right;
	
}

/* Forms */
input, select, textarea { 
	color:#000; 
	font-weight: normal;
	background-color:#fff; 
	border:1px solid #000;
/*	border-bottom: 2px solid #000; 
	border-right: 2px solid #000;  */
	padding: 2px;
}

input:active, select:active, textarea:active { 
	color:#FFF; 
	font-weight: normal;
	background-color:#c42929; 
	border:1px solid #000;
	padding: 2px;
}

input:focus, select:focus, textarea:focus { 
	color:#FFF; 
	font-weight: normal;
	background-color:#c42929; 
	border:1px solid #000;
	padding: 2px;
}

input.text {
	color:#000; 
	font-weight: normal;
	background-color:#FFF; 
	border:1px solid #c48585;
	padding: 2px;	
}

input.text:focus, input.text:active {
	color:#000; 
	font-weight: normal;
	background-color:#ffc4c4; 
	border:1px solid #000;
	padding: 2px;	
}

/* Tabellen */
th {
	font-size: 11px;
	color: #ffffff;
	border-left: 1px solid #c46868;
	border-right: 1px solid #871c1c;
	border-bottom: 1px solid #871c1c;
	border-top: 1px solid #c46868;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px;
	background-color: #c46464;
}

tr td {
	padding: 3px;
}

tr.d0 td {
	background-color: #ededed; color: black;
}
tr.d1 td {
	background-color: #ffffff; color: black;
}