body, html {
         background-color: #FFFFFF;
         font-family: Arial, Helvetica, sans-serif;
         height: 100%;
}


a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #FFFFFF;
}
a:visited  {
          font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #FFFFFF;
}
a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
         font-weight: bold;
}
a:active {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
         font-weight: bold;
}

a:link.klein {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #000000;
}
a:visited.klein  {
          font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #000000;
}
a:hover.klein {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
         font-weight: normal;
}
a:active.klein {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
         font-weight: normal;
}

a:link.gross {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        text-decoration: none;
        color: #FFFFFF;
}
a:visited.gross  {
          font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        text-decoration: none;
        color: #FFFFFF;
}
a:hover.gross {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
         font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}
a:active.gross {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
         font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

a:link.orange {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #E75112;
}
a:visited.orange  {
          font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #E75112;
}
a:hover.orange {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #E75112;
        text-decoration: none;
         font-weight: normal;
}
a:active.orange {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #E75112;
        text-decoration: none;
         font-weight: normal;
}

a:link.gruen {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #317023;
}
a:visited.gruen  {
          font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #317023;
}
a:hover.gruen {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #317023;
        text-decoration: none;
         font-weight: normal;
}
a:active.gruen {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #317023;
        text-decoration: none;
         font-weight: normal;
}


#donut {
display:block;
width: 365px;
height: 375px;
}

#donut a:link, #donut a:visited, #donut a:active {
display:block;
background:  url("images/button_donut_off.jpg") no-repeat;
width: 365px;
height: 375px;

}

#donut a:hover {
background:  url("images/button_donut_on.jpg") no-repeat;
width: 365px;
height: 375px;
}

#ponton {
display:block;
width: 365px;
height: 375px;
}

#ponton a:link, #ponton a:visited, #ponton a:active {
display:block;
background:  url("images/button_ponton_off.jpg") no-repeat;
width: 365px;
height: 375px;

}

#ponton a:hover {
background:  url("images/button_ponton_on.jpg") no-repeat;
width: 365px;
height: 375px;
}

#uk {
display:block;
width: 50px;
height: 26px;
}

#uk a:link, #uk a:visited, #uk a:active {
display:block;
background:  url("images/flag_uk_off.jpg") no-repeat;
width: 50px;
height: 26px;

}

#uk a:hover {
background:  url("images/flag_uk_on.jpg") no-repeat;
width: 50px;
height: 26px;
}