html {overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
html, body {height: 100%; width: 100%; margin:0; padding:0;}

ul{list-style:none; margin-left:0; padding-left:0;}
li{margin:0;  background:url(../img/bull.png) no-repeat;}
p{margin-top:0; padding-top:0;}
a img{border:0;}
:focus{outline:none;} 
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.clear{clear:both; height:0px; overflow:hidden;}

i{font-weight:normal !important; font-family: 'Poppins', sans-serif; }

.wrapper{min-height:100%; position:relative;}
.holder{padding-bottom:50px;}
.center{margin:0 auto; width:940px;}
.top{padding-top:33px; text-align:center;}
.footer{min-width:940px;}

.logo{ width:330px;}


#menu-border-bottom{background: url(/assets/templates/snf/img/menu-border-bottom.jpg); width: 100%; height: 10px; min-width:940px;}
#menu-border-bottom-blue{background: url(/assets/templates/snf/img/menu-border-bottom-blue.jpg); width: 940px; height: 17px; margin-top:4px;}



.content {margin-top: 27px; font-family: 'Poppins', sans-serif; font-weight:400; font-size:14px; line-height:22px;}
.content #kop h1 {font-weight:normal !important; padding-top:20px; padding-left: 70px; padding-right: 87px; font-family: 'Bebas Neue', cursive; font-size:24px; font-weight:400; color:#89285d; line-height: 26px; padding-bottom:15px;}
.content a{/*color:#c4a761;*/ color:black; text-decoration:underline;}

.content-left {width:375px; float:left; margin-left:70px; padding-bottom:40px;}
.content-right {width:375px; float:right; margin-right:87px; padding-bottom:40px;}
.content-left-beurzen {width:375px; float:left; margin-left:77px; }
.content-right-beurzen {width:375px; float:right; margin-right:80px; }
.content-one-column {width:560px; float:left; margin-left:70px; padding-bottom:80px;};

strong{font-weight:600; color:#007fa1;}

.content strong {font-weight:600; color:#007fa1;}


#back-top a:hover {color: #000;}

.footer {
position:absolute;
right:0;
left:0;
bottom:0;
width:100%;
height:32px;   
background: #89285d;
}



/*Menu*/

#menu {font-family: 'ubunturegular'; font-weight:normal!important; height:38px;}

#menu ul
{
list-style:none;
text-align:center;
margin-top:30px;
}

#menu li{
display:inline; 
width:188px; 
height:48px; 
padding:0px;
font-size:20px; 
text-decoration:none;  
background-image: url(../img/menu-border-right.jpg);
background-position: right;
/*background-repeat: no-repeat;*/
}
#menu li.last{background-image:none;}
#menu li.active{background-image:none;}

#menu li a {
font-size: 22px;
text-align: center;
text-decoration: none;
width: 152px;
height: 33px;
display: inline-block;
margin-left: -6px;
padding: 10px 18px 0 20px;
line-height:22px;
color:#89285d;
}

#menu li a{font-family: 'Bebas Neue', cursive;}
#menu li.active a, #menu li a:hover{font-family: 'Bebas Neue', cursive; color:#fff; background-color:#007fa1; cursor:pointer;}

.cookiebanner{padding:20px 15px!important;font-family: 'ubunturegular';height:auto!important;z-index:255!important;font-size:14px!important;background:#000!important;background:rgba(0,0,0,0.85)!important;color:#fff!important;font-weight:400!important;}
.cookiebanner span{display:block;     font-family: 'Poppins', sans-serif;}
.cookiebanner-close{font-size:30px;}
.cookiebanner a,
.cookiebanner-close:hover{color:#007fa1!important;}


@media only screen and (max-width: 980px) {
.center {
margin: 0 auto;
width: 100%;
}

#menu-border-bottom{min-width:100%;}


.content-left, .content-right, .content-one-column {    width: 70%; margin-left:0px; margin-right:0px; padding-left:30px; padding-right:30px; float:none;}
.content-left{padding-bottom:0px;}
.content #kop h1{padding-left:30px;}
.footer{min-width:100%; width:100%;}
}


@media only screen and (max-width: 680px) {
.content-left, .content-right{width: calc(100% - 60px);}
#menu li a{width:fit-content;}
}

@media only screen and (max-width: 480px) {
.logo{width:70%; height:auto;}
.holder{padding-bottom:0px;}
.footer{height:40px;}
.content #kop h1{padding-right:30px;}
}

