/* breite der gesamtkonstruktion */
#breite {width:840px}

body {
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    background: url(images/sbref.jpg) top center no-repeat;
    background-size: auto;
}

/* Bis 1920px Breite: wie bisher (kein Stretching) */
@media (max-width: 1920px) {
    body {
        background-size: auto;
    }
}

/* Ab 1921px: Bild stretchen (wie auf der Index-Seite) */
@media (min-width: 1921px) {
    body {
        background-size: cover;
    }
}

/*klapp-menü */
#all {
        width:840px;
        height:100%;
        padding: 0px;
        margin:0 auto;
        text-align:center;
}
/* menue oben */
.menu {
        width:100%;
        height:40px;
        background-color:#7f9155;
        position:relative;
        z-index:100;
}
.menu ul li a, .menu ul li a:visited {
        display:block;
        text-decoration:none;
        color:#fff;
        background-color:#7f9155;
        font-family:verdana, sans-serif;
        font-size: 12px;
        font-variant:normal;
        overflow:hidden;
        width: 116px;
        margin:1px 1px 0px 1px;
        border:solid 1px #fff;
        line-height:40px;
        text-align:center;
}
.menu ul {
        padding:0;
        margin:0 auto;
        list-style: none;
}
.menu ul li {
        float: left;
        position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
        display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
        background-color:#405a00;
        color:#fff;
        text-decoration:none ;
        border:solid 1px #fff;
       margin:1px 1px 0px 1px;
       }
.menu ul li:hover ul {
        display:block;
        position:absolute;
        top:42px;
        left:0;
        width:206px;
}
.menu ul li:hover ul li a.hide {
         background-color:#405a00;
        color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
         background-color:#405a00;
        color:#fff;
}
.menu ul li:hover ul li ul {
        display: none;
}
/* farb-änderungen der aufklapp-untermenüs, zb seite 11 bis 14 */
.menu ul li:hover ul li a {
        display:block;
        background:#7f9155;
        color:#CFD8BA;
        font-style:italic;
        border:solid 1px #000;
        line-height:40px;
}
/* farb-änderungen nur eines einzelnen punktes der aufklapp-untermenüs, zb. seite 11*/
.menu ul li:hover ul li a:hover {
        background-color:#9DAF72;
        color:#fff;
        text-decoration:none ;
        border:solid 1px #000;}
/* =============================================================== */
/* menue unten */
#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7f9155;
font-size: 14px;line-height: 20px;
font-family: verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
text-decoration: underline ;
background:transparent
}
#menu1 a:hover {color:#fff; text-decoration:none ;
background-color:#7f9155;
text-decoration: underline;
}
/* =============================================================== */
/* allgemeine links im text */
a:link, a:visited, a:active{
font-size: 16px;line-height: 21px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-decoration:underline;color:#7f9155;}
a:hover{ text-decoration:none;background-color:#7f9155;
color:#fff;text-decoration:none;}
/* ========================= */