/********************************************* RESET ************************************************/
/****************************************************************************************************/
html, body, form{ height: 100%; width:100%; padding:0;  margin:0;} 
ul{ margin:11px 0; padding:0 0 0 40px; list-style-type:square;}
ol{ margin:11px 0; padding:0 0 0 40px; list-style-type:decimal;}
p{ padding:0 0 26px 0; margin:0;}
hr{opacity:1; border:0; margin: 50px 0px 25px 0px; color: #f00;background-color: #F2F2F2;height: 2px;}
/************************************** START STANDAARD CSS *****************************************/
/****************************************************************************************************/

body{ 
	height:100%; 
	min-width:320px;
	overflow-y:scroll;
	overflow-x:hidden;
	background-color:#373b3f;

	/* default font */
	font-family: "Open Sans",Arial,sans-serif;
	
	/*font-weight:300;*/
	font-size:15px;
	color:#333;
	line-height:26px;
	
	background-image:url(../images/bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment:fixed;

}

#website{
	background-image:url(../images/bg_web.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;

}

.index{
	background-image:url(../images/banner/1.jpg) !important;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	
}



h1{ 
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size:40px;
	line-height:40px;
	color:#009ddc;
	padding-bottom:25px;
	margin-bottom:25px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


h2{ 
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size:36px;
	color:#45494d;
	text-decoration:none;
	letter-spacing:-0.5px;
	padding-bottom:25px;
	line-height:40px;
	/*border-bottom:2px dashed #E8E8E8;*/
}


.hatwee_fake{ 
	/*margin:0;
	padding:0;*/
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size:36px;
	color:#45494d;
	text-decoration:none;
	letter-spacing:-0.5px;
	padding-bottom:25px;
	display:block;
	line-height:40px;
}


h3{ 
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size:20px;
	line-height:28px;
	color:#666;
	padding-bottom:15px;
	margin-bottom:0px;
}

/***** H4 *****/
h4{ 
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size:22px;
	color:#2ba0d6;
	letter-spacing:-0.3px;
	padding-bottom:12px;
}

.underline{
	border-bottom:2px solid #F2F2F2;
	padding-bottom:25px;
	margin-bottom:25px;
}

.plusbg{
	background-image: url(../images/plus.svg);
}

.plusbg_grijs{
	width:20px;
	height:20px;
	cursor:pointer;
	z-index:9999;
	color:#FFFFFF;
	background-image: url(../images/plus_grijs.svg);
}



/***** VET *****/
.mager{font-weight:300;}
.normaal{font-weight:400;}
.vet{font-weight:600;}
.vetter, strong{font-weight:700;}
.vetst{font-weight:900;}
/***** SUB *****/
.klein{font-size:12px;}
/***** STROKES *****/
.stroke{border:2px solid #333 !important;}
.stroke_met_schaduw{border:6px solid #FFF !important; box-shadow:1px 1px 15px #CCC;}
/***** CURSOR ROLLOVER *****/
.rollover{cursor:pointer;}
/***** RESET UL + LI MENU *****/
#menu ul {list-style: none; margin:0 !important; padding:0 !important;}
#menu li {display: inline-block; margin:0 !important; padding:0 !important;}
#menu select { display: none;}
/***** CLEAR *****/
.clear{clear: both; width:100%;}
.nomargin{margin:0 !important;}
/* RESPONSIVE IMAGES */
.resp_img{ width:auto;height:auto;max-width:100%;}
/* COLUMS */
.section100{float:left; width:100%; height:auto; position:relative; box-sizing:border-box;}
.section75{float:left; width:75%; height:auto; position:relative; box-sizing:border-box;}
.section70{float:left; width:70%; height:auto; position:relative; box-sizing:border-box;}
.section65{float:left; width:65%; height:auto; position:relative; box-sizing:border-box;}
.section60{float:left; width:60%; height:auto; position:relative; box-sizing:border-box;}
.section50{float:left; width:50%; height:auto; position:relative; box-sizing:border-box;}
.section47{float:left; width:47.5%; height:auto; position:relative; box-sizing:border-box;}
.section45{float:left; width:45%; height:auto; position:relative; box-sizing:border-box;}
.section40{float:left; width:40%; height:auto; position:relative; box-sizing:border-box;}
.section35{float:left; width:35%; height:auto; position:relative; box-sizing:border-box;}
.section33{float:left; width:33%; height:auto; position:relative; box-sizing:border-box;}
.section30{float:left; width:30%; height:auto; position:relative; box-sizing:border-box;}
.section25{float:left; width:25%; height:auto; position:relative; box-sizing:border-box;}
.section23{float:left; width:23%; height:auto; position:relative; box-sizing:border-box;} 
.section20{float:left; width:20%; height:auto; position:relative; box-sizing:border-box;padding:20px;}
.section100 img, .section75 img, .section70 img, .section65 img, .section60 img, .section50 img, .section47 img, .section45 img, .section40 img, .section33 img, .section30 img, .section25 img, .section20 img{width:100%;height:auto;max-width:100%;}
/* QUOTE */
.quote{background-color:#C00; color: #FFF; padding:20px; border:6px solid #FFF; box-shadow:0px 0px 20px #999; border-radius:4px;}
.quote h2{color: #FFF; font-weight:700;}
.quote a{color: #FFF;}

.blauw{color:#2ba0d6;}
.wit{color:#FFFFFF !important;}
.grijs{color:#373b3f !important;}
.licht_grijs{color:#999999;}

.small{font-size:24px;	} /* idem ??? */
.medium{font-size:36px;	} /* idem H3 */
.large{font-size:44px;	} /* idem H2? */

li {
  list-style: none;
}
#nieuws li:before {
  /* For a round bullet */
  /*content: '\2022';*/
  /* For a square bullet */
  content:'\25A0';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: 0;
  color: #1ba1e3;
  font-size: 16px;
  
}




.content_small li:before {
  /* For a round bullet */
  /*content: '\2022';*/
  /* For a square bullet */
  content:'\25A0';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: 0;
  color: #1ba1e3;
  font-size: 16px;
  
}



/**************************************** START EIGEN CSS *******************************************/
/****************************************************************************************************/

header{
	width:100%;
	height:150px;
	top:0;
	position: fixed;
	z-index:99;
	margin-left:auto;
	margin-right:auto;
	background-color: transparent;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	box-shadow: none;
	background-image:url(../images/bg_header.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.st0{fill:#FFFFFF;}
.st1{fill:#FFFFFF;}
.st2{fill:#FFFFFF;}
   
   
header #logo{
    height: 150px;
	width:250px;
	/*
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;*/
}

.trans{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header #menu a {
	color:#FFFFFF;
	margin-top:55px;
	
    webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}	  
	  
header #plus_btn{
	width:20px;
	height:20px;
	cursor:pointer;
	display:block;
	position: absolute;
	right:25px;
	top:66px;
	z-index:9999;
	color:#FFFFFF;
	
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}

header.smaller {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
	background-color: #FFF;
    height: 75px;
	background-image: none;
}
  
header.smaller #logo{
	
	 
    width: 130px;
	height: 75px;
}
	  
header.smaller #logo .st0{
    fill: #1BA1E3;
}
header.smaller #logo .st1{
    fill: #373B3F;
}
header.smaller #logo .st2{ 
    fill: #A2ACB1;
}
	
	  
header.smaller #menu a {
	margin-top:18px;
	color:#333;
}
	 
.menuactief{
	margin-top:0px !important;
}
	 
	 
header.smaller #plus_btn{
	top:27px;
	z-index:9999; 
}

header.smaller #menu a.offertelink:hover {
	color: #FFF !important;
	text-shadow: none;
	background-image: none;
	background-color:#de4a32;
}

header.smaller #mobilemenu{
	top:11px;
}

#navigatie{
	max-width:1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:56px;
	box-sizing:border-box;
}



#logo{
	float:left;
	position:relative;
	z-index:98;
}

#menu{
	text-align:right;
	z-index:97;
}


#menu-layer{
	background-color:#3a3e42;
	width:100%;
	height:100%;
	position:fixed;
	z-index:95;
	display:none;
	opacity:0.98;
}

.parallax-window{
	/*display:block;*/
}

#container{
	width:100%;
	box-sizing:border-box;
	height:auto;
	position: relative;
	z-index:90;
	/*display: none;*/
	top:95%;
}

#container_detail{
	width:100%;
	box-sizing:border-box;
	height:auto;
	position: relative;
	z-index:90;
	top:425px;
	/*display: none;*/
}

