@charset "utf-8";
body {
    	font-family: verdana;
    	background-image: url(images/body-back.jpg);
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #ffffff;
    }
    .oneColFixCtr #container {
    	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #040301;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 2px solid #666666;
		border-top: 2px solid #040301;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColFixCtr #mainContent {
    	padding: 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    }
#navi{
	text-align:right;}
#navi ul{
	list-style:none;
	margin-top:0px;
}
#navi ul li{
	float:right;
}
#navi ul li a, #navi ul li a:hover, #navi ul li a:focus{
	color:#FFFFFF;
	padding:5px 10px;
	text-decoration:none;
}
a, a:focus{
	color:#000;
	padding:5px 10px;
	text-decoration:none;
}
a:hover{color:#76afb8;
	text-decoration:underline;}

a:active{color:#76afb8;
	text-decoration:underline;}
	
.aktiv a{
	color:#76afb8;
	text-decoration:underline;}
#logos{
	text-align:center;
	width:200px;
	float:left;
	padding-top:30px;}
#inhalt{
	width:550px;
	margin-left:220px;
	color:#333333;
	background:#FFFFFF;
	border:1px solid #666666;
}
#main{
	padding-top:30px;}
#inhalt div{
	padding:5px;}
#inhalt h2{
	color:#34377c;}

#kostenlosejavascripts a{
	color:#fff;}