/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*general*/
body {
  font-size: 16px;
  color:#1c2028;
  padding-right:0px;
  padding-left:0px;  
  font-family:Arial, Helvetica, sans-serif;
  font-weight:300;
  margin: 0;
  background-color:white;
}

.container_ctrl_panel {
    position: fixed;
    top:0px;
    background-color: #94c43a;
    margin: 0;
    padding: 0;
    height: 25px;
    width: 100%;
    z-index: 2000;
}
.ctrl_panel {
    margin-left: auto;
    margin-right: auto;    
    max-width: 1000px;    
}

.ctrl_panel a {    
    margin-left: 15px;
    color: #1c2028;
}

.ctrl_panel a:hover {
    margin-left: 15px;
    color: #fff;
}


.fa {
    padding-right:10px;
}


.lblContactMessage {
    color:green;
}
.lblContactMessageError {
    color:red;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1000px;
}

.container {  
  margin-right: auto;
  margin-left: auto;  
  *zoom: 1;
}

.container_content {
  margin-top:-100px;
  margin-right: auto;
  margin-left: auto;  
  width: 1000px;  
  *zoom: 1;
}
.container_content_help_head_txt {
    text-align:center;
    margin-top: -75px;
    margin-right: auto;
    margin-left: auto;
    width: 900px;
    *zoom: 1;    
}

.container_content_help {
    margin-top: -95px;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    *zoom: 1;   
}

.container_content_help_img {
    margin-top: -85px;
    margin-right: auto;
    margin-left: auto;
    width: 250px;
    *zoom: 1;    
}

.container_recent {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
    *zoom: 1;
}


.container_circle {
  margin-top:50px;
  margin-right: auto;
  margin-left: auto;  
  width: 1000px;  
  height: 250px;
  padding-left: 0px;
  *zoom: 1;
}

.container_about {
  margin-top: -40px; 
  padding-left: 50px; 
  padding-right: 50px;
}
.container_about h1{
  color:#243a52;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;  
  font-weight:800;
  line-height:26px;
  text-align:justify;
  font-style: normal;
}
  
.circle_recent {
    float:left;
    padding-right:10px;
    padding-left:10px;    
    width:250px;
    height:250px;
}

img {
  border: 0 none;
}
  
a {
  font-size: 16px;
  color:#1c2028;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:300;
  text-decoration: none!important;
}
  
a:hover {
  color: #707d95;
}

strong{
    font-weight: 400;
}

.clear{clear:both;}
.fixed{position:fixed}
.pointer{cursor:pointer;}
.positionabsolute{position:absolute;}
.positionrelative{position:relative;}
.bold{font-weight:bold;}
.italic{
  font-style:italic;
  text-align: justify;
}

li,ul{margin:0px;padding:0px;}

img {border: 0 none;}

h1, .sh1{
  font-family:Arial, Helvetica, sans-serif;
  color:#962157;
  display:inline-block;
  margin: 10px 0;
  font-weight:500;
  font-size:24px;
        line-height: 40px;
}
.h1sub{
  font-size:20px;
}
.h1sub2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
}

strong{
    font-weight: 500;
}

.clear{clear:both;}
.margin20{margin:20px}.margin30{margin:30px}
.margintop10{margin-top:10px!important;}.margintop20{margin-top:20px!important;}.margintop30{margin-top:30px!important;}.margintop40{margin-top:40px!important;}.margintop60{margin-top:60px!important;}.margintop80{margin-top:80px!important;}.margintop160{margin-top:160px!important;}.marginleft10{margin-left:10px!important;}.marginleft20{margin-left:20px!important;}.marginleft40{margin-left:40px!important;}.marginleft60{margin-left:60px!important;}.marginleft80{margin-left:80px!important;}.marginleft160{margin-left:160px!important;}
.marginright10{margin-right:10px!important;}.marginright20{margin-right:20px!important;}.marginright40{margin-right:40px!important;}.marginright60{margin-right:60px!important;}.marginright80{margin-right:80px!important;}.marginright160{margin-right:160px!important;}.marginbottom10{margin-bottom:10px!important;}.marginbottom20{margin-bottom:20px!important;}.marginbottom30{margin-bottom:30px!important;}.marginbottom40{margin-bottom:40px!important;}.marginbottom60{margin-bottom:60px!important;}.marginbottom80{margin-bottom:80px!important;}.marginbottom160{margin-bottom:160px!important;}
.nomarginleft{margin-left:0px!important;}.nomarginright{margin-right:0px!important;}

