body{
background-color:#fff;
font-family: Inter,Arial,Helvetica,sans-serif;
color:#000024;
overflow-x: hidden; /* Prevent scroll on narrow devices */
}

.navbar-default .navbar-nav > li > a {
    color: #000024 !important;
}

.cathome{
width:100%;
}

.logo{
margin-right:20px;
width: 220px;
height: auto;
}


.hideme{
opacity:0;
}

.adresbutton{
background-image:url('../img/reload.png');
border:0px solid black;
background-color:#f5f5f5;
width:25px;
height:25px;
cursor:pointer;
}

.visible{
opacity:1;
}

.navbar-nav > li > a {
font-size:20px;
padding:30px 20px 30px 20px;
transition: color .5s ease-in-out;
color:#000024;
}

.navbar-nav > li > a:hover {
color:#00b6ed !important;
}

.textpadding{
padding:30px 80px 80px 80px;font-size:14px;
}

.nopadding{padding:0px;margin:0px;}

.artikelgroot{
width:auto;
text-align:center;
background-color:#ffffff;
padding-top:15px;
padding-bottom:15px;
margin-bottom:10px;
margin-top:10px;
}

.pages{
float:right;
margin-right:2%;
}

.pages ul li a:hover,
.pages ul li a{
color:#1a0504;
}