#scroll{
	height:25px;
	width:100%;
	z-index:81;
}

#scroll img{
	display:block;
	text-align:center;
	margin: 0 auto;	
}

#content{
	background-color:#FFFFFF;
	padding-top:100px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	z-index:80;

}


.content_wide{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px 25px 0px 25px;
	box-sizing:border-box;
	position:relative;
}

.content_small{
	max-width:1200px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px 25px 0px 25px;
	box-sizing:border-box;
	position:relative;
}

.bg_detail{
	width:100%;
	height:500px;
	position:absolute;
	top:0;
	/*display: none;*/
	
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.banner_txt{
	width:1200px;
	box-sizing:border-box;
	padding:25px;
	color:#FFFFFF;
	top:25%;
	margin-left:-600px;
	left:50%;
	position: absolute;
	/*display:none;*/
}

.banner_txt h1{
	color:#FFFFFF;
	font-size:60px;
	letter-spacing:-2px;
	line-height:64px;
	padding-bottom:0px;
}



.banner_txt h2{
	/*font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;*/
	color:#FFFFFF;
	font-size:22px;
	font-style:italic;
	/*letter-spacing:-1px;*/
	line-height:32px;
	font-weight:400;
	max-width:640px;
}


.banner_txt h4{ 
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;

	margin-bottom:15px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	
	color:#FFFFFF;
	font-size:60px;
	letter-spacing:-2px;
	line-height:64px;
	padding-bottom:0px;
}



#banner_txt_detail{
	text-align:center;
	top:175px; 
}


#banner_txt_detail h1{
	background-image:url(../images/lijn_blauw.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:25px;	
}

#banner_txt_home a, #banner_txt_detail a{ 
color:#FFF;
border-bottom:2px dotted #FFF;
text-decoration:none;
}

#banner_txt_home a:hover, #banner_txt_detail a:hover{ 
color:#FFF;
border-bottom:2px dotted #FFF;
text-decoration:none;
}

.hlijn_blauw{
	background-image:url(../images/lijn_blauw.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
}

.hlijn_blauw_links{
	background-image:url(../images/lijn_blauw.png);
	background-position:bottom left;
	background-repeat:no-repeat;

}

.hlijn_grijs{
	background-image:url(../images/lijn_grijs.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
}

#banner_txt_detail h2{
	text-align:center;
	max-width:800px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	
}

#headerbgs{
	width:100%;
	height:175px;
	top:0;
	position: fixed !important;
	z-index:89;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bg_headers.png);
	background-position:top;
	background-repeat:repeat-x; 
	display:block;
}

#intro{
	text-align:center;
	max-width:1024px;
}

#intro h1{
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600 !important;
	font-size:50px;
	color:#2ba0d6;
	letter-spacing:-1px;
	line-height:56px;
	padding-bottom:30px;
	text-shadow:none;
}


.sub_h1{
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size:22px;
	color:#373b3f;
	line-height:20px;
	letter-spacing:-0.3px;
	padding-bottom:20px;
}



#mouse{
	height:50px;
	width:100%;
	display:block;
	position:fixed;
	bottom:100px;
	z-index:0;
}

.icon-scroll,
.icon-scroll:before {
  	position: absolute;
  	left: 50%;
}
 
.icon-scroll {
	width: 18px;
	height: 30px;
	margin-left: -9px;
	top: 0;
	margin-top: 20px;
	box-shadow: inset 0 0 0 1px #FFF;
	border-radius: 25px;
}
 
.icon-scroll:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #FFF;
	margin-left: -2px;
	top: 4px;
	border-radius: 4px;
	
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: scroll;
	animation-name: scroll;
}
 
@-webkit-keyframes scroll {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
	}
}
 
@keyframes scroll {
0% {
    opacity: 1;
}
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  	}
}


.parallax-window {
    min-height: 100%;
	width:100%;
    background: transparent;
	background-size:cover;
	position:absolute;
	background-position:top right;
	
}

.content_small_blokken{
	max-width:1500px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px 25px 0px 25px;
	box-sizing:border-box;
	position:relative;
}


#blokken{
	padding-top:50px;
	background-image:url(../images/bg_blokken.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 522px;
	background-color:#f4f4f4;
	text-align:center;
    display:inline-block;
	padding-left:0px;
	padding-right:0px;
	vertical-align: top;
	padding-bottom:65px;	
}

.blok{
    width:30%;
	height:auto;
    text-align:left;
    display:inline-block;  
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:25px 25px 25px 25px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	margin-top:75px;
	border-radius:2px;
	/*min-height:310px;*/
	
	font-size:15px;
	line-height:26px;
	color:#999;
	/*font-weight:300; */
	
	box-shadow: 
        0 1px 6px rgba(0,0,0, 0.05),
        0 1px 15px rgba(0,0,0, 0.10);      

	
	vertical-align:top;
	
	 -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.content_small_blokken a{
	text-decoration:none !important;
	
}

.blok:hover{
	-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
	
	background-color:#373b3f;

	
	color:#FFFFFF;
}


.blok:hover h3 {
	color:#FFFFFF;
}

.blok{
	cursor: pointer;
}
	
.blok h3{
	margin-bottom:0px;
	line-height:32px;
	padding-top:2px;
	font-weight:600;
	font-size:32px;
	color:#333;
}
	
#blok1{
	
}

