@charset "UTF-8";
/* CSS Document */

body{
	margin:0; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; }
a{
	border:0; 
	text-decoration:none; 
	color:#FF6600;}
img{
	border:0; 
	margin:0; 
	padding:0;}
form{
	color:#999999; 
	font-size:12px;}
input{
	background-color:#CCCCCC; 
	border:#666666 solid 1px; 
	color:#888888;}

a.main{
	background-image:url(img/but_main_inactive.png);  
	width:150px; 
	height:30px; 
	display:block;}
a.main:hover{background-image:url(img/but_main_hover.png);}
a.folgen{
	background-image:url(img/but_folgen_inactive.png);  
	width:150px; 
	height:30px; 
	display:block;}
a.folgen:hover{background-image:url(img/but_folgen_hover.png);}
a.doku{
	background-image:url(img/but_doku_inactive.png);  
	width:150px; 
	height:30px; 
	display:block;}
a.doku:hover{background-image:url(img/but_doku_hover.png);}
a.fortschritt{
	background-image:url(img/but_fortschritt_inactive.png);  
	width:150px; 
	height:30px; 
	display:block;}
a.fortschritt:hover{background-image:url(img/but_fortschritt_hover.png);}

.topgrad{
	background-image:url(img/topgrad.png); 
	background-repeat:repeat-x; 
	height:170px;}
.line{
	background-image:url(img/back.png); 
	height:3px; 
	width:100%;}
.grad{
	background-image:url(img/grad_back.png); 
	width:100%; 
	height:500px; 
	position:relative;
	color:#FFFFFF;}
.grad_text{
	width:600px; 
	margin:0 auto; 
	text-align:left;}
.grad a{
	color:#FFFFFF;
	border-bottom:1px #FFFFFF dashed;}
.grad a:hover{
	color:#FFFF00;}
.grad_bottom{
	background-image:url(img/grad_bottom.png); 
	position:absolute; 
	top:300px; 
	width:100%; 
	height:200px;}