.padding20{padding:20px}
.paddingtop10{padding-top:10px!important;}.paddingtop20{padding-top:20px!important;}.paddingtop40{padding-top:40px!important;}.paddingtop60{padding-top:60px!important;}.paddingtop80{padding-top:80px!important;}.paddingtop160{padding-top:160px!important;}
.paddingleft10{padding-left:10px!important;}.paddingleft20{padding-left:20px!important;}.paddingleft40{padding-left:40px!important;}.paddingleft60{padding-left:60px!important;}.paddingleft80{padding-left:80px!important;}.paddingleft160{padding-left:160px!important;}.paddingright10{padding-right:10px!important;}.paddingright20{padding-right:20px!important;}.paddingright40{padding-right:40px!important;}.paddingright60{padding-right:60px!important;}.paddingright80{padding-right:80px!important;}.paddingright160{padding-right:160px!important;}.paddingbottom10{padding-bottom:10px!important;}.paddingbottom20{padding-bottom:20px!important;}.paddingbottom40{padding-bottom:40px!important;}.paddingbottom60{padding-bottom:60px!important;}.paddingbottom80{padding-bottom:80px!important;}.paddingbottom160{padding-bottom:160px!important;}

.textcenter{text-align:center!important;}.textleft{text-align:left!important;}.textright{text-align:right!important;}
.floatleft{float:left;}.floatright{float:right;}
.displaynormal{display:inline!important;}
.ccenter{margin:auto;}
.fixed{position:fixed}
.pointer{cursor:pointer;}

.positionabsolute{position:absolute;}
.positionrelative{position:relative;}

.bold{font-weight:bold;}
li,ul{margin:0px;padding:0px;}

.minmax{
  max-width:1200px;
  min-width:960px;
  margin:auto;
}
.min{
  width:960px;
  margin:auto;
}

#preloader {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}


#loaderInner {
    background:#fff url(../img/spinner.gif) center center no-repeat;
    height: 60px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 60px;
}

@keyframes boxSpin{
  0%{
    transform: translate(-10px, 0px);
  }
  25%{
    transform: translate(10px, 10px);
  }
  50%{
    transform: translate(10px, -10px);
  }
  75%{
    transform: translate(-10px, -10px);
  }
  100%{
    transform: translate(-10px, 10px);
  }
}


@keyframes shadowSpin{
  0%{
    box-shadow: 10px -10px #fff, -10px 10px #243a52;
  }
  25%{
    box-shadow: 10px 10px #fff, -10px -10px #243a52;
  }
  50%{
    box-shadow: -10px 10px #fff, 10px -10px #243a52;
  }
  75%{
    box-shadow: -10px -10px #fff, 10px 10px #243a52;
  }
  100%{
    box-shadow: 10px -10px #fff, -10px 10px #243a52;
  }
}

#load {
  z-index: 9999;
  background-color: #9cc849;
  opacity: 0.75;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin: -5px auto 0 auto;
  left: 0;
  right: 0;
  border-radius: 0px;
  border: 5px solid #9cc849;
  box-shadow: 10px 0px #fff, 10px 0px #01FF70;
  animation: shadowSpin 1s ease-in-out infinite;
}






















.fijar{
  height:60px;
}
    .fijar .container {
        height: 60px !important;        
    }
    .fijar .container_logo {
        top: 34%;
        font-size: 15px;        
    }
.fijar .container_logo a{
  font-size:15px;
}
.fijar .container_menu_display img{
  width:30px;
  
}
    .fijar .container_menu_display {
        top: 31%;        
    }
.header .container {
    height: 140px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;    
}

.upper {
    text-transform: uppercase;
}

.title{
  text-transform:uppercase;
}
.title h2,.title h1,.title .sh1{
  color:#707d95;
  font-size:40px;
  font-weight:800;  
}
.title h2 strong,.title h1 strong,.title .sh1 strong{
  color:#1c2028;
  font-weight:800;
  
}

.title h3 {
  color:#4f5c74;
  font-size:16px;
  font-weight:600; 
}

.title .span_inner{
  font-weight:800;
  font-size:20px;
  background-color:white;
  padding-left:18px;
  padding-right:18px;
  color:#707d95;
}

  .subtxt_domain{
    margin-top: 15px;
    font-weight:800;
    font-size:24px;      
    color:#9cc849;        
  }

.container_footer{
  background-color:#1c2028;
  padding-top:60px;
  padding-bottom:10px;
  margin-top:80px;
}
.container_footer .title h2{
  color:white;
}
.container_footer .title .span_inner {
  background-color:#1c2028;
}
.container_footer .span_line{
  background-image:url(../img/icons/line2.jpg);
}
.continterior{
  width:960px;
  margin:auto;
}

.content_inloggen{
  width:460px;
  margin:auto;
}

.content_koop_nu{
  width:460px;
  margin:auto;
}

.container_about_txt{
  color:#707d95;
  font-size:16px;
  text-align:justify;
  font-weight:500;
  line-height:26px; 
}

.container_about_txt, .container_about_txt a {
  font-size:14px;
  line-height:19px;
} 