#blok2{
	margin-left:2%;
	margin-right:2%;
}

#blok3{
	
}

#blok4{
	/*margin-top:2%;*/
}

#blok5{
	margin-left:2%;
	margin-right:2%;
}

#blok6{
	
}

.bol{
	border-radius:50%;
	background-color:#2ba0d6;
	width:86px;
	height:86px;
	margin-top:-62px;
	margin-left:0px;
	margin-bottom:25px;
	background-position:center center;
	background-repeat:no-repeat;
}

.oranje{
	background-color:#de4a32;
}

#websites{
	background-image:url(../images/icons/icon_websites.svg);
}
#webdiensten{
	background-image: url(../images/icons/icon_hostingpacks.svg);
}
#promail{
	background-image: url(../images/icons/icon_email.svg);
}
#wordpress{
	background-image: url(../images/icons/icon_seo.svg);
}
#internet{
	background-image: url(../images/icons/icon_im.svg);
}
#shops{
	background-image: url(../images/icons/icon_offerte.svg);
}

#wib{
	text-align:left;
	height:350px;
	background-image:url(../images/bg_wib.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:#f4f4f4;
	color:#FFFFFF;
	font-weight:400;
	padding-right:25px;
}

#wib_detail{
	text-align:left;
	height:350px;
	background-image:url(../images/bg_wib.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-weight:400;
	padding-right:25px;
	margin-top:50px;
}

#wib_small{
	padding-right:0;
}

#wib_left{
	padding-top:100px;
	/*font-weight:700;*/
}

#wib_left h3{
	font-weight:600;
	font-size:48px;
	line-height:48px;
	color:#FFFFFF;
	letter-spacing:-1px;
}

#wib_right{
	background-size:cover;
	height:350px;
	vertical-align:bottom;
	display: table-cell;
}

#wib_right img{
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	max-height:338px;
	max-width:656px;
}


#nieuws{
	padding-top:75px;
	text-align:left;
	height:auto;
	box-sizing:border-box;
	padding-right:50px;
	margin-bottom:50px;
}

.lookbox{
	border:2px solid #f1f2f2;
	padding:25px;
	text-align:left;
	margin-top:50px;
	margin-bottom:50px;
	min-width:240px;
}

.lookbox a{
	/*border-left:2px solid #f1f2f2;*/
	padding:10px 60px 10px 10px;
	display:block;
	margin-top:10px;
	text-decoration:none;
	background-image:url(../images/pijl_rechts_grijs.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:14px;
	letter-spacing:-0.4px;
	line-height:20px;
	
	
}

.lookbox a:hover{
	background-color:#45494d;
	color:#FFFFFF;
	background-image:url(../images/pijl_rechts_wit.png);
}

.boh{
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size:36px;
	color:#45494d;
	text-decoration:none;
	letter-spacing:-0.5px;
	padding-bottom:25px;
	margin-bottom:25px;
	line-height:40px;
	display:block;
}

.haar{
	 opacity:0.15; 
	 margin-top:20px; 
	 margin-bottom:20px;
}



#klanten{
	background-image:url(../images/bg_klanten.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	min-height:400px;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}

#klanten h2{
	font-weight:600;
	font-size:48px;
	color:#FFFFFF;
}


#samenwerken{
	height:auto;
	padding-top:50px;
	color:#434343;
	
}


#samenwerken_left{
	/*background-image:url(../images/samenwerken1.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:cover;*/
	height:360px;

}

#samenwerken_right{
	text-align:left;
	padding-bottom:50px;
	padding-top:50px;
}

#samenwerken_right h4{
	letter-spacing:-0.5px;
	font-weight:700;
	background-image:url(../images/lijn_blauw.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
	margin-bottom:20px;
}


.telefoon{
	font-size:29px;
	color:#333;
	font-weight: 700;
	
	padding-left:0px;
}

#promo{
	background-color:#F1F1F1;
	height:100px;
}

#promo_left{
	text-align:right;
	height:100px;
	/*box-sizing:border-box;*/
	padding-right:50px;
	/*padding-top:38px;*/
	display:table;
	font-weight:600;
	font-size:18px;
}

#promo_left span{
	 vertical-align:middle;
    display: table-cell;
}

#promo_right{
	text-align:left;
	height:100px;
	box-sizing:border-box;
	padding-left:0px;
	padding-top:28px;
}


#footer{
	background-color:#373b3f;
	height:auto;
	padding-bottom:50px;
	padding-left:0px;
	padding-right:0px;
}

#footer_table{
	float:right; 
}

.lijn{ 
	border-bottom:1px solid #4b4f53;
	margin-bottom:50px;
}

.lijn_light{ 
	border-bottom:1px solid #CCC;
	margin-bottom:50px;
}

.lijn_real{
	opacity:0.2;
	margin-bottom:10px;
	margin-top:12px;
}


#footer_left{
	font-family: 'Source Sans Pro', sans-serif;
	text-align:left;
	height:100px;
	box-sizing:border-box;
	padding-top:38px;
	font-weight:600;
	color:#FFFFFF;
}

#footer_right{
	text-align:right;
	height:100px;
	box-sizing:border-box;
	padding-left:0px;

}

#footer_right img{
	text-align:right;
	display:block;
	float:right;
}

.fbox{
	width:14%;
	border:0px solid #FF0004;
	float:left;
	text-align:left;
}

.fbox_adres{
	width:16%;
	border:0px solid #FF0004;
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	box-sizing:border-box;
	/*padding-left:25px;
	border-left:2px solid #4b4f53;*/
	margin-bottom:50px;
}

.fbox_adres h5{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:18px;
	font-weight:600;
}

#footer_bottom{
	height:50px;
	width:100%;
	bottom:0;
	position:absolute;
	background-color:#313336;
	box-sizing:border-box;
	padding-left:25px;
	padding-right:25px;
}

#footer_bottom td{
	color:#666666;
	font-size:11px;
	
}



#footer_bottom td a{
	color:#666666;
	font-size:11px;
	text-decoration:none;
	letter-spacing:-0.4px;
	line-height:11px;
}

#footer_bottom td a:hover{
	color:#999;
	font-size:11px;
	text-decoration:none;
}

#footer_left td{
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
}

#msparner{
	height:100px !important;
	width:220px !important;
}

.hideme{
	opacity:0;
}

