/* Body */
* {
    /* die browserseitige Vorgabe für Außen- und Innenabstände auf 0 setzen */
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Modifikation Box-Modell: Außenabstand wird nicht zur Boxgröße hinzugerechnet.*/
}

html, body {
    border: 0 solid;
    overflow-y: scroll;
}

body {
    margin: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
}

b, strong {
    font-weight: bold;
}

a img {
    border: 0px;
}
a{
    text-decoration: none;
    color: #000000;
}

a:hover, a:active {
    outline: none;
}

/* die naechsten 2 anweisungen sorgen dafuer, dass floatende elemente eingeschlossen werden */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
/* End hide from IE-mac */



/*Standard-Button*/
.button{
    border-left: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;

    color: #000000;
    background: #bbbbbb;
    margin: 4px;
    padding: 4px;

    display:inline-block;

    cursor: pointer;
}

.button:hover {
    border-left: solid 1px #666666;
    border-top: solid 1px #666666;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    background: #aaaaaa;
    /*padding: 5px 3px 3px 5px;*/
}

.button a{
    text-decoration: none;
    color: #000000;
}



textarea {
    overflow: auto;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* responsive Design: kleine Bildschirme */
@media screen and (max-width: 800px) {

    html,
    body {
        font-size: 16px;
    }

}