.container_disclaimer{
  width: 100%;
}


.container_disclaimer h1{  
    display:block;
    color:#1c2028;  
    font-size:20px;
    font-weight:700;
    margin-left:30px;
    text-align:left;
}

.container_disclaimer p{
    color:#707d95;
    font-size:16px;
    text-align:justify;
    font-weight:500;
    line-height:22px;  
    margin-left:40px;
    margin-right:40px;
}

.container_disclaimer ul {    
    display: block;    
    float: left;
    margin:0;    
    width: 90%;
    margin-left: 40px;
    list-style-type: circle;    
}

.container_disclaimer li {           
    float: left;
    display: block;
    color: #707d95;              
    text-align: left;
    display:list-item;
    margin-left:40px;
    margin-right:5px;
}




.cidioms a{
  font-size:15px;
  font-style:italic;
  font-weight:400;
  margin-right:0px;
}
.cidioms{
  position:absolute;
  right:0px;
  top:0px;
}
  




.stitular{
  margin-top:32%;
  display:block;
}

label.error{
  display:none!important;
}
.error{
  background-color:#ffb2b2!important;
  color:white;
  background-image:url(../img/icons/fail.png);
  background-repeat:no-repeat;
  background-position: right 15px center;
}

/* --- Validatie Input ---*/

.cinps .valid{
  background-color:#e8eaec!important;
  color:#6d9f61!important;
  background-image:url(../img/icons/valid.png);
  background-repeat:no-repeat;
  background-position: right 15px center;
}

.cinpss .valid{
  width: 100%!important;
  background-color:#e8eaec!important;
  color:#6d9f61!important;
  background-image:url(../img/icons/valid.png);
  background-repeat:no-repeat;
  background-position: right 15px center;  
}

.cinput{
  position:relative;
  margin-bottom:10px;    
}
.cinput label{
  position:absolute;
  width:100%;
  top:20px;
  text-align:center;
  font-size: 15px;
  font-weight: 700;
  color: #707d95!important;
  text-transform:uppercase;
  
}


.buttlogin {
  width: 100%!important;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;  
}
.buttlogin:hover {
  background-color: #80c105;
}


/* --- Input Contactformulier ---*/

.container_form{  
  width:100%;
  text-align: center;
  background-color: #45a9de;
}

form{
  display: inline-block;
}

.cinps{
  width:475px;
  float:left;
}
.cinps input,.cinps textarea{
  width:435px;
  padding:20px;
  margin:0px;
  border-radius:0px!important;
  text-align:center;
  border:0px;
  background-color:#d2d3d5;
  font-size: 15px;
  font-weight: 700;
  color: #707d95!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important
}
.cinps textarea{
  height: 285px;
  max-height: 285px;
  min-height: 285px;
  text-align:left;
  background-position: right 15px top 23px!important;
}


.cinpss{
  width:475px;
  float:left;
}
.cinpss input,.cinpss textarea{
  width:435px;
  padding:20px;
  margin:0px;
  border-radius:0px!important;
  text-align:center;
  border:0px;
  background-color:#d2d3d5;
  font-size: 15px;
  font-weight: 700;
  color: #707d95!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important
}
.cinpss textarea{
  height: 151px;
  max-height: 151px;
  min-height: 151px;
  text-align:left;
  background-position: right 15px top 23px!important;
}


/* --- Input LogIn formulier ---*/


.loginpt{
  width:460px;
  float:left;
}
.loginpt input{
  width:375px;
  padding:20px;
  margin:0px;
  border-radius:0px!important;
  text-align:center;
  border:0px;
  background-color:#d2d3d5;
  font-size: 15px;
  font-weight: 700;
  color: #707d95!important;
  -webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important
}












/* --- Input Domeinnaam ---*/

.container_form_domain {
  width:100%;
  margin: auto;  
}

.cform_domain{
  margin-top:60px;  
  text-align: center;
  width:98%;  
}

.dinput{
  position:relative;  
  margin-bottom:10px;
  margin-right:10px;
  background-color:#d2d3d5!important;
  width:100%;
}
.dinput label{
  position:absolute;
  text-align:center;  
  top:-30px;  
  font-size: 15px;
  font-weight: 700;
  color: #707d95!important;
  text-transform:uppercase; 
  margin-left:-150px; 
}

.dinput .cinpd {
  display: block;
  width:100%;
  background-color:#d2d3d5!important;
  color:#000!important;  
  margin: auto;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  height:50px;
  border:none;
}





























