body {
         background-color: #000000;
         padding: 10px 10px 0 10px;
         color:#F2F2F2;
         font-family:Verdana,Helvetica,sans-serif;
         font-size:8pt;
         margin:0px;
         text-align:center;
}

.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: #8787B2;
}
a:hover {
  text-decoration: none;
  color: #B2B2D7;
}

#head, #debug, #bottom {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #888888;
  padding: 5px;
  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;
         background-color: #000000;
         border-style: none;
         color:#F2F2F2;
         font-family:Verdana,Helvetica,sans-serif;
         font-size:8pt;
         text-align:center;
}
#errors {
  color:#DD3300;
}
#sql {
  color:#666666;
}
#nav-left {
  float: left;
  width: 16%;
  margin-bottom: 20px;
}
#nav-left a {
  border-right: 1px solid #888888;
  border-left: 1px solid #888888;
  border-bottom: 1px solid #888888;
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 2px 0 2px 15px;
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 13px;
}
.dark {
  background-color: #F0F0F0 !important;
}
#nav-left a:hover {
  padding-left: 3px;
  border-right: 4px solid #BA1616;
}
#nav-left a:hover:before {
  content:"» ";
}
* html #nav-left a:hover, *:first-child+html #nav-left a:hover {
  padding-left: 15px;
}
#content {
  float: left;
  width:64%;
  margin-bottom: 2px;
  margin-top: 5px;
  font-size: 11px;
  font-family: Verdana,Helvetica,sans-serif;
  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: #514C4C;
  padding:4px 6px 4px 8px;
  color: #000000;
  font-family: Arial;
  font-size: 13px;
}
.navbody td {
  font-size: 13px;
}
#nav-left div, .navhead {
  margin-top: 20px;
  border: 1px solid #888888;
  color: #B91F1D;
  border-right: 4px solid #BA1616 !important;
  font-family: Tahoma;
  letter-spacing: 3px;
  padding:4px 6px 4px 8px !important;
  background-color: #FFFFFF;
  font-size: 16px;
}
#counter span {
  float: right;
}

#ajax_loading {
  position:absolute;
  top:20px;
  right:60px;
}
#container {
        width: 1000px;
        height: auto;
        margin: 0 auto;
        margin-top: 0px;
        border: 0;
        clear:both;
}
#header {
        background-image: url('images/header.jpg');
        width: 1000px;
        height: 100px;
        float:left;
}
#content {
        clear:both;
        background-image:url('images/nav_bgl3.jpg');
        background-repeat: repeat;
        width: 1000px;
        height: auto;
        border: 0;
        float:left;
}
#border_left {
        clear:both;
        width: 15px;
        height: auto;
        float:left;
}
#navi_left {
        margin-left: 15px;
        width: 135px;
        height: auto;
        float:left;
}
#navi_right {
        margin-left: 3px;
        width: 185px;
        height: auto;
        float:left;
}
.bgl {
        background-image: url('images/nav_bgl.jpg');
        background-repeat: no-repeat;
        color:#000000;
        text-align:center;
        font-family: Arial, sans-serif;
        font-size:11px;
        padding:2px;
        font-weight:bold;
}
.bgr {
        background-image: url('images/nav_bgr.jpg');
        background-repeat: no-repeat;
        color:#000000;
        text-align:center;
        font-family: Arial, sans-serif;
        font-size:11px;
        padding:2px;
        font-weight:bold;
}
a.menu {
        display: block;
        margin-bottom: 0px;
        text-align: center;
         border-style: ridge;
        border-width: 0px;
        padding: 0px;
        text-decoration: none;
        background-image: url(images/punkt.gif);
}
a.menu:link    { color:#8787B2; background-image: url(images/backgrounds_1.gif); text-align:right; font-family: Arial, sans-serif; font-size:9px; padding:3px;font-weight:bold;}
a.menu:visited { color:#8787B2; background-image: url(images/backgrounds_1.gif); text-align:right; font-family: Arial, sans-serif; font-size:9px;padding:3px;font-weight:bold;}
a.menu:hover   { color:#B2B2D7; background-image: url(images/backgrounds_over.gif); text-align:right;  font-family: Arial, sans-serif; font-size:9px;padding:3px;font-weight:bold;}
a.menu:active  { color:#B2B2D7; background-image: url(images/backgrounds_1.gif); text-align:right;  font-family: Arial, sans-serif; font-size:9px;padding:3px;font-weight:bold;}

a:link, a:visited {
        background-color:inherit;
        color:#8787B2;
        text-decoration:none;
}
a:active, a:hover {
        background-color:inherit;
        color:#B2B2D7;
        text-decoration:none;
}
#page_content {
        width: 655px;
        height: auto;
        padding-left: 3px;
        float:left;
}
.pad {
        padding:10px;
        text-align:left;
}
.pad2 {
        padding:10px;
        text-align:center;
}
#footer {
        clear:both;
        background-image:url('images/footer.jpg');
        background-repeat: no-repeat;
        width: 1000px;
        height: 25px;
}