.nieuw{
	background-image:url(../images/nieuw.svg);
	background-position:right;
	background-repeat:no-repeat;
	/*padding-right:350px;*/
	width:100% !important;
	display:inline-block;
	background-color:#2DB06D;
}


#blog{
	width:100%;
	height: auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#3a3e42;
	
	
}

#blog_btn{
	font-family: 'Karla', sans-serif;
	background-color:#313336;
	padding:15px 15px 15px 50px;
	height:20px;
	width:auto;
	display:inline-block !important;
	color:#FFFFFF;	
	cursor: pointer;
	text-decoration:none;
	font-weight: 700;
	text-transform:uppercase;
	font-size:16px;
	background-image:url(../images/pijl_onder.png);
	background-position:left;
	background-repeat:no-repeat;
}

#blog_btn:hover{
background-color:#2ba0d6;
}

#inblog{
	display:none;
	padding:25px;
	box-sizing:border-box;

}

#inblog a{
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dashed #FFF;
}

#inblog a:hover{
	font-size:14px;
	color:#2ba0d6;
	text-decoration:none;
	border-bottom:0px dotted #2ba0d6;
}


.bread{
	font-size:13px;
	color:#999 !important;
	font-weight:300 !important;
}

.bread td{
	font-size:13px !important;
	color:#CCC !important;
	font-weight:400 !important;
}

.bc{
	vertical-align: top;
	padding-top:8px;
}



#wiezijnwij{
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../images/bg_wiezijnwij_lip.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:100px;
	padding-left:0px;
	padding-right:0px;
}
/*
#wie_left{
	margin-right:5%;
}

#wie_right{
	margin-left:5%;
}
*/
#wiezijnwij h3{
	text-align:left;
	color:#373b3f;
	
	/*text-transform:uppercase;*/
	font-size:24px;
font-weight:600;
letter-spacing:-0.6px;
}

#wie_left{
	margin-right:2.5%;
	text-align:justify;
}

#wie_mid{
	margin-right:2.5%;
	margin-left:2.5%;
	text-align:justify;
}

#wie_right{
	margin-left:2.5%;
	text-align:justify;
}


#div-service{
	text-align: center;
	background-color:#f4f4f4;
	padding-top:100px;
	padding-bottom:50px;
	padding-left:0px;
	padding-right:0px;
	background-image:url(../images/bg_service.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	
}


#div-service h2{
	font-size:50px;
	font-weight:600;

}

.haat{
	font-size:50px;
	font-weight:600;
	
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	
	color:#45494d;
	text-decoration:none;
	letter-spacing:-0.5px;
	padding-bottom:25px;
	line-height:60px;
	display:block;
	
}


#div-service h3{
	color:#373b3f;
	text-transform:uppercase;
	font-size:20px;
	font-weight:600;
	letter-spacing:-1px;
	padding-bottom:1px;

}

#service_left{
	text-align:right;
	padding:72px 0px 25px 0px;
	float:left;
	box-sizing:border-box;
}

#service_left h3{
	padding-right:36px;
	background-position:right top;
	background-repeat:no-repeat;
}

#service_right{
	text-align:left;
	padding:72px 0px 25px 0px;
	float:left;
	box-sizing:border-box;
}

#service_right h3{
	padding-left:36px;
	background-position:left top;
	background-repeat:no-repeat;
}

#service-kwaliteit{
	background-image: url(../images/icons/icon_kwaliteit.png);
}

#service-structuur{
	background-image: url(../images/icons/icon_structuur.png);
}

#service-zoekmachine{
	background-image: url(../images/icons/icon_zoekmachine.png);
}

#service-responsief{
	background-image: url(../images/icons/icon_responsief.png);
}

#service-service{
	background-image: url(../images/icons/icon_service.png);
}

#service-prijzen{
	background-image: url(../images/icons/icon_prijzen.png);
}


#smartphone{
		
}

.service-box{
	min-height:175px;
	margin-bottom:25px;
	line-height:22px;
	font-size:14px;
	color:#666;
}

#service-intro{
	min-height:50px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:960px;
}


.curs{ 
font-size:22px !important; 
font-weight:300 !important; 
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
padding-left:100px;
padding-right:100px;
font-style:italic;
line-height:32px;
}

.curs h2{
font-size:22px !important; 
font-weight:300 !important; 
font-style:italic;
color:#4E4E4E;
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
line-height:32px;
}

.curs a{ 
color:#999;
border-bottom:2px dotted #999;
text-decoration:none;
}

.curs a:hover{ 
color:#666;
border-bottom:2px dashed #666;
text-decoration:none;
}




#div-werkwijze{
	text-align:left;
	background-color:#FFF;
	padding-top:75px;
	padding-bottom:100px;
}

#werkwijze_left{
	text-align:left;
	margin-right:5%;
	padding-right:25px;
}

#werkwijze_right{
	text-align:left;
	margin-left:0%;
	padding-top:65px;
}

#werkwijze_left h3{
	margin:0;
	padding:0;
	
	font-family: "Open Sans",Arial,sans-serif;
	
	font-weight:600;
	font-size:16px;
	color:#333;
	line-height:26px;
}

#div-fotocontent{
	text-align:left;
	background-color:#FFF;
	padding-top:75px !important;
}

#div-fotocontent h3{
	font-size:26px;
	font-weight:600;
	color:#1ba1e3;
	letter-spacing:-0.4px;
}

.fotocontent_left{
	text-align:left;
	margin-right:5%;
	float:left;
}

.fotocontent_right{
	text-align:left;
	margin-left:5%;
	float:right;
	padding-top:5px;
	min-height:350px;
}

.fotocontent_right_logo{
	text-align:left;
	margin-left:5%;
	float:right;
	padding-top:25px;
	min-height:150px;
}

.fotocontent_left_inv{
	text-align:left;
	margin-left:5%;
	float: right; 
	
}

.fotocontent_right_inv{
	text-align:left;
	margin-left:0%;
	float: left;
	padding-top:5px;
	min-height:350px;
}

#extra_tekst_left{
	text-align:left;
	margin-right:5%;
}

#extra_tekst_right{
	text-align:left;
	margin-left:2.5%;
	padding-top:65px;
}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:25px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.yt{
	padding-right:0;
}



#div-webservers{
	text-align: center;
	background-color:#f4f4f4;
	background-color:#2b9fd8;
	padding-top:0px;
	padding-left:0;
	padding-right:0;
	background-image:url(../images/bg_webservers_left.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#webservers_mid{
	padding-top:75px;
	height:auto;
}

#div-webservers h2{
	color:#FFFFFF;
}

#webservers_mid h2{
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color:#FFFFFF;
	font-size:22px;
	font-style:italic;
	line-height:32px;
	font-weight:400;
}