.col1stap1{padding-right:50px;border-right:1px solid #ccc;min-height:600px;}
.col2stap1{padding-left:50px;}


.sorteerselect{
padding:6px;
margin-top:15px;
border:1px solid #ccc;
}

.tablewinkel{
padding:20px;border-bottom:1px solid #ccc;
}

.menushop a{
padding:5px 10px;
float:left;
display:inline;
color:#000024;padding-top:8px;padding-bottom:8px;margin-top:8px;margin-left:10px;
transition: background-color .5s ease-in-out,color .5s ease-in-out;

}

.menushop a:hover{
text-decoration:none;
background-color:#0072da;
color:#fff;
}

.alertitem{
margin-top:0px;
padding-top:10px;
color:#0072da;
font-style:italic;
font-size:22px;
margin-top:10px;
 opacity: 0;
-webkit-transition: opacity 1.2s ease-in;
       -moz-transition: opacity 1.2s ease-in;
        -ms-transition: opacity 1.2s ease-in;
         -o-transition: opacity 1.2s ease-in;
            transition: opacity 1.2s ease-in;
}

.alertitem.load{
    opacity: 1;
}

.alertitem a{
color:#0072da;
text-decoration:none;
display:block;
}

.badge {
 background-color:#fff;
 color:#000024;
}

.artikelkop{
text-align:left;
color:#0072da;
font-weight:400;
margin-top:30px;
margin-bottom:30px;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000024;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.topbar{height:45px; background-color:#000024; color:#fff;position:fixed;z-index:9999;}
.menutop{width:100%;background-color:#fff;height:140px;z-index:9998;position:fixed;top:45px;}
.menuwrapper{background-color:#fff;width:100%;z-index:9998;}
.menu{max-width:1170px;margin:10px auto 10px auto;}

.nav{margin-top:0px !important;}
.navbar-form{margin-top:45px;}

.telboven{font-size:20px;line-height:45px;text-align:right;height:45px;}

.projectklein{
color:#0072da;font-size:13px;
}

.h2project{
color:#0072da;
font-weight:400;
margin-top:30px;
margin-bottom:30px;
font-size:25px;
}

.projectklein img{
margin-bottom:20px;
}

.nieuwsbutton{width:100%;margin-top:10px;background-color:#000024;color:#fff;border:0px solid black;}
.selecttaal{display:block;float:left;margin-top:9px;margin-right:10px;}
.taaldiv{margin-top:5px;font-size:12px;}
.zoekform{float:left;margin-top:5px;}
.zoekinput{float:left;display:inline;width:82%;color:#000024;font-size:12px;}
.zoekbtn{float:left;display:inline;margin-left:-10px;color:#000024;font-size:14px;background-color:#e2e1e1;}
.maindiv{background-color:#f5f5f5;clear:both;position:absolute;z-index:-1;width:100%;min-height:400px;padding-top:200px;}
.maindiv .container{padding-bottom:30px;}
.maindiv h1.kop{text-align:center;color:#000024;font-weight:400;margin-top:30px;margin-bottom:30px;}
.keuzediv{background-color:#fff;margin-top:15px;padding:0px;margin-left:4px solid #f5f5f5;z-index:0;transition: 0.3s ease-in-out; min-height:400px;}
.keuzediv:hover{box-shadow: 0px 0px 15px #313131;z-index:100;}

.keuzediv div{padding:10px 30px 30px 30px;float:left;display:block;font-size:13px;}
.keuzediv div h2{text-transform:uppercase;font-size:22px;}
.keuzearrow{clear:both;display:block;width:50px;height:50px;border-radius:30px;background-color:#0072da;line-height:50px;color:#fff;font-size:25px;transition: 0.5s ease-in-out;}
.footer{float:left;display:inline;background-color:#fff;width:100%;margin-top:100px;padding-bottom:100px;font-size:12px;color:#fff;padding-top:80px;}

.h2wit{font-size:22px;color:#fff;font-weight:400;}
a.linkwit{text-decoration:none;color:#fff;}
a.linkwit2{color:#fff;text-decoration:underline;}
.footer1{border-right:1px solid #134074;height:280px;}
.footer2{border-right:1px solid #134074;padding-right:60px;padding-left:60px;height:280px;}
.footer3{padding-left:60px;}
.footer4{margin-top:30px;padding-top:30px;border-top:1px solid #134074;}
.twitter{transition: 0.3s ease-in-out;display:block;width:35px;height:35px;background-image:url('../img/social-icons.png');background-repeat:no-repeat;border-radius:18px;background-color:#00b6ed;background-position:8px 9px;float:right;display:inline;margin-top:-10px;margin-left:4px;}
.facebook{transition: 0.3s ease-in-out;display:block;width:35px;height:35px;background-image:url('../img/social-icons.png');background-repeat:no-repeat;border-radius:18px;background-color:#00b6ed;background-position:-25px 9px;float:right;display:inline;margin-top:-10px;margin-left:4px;}
.youtube{transition: 0.3s ease-in-out;display:block;width:35px;height:35px;background-image:url('../img/social-icons.png');background-repeat:no-repeat;border-radius:18px;background-color:#00b6ed;background-position:-60px 9px;float:right;display:inline;margin-top:-10px;margin-left:4px;}
.instagram{transition: 0.3s ease-in-out;display:block;width:35px;height:35px;background-image:url('../img/social-icons.png');background-repeat:no-repeat;border-radius:18px;background-color:#00b6ed;background-position:-95px 9px;float:right;display:inline;margin-top:-10px;margin-left:4px;}
.tekstmarge{margin-bottom:40px;}

.instagram:hover,
.twitter:hover,
.facebook:hover,
.youtube:hover{
background-color:#000024;
}

.categorielink{
color:#000024;
display:block;
}


.categorielink:hover{
color:#000024;
text-decoration:none;
}

.categorielink:hover .keuzearrow{
background-color:#000024;
}

.socialtop{
margin-top:15px;
}

.webitem{
background-color:#fff;
transition: 0.3s ease-in-out;
}

.webitem:hover{
box-shadow: 0px 0px 15px #313131;
z-index:100;
}

.webshopdiv{
text-align:right;
margin-top:-25px;
}


.webshopdiv a:hover{
background-color:#0072da;
}

.webshopdiv a{
transition: 0.5s ease-in-out;
background-color:#000024;
color:#fff;
border-radius:5px;
padding:8px;
margin-left:10px;
text-decoration:none;
font-size:16px;
}

a.webshopbut{
transition: 0.5s ease-in-out;
background-color:#0072da !important;
color:#fff !important;
border-radius:5px !important;
padding-top:8px !important;
padding-bottom:8px !important;
margin-top:8px !important;
margin-left:10px !important;
}

a.webshopbut:hover{
transition: 0.5s ease-in-out;
background-color:#000024 !important;
color:#fff !important;
border-radius:5px !important;
padding-top:8px !important;
padding-bottom:8px !important;
margin-top:8px !important;
margin-left:10px !important;
}

.navbar-nav {
margin-top:20px !important;
float:right;
}

@media (min-width: 993px) {
	.smaller .alertitem{
	display:none;
	}

	.smaller {
		height: 80px !important;
		box-shadow: 0px 0px 10px #000024 !important;
	}

	.smaller .logo {
		width: 150px;
		height: auto;
		margin-top:0px;
		display:block;
	}

	.smaller .navbar-brand {
	  float: left;
	  height: 100%;
	  padding: 0px 15px;
	  font-size: 18px;
	  line-height: 20px;
	}

	.smaller .navbar-nav {
	  margin-top:15px !important;
	}

	.smaller .webshopdiv{
	margin-top:22px;
	}

.smaller .nav > li > a {
  position: relative;
  display: block;
 padding: 10px 10px 10px 10px;
}
	
}

@media (max-width: 1200px) {
	.nav > li > a {
	  position: relative !important;
	  display: block !important;
	  padding: 30px 10px 30px 10px;
	}	
}

.slogan {
    float:right;
	margin-top:50px;
    display: block;
    width: 150px;
	height:auto;
}

@media (max-width: 992px) {
	.col1stap1{padding-left:0px;padding-right:0px;border-right:0px solid #ccc;min-height:auto;}
	.col2stap1{padding-left:0px;border-top:1px solid #ccc;margin-top:20px;}
	.maindiv{padding-top:0px;}
	.topbar{position:relative;top:0px;}
	.navbar-header{width:100%;display:block;}
	.navbar-brand{width:100%;text-align:center;margin-bottom:10px;}
	.logo{margin:0px auto 0px auto;height:80px;}
	.menutop{width:100%;background-color:#fff;z-index:100;height:250px;z-index:9998;position:relative;top:0px;}

	.navbar-nav {
	margin-top:20px !important;
	float:left !important;
	}

	.slogan {
    float:left;
	margin-top:40px;
    display: block;
    width: 150px;
	height:auto;
}
	
	.footer1{border-right:0px solid #134074;height:auto;padding:0px 0px 40px 0px;border-bottom:1px solid #134074;}
	.footer2{border-right:0px solid #134074;padding-right:0px;padding-left:0px;height:auto;margin-top:20px;padding:0px 0px 40px 0px;border-bottom:1px solid #134074;}
	.footer3{padding-left:0px;}
	.socialtop{margin-right:10px;margin-top:0px;}
	.webshopdiv{text-align:right;margin-top:-45px;}

}

@media (max-width: 768px) {
	.navbar-nav > li > a {
		padding:15px 10px 15px 10px !important;
	}
	
	.twitter,
	.facebook,
	.youtube,
	.instagram{margin-top:30px;float:left !important;display:block;}
	.footer4 a{display:block;}	
	.navbar-brand{width:70%;}
	.navbar-brand img{width:auto;height:70px;float:left;}
	.menutop{width:100%;background-color:#fff;z-index:100;height:160px;z-index:9998;}
	.navbar-header{height:100px;}
	.textpadding{padding:25px;font-size:14px;}
}

.list{
 list-style: none; 
 padding: 0; 
 margin: 0px;
 font-size:18px;
}

.list a {
font-weight:200;
padding:5px 0px;
display:block;
color:#000024;
}

.footer h3{
font-size: 21px;  
line-height: 21px;
color:#000024;
font-family: Inter,Arial,Helvetica,sans-serif;
}