body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
#impressum{
font-size: 10px;}

#leiste {
        background-image: url(images/leiste.jpg);
        height: 30px;
        text-align: right;
        color: white;
        font-size: 12px;
}

#leiste a:link  {
        color: white;
        text-decoration: none;
}
#leiste  a:visited {
        color: white;
        text-decoration: none;
}
#leiste a:hover {
        color: orange;
        text-decoration: none;
}
#leiste a:active {
        color: red;
        text-decoration: none;
}
#download {
        background-color: #90bade;
        font-weight: bold;
}
#navikopf {
        text-align: center;
        color: white;
        font-size: 12px;
        background-color: #cc0000;
        margin-bottom: 10px;
        margin-top: 10px;
}
#button {
        width: 150px;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Verdana, Tahoma, Arial, sans-serif;
        /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
        font-size: 12px;
        background-color: #90bade;
        color: #333;
        text-align: right;
}

        #button ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #button li {
                border-bottom: 1px solid #90bade;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #button li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #1958b7;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                text-decoration: none;
                width: 100%;
                }

        html>body #button li a {
                width: auto;
                }

        #button li a:hover {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

        #button li #active {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }



        #buttonre {
        width: 150px;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Verdana, Arial, sans-serif;
        /*Verdana,'Trebuchet MS', 'Lucida Grande',  Arial, sans-serif;*/
        font-size: 12px;
        background-color: #90bade;
        color: #333;
        text-align: left;
}

        #buttonre ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #buttonre li {
                border-bottom: 1px solid #90bade;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #buttonre li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #1958b7;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                text-decoration: none;
                width: 100%;
                }

        html>body #buttonre li a {
                width: auto;
                }

        #buttonre li a:hover {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

        #buttonre li #active {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }