h1,h2,h3{
    margin:0;
    color:#333;
    padding:0
}
#menuToggle ul,#menuToggleul ul a{
    padding-left:0
}
#menu a,#menuToggle li:hover>ul,#menuToggle span,#menuToggle:hover>ul{
    display:block
}
#menu li,#menu ul,body,h1,h2,html{
    padding:0
}
.row,body,html{
    overflow-x:hidden
}
.cat li,.htmlbox{
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd
}
#menu ul,.item,.titel{
    list-style:none
}
#menu a,.htmlbox a,.item a,.mobile-nav-sitetitle a{
    text-decoration:none
}
h1{
    font-size:23px
}
h2{
    font-size:21px
}
body,html,p{
    font-size:15px
}
.row{
    padding:10px;
    background-color:#f8f8f8
}
#menuToggle ul,.footer,header{
    background:#3e5a74
}
.img-responsive{
    max-width:100%
}
p{
    margin-bottom:1.625em
}
a,a:hover{
    color:#3e5a74
}
#menu a,#menu a:hover,#menuToggle ul li:hover>div>a,.footer,.footer a,.footer a:hover,.htmlbox a:hover{
    color:#fff
}
.footer{
    border-top:1px solid #000;
    font-size:14px;
    line-height:2.2em;
    padding:2.2em .5em;
    text-align:center;
    font-family:Verdana
}
.boxtitel,.htmlbox{
    padding:5px
}
.item:hover a,body,html{
    color:#111
}
.supplementary{
    border-top:1px solid #ddd
}
@media only screen and (max-width:1135px) and (min-width:720px){
    .col-3 img{
        max-width:100%
    }
}
@media only screen and (max-width:870px){
    .col-9 img{
        max-width:100%
    }
}
header{
    height:60px
}
#menuToggle>div{
    text-align:center;
    text-transform:uppercase;
    position:relative;
    margin:10px 0
}
#menuToggle a,#menuToggle div{
    display:inline-block;
    width:100%;
    cursor:pointer;
    text-decoration:none;
    font-size:13px
}
#menuToggle a:hover,#menuToggle ul li:hover>div{
    background:#457b9c
}
#menuToggle ul{
    list-style-type:none;
    margin:0
}
#menuToggle input{
    display:block;
    width:40px;
    height:32px;
    position:absolute;
    top:-7px;
    left:-5px;
    cursor:pointer;
    opacity:0;
    z-index:2;
    -webkit-touch-callout:none
}
#menuToggle span{
    width:30px;
    height:3px;
    margin-bottom:5px;
    position:relative;
    background:#fff;
    border-radius:3px;
    z-index:1;
    transform-origin:4px 0;
    transition:transform .5s cubic-bezier(.77, .2, .05, 1),background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s
}
#menuToggle span:first-child{
    transform-origin:0
}
#menuToggle span:nth-last-child(2){
    transform-origin:0 100%
}
#menuToggle input:checked~span{
    opacity:1;
    transform:rotate(45deg) translate(-2px,-1px);
    background:#fff
}
#menuToggle input:checked~span:nth-last-child(3){
    opacity:0;
    transform:rotate(0) scale(.2,.2)
}
#menuToggle input:checked~span:nth-last-child(2){
    opacity:1;
    transform:rotate(-45deg) translate(0,-1px)
}
#menu li{
    font-size:13px
}
#menu a{
    font-size:16px;
    line-height:40px
}
#menuToggle input:checked~ul{
    transform:scale(1,1);
    opacity:1;
    display:block!important
}
.mobile-nav-sitetitle{
    position:absolute;
    top:7px;
    left:10px
}
.mobile-nav-sitetitle a{
    color:#fff;
    font-family:arial;
    font-size:28px;
    font-weight:400
}
@media all and (min-width:1282px){
    #menuToggle ul{
        margin:0 30px 0 0
    }
    header{
        border-top-left-radius:12px;
        border-top-right-radius:12px
    }
    .footer{
        border-bottom-left-radius:12px;
        border-bottom-right-radius:12px
    }
}
@media all and (max-width:1281px){
    #menu,#menuToggle{
        position:absolute
    }
    #menuToggle #menu{
        margin-top:10px;
        display:none;
        overflow-x:hidden
    }
    #menuToggle .submenu:hover #menu>li{
        background:#f9f9f9;
        color:#fff;
        border:10px solid red
    }
    #menuToggle ul>li:hover{
        background:#f9f9f9;
        color:#fff
    }
    #menuToggle ul>li:hover>a{
        color:#fff
    }
    .submenu a{
        padding-left:30px!important
    }
    #menu{
        width:100vw;
        margin:3px 0 0;
        padding:0;
        right:-10px;
        list-style-type:none;
        -webkit-font-smoothing:antialiased;
        transform-origin:0;
        transform:translate(100%,0);
        transition:transform .5s cubic-bezier(.77, .2, .05, 1)
    }
    #menuToggle{
        display:block;
        top:20px;
        right:10px;
        z-index:1;
        -webkit-user-select:none;
        user-select:none
    }
    #menuToggle li a{
        padding-left:25px
    }
    .container{
        width:100%;
        margin-left:auto;
        margin-right:auto
    }
    .desktop{
        display:none
    }
    header{
        height:60px
    }
}
.boxtitel,.cat ul li:first-child{
    border-top-left-radius:15px;
    border-top-right-radius:15px
}
.cat ul li:last-child,.htmlbox{
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px
}
@media all and (min-width:1281px){
    #menuToggle #menu>li,#menuToggle li{
        position:relative
    }
    #menuToggle li:hover>div>a{
        color:#373737
    }
    #menu li:hover{
        background-color:#f9f9f9
    }
    #menuToggle li:hover>div{
        background:#457b9d
    }
    #menu a{
        padding:10px 20px
    }
    #menuToggle input,#menuToggle input:checked~.opener,#menuToggle span,#menuToggle ul,#menuToggle.closer,.mobile{
        display:none
    }
    #menuToggle #menu>li,#menuToggle>ul>li{
        display:inline-block
    }
    .mobile-nav-sitetitle{
        display:inline-block;
        position:relative;
        top:7px
    }
    .container{
        width:90%;
        margin-left:auto;
        margin-right:auto
    }
    #menuToggle{
        display:inline-block!important;
        top:0;
        float:right
    }
    #menuToggle>ul{
        display:block!important
    }
    #menuToggle a{
        width:auto;
        padding:10px
    }
    #menuToggle ul ul{
        position:absolute;
        top:100%;
        left:0;
        min-width:200px
    }
    #menuToggle ul ul li{
        display:block
    }
    #menuToggle ul ul a{
        padding:10px;
        white-space:nowrap;
        width:-webkit-fill-available
    }
    #menuToggle li:hover>ul{
        display:block;
        z-index:999
    }
    #menuToggle div::after{
        content:""
    }
}
body,html{
    height:100%;
    width:100%;
    margin:0;
    left:0;
    top:0;
    font-family:Arial;
    background-color:#e9eef3;
    line-height:1.625
}
.font-light{
    font-weight:300
}
.font-regular{
    font-weight:400
}
.font-heavy{
    font-weight:700
}
.left{
    text-align:left
}
.right{
    text-align:right
}
.center{
    text-align:center;
    margin-left:auto;
    margin-right:auto
}
.justify,article{
    text-align:justify
}
.row{
    position:relative
}
.row [class^=col]{
    float:left;
    margin:.5rem 2%;
    min-height:.125rem
}
.col-1,.col-10,.col-11,.col-12,.col-12-sm,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
    width:96%
}
.col-1-sm{
    width:4.33%
}
.col-2-sm{
    width:12.66%
}
.col-3-sm{
    width:21%
}
.col-4-sm{
    width:29.33%
}
.col-5-sm{
    width:37.66%
}
.col-6-sm{
    width:46%
}
.col-7-sm{
    width:54.33%
}
.col-8-sm{
    width:62.66%
}
.col-9-sm{
    width:71%
}
.col-10-sm{
    width:79.33%
}
.col-11-sm{
    width:87.66%
}
.row::after{
    content:"";
    display:table;
    clear:both
}
.hidden-sm{
    display:none
}
@media only screen and (min-width:581px){
    .container{
        width:100%
    }
}
@media only screen and (min-width:45em){
    .col-1{
        width:4.33%
    }
    .col-2{
        width:12.66%
    }
    .col-3{
        width:21%
    }
    .col-4{
        width:29.33%
    }
    .col-5{
        width:37.66%
    }
    .col-6{
        width:46%
    }
    .col-7{
        width:54.33%
    }
    .col-8{
        width:62.66%
    }
    .col-9{
        width:71%
    }
    .col-10{
        width:79.33%
    }
    .col-11{
        width:87.66%
    }
    .col-12{
        width:96%
    }
    .hidden-sm{
        display:block
    }
}
@media only screen and (min-width:85em){
    .container{
        width:86%;
        max-width:85rem;
    }
}
td{
    padding-right:50px
}
.textbox{
    margin:5px 5px 25px
}
.htmlbox{
    color:#000;
    background-color:#f8f8f8
}
.boxtitel,.titel{
    background-color:#3e5a74;
    color:#f8f8f8;
    font-size:16px
}
.htmlbox a{
    color:#3e5a74
}
.cat{
    width:100%;
    vertical-align:top
}
.cat li{
    min-height:30px;
    padding:4px 0 0 10px
}
.item{
    background-color:#f8f8f8;
    color:#000;
    font-size:14px;
}
.item:hover{
    background-color:#FEBF61;
}
.item a{
    color:#444;
}

h2.titsl {
color: #f8f8f8 !important;
font-size: 14px !important;
padding: 5px !important;
}

.dot{
height: 8px;
width: 8px;
background-color: #333;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
margin-bottom: 2px;
}

    .outside,.rij{
        display:inline-block;
        vertical-align:top
    }
    .rij{
        width:100%
    }
    #div0 .cat ul{
        margin-right:12px
    }
    #div2 .cat ul{
        margin-left:12px
    }
    .outside{
        width:49%
    }
    .cat ul{
        font-family:Verdana;
        padding:0;
        margin:0 0 20px
    }

@media (max-width:969px){
    .outside,.rij{
        width:100%;
        vertical-align:top
    }
    .rij{
        display:inline-block
    }
    .cat ul{
        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
        padding:0;
        margin:0 0 20px
    }
}
.hide-these-links{
    text-indent:-999999px;
    height:0
}
.seocu{
    margin:15px 20px 5px 5px
}
.item a:hover{
    font-size:15px;
	color: #444;
}
article{
    margin-left:20px;
    margin-right:20px
}