#webservers_mid h3{
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size:36px;

	text-decoration:none;
	letter-spacing:-0.5px;
	padding-bottom:25px;
	line-height:40px;
	color:#333333;
}

#div-webservers .curs{
	color:#FFFFFF;
}

#webservers_left{
	/*background-image:url(../images/bg_webservers_left.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;*/
	/*
	background-image:url(../images/bg_down.png);
	
	min-height:400px;
	color:#FFFFFF;
	padding:50px;
	text-align: center;*/
	
	/*min-height:400px;*/
	background-color:#FFFFFF;
	padding:50px;
	text-align:left;
	margin-bottom:50px;
	margin-right:2.5%;
	box-sizing: border-box;
	
}

#webservers_left h3{
	font-size:40px;
	font-weight:300;
	color:#FFFFFF;
	line-height:40px;

}

#webservers_right{
	/*min-height:400px;*/
	background-color:#FFFFFF;
	padding:50px;
	text-align:left;
	margin-bottom:50px;
	margin-left:2.5%;
	box-sizing: border-box;
	
	
}

#webservers_right h3{
	font-size:32px;
	font-weight:600;
	line-height:36px;
}


#div-webservers h4{
	
color:#333;
font-size:24px;	
}


.palet_blauw{
height:450px;
padding:40px 50px 50px 50px;
text-align:left;
box-sizing:border-box;
color:#FFFFFF;
}

.palet_blauw h2{
color:#FFFFFF;
border:none;
}

#blauw1{
	background-color:#2a95ca;
}
#blauw2{
	background-color:#2b9fd8;
}
#blauw3{
	background-color:#34a9e2;
}


.lip{
	height:50px;
	width:100%;
	background-image:url(../images/bg_lip.png);
	background-position:center top;
	background-repeat: no-repeat;
}


.bo{
	text-align:center;
	padding:25px;
}

.bo h3{
	margin:0; 
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size:20px;
	line-height:28px;
	color:#666;
	padding-bottom:15px;
	margin-bottom:0px;
}

#div-landing{
	padding-top:50px;
	padding-bottom:25px;
}

#pagination{
	display:none;
}






#webdesign{
	padding-bottom:100px;
}


#webdesign h3{
	color:#2ba0d6;
	font-size:34px;
	font-weight:600;
	line-height:40px;
}


#webdesign_left{
	margin-right:5%;
}

#webdesign_right{
	margin-left:5%;
}


#webdesign_left_b{
	margin-right:5%;
}

#webdesign_right_b{
	margin-left:5%;
}

#div-opties{
	margin-top:10px;
	padding-top:100px;
	
	background-image:url(../images/bg_opties2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;
	
	
	
	min-height:550px;
	background-size:cover;
	padding-bottom:50px;
	
	color:#FFFFFF;
}


#div-opties h3{
	color:#FFF;
	font-size:34px;
	font-weight:600;
	line-height:36px;
	margin-bottom:1px;
}

#div-opties h4{
	color:#FFF;
	font-size:24px;
	font-weight:600;
	line-height:26px;
	margin-bottom:1px;
	font-style: italic;
}

#div-opties h4 a{
	color:#FFF;
	font-size:24px;
	font-weight:600;
	line-height:26px;
	margin-bottom:1px;
	text-decoration:none;
	border-bottom: 2px dotted #FFF;
}


#opties_left{
	margin-right:2.5%;
}

#opties_right{
	margin-left:2.5%;
}


.optie_ring{
	width:35px;
	height:25px;
	background: url(../images/bg_wit2.png);
	padding:10px;
 	border-radius:90%;
	float:left;
	margin-right:10px;
	margin-top:14px;
	margin-bottom:25px;
}

.optie_nr {
   background: #333;
   color:#FFFFFF;	
   border-radius:90%;
   
   width:35px;
	height:35px;
	box-sizing:border-box;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	padding-top: 4px;
	text-align:center;
	font-weight:600;
	font-size:16px;
}

.optie_txt{
	/*float:left;*/
	
	
}


#div-cms {
	padding-top:75px;
	padding-bottom:0px;
	
}

#div-cms img{
	max-width:268px;
	height:auto;
	display:block;
}

#div-cms h3{
	color:#2ba0d6;
	font-size:34px;
	font-weight:600;
	line-height:40px;
}

#cms_left{
	padding-top:10px;
	color:#999;
	margin-right:5%;
}

#cms_right{
	padding-top:10px;
	color:#999;
	margin-left:5%;
}


.drie_links{margin-right:2.5%;}
.drie_mid{margin-right:2.5%; margin-left:2.5%;}
.drie_rechts{margin-left:2.5%;}

.il{
	background-color:#f1f1f1;
	padding:12px;
	font-size:13px;
}



#hosting_left{
	padding-right:50px;
	margin-right:2.5%;
	
}

#hosting_right{
	
	margin-left:2.5%;
	
}


#h_1{
	/*color:#999;*/
	background-color:#F7F7F7;
}

#h_2{
	background-color:#333;
	color:#FFF;
	line-height:22px;
}

#h_3{
	background-color:#2ba0d6;
	color:#FFFFFF;
	line-height:22px;
}

#h_2 .hos-level, #h_1 .hos-level{
	border-bottom:1px dotted #999;
}


.hos{
	padding:25px;
	text-align:center;
	padding-top:50px;
}

.hos-level{
	font-size:24px;
	display:block;
	border-bottom:1px dotted #FFFFFF;
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:25px;
	margin-bottom:25px;
}

.hos-prijs{
	font-size:40px;
	display:block;
	padding:10px 0px 5px 0px;
	font-weight:800;
}

.jaar{
	display:block;
	font-style:italic;
	font-size:13px;
	opacity:0.85;
	padding-bottom:15px;
}


#div-promail{

	background-image: url(../images/promail_half2.jpg); 
	background-position:center bottom;
	background-repeat: no-repeat;
	min-height:600px;
}

#promail_right{
	padding-top:75px;
	padding-bottom:200px;
	
}

#promail_right h3{
	color:#2ba0d6;
	font-size:34px;
	font-weight:600;
	line-height:40px;
}

#promail_left{
	/*padding-top:-150px;*/
}


.cms_mid{
	text-align:center;
}

.cms_mid img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}


#div-eshops{

	min-height:500px;
	padding-bottom:75px;
	/*
	background-image:url(../images/gradient_top.jpg);
	background-position:top;
	background-repeat:repeat-x;
	*/
	background-image:url(../images/bg_eshops.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 550px;
	background-color:#FFFFFF;
	padding-top: 150px;
}

#eshops_left{
	padding-top:50px;
	color:#333;
	margin-right:5%;
}

#eshops_right{
	padding-top:50px;
	color:#999;
	margin-left:5%;
}

