html * {
    font-size: 100.01%;
}

body {
    font-family: Verdana,Arial,sans-serif;
    font-size:75%;
    color: #333333;
}
a { color: #2A75A5; font-weight: bold; }


body
{
 margin:0;
 padding:0;
 padding-top: 0px;
 /*overflow:visible;*/
}


.jquerybuttonRed {
    background-color: #D91509;
    background-image: none;
    color: white;
}
.jquerybuttonRed.ui-state-hover {
    background-color: #FC313E;	
}
h2 {
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 0.2em;
    
    
    font-weight: bold;
    padding: 2px;
    /*
    background-image: url('/images/surfbar/verlauf_gruen.png');
    background-color: #72D165;
    color: white;
    */
}
.linkbox {
    /*color: white;
    background-color: #7D9DB2;*/
    background-color: white;
    border: 1px #cdcdcd solid;
    /*border-radius: 5px;*/
    
    min-width: 12em;
    max-width: 14em;
    overflow: hidden;
    /*min-height: 3.6em;*/
    padding-bottom: 4px;
    padding-top:0px;
    margin-right: 0.8em;
    margin-left: 0.8em;
}


.linkbox a {
    /*color: white;*/
    font-weight: normal;
    
}

#middle {
    color: white;
    background-color: #7D9DB2;
    padding-left: 1em;
    padding-right: 1em;
}

#sitelinks, #userlinks {
      padding-left: 0.5em;
      padding-right: 0.5em;
      overflow: hidden;
}

#sitelinks {
      white-space: nowrap;
}

/*#showbalance1 {
      display: none;
} 

#showbalance2 {
      display: block;
} 

#middle:hover #showbalance1{
      display: block;
}
 
 #middle:hover #showbalance2{
      display: none;
 }
 
*/
#middle {
      padding-top: 4px;
      display: inline-block;
      min-width: 47em;
      max-width: 55em;
      width: 45%;
      margin: auto;
}


 

.statusinfo {
      font-weight: bold;
      padding: 3px;
      float: left;
      margin-right: 1em;
      width: 10em;
      min-height: 3em;
}

.statusRed {
      background-image: url('/images/surfbar/status_rot.png');
      background-color: #FF3333;
      
}

.statusYellow {
      background-image: url('/images/surfbar/status_gelb.png');
      background-color: #FFFF66;
      color: black;
}

.statusGreen {
      background-image: url('/images/surfbar/status_gruen.png');
      background-color: #72D165;
      /*padding-top: 0.8em;
      /*min-height: 4em;*/
      
}

.statusGreen #statusinfo, .statusYellow #statusinfo {
      margin-top: 0.8em;
}


.surfbarFrame {
      /*width: 100%;*/
      margin: 0px;
      padding: 0px;
      border: none;
      border-top: 1px solid #d1d1d1;
      border-bottom: 1px solid #d1d1d1;
      min-width: 78em; /* the same as #controlframe */
}

#controlFrame {
      background: url('/images/surfbar_background_mini.png') repeat-x;
      text-align: center;
      min-width: 78em; /* the same as .surfbarFrame */
}