body {
  background-color: #4f4f4f;
  padding: 10px 10px 0 10px;
  font-size: 12px;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a {
  color: #000000;
}
a:hover {
  text-decoration: none;
}

#head, #debug, #bottom {
  width: 99.3%;
  background-color: #808080;
  border: 1px solid #888888;
  padding: 5px;
  color: #b8b8b8;
  font-family: Tahoma;
}
#head {
  height: 150px;
  font-size: 60px;
  letter-spacing: 5px;
  text-align: center;
}

div.bg {
background-image:url("images/banner.png");
width: 471px;
height:150px;
background-repeat: no-repeat;
background-position:center;
margin-left:auto;
margin-right:auto;
}
#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;
}
#nav-left {
  float: left;
  width: 16%;
  margin-bottom: 20px;
}

#menü a {
  border-right: 1px solid #888888;
  border-left: 1px solid #888888;
  border-bottom: 1px solid #888888;
  display: block;
  text-decoration: none;
  color: #476f61;
  padding: 2px 0 2px 15px;
  background-color: #b8b8b8;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
}


#menü a:hover {
  padding-left: 3px;
  color: #97ebcf;
}

#menü a:hover:before {
  content:"> ";
}
* html #menü a:hover, *:first-child+html #menü a:hover {
  padding-left: 15px;
}


#menü div, .navhead {
  margin-top: 20px;
  border: 1px solid #888888;
  color: #e5964b;
  border-right: 4px solid #BA1616 !important;
  font-family: Tahoma;
  letter-spacing: 3px;
  padding:4px 6px 4px 8px !important;
  background-color: #808080;
  font-size: 16px;
}

.navbody { 
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  background-color: #b8b8b8;
  padding:4px 6px 4px 8px;
  color: #000000;
  font-family: Arial;
  font-size: 13px; 
}
.navbody td {
  font-size: 13px; 
}

.gg{
  background-position:right;
  background-repeat:no-repeat;
}
.dark {
  background-color: #C5C5C5 !important;
}
.gdark1 {
  background-image:url("images/150.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #C5C5C5 !important;
}
.g1 {
  background-image:url("images/250.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #b8b8b8;
}
.gdark2 {
  background-image:url("images/350.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #C5C5C5 !important;
}
.g2 {
  background-image:url("images/450.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #b8b8b8;
}
.gdark3 {
  background-image:url("images/550.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #C5C5C5 !important;
}
.g3 {
  background-image:url("images/650.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #b8b8b8;
}
.gdark4 {
  background-image:url("images/750.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #C5C5C5 !important;
}
.g4 {
  background-image:url("images/850.png");
  background-position:right;
  background-repeat:no-repeat;
  background-color: #b8b8b8;
}

/* Hover des Menüs => s. o. im Menü-Bereich */

.gdark1:hover{
  background-image:url("images/1100.png");
}
.g1:hover{
  background-image:url("images/2100.png");
}
.gdark2:hover{
  background-image:url("images/3100.png");
}
.g2:hover{
  background-image:url("images/4100.png");
}
.gdark3:hover{
  background-image:url("images/5100.png");
}
.g3:hover{
  background-image:url("images/6100.png");
}
.gdark4:hover{
  background-image:url("images/7100.png");
}
.g4:hover{
  background-image:url("images/8100.png");
}
.gg:hover{
  background-image:url("images/goldenghost.png");
}


#content {
  float: left;
  width:64%;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 12px;
  font-family: Tahoma;
  position: relative;
}
#nav-right {
  float: right;
  margin-bottom: 20px;
  width: 20%;
}
.navbody { 
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  background-color: #b8b8b8;
  padding:4px 6px 4px 8px;
  color: #000000;
  font-family: Arial;
  font-size: 13px; 
}
.navbody td {
  font-size: 13px; 
}

#counter span {
  float: right;
}

#ajax_loading {
  position:absolute;
  top:20px;
  right:60px;
}