.buttsend {
  width: 100%!important;  
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.buttsend:hover {
  background-color: #80c105;
}



.buttakkoord {
  width: 90%!important;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.buttakkoord:hover {
  background-color: #80c105;
}

.buttterug {
  width: 90%!important;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 30px;
}

.buttterug:hover {
  background-color: #80c105;
}

.butt_inloggen {
  width: 90%!important;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.butt_inloggen:hover {
  background-color: #80c105;
}

.butt_domain {
  width: 100%!important;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.butt_domain:hover {
  background-color: #80c105;
}


.butt_domain_volgende {
  width: 100%!important;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.butt_domain_volgende:hover {
  background-color: #80c105;
}


.butt_opnieuw {
  width: 100%!important;  
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;  
}

.butt_opnieuw:hover {
  background-color: #1c2028;
}

.cform{
  margin-top:30px;  
  text-align: center;  
}

.cformlogin{
  margin-top:30px;  
  text-align: center;
  width:98%;   
}



.overflowhidden{
overflow: hidden;
}

.ctxtbutts{
  text-align:center;  
}


.italic{
  font-style:italic;
  text-align: justify;
}

.container_titel{
  margin: 0 auto;
  width: 1000px;  
  text-align: center;
  display: inline-block;
}

.container_melding{
  margin: 0 auto;
  width: 650px;  
  text-align: center;
  display: inline-block;  
}

.container_about_txthome{
  text-align: center;
}

.overzicht{
  width:60%;
  margin: auto;
  background-color: #e3e7f0;
}

.content_table {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.content_table table {
    width: 100%;
    white-space: nowrap; /* Optional */
}

.welkom{
  width:50%;
  margin:auto;
  background-color: #fff;
}

.content_bill{
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;  
  text-align: center;  
}

.content_bill table{
  table-layout: fixed;
  display: inline-block;  
}

.content_bill td{
  color:#243a52;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;    
  line-height:16px;
  text-align:justify;
  font-style: normal;
  padding: 10px;
  overflow: hidden;
}

.content_bill .td_left{
  width: 80px;
  color: #707d95;
  background-color: #f3f7ea;
}

.content_bill .td_mid{  
  color: #707d95;  
  background-color: #f3f7ea;
  text-align: center;  
}

.content_bill .td_right{
  color:  #707d95;  
  background-color: #f3f7ea;
}

.titel_totaal{
  color:#415271;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: 800;
  line-height:16px;  
  font-style: normal;
  padding-bottom: 10px;
  display: inline-block;
}

.totaal{
  color:#415271;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: 800;
  line-height:16px;
  font-style: normal;
  padding-bottom: 10px;
  display: inline-block;
}





















































































































































































































































































































































/*<slider>*/

.cwrap{
  background-color: #1c2028;
  padding-top:0px;
  overflow:hidden;  
}
.cwrap,.cpasador,.slide{
  height:730px;
  width:100%;
}
.cwrap{
  position:relative;
}
.slide{
  background-position:center;
}

.cdeg{
  position:absolute;
  width:100%;
  background-image:url(../img/home/deg.png);
  background-repeat:repeat-x;
  background-position:bottom;
  bottom:0px;
  z-index: 790;
  height:115px; 
}

.slide1{
  background-image:url(../img/home/gradient-white.jpg);
  background-position:center;
  
}
.slide2{
  background-image:url(../img/home/gradient-white.jpg);
  background-position:center;
  
}
.slide3{
  background-image:url(../img/home/gradient-white.jpg);
  background-position:center;
  
}
.slide4{
  background-image:url(../img/home/gradient-white.jpg);
  background-position:center;
  
}

.cimgbloginterior{
    margin-top: 60px;
  margin-bottom: 20px;
}
.cobj{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity:0;
  padding-top:0px;
  background-position:center;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
  position:absolute;
}
.cobj1{
  height:650px!important; 
}
.slide1{
  background-color:white;
}
.slide1 .cobj{
  background-image:url(../img/home/VPK-ALBO-2025.png);
  
  background-color:transparent;
}
.slide2 .cobj{
  background-image:url(../img/home/madouballonvaarten.png);
  
  background-color:transparent;
}
.slide3 .cobj{
  background-image:url(../img/home/dekeyserbvba.png);
  
  background-color:transparent;
}
.slide4 .cobj{
  background-image:url(../img/home/MovesForFun.png);
  background-position:center;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
  background-color:transparent;
}
.slide5 .cobj{
  background-image:url(../img/home/uwchampagne.png);
  background-position:center;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
  background-color:white;
}

.slide6 .cobj{
  background-image:url(../img/home/theufke.png);
  margin-top:25px;
}
.cycle-slide-active .cobj{
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  padding-top:30px;
  opacity:1;
}
/*</slider>*/












/* <Resize header and menu> */
  .header{
    background-color:#1c2028;
    width:100%;
    position:fixed;
    z-index:900;
    left:0px;
    height:140px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top:25px;
  }
    .header .container {
        height: 140px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;        
    } 
  .fijar{
    height:60px;
  }
    .fijar .container {
        height: 60px !important;        
    }
  .fijar .container_logo{
    top:23%;
    font-size:15px;
  }
  .fijar .container_logo a{
    font-size:15px;
  }
  .fijar .container_menu_display img{
    width:30px; 
  }
  .fijar .container_menu_display {
    top: 31%;    
  } 
/* </Resize header> */  







/* <Logo> */
  .container_logo{
    color:white;
    font-weight:700;
    font-size:20px;
    top:44%;
    position:absolute;
    left:0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  } 
  .container_logo a{
    color:white;
    font-weight:700;
    font-size:20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
/* </Logo> */






/* <Menu> (Normaal scherm)*/

  #home #m1{color:white!important;}  
  #werk #m2{color:white!important;}
  #recent #m3{color:white!important;}
  #domeinnamen #m4{color:white!important;}
  #contact #m5{color:white!important;}
  #hulplijn #m6 {color:white!important;}
  #login #m7{color:white!important;}

.container_menu {
    position: fixed;
    height: 60px;
    margin-top: 105px;
    width: 100%;
    background-color: #94c43a;
    z-index: 800;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    left: 0px;
    top: 60px;    
}
    .container_menu a {
        color: #1c2028;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 20px;
        line-height: 60px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        font-weight: 700;        
    }
  .container_menu a:hover{
    color:white;
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
  }

  .mselected{
    color:red!important;
  }
  .menufijar{
    margin-top:0px;
    height:65px;
  }
  .menuvisible{
    top: 60px;
    opacity:1;
  }
.container_menu_display {
    cursor: pointer;
    height: 38px;
    width: 56px;    
}
  .togg1{
    position:absolute;
    right:0px;
    top:-0x;
  }
  .togg2{
    position:absolute;
    right:0px;    
    display:none;
  }

.container_menuactive .togg2 {
    display: block;    
}

  .menufijar a{
    font-size: 15px;
    line-height:95px;
  } 
  .container_menu_display{
    position:absolute;
    right:0px;  
    top:38%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .container_menu_display img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width:56px;
  }
  
/* </Menu> */







/* <Titel> */ 

  .paragraph{
    margin-top:110px;
    margin-bottom:110px;
  }
  .paragraph_int{
  padding-top:120px;
  margin-bottom:0px;  
  }
  .titel{
    text-transform:uppercase;   
  }
  .titel h2,.titel h1,.titel .sh1{    
    color:#707d95;
    font-size:30px;
    font-weight:800;
  }

  .titel .sh2{
    color:#fff;    
    font-size:22px;
    font-weight:800;
   }

  .titel h2 strong,.titel h1 strong,.titel .sh1 strong{
    color:#1c2028;
    font-weight:800;  
  }
  .span_line{
    background-image:url(../img/icons/line.jpg);
    background-position:center;
    background-repeat:no-repeat;
    width:90%;
    display:inline-block;
  }

  .span_line_bottom{
    background-image:url(../img/icons/line.jpg);
    background-position:center;
    background-repeat:no-repeat;
    width:60%;
    display:inline-block;
  }

  .titel .span_inner{
    font-weight:800;
    font-size:22px;
    background-color:#fff;
    padding-left:18px;
    padding-right:18px;
    color:#707d95;
  }

  .titel .subtitel_bottom{
    font-weight:800;
    font-size:15px;   
    padding-left:18px;
    padding-right:18px;
    color:#9cc849;
  }
  .paragraph1 img{
    margin-top:110px;
  }
/* </Titel> */















/* <Bekijk onze werken> */  
  .featured{
    overflow: hidden;
    height: 340px;
  }
  .featured_inner{
    position:absolute;
    background-image:url(../img/icons/bt.png);
    z-index:8;
    width:100%;
    cursor:pointer;
    height:100%;
    opacity:0.9;
    text-align:center;
  }
  .sfeatured{
    position:absolute;
    color:white;
    font-size:30px;
    width:100%;
    font-weight:700;
    z-index:9;
    top:35%;
    text-align:center;
    display:block;
  } 
/* </Bekijk onze werken> */
















/* <Nice scroll> */
  .nicescroll-rails{
    background-color:#4e5157;
    z-index: 999!important;
  }
  .nicescroll-rails div{
    border-radius:0px!important;
  }
/* </Nice scroll> */








/* <Footer> */
  .container_footer{
    background-color:#1c2028;
    padding-top:60px;
    padding-bottom:10px;
    margin-top:80px;
  }
  .container_footer .titel h2{
    color:white;
  }
  .container_footer .titel .sinner {
    background-color:#1c2028;
  }

  .titel .subtxt_bottom{
    font-weight:800;
    font-size:18px;
    padding-left:50px;
    padding-right:50px;
    color:#9cc849;
    background-color:#1c2028;
  }  

  .container_footer .sline{
    background-image:url(../img/icons/line2.jpg);
  }
  .container_footer h2, .container_footer h2 strong{
  font-weight:700;
  }
  .container_footer .sh1{
    color:white;
  }
  .continterior{
    width:960px;
    margin:auto;
  }
  
  .container_adress{
    color:#9cc849;
    font-size:20px;
    font-weight:700;
    margin:50px auto;
  }
  .container_adress a{
    font-size:20px;
    color:#9cc849;
    font-weight:700;
  }
  .sub_element{
    margin-right:70px;
  }
  .sub_element img{
    margin-right:20px;
  }
  .csocial{
    position:absolute;
    right:0px;
    top:0px;
  }
  .licon{
    display:inline-block;
    height:28px;
    width:28px;
    margin-left:5px;
    background-repeat:no-repeat;
  } 
  .lfacebook{
    background-image:url(../img/icons/facebook.png);
  }
  .ltwitter{
    background-image:url(../img/icons/twitter.png);
  }
 
  .container_foot_adress .footdisclaimer {
    font-size:12px;
    font-style:italic;
    margin-top:5px;
    color:#949495;
  }

  .container_foot_adress .footdisclaimer a {
    font-size:12px;
    font-style:italic;
    margin-top:15px;
    margin-bottom:10px;
    color:#949495;
  }

  .container_foot_adress .footdisclaimer a:hover {
    color:#fff;
  }

  .container_foot_adress .sfoottags{
    font-size:16px;
    font-style:italic;
    margin-top:85px;
    color:#d0d1d3;
  }

  

/* </Footer> */




























/* <@Media> */
 
@media (max-width: 1000px) {
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  
  
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .contserv p, .contotrosserv p{
  display:none;
  }
.rmobile{
  display:block!important;
  }
.ciconimg img{
  width: auto;
  }
.contserv p, .contotrosserv p {
width: 83%;
}
.contserv{
width: 50%;
}
.cotrosserv {
padding-top: 40px;
}
.cotrosserv {
padding-top: 30px;
}
.titleotrosser {
font-size: 24px;
color: #1c2028;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 40px;
}
.contserv {
min-height: 180px;
}
.cicons {
margin-top: 40px;
}
.contotrosserv{
  width: 49%;
  }
.cservicios {
margin-top: 60px;
}
.servdiseno, .cservweb, .cotrosserv {
width: 100%;
  float:none;
}
.cservicios h1,.cservicios h2, .cservweb h2{
text-align: center;
}
.contserv {

}
.cpadweb {
padding-left: 0px;
}
.numpost1,.numpost4{
margin-left: 1%;
}
.numpost4 {
  margin-left: 1%;
}
.cdestacadoproyecto {
  position: relative;
width: 96%;
margin-left: 4%;
}
  .smod2 {
width: 46%;
margin-left: 4%;
}
.chover{
  display:none!important;
}
.cproyectosfullrow {
margin-left: -5%;
}
.cproyectos{
  margin-top: 60px;
}
.paragraphnews{
  display:none;
}
.smod2 .chover{
font-size: 15px;
line-height: 13px;
}
  .cpaginador {
    width:100%!important;
  }
    .cblogverimagen1 .sfechablog {
top: 4px;
}
    .stitularblog {
   margin-bottom: 10px; 
   font-size:18px;
   line-height: 22px;
   text-align:left;
}
.sfechablog {
    top:auto;
    right:auto;
    position:relative;
    display:block;
    margin-bottom: 22px;
}
.title h2, .sfeatured, .title .sh1,.title h1 {
  font-size:22px;
  line-height: 24px;
}
.paragraph,.paragraph1 img {
margin-top: 60px;
}
  .container_pie, .container_pie a {
  font-size:16px;
}
.ccontentblog {
  padding:15px;
}


  

.cvinyeta strong{
  display:none;
}
.cslide img{
width: 92%;margin-left: 4%;
}
.cmacbookpro2 .cslide {
height: auto;
top: 5.4%;
}
.cmacbookpro2 .cslide img {
margin-left: 12%;
width: 76%;
}
.container_menu_display img{width: 39px;
}
.container{
  padding-left:15px;
  padding-right:15px;
}
.cfotoabout {
margin-top: 15px;
margin-bottom: 15px;
}
.container_logo {
  left:15px;
}
.container_menu_display{
  right:15px;
}
.cwrap, .cpasador, .slide {
height: 400px;
}
.cobj {
height: 400px!important;
background-size: 700px;
}
.cobj1{
  margin-top:80px;
}
.featured{
  height: 200px;
}
.centry{
  display:none;
}
.container_footer{
  margin-top: 20px;
}

.continterior, .continterior2{ 
  width: 100%;
}
.csocial {
  position:relative;
  text-align: center;
  margin-top: 35px;
}
.sub_element img {
margin-right: 5px;
}
.sub_element {
margin-right: 0px;
display: block;
float: none;
text-align: center;
}

.container_foot h3 {
  font-size:12px;
  line-height:18px;
  margin-top: 25px;
}

.container_menu{
  display:none;
}

.menuvisible{
  height: 202px;
  display:block;
}

    

.container_menu a, .menuvisible a {
    font-size: 14px;
    display: block;
    text-align: center;
    width: 100%;
    margin-left: 0px;            
    height: 26px;
}
.slide {
  display:none;
}

.container_menu_display {
  top: 40%;
  right: 1%;
}

.sfeatured{
    position:absolute;
    color:white;
    font-size:25px;
    width:100%;
    font-weight:700;
    z-index:9;
    top:47%;
    text-align:center;
    display:block;
  }
  
.sh1{
    color:#707d95;
    font-size:25px;
    font-weight:800;
  } 
.titel .span_inner{
    font-weight:800;
    font-size:22px;
    background-color:#fff;
    padding-left:18px;
    padding-right:18px;
    color:#707d95;
  }

  .titel .subtxt_bottom{
    font-weight:800;
    font-size:18px;
    padding-left:18px;
    padding-right:18px;
    color:#9cc849;
    background-color:#1c2028;
  }
  

  .title h2,.title h1,.title .sh1{
    color:#707d95;
    font-size:30px;
    font-weight:800;
  }
  .title h2 strong,.title h1 strong,.title .sh1 strong{
    color:#1c2028;
    font-weight:800;  
  }


.titel h1,.titel .sh1{
  color:#707d95;    
  font-size:25px;
  font-weight:800;
 }

  .titel .sh2{
    color:#fff;    
    font-size:22px;
    font-weight:800;
   }

.cwrap{
  background-color: #1c2028;
  padding-top:80px;
  overflow:hidden;  
}
.cwrap,.cpasador,.slide{
  height:520px;
  width:100%;
}

.container_content {
  margin-top:-30px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%; 
  *zoom: 1;
}

.container_content_help {
    margin-top: -30px;
    padding-right: 20px;
    padding-left: 20px;
    width: 85%;
    *zoom: 1;
}

.container_content_help_head_txt {
    text-align: center;
    margin-top: -35px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    *zoom: 1;
}


  .container_recent {
    margin-top:0px;
    margin-right: auto;
    margin-left: auto;  
    width: 100%;
    *zoom: 1;
  }

  .container_circle {
    margin-top:50px;
    margin-right: auto;
    margin-left: auto;  
    width: 80%;  
    height: 520px;
    padding-left: 7%;
    *zoom: 1;
  }

  .cform{
    margin-top:60px;    
    width:475px;
    display: inline-block;
  }

  .cformlogin{
    margin-top:60px;    
    width:475px;
    display: inline-block;
  }

  .cform_domain{
    margin-top:60px;    
    width:475px;
    display: inline-block;
  }

  .cinps{
    width:475px;
  }
  
  .cinps input, .cinps textarea{
    width:92%!important;
    padding-left:4%!important;
    padding-right:4%!important;
  }

  .cinpss{
    width:475px;
  }
  
  .cinpss input, .cinpss textarea{
    width:92%!important;
    padding-left:4%!important;
    padding-right:4%!important;
  }

  .cinput{
    position:relative;
    margin-bottom:10px;  
    width: 100%;
    color:#d2d3d5;
    background-color: #00ff00;
  }

  .loginpt{
    width:475px;
    float:left;    
  }

  .loginpt input{
    width:387px;
    padding:20px;
    margin:0px;
    border-radius:0px!important;
    text-align:center;
    border:0px;
    background-color:#d2d3d5;
    font-size: 15px;
    font-weight: 700;
    color: #707d95!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
  }

  .container_titel{
    margin: 0 auto;
    width: 90%;  
    text-align: center;
    display: inline-block;
  }  

  .container_melding{
    margin: 0 auto;
    width: 85%;  
    text-align: center;
    display: inline-block;
  }

  .container_about {
    margin-top: -40px; 
    padding-left: 30px; 
    padding-right: 30px;
  }

  .content_bill{
    table-layout: fixed;
    width: 80%;
    white-space: nowrap;  
    text-align: center;    
  }

  .content_bill table{
    display: inline-block;
    margin-left: 0px;
}
  
  .content_bill td{
    color:#243a52;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:16px;
    text-align:justify;
    font-style: normal;
    padding: 10px;
  }

}












/* <@Media> iPad */

@media (max-width: 767px) {

  body {
    padding-right: 0px;
    padding-left: 0px;
  }

  .container{
    padding-left:0px;
    padding-right:0px;
  }

  .container_recent {
    margin-top:0px;
    margin-right: auto;
    margin-left: auto;  
    width: 100%;
    *zoom: 1;
  }

  .container_circle {
    margin-top:50px;
    margin-right: auto;
    margin-left: auto;      
    height: 1000px;    
    *zoom: 1;
  }

  .title .span_inner{
    font-weight:800;
    font-size:13px;
    background-color:white;
    padding-left:18px;
    padding-right:18px;
    color:#707d95;
  }

  .title h2,.title h1,.title .sh1{
    color:#707d95;
    font-size:26px;
    font-weight:800;
  }
  .title h2 strong,.title h1 strong,.title .sh1 strong{
    color:#1c2028;
    font-weight:800;  
  }

  .titel h1,.titel .sh1{
    color:#707d95;    
    font-size:22px;
    font-weight:800;
   }

   .titel .sh2{
    color:#fff;    
    font-size:22px;
    font-weight:800;
   }

   .titel .span_inner{
    font-weight:800;
    font-size:18px;
    background-color:#fff;
    padding-left:18px;
    padding-right:18px;
    color:#707d95;
  }

  .titel .subtxt_bottom{
    font-weight:800;
    font-size:18px;
    padding-left:18px;
    padding-right:18px;
    color:#9cc849;
    background-color:#1c2028;
  }

  .cform{
    margin-top:60px;    
    width:80%;
    display: inline-block;
  }

  .cformlogin{
    margin-top:60px;    
    width:100%;
    display: inline-block;
  }

  .cform_domain{
    margin-top:60px;    
    width:100%;
    display: inline-block;    
  }

  .cinps{
    width:300px;
    margin-left: -30px;    
  }

  .cinps input, .cinps textarea{
    width:92%!important;
    padding-left:4%!important;
    padding-right:4%!important;
  }

  .cinpss{
    width:300px;
    margin-left: 0px;    
  }

  .cinpss input, .cinpss textarea{
    width:92%!important;
    padding-left:4%!important;
    padding-right:4%!important;
  }

  .loginpt{
    width:100%;  
    float:left;
    text-align:center;    
    background-color: #ff00ff;
  }

  .loginpt input{
    width:290px;
    padding:20px;    
    margin-left:18px;
    border-radius:0px!important;
    text-align:center;
    border:0px;
    background-color:#d2d3d5;
    font-size: 15px;
    font-weight: 700;
    color: #707d95!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
  }

  .container_titel{
    margin: 0 auto;
    width: 80%;  
    text-align: center;
    display: inline-block;    
  }  

  .container_melding{
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    width: 75%;  
    text-align: center;
    display: inline-block;    
  }

  .container_about {
    margin-top: -40px; 
    padding-left: 10px; 
    padding-right: 10px;
  }

  .container_logo img{
    width:95%;
  }

.buttlogin {
  width: 300px!important;
  margin-left: -10px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;  
}

.buttsend {
  width: 300px!important;
  margin-left: 0px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.butt_opnieuw {
  width: 100%!important;  
  color: fff; 
  font-weight: 500;
  font-size: 14px;  
}

.butt_domain {
  width: 300px!important;
  margin-left: -10px;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.butt_domain_volgende {
  width: 300px!important;
  margin-left: -10px;
  height: 60px;
  border-radius: 0px!important;
  border: 0px;
  background-color: #1c2028;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.content_koop_nu{
  width:260px;
  margin:auto;
}

.container_domain_input { 
  width: 100%;  
}

.container_contact_input { 
  width: 300px;
  margin: auto;  
  text-align: center;  
}

.container_login_input { 
  width: 300px;
  margin: auto;  
  text-align: center;  
}

.overzicht{
  width:350px;
  margin: auto;
  background-color: #e3e7f0;
}

.buttakkoord {
  width: 350px!important;
}

.content_bill{
  width:100%;
  margin:auto;  
  text-align: center;  
}

.content_bill table{
    display: inline-block;
    margin-left: -80px;
}

.content_bill td{
  color:#243a52;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
  text-align:justify;
  font-style: normal;
  padding: 10px;
}

.content_bill .td_left{  
  color: #707d95;
  background-color: #f3f7ea;
}

.content_bill .td_mid{  
  color: #707d95;  
  background-color: #f3f7ea;
  text-align: center;  
}

.content_bill .td_right{
  color:  #707d95;  
  background-color: #f3f7ea;
}

}

/* <@Media> iPad */

@media (max-width: 480px) {

  .content_bill{    
    width: 80%;    
    text-align: center;    
  }

  .content_bill table{
    display: inline-block;
    margin-left: -140px;
  }

  .content_bill .td_left{  
    color: #707d95;
    background-color: #f3f7ea;
    width:20%;
  }

  .content_bill .td_mid{  
    color: #707d95;  
    background-color: #f3f7ea;
    text-align: center;  
    width:60%;
  }

  .content_bill .td_right{
    color:  #707d95;  
    background-color: #f3f7ea;
    width:20%;
  }

}