#internet-mark{
	padding-top:50px;
	min-height:50px;
	padding-bottom:75px;
}

#internet-mark h3{
	color:#2ba0d6;
	font-size:34px;
	font-weight:600;
	line-height:40px;
}

#internet-mark_right{
	float:right;
}


#email-mark{
	background-image:url(../images/bg_email-mark.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:50px;
	padding-bottom:25px;
	padding-top:75px;
	text-align:center;
	color:#FFFFFF;
}

#mark{
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
	display:block;
}

.mk{
	padding:15px; 
	/*background-color:#F7F7F7;*/
	background-color:#373b3f;
	color:#FFFFFF;
}

.mk_title{
	text-transform:uppercase;
	font-weight:700;
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #1CA6FF;
}

#email-mark h3{
	color:#FFFFFF;
	font-size:36px;
	font-weight:700;
	line-height:40px;
	letter-spacing:-0.4px;
	padding-bottom:20px;
}

#email-onder{
	padding-top:50px;
}

.epos{
	text-align: center;
	/*border-bottom:6px solid #333333;*/
	padding-bottom:25px;
}



#internet_mid{
	text-align:left;
}


#webdiensten-icons{
	float:right; 
	padding-top:5px; 
	width:300px; 
	height:75px; 
	bottom:90px; 
	position: absolute; 
	right:0;
	
}


.icon_mm{
	width:110px !important;
	height:80px !important;
}

#div-extratekst{
	padding-top:50px;
	padding-bottom:50px;
}

#extra_tekst_left_land{
	margin-right:2.5%;
}

#extra_tekst_right_land{
	margin-left:2.5%;
}


#et{
	padding-left:25px;
	padding-right:25px;
}

.scrolloff {
        pointer-events: none;
 }
 
 .da{
	 /*color:#CCC;*/
	 width:16px;
	 display:inline-block;
 }
 
 #cont{
	 background-color:#2ba0d6;
	 color:#FFF;
	 margin-top:-7px;
 }
 
  #cont h4{
	 color:#373b3f;
 }
 
   #cont a{
	 color:#FFF;
 }
 
 
 
 /*
.vier_links_kl{margin-right:2.7%;}
.vier_mid_links_kl{margin-right:1.3%;}
.vier_mid_rechts_kl{margin-left:1.3%;}
.vier_rechts_kl{margin-left:2.7%;}
*/

.kl{
	text-align:center;
	border-right:1px solid #EEEEEE;
}

.nobor{
	border:none !important;
}

.kl img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100px;
	padding-bottom:50px;
}


.vier_links{margin-right:1.35%;}
.vier_mid_links{margin-right:0.65%;}
.vier_mid_rechts{margin-left:0.65%;}
.vier_rechts{margin-left:1.35%;}

.witbgsm{
	background-color:#FFFFFF;
}

.sitempl{
	height:15px;
}

.smtop{
	background-color:#2ba0d6;
	color:#FFFFFF;
}

.smtop a{
	color:#FFF;
}

.smsec{
	background-color:#373b3f;
	color:#FFFFFF;
}

.smsec a{
	color:#FFF;
}


.klz h3{
	font-weight:800 !important;
	font-size:64px !important;
	line-height:53px !important;
	text-transform:uppercase;
	letter-spacing:-1px;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF !important;
	padding-bottom:25px !important;
	margin-bottom:25px;
}

.klz{
	color:#FFFFFF !important;
	background-color:#22ace1;
	padding:25px;
}

.klz a{
	color:#FFFFFF !important;
	text-decoration:none;
	border-bottom:1px dashed #FFFFFF;
}

.klz a:hover{
	color:#FFFFFF !important;
	border-bottom:0px dashed #FFFFFF;
}


.twee_links{margin-right:2.5%;}
.twee_rechts{margin-left:2.5%;}	

.af{
	width:24px;
}

.qbox{
	padding: 15px 0px 15px 25px;
	border-left: 10px solid #f4f4f4;
	font-size: 18px;
	font-style: italic;
	font-weight: 600; 
}


#opsomming{
	padding-top:25px;
	padding-bottom:25px;
	/*max-width:1150px;*/
}

#opsomming .il{
	padding:25px;
	
}


.pbox{
	/*background-color:#2ba0d6;*/
	background-color:#f7f7f7;
	padding:25px;
	box-sizing:border-box;
	margin-left:12px;
	text-align:center;
}

.promo_inhoud{
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	display:block;
	margin-top:7px;
	/*box-shadow: 0px 2px 10px rgba(0,0,0,0.15);*/	
}

.promo_prijs{
	padding:10px;
	text-align:center;
	background-color:#2ba0d6;
	color:#FFFFFF;
	display:block;
	margin-top:8px;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	font-size:32px;
	font-weight:700;	
}

.promot{
	font-size:32px;
	color:#2ba0d6;
	font-weight:700;
}


.nummer{
	/*opacity: 0.7;*/
	/*height: 85px;*/
	overflow: hidden;
	/*border: 1px solid #FF0000;*/
	/*background-image: url(../images/bg_down.png);*/
	background-image: url(../images/bg_wit2.png);
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	/*background-color: #FFF;*/
	border-radius: 4px;
	color: #333;
	display: table;
	/*line-height: 28px*/
	
}

.nummer p{
	padding: 0;
	padding-left: 0px;
	display: table-cell;
	vertical-align: middle;
}


#cms-split{
	background-image: url(../images/bg_split.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:100px;
}


#error{
	background-color: #2b9fda;
	background-image: url(../images/bg_404.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	

}

#err{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15%;
	max-width: 680px;
}

.err_vet{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700 !important;
	font-size:200px;
	color:#FFF;
	margin-bottom: 50px;
	display: block;
	text-shadow: 0px 3px 0px rgba(0,0,0,0.2);
}

.err{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600 !important;
	font-size:65px;
	color:#FFF;
	letter-spacing: -1px;
	line-height: 65px;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.2);
	padding-bottom:35px;
	display:inline-block;
	border-bottom: 1px solid #FFF;
}

#err_imaxx{
	width: 125px;
	margin-left: -16px;
	margin-top: -5px;
}

.oer{
	padding-top: 10px !important;
	padding-bottom: 8px !important;
	font-size:17px !important;
}

.er_fl{
	float:right;
	margin-left: 8px !important;
	margin-top: 8px !important;
}


.box{
	 background-color:#FFF; padding:25px; font-size:13px; color:#999; border:2px dotted #CCC; font-style:italic;
}

#promo_thx{
		padding-bottom:50px;
}

.groot{
	font-size:30px;
	line-height:30px;
}

#yt-container{
	margin-top:50px;
	
	padding:0;
}

#yt-movie{ 
	margin-top:50px;
	margin-bottom:0px;
	padding:0px;
	font-style:italic;
	line-height:34px;

}

