body {
	background-color: white;  
    color: #000033;  
   	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

div {
	/* border: 3px solid white; */
	/*padding: 0px;*/

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

#header {  
    font: 13px Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    color: #000033;
}

#content {
	float: left;
	width: 600px;
    padding-top: 20px;  
}

#content h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;      
    font-weight:bold;  
    padding-top: 20px;   
    padding-left:0px;
}

#content h2 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;      
    font-weight:bold;  
    padding-top: 0px;   
    padding-left:0px;
    text-align:center;
    color: black;  
}

#content h3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;      
    font-weight:bold;  
    padding-left:0px;
}

#content h5 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;      
    text-align:center; 
}

#schlecht {
    font-weight: bold;
    color:red;  
}

#gut {
    font-weight: bold;  
    color: green;   
}

#schlecht a {
    position:relative;
    font: 11px Verdana, Arial, Helvetica, sans-serif;  
    top:17px;
    font-weight: bold;
    color:red;  
    text-decoration: none;  
}

#gut a {
    position:relative;
    font: 11px Verdana, Arial, Helvetica, sans-serif;  
    top:4px;
    float:right;
    font-weight: bold;  
    color: green;
    text-decoration: none;  
}

#glossar_typ {
    float:left;
    width:600px;
}

#glossar_text {
    float:left;
    width:600px;
    padding-bottom:10px; 
}

#schlecht_typ {
    float:left;
    font-weight: bold;
    color:red;  
}

#gut_typ {
    float:right;
    font-weight: bold;  
    color: green;
}

#schlecht_text {
    float:left;
    color:black; 
    width:48%;
    text-align:justify;     
}

#gut_text {
    float:right;
    color:black; 
    width:48%;       
    text-align:justify;
}

#trennline {
    background: transparent url(../images/trennlinie.png) no-repeat 302px 0px;
    position:relative; 
    
  /*  padding: 350px 0px 1px 1px;  
    /*position:abloute;*/
}

#navigation {
	float: left;
	width: 200px;
	font: 11px verdana, Arial, Helvetica, sans-serif; 
	padding: 10px;     
}

#navigation h2 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;      
    font-weight:bold;  
    padding-left:26px;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation li {
	line-height: 1.0ex; 
	list-style-type: none;
	display: block; 
    padding-left: 0px;
	padding-top: 5px; 
	margin-bottom: 5px;
}

#navigation li a {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #0066CC;
    text-decoration: underline;
}

#navigation li a:hover {
    color: #AA66CC;
    text-decoration: none;
}

/* Menüeinträge nach Fortschritt unterschiedlich anzeigen */
#navigation li.seen {
	line-height: 1.0ex;    
	font-weight:normal;
    color: #666666;
}

#navigation li.seen a {
	line-height: 1.0ex;    
	font-weight:normal;
    color: #0066CC;
}
#navigation li.active {
	line-height: 1.0ex; 
    font-weight: bold;
    color: #0066CC;
}

#navigation li.active a {
	line-height: 1.0ex; 
    font-weight: bold;
    color: #0066CC;
}

#navigation li.come  {
	line-height: 1.0ex;    
	font-weight: normal;
    color: #CCCCCC;
}

#navigation li.come a {
	line-height: 1.0ex;    
	font-weight: normal;
    color: #0066CC;
}

/* Bilder anzeigen im Menü */
#nav_seen{
    background: transparent url(../images/menu_seen.gif) no-repeat 0px 0px;  
    padding: 3px 0 3px 25px; 
}

#nav_active{
    background: transparent url(../images/menu_active.gif) no-repeat 0px 0px;  
    padding: 3px 0 3px 25px; 
}

#nav_logo{
    padding: 3px 0 3px 20px; 
    font-weight: bold; 
}

#nav_come{
    background: transparent url(../images/menu_come.gif) no-repeat 0px 0px;  
    padding: 3px 0 3px 25px; 
}

#nav_seen_ergebnis{
    background: transparent url(../images/menu_seen_ergebnis.gif) no-repeat 0px 0px;  
    padding: 3px 0 3px 25px; 
}

#nav_active_ergebnis{
    background: transparent url(../images/menu_active_ergebnis.gif) no-repeat 0px 0px;  
    padding: 3px 0 3px 25px; 
}

#nav_come_ergebnis{
    background: transparent url(../images/menu_seen_ergebnis.gif) no-repeat 0px 0px;  
    padding: 3px 0 3px 25px; 
}

#topnav {
	line-height: 0.0ex;    
	font-weight: normal;
    color: #0066CC;
    font: 11px verdana, Arial, Helvetica, sans-serif;  
    text-align:center;    
}

#topnav a{
    text-decoration: underline;  
    font: 11px verdana, Arial, Helvetica, sans-serif; 
}

#topnav a:hover {
    text-decoration: none;
}


#footer {  
	clear: both;
    padding: 30px 0px 0px 20px;
    text-align:center;  
    font: 9px Verdana, Arial, Helvetica, sans-serif;    
    width: 800px; 
}

#button {
	width: 200px;
	height: 25px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	background-color: #CCCCCC;
}

#tabelle {
	border-collapse: collapse;
    border:1px solid #000000;
}

#tabelle td {
	border:1px solid #000000;
	padding:5px 5px 5px 5px;
}

#tabelle th {
	border:1px solid #000000;
	padding:5px 5px 5px 5px;
}

a {
    /*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
    color: #0066CC;
    text-decoration: underline;
}

a:hover {
    /*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
    color: #0066CC;
    text-decoration: none;
}

#zeigen a:visited {
    /*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
    color: red;
    text-decoration: none;
}

.zeile_dunkel {
	background-color: #ffffcc;
	color: Black;
}

.zeile_hell {
	color: Black;
	background-color: #ffffff;
}

#auswertung_m {
    color:#009CFF;
    font-weight: bold;  
}

#auswertung_w {
    color:#FF3E3E;
    font-weight: bold;  
}