@charset "utf-8";

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}

.navihead {background:url('http://hlstatsx.bielefelder-fraggercity.de/images/navi-bg.png'); height: 19px; vertical-align:middle; color:#ef9643; font-size:11px; text-indent:5px; font-weight:bold;}


html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;


}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ef9643;
}


h2 {          
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ef9643;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #ef9643;
}

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-image: url(http://hlstatsx.bielefelder-fraggercity.de/images/title_bg.gif);
    background-repeat: repeat;
    background-position: left top;
}

.title1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-repeat: repeat;
    background-position: left top;
}

.category_big {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    color: #000000; 
    font-weight: bold; 
}

.category {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    font-weight: normal; 
}

.marked {
    background-color: #ef9643;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #ef9643;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #ef9643;
    text-decoration: underline;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #ef9643;
    text-decoration: underline;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #ef9643;
    text-decoration: none;
}

a.category:hover {
    color: #ef9643;
    text-decoration: underline;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #ef9643; 
    background-color: #000000; 
    border: 1px solid #ef9643;
}

.footer {
    color: #FFFFFF; 
    font-size: 10px;
}
			
.form_off {  
    color: #ef9643; 
    background-color: #000000; 
    border: 1px solid #ef9643;
}

.form_on {  
    color: #ef9643; 
    background-color: #000000; 
    border: 1px solid #ef9643;
}

.form_username {
    background-color: #000000;
    border: 1px solid #ef9643;
    background-image: url(http://hlstatsx.bielefelder-fraggercity.de/images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_password {
    background-color: #000000;
    border: 1px solid #ef9643;
    background-image: url(http://hlstatsx.bielefelder-fraggercity.de/images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_name {
    background-color: #000000;
    border: 1px solid #ef9643;
   
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #000000;                                    
    border: 1px solid #ef9643;
   
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}
    .tooltip {
      position: absolute;
      display: none;
      font-size: 10px;
      background-color: #FFFFFF;
      color: #000000;
}
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position:relative;
  text-decoration:none;
}
  
a.tooltip:hover {
  background:transparent;
}

a.tooltip span {
  display:none;  
}

a.tooltip:hover span {
  width:200px;
  top:20px; 
  left:0px; 
  display:block;
  position:absolute;
  border:1px solid #000000; 
  background: #FFFFCC;
  color: #000000;
}  
