html,
body {
  margin: 0;
  border: 0;
  padding: 0;
  height:90%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color:#000000;
}


/*** Seite ***/


#seite {
  width: 1200px;
  margin: auto;
  margin-top: 5px;
}


/*** Kopf ***/
#kopf {
  margin-bottom: 0px;
  padding: 0px;
  background-color:#000000 ;
}

#kopf h1 {
	margin: 0;
	font-size: 100%;
	background-image: url(img/header.gif);
	background-repeat: no-repeat;
	background-position:50% 50%;
	height: 140px;
	width: 1200px;
}

#kopf h1 span {
  display: none;
}


/*** Navigation Links***/
#navigation_links {
  width: 160px;
  float: left;
}

ul.navigation_links {
	margin: 0; 
	padding: 0;	
}

ul.navigation_links li{
	display:inline;
}

ul.navigation_links li a{
	display:block;
	width:160px;
	height:40px;
}

ul.navigation_links li a span{
	display:none;	
}

a#home {
	background-image:url(img/home.png);
}
a#home:hover {
	background-image:url(img/home_over.png);
}
a#login {
	background-image:url(img/login.png);
}
a#login:hover {
	background-image:url(img/login_over.png);
}
a#new_user {
	background-image:url(img/user.png);
}
a#new_user:hover {
	background-image:url(img/user_over.png);
}

a#new_admin {
	background-image:url(img/admin.png);
}
a#new_admin:hover {
	background-image:url(img/admin_over.png);
}

a#serverinfo {
	background-image:url(img/serverinfo.png);
}
a#serverinfo:hover {
	background-image:url(img/serverinfo_over.png);
}
a#shoutcast {
	background-image:url(img/shoutcast.png);
}
a#shoutcast:hover {
	background-image:url(img/shoutcast_over.png);
}

a#logout {
	background-image:url(img/logout.png);
}
a#logout:hover {
	background-image:url(img/logout_over.png);
}
a.leer {
	background-image:url(img/leer_links.png);
}

/*** Navigation Rechts***/
#navigation_rechts {
	width: 160px;
	float: right;
}

ul.navigation_rechts {
	margin: 0; 
	padding: 0;	
}

ul.navigation_rechts li{
	display:inline;
}

ul.navigation_rechts li a{
	display:block;
	width:160px;;
	height:40px;;
}
ul.navigation_rechts li a span{
	display:none;	
}
a#downloads {
	background-image:url(img/downloads.png);
}
a#downloads:hover {
	background-image:url(img/downloads_over.png);
}
a#dj_liste {
	background-image:url(img/dj_liste.png);
}
a#dj_liste:hover {
	background-image:url(img/dj_liste_over.png);
}
a#wichtige_kontakt {
	background-image:url(img/kontakte.png);
}
a#wichtige_kontakt:hover {
	background-image:url(img/kontakte_over.png);
}
a#hg_upload {
	background-image:url(img/hg_upload.png);
}
a#hg_upload:hover {
	background-image:url(img/hg_upload_over.png);
}
a#links {
	background-image:url(img/links.png);
}
a#links:hover {
	background-image:url(img/links_over.png);
}
a#user_liste {
	background-image:url(img/user_liste.png);
}
a#user_liste:hover {
	background-image:url(img/user_liste_over.png);
}
a.leer_rechts {
	background-image:url(img/leer_rechts.png);
}
/*** Inhalt ***/
#inhalt {
  margin-left: 160px; /* Platz für die Navigation schaffen */
  margin-right: 160px; /* Platz für die Navigation schaffen */
  margin-top: 0px;
  padding: 10px;
  height: 530px;
  overflow: auto;
  color:#FFFFFF;
}
#inhalt h1 {
	margin: 0 0 1.8pc;
	font-size: 21pt;
	text-align: center; 
	color: #FFFFFF; 
}
#inhalt h2 {
	margin: 0 0 1.8pc;
	font-size: 18pt;
	text-align: center; 
	color: #FFFFFF; 
}
#inhalt h3 {
	margin: 0 0 1.8pc;
	font-size: 16pt;
	color: #FFFFFF; 
}
#inhalt h4 {
	margin: 2pc 0 0.5pc;
	font-size: 12pt;
	color: #FFFFFF; 
	font-weight:bold

}
#inhalt p {
	margin: 0.8pc 0;
	font-size: 10pt;
	text-align: center;
	color: #ffffff;
}
#inhalt p.fett {
  margin: 0.8pc 0;
  font-size: 10pt;
  font-weight:bold;
  color: #ffffff;
}
#inhalt p.none {
  margin: 0.8pc 0;
  font-size: 10pt;
  color: #ffffff;
  text-align: left;
}
.linkunterschreieft {
  margin-top: 1px;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
}

#inhalt p.Bilder {
  margin: 0.8pc 0;
  line-height: 130%;
  text-align: center;
  color: #333333;
}

a:link {
	color: #CCCCCC;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FF0000;
}
#inhalt div.aenderung{
	text-align:center;
	font-style:italic;
	color:#999;
}
#inhalt div.fehler {
  color: #c00;
  font-size:14px;
  text-align:center;
}
#inhalt div.fehler a{
  color: #c00;
  font-size:14px;
  text-align:center;
}
#inhalt div.fehler a:hover{
  color: #930;
  font-size:14px;
  text-align:center;
}
#inhalt div.fehler h1{
  color: #c00;
}
#inhalt div.fehler p{
  color: #c00;
}
#inhalt div.fehler h3{
	text-align:center;
}

#kontaktformular p {
  margin: 0.5pc 0;
}

#kontaktformular label {
  font-size: 80%;
  font-weight: bold
}

#kontaktformular input.fehler,
#kontaktformular textarea.fehler {
  background-color: #fff4f4;
}

#kontaktformular label.fehler {
  color: #c00;
}

#kontaktformular textarea {
  display: block;
  /*width: 600px;*/
}


/*** Fuß ***/
#fuss { 
height: 40px;
background-image:url(img/footer_bg.png);
background-repeat:repeat-x;
clear: both;

  /*text-align: center;*/
}

#fuss p#fusstext {
	color:#F00;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	margin-top:0px;
	padding-top:10px;
}

#unten_links {
	float:left;
}
#unten_rechts {
	float:right;
	z-index:1;
}
#fuss p#fusstext #version{
	color:#ffffff;
	position: relative; 
	top: 5px;
	left: 345px;
	font-weight:normal;
	font-size:12px;
}
#fuss p#fusstext #version a a:link a:hover a:visited{
	color:#ffffff;	
	text-decoration: none;
	position: relative; 
	top: 0px;
	left: 5px;
	font-weight:normal;
	font-size:12px;
}
#fuss p#fusstext #version a:link{
	color:#ffffff;	
	text-decoration: none;
	position: relative; 
	top: 0px;
	left: 5px;
	font-weight:normal;
	font-size:12px;
}
#fuss p#fusstext #version a:hover{
	color:#ffffff;	
	text-decoration: none;
	position: relative; 
	top: 0px;
	left: 5px;
	font-weight:normal;
	font-size:12px;
}
#fuss p#fusstext #version a:visited{
	color:#ffffff;	
	text-decoration: none;
	position: relative; 
	top: 0px;
	left: 5px;
	font-weight:normal;
	font-size:12px;
}