#movie_left{
	margin-right:5%;
	padding-top:10px;
}

#movie_right{
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	margin-left:5%;
	display:table !important;
	font-size:18px;
	padding-top:10px;
	padding-right:25px;
	height:auto;
	
}

#movie_right_mark{
	/*font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;*/
	margin-left:2.5%;
	
	padding-top:10px;
	padding-right:0px;
	height:auto;
	font-style:normal;
	
}

#movie_right p{
	color:#666;
	display: table-cell !important;
	vertical-align: middle !important;
}


#contact_left{
	padding-right:100px;
}


#resp_klanten{
	width:85%;
	height:auto;
}


#nieuws h4 a{
	text-decoration:none;
	border-bottom:2px dotted #009ddc;
}

#nieuws h4 a:hover{
	text-decoration:none;
	border-bottom:0px dotted #333;
}


.nomar{
	margin:0 !important;
}

.marleft{
	margin-left:8px !important;
}
.martop{
	margin-top:8px !important;
}


.bram {margin: 50px 0px 55px 0px;}


/************************************** RESPONSIVE CSS *****************************************/
/****************************************************************************************************/


@media only screen and (max-width :1256px)   { 

.blok_links{
	margin-left:0;
	margin-right:0;
}

.blok_rechts{
	margin-left:0;
	margin-right:0;
}

.blok_realisatie{
    width:30%;
	margin-left:1%;
	margin-right:1%;
}

}


@media only screen and (max-width :1214px)   { 
.banner_txt{
	width:100%;
	box-sizing:border-box;
	padding:25px;
	color:#FFFFFF;
	top:225px;
	margin-left:0;
	left:0;
}

}

@media only screen and (max-width :1080px)   { 
a.menulink,
a.menulink:link,
a.menulink:visited,
a.menulink:active {
	font-weight: 700 !important;
	font-size:15px;
	letter-spacing:-0.8px;
	padding:6px 10px 6px 10px;
}

a.offertelink,
a.offertelink:link,
a.offertelink:visited,
a.offertelink:active {
	font-weight: 700 !important;
	font-size:15px;
	letter-spacing:-0.8px;
	padding:5px 9px 5px 9px;
}
header #menu a {
	  margin-top:58px;
	  }
header.smaller #menu a {
	  margin-top:19px;
	  }
	  
.index{

	background-attachment: scroll !important;
	
	
}
	  
}

@media only screen and (max-width :960px)   { 
.weg{
	display:none; 
}

.plus{
	display:none;
}

.bram {margin: 50px 0px 22px 0px;}

#resp_klanten{
	width:75%;
	height:auto;
}

.hos{
	padding-top:25px;
}

#hosting_left{
	padding-right:0px;
	margin-right:0;
	
}

#hosting_right{
	
	margin-left:0;
	
}
	
.pbox{
	margin-left:0px;
	margin-top:50px !important;
	display:block;
}
	
#hosting_left{
	padding-right:0px;
}

#contact_left{
	padding-right:0px;
}

#verlengen_right{
	padding-top:50px;
}
	
.nummer{
	min-height: none;
}
	
#promo_thx{
		padding-bottom:50px;
	}
	
#div-cms {
	padding-top:100px;
	padding-bottom:50px;	
}
	
#cms-split{
	background-image: none;
	padding-bottom:0px;
}
	
#webdesign{
	padding-bottom:50px;
}


#opsomming{
padding-left:0px;
padding-right:0px;
}
	
#err{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15%;
	max-width:none;
}

.err_vet{
	font-size:150px;
	margin-bottom: 25px;
}

.err{
	font-size:50px;
	letter-spacing: -1px;
	line-height: 55px;
	display: block;
}

.section100, .section75, .section70, .section65, .section60, .section50, .section47, .section45, .section40, .section35, .section33, .section30, .section25, .section23, .section20 {
	width:100%;
	margin-top:20px; 
}

.vier_links, .vier_mid_links, .vier_mid_rechts, .vier_rechts{margin-right:0; margin-left:0; margin-top:10px;}

.witbgsm{
	display:none;
}
.sitempl{
	height:0px;
}

.intro{
	
	padding-left:0px !important;
	padding-right:0px !important;
	
}

.kl{
	text-align:center;
	border-right:0px solid #EEEEEE;
}

#mouse{
	display: none;
}

.banner_txt{
	top:10%;
}


.banner_txt h1{
	font-size:50px;
	letter-spacing:-1.6px;
	line-height:54px;
}

.banner_txt h4{
	font-size:50px;
	letter-spacing:-1.6px;
	line-height:54px;
}

.banner_txt h2{
	
	font-size:18px;
	letter-spacing:-0.4px;
	line-height:24px;
	max-width:960px;
	width:100%;
}

#div-eshops{
	background-size:100% 200px;
	padding-top:75px;
/*
	
	background-color:#f4f4f4;
	
	*/
}

.blok{
    width:46%;
	margin-top:63px;
	vertical-align:top;
}


#blok2{
	margin-left:2%;
	margin-right:0%;
}

#blok4{
	margin-left:2%;
	margin-right:0%;
	
}

#blok5{
	margin-left:0%;
	margin-right:2%;
}


#wib_left{
	padding-top:50px;
	text-align:center;
}

#wib{
	padding-right:50px;
	height:auto;
	background-size:cover;
}

#wib_detail{
	padding-right:50px;
	height:auto;
	background-size:cover;
}

#wib_small{
	padding-left:0px;
	padding-right:0px;
}

#wib_right{
	text-align:center;
	height:auto;
	
}

#wib_right img{
	display:block;
    margin:auto;
	text-align:center;
	position: relative;
	margin-top:25px;
}

#nieuws_small{
	padding:0;
}

#nieuws{
	padding-right:0px;
	padding-top:25px;
}


#samenwerken{
	padding-left:0;
	padding-right:0;

}

#samenwerken_right{
	text-align:center;
	padding-top:0;
}

#samenwerken_left{
	display:none;
}

#samenwerken_right h4{
	background-position:center bottom;
}



#promo{
	height:175px;
	padding-left:0;
	padding-right:0;
}

#promo_left{
	text-align: center;
	height:50px;
	box-sizing:border-box;
	padding-right:0px;
	padding-top:12px;
	font-weight:600;
}

#promo_right{
	text-align: center;
	height:75px;
	box-sizing:border-box;
	padding-left:0px;
	padding-top:0px;
}


#footer_right{
	margin-top:0;
}

#footer_right img{
	text-align:left;
	display:block;
	float:left;
}

.foot-sublink{
	display:none !important;
}

#footerlinks{
	float:left;
	width:125px;
}

#footer_table{
	float:left;
}

