body {
  background-color: #000000;
  font-family: Arial;
  font-size: 11px;
  margin: 0 auto;
}


#swfteufel {
	width: 889px; height: 127px; position: relative;
	left:6px;
	
}
div#kopfoben {
background-image: url(images/kopfoben.jpg);
height:20px; width:889px;
margin-left: 1px;
z-index:2;
}

#oben {
height:127px; width: 900px;
margin: auto;
margin-top: 0px;
margin-left: -4px;
z-index:2;
/*background-image: url(images/oben.jpg);*/


}
#menuezeile {
height:20px; width: 890px;
margin: auto;
padding-top: 3px;
background-color: #E9E7E8;
z-index:2;
background-image: url(images/menucatbg.jpg);
   
}
#menu1{margin-top: 0px;position:relative;}
#menu2{margin-top: 0px;position:relative;}
#menu3{margin-top: 0px;position:relative;}
#menu4{margin-top: 0px;position:relative;}
#menu5{margin-top: 0px;position:relative;}

.invis{display:none;}
.vis {display:inline;}

#navbutton1, #navbutton2, #navbutton3, #navbutton4, #navbutton5, #navbuttonforum{
margin-top:0px;
margin-right:5px;
width: 77px;
height: 20px;
float:left;
/*color: #ffffff; */
font-weight: bold;
text-align:center;
cursor:pointer;
font-family: Arial;
font-size: 12px;
background-image: url('images/button_i.jpg');
}
.menuinactive {color: #ffffff;}
.menuactive {color: #aa0000;}


#linkleiste {
width: 892px; height: 17px;
background-color: #A11715;
background-image: url('images/links.jpg');
cursor:pointer;
padding-top:2px;
font-family: Arial;font-size: 12px;
}

#infosoben {
height: 101px; width:892px;
margin:auto;


padding-right: 4px;
}

#topnews {
height: 75px; width: 292px;
background-image: url('images/topnews.jpg');
float:left;
padding-top: 26px;
padding-left: 5px;
}
#matches_up {
height: 75px; width: 293px;
background-image: url('images/matches.jpg');
float:left;
padding-top: 26px;
padding-left: 5px;
}
#matches_last {
height: 75px; width: 292px;
background-image: url('images/matches2.jpg');
padding-top: 26px;
padding-left: 5px;
float:right;
display: inline;
}
#topinfocontent {

}






#unten {
height:21px; width: 500px;
margin: 0px 0px 0px 0px;
top:-27px;
left:0px;
background-image: url(images/unten.jpg);
position:relative;

padding-top:5px;
 color:#bbbbbb; background-repeat: repeat-x;
}

#fuss {
height:120px; width:900px;
background-image: url(images/fuss.jpg);

text-align:center;color:#000000;
line-height: 200px;
vertical-align:baseline;
font-size: 12px;
position:relative;
margin-left: 1px;
background-repeat: no-repeat;
}


#container {
background-color:#EBEBEB;
background-image: url(images/containerbg.jpg);
height:auto;
padding-left:4px;
padding-right:4px;
width:892px;
margin: -600px auto;
z-index:2;
}
#rlinks {
top:0px; background-image: surl(images/rand_links.jpg);
background-repeat: no-repeat;
width:238px; height: 600px;
background-color: #ff0000;
}

#hpbg {
width:auto;
height: 600px;
margin: 0 auto;
z-index:1;
background-image: url(images/bg_hp.jpg);
background-position:center;
background-repeat: no-repeat;
}
#rrechts {
background-image: url(images/rand_rechts.jpg);
background-repeat: no-repeat;
width:239px; height: 600px;
}

#kopf {
height: 100px; width: 900px;
background-image: url(images/head.jpg);

position:relative;
margin:auto;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#content {
  float: left;
  width:637px;
  padding-bottom: 20px;
  padding-top:10px;
 /* margin-left:10px;*/
  font-size: 12px;
  font-family: Arial;
  position: relative;
  background-color:#inherit;
  padding-left: 5px;
  padding-right: 5px;
   /*border-right: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #000000;*/
   min-height: 800px;
   }

#nav-left {
  float: left;
  width: 150px;
  margin-bottom: 20px;
  margin-top: 0px;
  background-color: #000000;
  
}

a {
  color: #880000;
}

a:hover {
  text-decoration: none;
}

#head, #debug, #bottom {
  width: 98%;
  background-color: #bbbbbb;
  border: 1px solid #cc0000;
  padding: 5px 1%;
  color: #757575;
  font-family: Tahoma;
}

#head {
  height: 100px;
  font-size: 60px;
  letter-spacing: 5px;
  text-align: center;
}

#debug {
  overflow: auto;
  font-size: 10px;
  line-height: 150%;
}

#head span {
  color: #B91F1D;
}

#head div {
  font-size: 12px;
  font-family: Tahoma;
  letter-spacing: 1px;
}

#bottom {
  clear: both;
  margin-bottom: 20px;
  text-align: center;
}

#errors {
  color:#DD3300;
}

#sql {
  color:#666666;
}

#linkleiste a {
  color: #ffffff;
  margin-left: 2px;
  text-decoration: none;
}

#linkleiste a:hover {
 color:#cc0000;
}



#nav-right {
  float: right;
  margin-bottom: 20px;
  width: 244px;
  margin-right:1px;
  
background-color:#EBEBEB;
  margin-top: -1px;
}

.navbody { 
  
  
  padding:4px 6px 4px 8px;
  color: #000000;
  font-family: Arial;
  font-size: 12px; 
 /*background-image: url(images/navrbg.jpg);*/
  background-color:#EBEBEB;
  }

.navbody td {
  font-size: 12px; 
}

.navstart{
  margin-top: 20px;
  
  background-image: url(images/catbg.jpg);
  color: #ffffff;
  text-align:center;
  font-family: Arial;
  letter-spacing: 1px;
  padding:2px 6px 2px 8px !important;
  background-color: #880000;
  font-size: 12px;
  height: 20px;
  font-weight:bold;
  border-right: 1px solid #880000;
  border-left: 1px solid #880000;
  
  
}
.navhead {
  
  height: 19px;
  padding-top:3px;
  color: #ffffff;
  text-align:center;
  font-family: Arial;
  letter-spacing: 0px;
  /*padding:2px 6px 2px 8px !important;*/
  background-color: #880000;
  font-size: 12px;
 background-image: url(images/catbg.jpg);
   
}
.navend {
  height:10px;
  width:148px;
    border-right: 1px solid #880000;
  border-left: 1px solid #880000;
  border-bottom: 1px solid #880000;
    }
.navrend {
  height:10px;
  width:200px;
  
}
#counter span {
  float: right;
}

#ajax_loading {
  position:absolute;
  top:20px;
  right:60px;
}

.mouseInfoLayer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #ffffe1;
	text-align: left;
	width: auto;
	border: 1px solid #000000;
	position: absolute;
	z-index: 250;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	visibility: hidden;
}
