body{
    background-color: white;
    margin: 10px;
    padding: 0px;
    font-family: Calibri, Arial;
}

#header{
    width: 100%;
    margin: 0px auto 0px auto;
    background-color: #C0C0C0;
    clear: both
}

#logo{
    width: 70px;
    float: left;
    border: 0px solid #000;
}

#hsubscribe{
    width: 400px;
    float: right;
    border: 1px solid #000;
}

#navbar{
    width: 200px;
    float: right;
    margin: 0px auto 0px auto;
    border: 1px solid #000;
}

#content{
    width: 100%;
    margin: 0px auto 0px auto;
    clear: both
}

#footer{
    background-color: #C0C0C0;
    position: absolute;
    float: left;
    bottom: 0px;
}

nav{
    width: 100%;
    margin: 0 auto;
    background-color: #F0F0F0;
    position: sticky;
    top: 0px;
}

nav ul{
    list-style-type: none;
}

nav ul li{
    float: left;
    width: 15%;
    text-alin: center;
    position: relative;
}

nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block;
    text-decoration: none;
    color: black;
    border-bottom: 2px solid transparent;
    padding: 5px 0px;
}

nav a:hover{
    background-color: lightgray;
    border-bottom: 1px solid darkgray;
}

nav > ul li:hover .menu2{
    display: block;
}

.menu2{
    display: none;
    box-shadow: 5px 5px #00000080;
    background-color: #F0F0F0;
    position: absolute;
    width: 100%;
    z-index: 1000;
    padding-left: 10px;
}

.menu2 li{
    float: none;
    width: 100%;
    text-align: left;
    background-color: #F0F0F0;
}

.menu2 a{
    padding: 2px;
    border-bottom: none;
}
.menu2 a:hover{
    border-bottom: none;
    background-color: lightgray;
}

.toolboxstyle {
    background-color: lightgray;
}

#qpo {
    position: absolute;
    top: 50px;
    left: 10px;
    width: 100%;
    text-align: left;
    z-index: 100;
    display:block;
    color: gray;
}
#qpo a {color: gray; text-decoration:none;}

#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;}
#monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#monmenu ul.niveau2 {left: 200px; top: 22px;}
#monmenu ul.niveau3 {left: 144px; top: -1px;}
#monmenu li {list-style-type: none; position: relative; width: 140px; background-color: #E0E0E0; padding: 2px; margin: 0px}
#monmenu li:hover, #monmenu li.sfhover {background-color: #FFFF70;}
#monmenu li a {text-decoration:none;}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
#monmenu li.plus {background-position:right; background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}