body, table { font-family:verdana,helvetica,sans-serif; line-height:20px; font-size:13px; color:#ccc; }
body { height:100%; margin:0px; padding:0px; background:#000 url('../images/bg_main.jpg') repeat-x; }

body.login {background:#000 url('../images/bg_main_login.jpg') repeat-x; }

#top { display:block; height:60px; background:url('../images/bg_top.gif') no-repeat; text-align:right;}
#top img { margin-right:10px; margin-top:14px; }

#blue { display:block; height:141px; background:url('../images/bg_blue.gif') no-repeat; text-align:right; padding-right:10px; }

#red { display:block; height:141px; background:url('../images/bg_red.gif') no-repeat; text-align:right; padding-right:10px; }

.bgcircle { display:block; float:left; width:100%; background:url('../images/bg_circle.gif') no-repeat 0 201px; }

.bgcirclelogin { display:block; float:left; width:100%; background:url('../images/bg_circle.gif') no-repeat 0 201px; }

#main { display:block; padding:35px 20px 10px 116px; }

.head-line { display:block; border-bottom:#999 solid 1px; padding-bottom:2px; margin-bottom:10px; }

h2 { color:#FF9999; font-size:100%; }

h3 { margin:0px; }

.maintext { width:45%; display:block; float:left; margin-right:10px }

.liste { list-style-image:url('../images/haken.gif'); }
.liste li { 
	margin-bottom:3px; 
	margin-left:-12px; 
	//margin-left:-18px;
	//margin-bottom:10px;
	}

#navi { text-align:left; display:block; padding-top:66px }

#navi a { 
	width:100px; 
	height:23px; 
	padding:4px 5px 0 4px;
	display:block; 
	float:left; 
	background:url('../images/nav_b_off.gif') no-repeat top right; 
	color:#DFE8F1; 
	text-decoration:none; 
	margin:0 1px 0 1px;  
	//width:107px; 
	//height:27px; 
	}
	
#navi a:hover, #navi a.aktiv, #navi a.aktiv:hover { 
	background:url('../images/nav_b_on.gif') no-repeat top right; 
	color:#FF9999;
	}
	
#navi a.first { 
	background:url('../images/nav_a_off.gif') no-repeat; 
	}
	
#navi a.first:hover, #navi a.firstaktiv, #navi a.firstaktiv:hover  { 
	background:url('../images/nav_a_on.gif') no-repeat; 
	color:#FF9999;
	}
	
#navi a.login { 
	width:155px; 
	background:url('../images/nav_b_login_off.gif') no-repeat top right; 
	color:#fff;
	}
	
#navi a.login:hover, #navi a.loginaktiv, #navi a.loginaktiv:hover { 
	background:url('../images/nav_b_login_on.gif') no-repeat top right; 
	color:#BCD6EF;
	width:155px; 
	}
 
a { color:#FF9999; }

a:hover { color:fff;  }
	
#footer { color:#666; font-size:10px; clear:both; display:block; border-top:#666 solid 1px; padding:2px 15px 10px 120px; }

#footer .right { float:right; }

#footer a { color:#666; margin:0 5px 0 5px; }

#footer a:hover { color:#999; text-decoration:none }

.clearer { display:block; clear:both; }

.submit { 
	background:url('../images/bg_button.gif') no-repeat; 
	border:0px;
	text-align:center;
	padding:1px 0 3px 0;
	width:150px;
	color:#000;
	}
	
.eingabe { 
	background:url('../images/bg_eingabe.gif') no-repeat; 
	border:0px;
	height:22px;
	padding-left:3px;
	width:150px;
	color:#fff;
	}
	
.error { font-weight:bold; color:#f33; border-left:#f33 solid 2px; border-right:#f33 solid 2px; padding:0 5px 0 5px; }

form { margin:0px; padding:0px; }

.showdatatable th {
	background:#666;
	text-align:left;
	padding:3px 5px 3px 5px;
	color:#fff;
	}
	
.showdatatable td {
	border-bottom:#666 solid 1px;
	padding:3px 5px 3px 5px;
	vertical-align:top;
	}