.fbox{
	/*width:14%;*/
	border:0px solid #FF0004;
	float: none;
	text-align:left;
	width:125px;
}

.fbox_adres{
	width:auto;
}

#down{
	display:none;
}

.hideme{
	opacity:1;
}

#samenwerken_table{
	margin-left: auto;
    margin-right: auto;
}



#wie_left{
	margin-right:0;
	text-align:justify;
}

#wie_mid{
	margin-right:0;
	margin-left:0;
	text-align:justify;
}

#wie_right{
	margin-left:0;
	text-align:justify;
}


#content{
	padding-top:30px;
}



#service_left{
	text-align: center;
	padding:50px 0px 0px 0px;
	/*border-top:2px dashed #E8E8E8;*/

}

#service_right{
	text-align:center;
	padding:0px 0px 25px 0px;
	margin-top:0;
}

#service_left h3{
	padding-top:36px;
	padding-left:0;
	padding-right:0;
	background-position:center top;
	text-align:center;
}

#service_right h3{
	padding-top:36px;
	padding-left:0;
	padding-right:0;
	background-position:center top;
	text-align:center;
}

.service-box{
	min-height:125px;

}

#smartphone{
	display: none;
}

.curs{ 
padding-left:0px;
padding-right:0px;

}



#div-werkwijze{
	padding-left:0px;
	padding-right:0px;
	
}

#werkwijze_left{
	text-align:left;
	margin-right:0;
}

#werkwijze_right{
	text-align:left;
	margin-left:0;
	padding-top:25px;
	padding-right:25px;
}

#div-fotocontent{
padding:0px;
}

.fotocontent_left{
	text-align:left;
	
}

.fotocontent_right{
	text-align:left;
	min-height:100px;
}

.fotocontent_left_logo{
	display:none;
}

.fotocontent_right_logo{
	padding-top:0px;
	margin-top:0px;
}

.fotocontent_right_inv{
	text-align:left;
	min-height:100px;
}

.fotocontent_left_inv{
	text-align:left;
	margin-right:0;
	
}

#extra_tekst_left{
	text-align:left;
	margin-right:0;
}

#extra_tekst_right{
	text-align:left;
	margin-left:0;
	padding-top:0px;

}


#div-service{
	text-align: center;
	background-color:#f4f4f4;
	padding-top:100px;
	
	padding-left:0px;
	padding-right:0px;
	background-image:url(../images/bg_service.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	
}
	
#boek-offerte img{
		text-align: right;
	}

/*
.blok_realisatie{
    width:40%;
	margin-left:1%;
	margin-right:1%;
}
*/
.drie_links, .drie_mid, .drie_rechts{margin-right:0;margin-left:0;}


#webservers_left{
	margin-bottom:0;
}


#webservers_right{
	margin-left:0;
}


#div-promail{

	background-image: url(../images/promail_half_small.jpg);
	background-position:center bottom;
	background-repeat: no-repeat;
	background-size:100%;
	
}

#promail_right{
	padding-top:0px;
}

.disp{
	display:none;
}

#webdiensten-icons{
display:none;
}


#extra_tekst_left_land{
	margin-right:0;
}

#extra_tekst_right_land{
	margin-left:0;
}

#et{
	padding-left:0px;
	padding-right:0px;
}

#webdesign_right_b{
	margin-left:0;
}
	
	#webdesign_right{
		display: none;
	}


#cms_left{
	margin-right:0;
	padding-top: 0px;
}	
	
#cms_right{
	margin-left:0;
	padding-top: 0px;
}

#opties_right{
	margin-left:0;
	margin-top:0;
	padding-right: 25px;
}

#opties_left{
	margin-left:0;
	margin-top:0;
	padding-right: 25px;
}

#eshops_right{
	display:none;
}

.nummer{
	width: 100%
}


.twee_links{margin-right:0;}
.twee_rechts{margin-left:0;}	
	
}

@media only screen and (max-width :720px)   {
.blok{
    width:100%;
	padding:25px 25px 25px 90px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	margin-top:50px;
}

.bol{
	/*margin-top:-37px;*/
	margin-left:-65px;
	margin-bottom:25px;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	
	width:40px;
	height:40px;
	margin-top:0px;
	/*margin-left:0px;*/
	background-size:contain;
}

#blok2{
	margin-left:0%;
	margin-right:2%;
}

#blok4{
	margin-left:0%;
	margin-right:2%;
}

#plus_btn{
	display:none !important;
}

#banner_txt_detail{
	text-align:center;
	top:125px;
}

#headerbgs{
	
	background-image: none;
	
}

}

@media only screen and (max-width :720px)   { 
.bc{
	display:none;
}
#footer_left{
	height:0px;
	padding-top:0px;
}
}

@media only screen and (max-width :560px)   { 

.banner_txt{
	top:75px;
}


.banner_txt h1{
	font-size:30px;
	letter-spacing:-1.6px;
	line-height:36px;
}

.banner_txt h2{
	font-size:16px;
	letter-spacing:-0.4px;
	line-height:22px;
}

.banner_txt h4{
	font-size:30px;
	letter-spacing:-1.6px;
	line-height:36px;
}
	
.blok h3{
	margin-bottom:0px;
	line-height:32px;
	font-size:28px;
}

/***** H1 *****/
#intro h1{ 
	
	font-size:36px;
	letter-spacing:-1px;
	line-height:36px;
	padding-bottom:30px;
}
	/*
.blok_realisatie{
    width:100%;
	margin-left:0;
	margin-right:0;
}
*/
/*
.content_real{
	padding-left:25px;
	padding-right:25px;
	box-sizing:border-box;
	
}
*/

#wiezijnwij{

	padding-bottom:100px;
	background-size:400%;

}


.klz h3{
	
	font-size:46px !important;
	line-height:40px !important;
	letter-spacing:-1px;

}

#div-promail{
	background-size:125%;
}

	
}



@media only screen and (max-width :480px)   { 
	#div-promail{
	background-size:140%;
}
}


object { 
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	padding-top: 100%; 
} 

svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.js-spoiler-block li{ display:inline;}



li.leaf {
background: url(../images/check.svg);
	background-position: top left !important;
	background-repeat: no-repeat;
	background-size: 17px 34px;
height:auto;
padding-left: 26px;
padding-top: 4px;
	list-style: none !important;
	/*content:url(../images/check.svg);*/
	
}

ul.no_bullet {
list-style: none !important;
padding: 0;
margin: 0; 
}

#opsomming li:before {
  /* For a round bullet */
  /*content: '\2022';*/
  /* For a square bullet */
  content:' ';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: 0;
  color: #1ba1e3;
  font-size: 16px;
  
}


#hosting_left li:before {
  content:' ';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: 0;
  color: #1ba1e3;
  font-size: 16px;
  
}

