html { height: 100%; }
 	body {  font-family: 'Open Sans', sans-serif; overflow-y: scroll; min-height: 100%; position: relative; padding-bottom: 250px; }
 	.button { display: inline-block; background: #003c85; color: #fff; border-radius: 5px; padding: 5px 10px 5px 20px; line-height: 25px; font-size: 13px; transition: 0.5s; border: 0px; }
 	.button:hover { background: #0b2a4f; color: #fff; text-decoration: none; transition: 0.5s;}
 	.button  .fa-angle-right { padding: 0 10px 0 20px; transition: 0.5s;}
 	.button:hover  .fa-angle-right { padding: 0 5px 0 25px; transition: 0.5s;}
 	.btn { display: inline-block; background: #003c85; color: #fff; border-radius: 5px; padding: 5px 20px; line-height: 25px; font-size: 13px; transition: 0.5s; border: 0px; }
 	.btn:hover { background: #0b2a4f; color: #fff; text-decoration: none; transition: 0.5s;}
 	.obtn { display: inline-block; background: none; color: #003c85; border: 2px solid #003c85; border-radius: 5px; padding: 5px 20px; line-height: 25px; font-size: 13px; transition: 0.5s;  }
 	.obtn:hover { background: #0b2a4f; color: #fff; text-decoration: none; transition: 0.5s;}

	form { margin-top: 30px; } 
	input.contact { background: #f3f3f3; border-radius: 8px; border: 0px; margin: 10px 0; font-family: 'Open Sans'; font-size: 13px; padding: 12px;  }
    textarea.contact { background: #f3f3f3; border-radius: 8px; border: 0px; height: 100px; margin: 10px 0; font-family: 'Open Sans'; font-size: 13px; padding: 12px; }
	input.contact:focus, textarea.contact:focus { background: #e3e3e3; }
 		
 	#header a.logo { padding: 10px; margin: 10px 0; color: #003c85; transition: .2s;}
 	#header a.logo:hover { color: #333333; text-decoration: none; transition: .2s; }
 	
 	#header ul.topmenu { list-style: none; margin-top: 10px;  }
 	#header ul.topmenu li { float: left; margin: 0px; font-size: 14px; padding: 0px; border-right: 1px solid #ccc;  }
 	#header ul.topmenu li:last-child  { border: 0px; }
 	#header ul.topmenu li a { margin: 0px; font-size: 13px; padding: 0 10px; color: #003c85; }
 	#header ul.topmenu li a:hover { color: #333; text-decoration: underline; }
 	#topmenu { float: right; }
 	#header address { color: #003c85; line-height: 25px; font-size: 14px; margin: 20px 10px 0 0; }
 	#header.fixed { margin-top: 60px; }
 		
 	nav { background: #003c85; min-height: 60px; }  
 	nav.fixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999999; } 
 	.navbar-text { padding: 0px; margin: 0px; }
 	.navbar-text a { color: #fff; font-size: 30px; padding: 0px 2px; margin: 0px;}
 	.navbar-text a:hover { color: #6487a7; }
 		
 	#nieuws { background: #eee; color: #fff; min-height: 60px; }   
 		
 	#featured { background: #fff; padding: 50px 0 60px 0; }
 	#featured img { border-radius: 5px; transition: .4s;}
 	#featured h3 { color: #003c85; font-size: 20px; margin: 20px 0 10px 0; }
 	#featured p { color: #666; line-height: 25px; font-size: 13px; }
	#featured .item { margin: 10px;}
	#featured .image { display: block; border-radius: 5px; overflow: hidden; }
	#featured .image:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
     transition: .8s;
     border-radius: 5px;
	}	
	 		
	#info { background: #dce4ea url('/theme/img/podium.png') right center no-repeat; padding: 50px 0 60px 0; line-height: 25px; font-size: 13px;  }
	#info h1 { color: #003c85; font-size: 30px; margin: 20px 0 10px 0; }
	#info p { color: #666; line-height: 25px; font-size: 13px; }
 		
	#referenties { background: #fff; padding: 80px 0 100px 0; }
	#referenties h3 { text-align: center; color: #003c85; margin-bottom: 30px; }
	#referenties .item { position: relative; border-radius: 4px;  }
	#referenties .item img { border-radius: 4px; }
	#referenties .item h3 { position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(20,20,20,.6); color: #fff; font-size: 16px; line-height: 25px; padding: 10px 20px; margin: 0; border-radius: 0 0 4px 4px; }
 		
	#nieuwsbrief { background: #dce4ea; padding: 40px 0 60px 0; }
	#nieuwsbrief h2 { text-align: center; color: #003c85; margin: 30px 0;  }
	#nieuwsbrief h3 { color: #003c85; font-size: 20px; margin: 20px 0 10px 0; }
	#nieuwsbrief p { color: #666; line-height: 25px; font-size: 13px; }
	#nieuwsbrief input.mail { padding: 15px 25px; border-radius: 20px; border: 0px; margin: 20px 0px;}
	#nieuwsbrief .datum { color: #aaa; font-size: 12px; margin-top: 8px; margin-right: 10px;}

	#contact { background: #fff; padding: 60px 0 50px 0; }
	#contact h2 { color: #003c85; font-size: 24px; margin: 20px 0 10px 0; }
	#contact h3 { color: #003c85; font-size: 24px; margin: 20px 0 10px 0; }
	#contact p { color: #666; line-height: 25px; font-size: 13px; }
	#contact address { color: #666; line-height: 25px; font-size: 13px; }
	#contact iframe { margin-top: 55px; }
	
	#footer { background: #222; color: #fff; padding: 40px 0; font-size: 13px; line-height: 25px; position:absolute; bottom: 0px; width: 100%; }
	#footer ul { list-style-type: none; display: inline-block;  margin: 10px 0px; padding: 0px;}
	#footer ul li { float: left; padding: 0 10px; border-right: 1px solid #999; }
	#footer ul li:last-child { border-right:none; padding-right: 0px;}	
	#footer a { color: #fff; padding: 0px; }
	#footer a:hover { color: #888; text-decoration: underline; }
	#footer .menu { text-align: right; } 
	
 
 	#content { margin: 50px 0; color: #444; line-height: 25px; font-size: 13px; }
	#content h1 { color: #003c85; font-size: 30px; margin: 0 0 20px 0; }
	#content h2 { color: #003c85; font-size: 26px; margin: 0; padding: 0 0 20px 0; }
	#content h3 { color: #003c85; font-size: 24px; margin: 0 0 20px 0; padding: 0px; font-weight: normal;}
	#content .zijvak { background: #eee; padding: 20px; border-radius: 5px; }
	#content .zijvak img { margin-bottom: 20px; }
	#content .inhoud { padding-right: 50px; } 

	#catalog { margin-bottom: 40px; }
	#catalog .item a { cursor: pointer !important; }
	#catalog .item .inner { position: relative; margin: 10px; overflow: hidden; cursor: pointer; }	
	#catalog .item img { border-radius: 5px; transition: .2s; cursor: pointer; }
	#catalog h3 { background: rgba(0,0,0,.7); position: absolute; bottom: -8px; left: 0px; width: 100%; padding: 10px; color: #fff; font-weight: bold; font-size: 16px; border-radius: 0 0 5px 5px;}
	#catalog h3 i { float: right; }
	#catalog a { color: #fff;}
	
	ul.sitemap li.nav-item a { margin: 0px; padding: 0px; }

	#nieuwsoverzicht { margin: 0px; }
	#nieuwsoverzicht .row .item { height: 300px; }
	#nieuwsoverzicht .row .item img { border-radius: 8px; } 
	#nieuwsoverzicht h3 { color: #003c85; font-size: 20px; margin: 20px 0 10px 0; }
 	#nieuwsoverzicht p { color: #666; line-height: 25px; font-size: 13px; }
 	#nieuwsoverzicht .datum { color: #ccc; font-size: 12px; margin-top: 8px; margin-right: 10px;}
 	img.nieuwsfoto { float: right; margin: 0 0 20px 20px; }
	
	.inner:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
     transition: .8s;
	 cursor: pointer !important;
	}	
	
	.fotos { padding: 40px 0 40px 0; }
	.fotos .foto { margin: 15px 0; border-radius: 5px; overflow: hidden; display: block; }
	.fotos .foto img { transition: .3s; }
	.fotos .foto:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
     transition: .5s;
	 cursor: pointer !important;
	}	
	
	.owl-nav { float: right; } 		
 	.owl-prev, .owl-next { display: inline-block; background: #003c85; color: #fff; border-radius: 5px; padding: 5px 15px; line-height: 25px; font-size: 10px; transition: 0.5s; border: 0px; margin: 5px; } 
 	.owl-prev:after { content: ''; font: normal normal normal 12px/1 FontAwesome; }
 	.owl-next:after { content: ''; font: normal normal normal 12px/1 FontAwesome; }
 
 	#foto { height: 512px; text-align: center; }
 	#foto h1 { font-weight: 700; color: #fff; font-size: 50px; padding-top: 220px; text-shadow: 0 0 10px #000; }
 
 
 /* RESPONSIVE */

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


#nav .container { width: 100%;  }

	body { padding-bottom: 325px; }
	#header { text-align: center; } 
	#header a.logo { text-align: center; }
	#header address {margin-top: -20px; padding: 0 auto; text-align: center !important; } 
	#header address span { display: block; }
	#topmenu { float: none; text-align:center; }
	#header ul.topmenu {  display: inline-block; margin: 20px auto !important;  float: none; text-align: center; padding: 0;}
	#header ul.topmenu li {  display: inline-block; }
	#header ul.topmenu li a { display: inline-block; }
	
	.carousel-item { height: 250px !important; }
	.carousel-item > img { height: 250px !important; }

 	#foto { height: 250px; text-align: center; }
 	#foto h1 { font-weight: 700; color: #fff; font-size: 30px; padding-top: 90px; text-shadow: 0 0 10px #000; }
 
 
	#content .inhoud { padding-right: 20px; } 
	#content .zijvak { margin-top: 20px; }

	#info { background: #dce4ea url('/theme/img/podium.png') center bottom no-repeat; background-size: 100%; padding: 50px 0 300px 0; line-height: 25px; font-size: 13px; text-align: center;}
	#info li { text-align: left; padding-right: 20px; }
	#referenties { background: #fff; padding: 40px 0 60px 0; }
	#nieuwsbrief { padding: 0 10px; text-align: left; } 
	#nieuwsbrief h3.sub { margin: 50px 0 0 0 !important; padding: 0px !important; }
	#nieuwsbrief form { margin: 0px; }
	#contact { padding: 30px 0; text-align: center; }
	iframe { margin: 50px 0; }
	#footer { text-align: center !important; padding: 40px 30px !important; }
	#footer img { margin: 0px auto; }
	#footer ul { text-align: center !important; padding: auto !important; }
	#footer ul li { display: inline-block; float: none; } 
	#footer .menu { text-align:center; }
	#nieuwsoverzicht .row .item { height: auto; padding-bottom: 30px;  }
	
}

 
 
 
 
 
 
 /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 3rem;
  text-shadow: 0px 0px 5px #000;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
  
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
    text-shadow: 0px 0px 5px #000;
    
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


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

@media (min-width: 40em) {
  /* Bump up size of carousel content */

  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
    text-shadow: 0px 0px 5px #000;

  }
  .featurette-heading {
    font-size: 50px;
  }
  
  
}

@media (max-width: 768px) {
  #myCarousel .container { position: initial !important; margin-top: 30px; font-weight: bold;  }
  #myCarousel h1 { font-size: 30px; font-weight: bold; }
  .carousel-caption { position: inherit !important; margin: 0px; }
  }

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/* IPAD PORTRAIT */ 

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 


	#header .rechts { text-align: right; padding: 20px 0 0 0;}
	#header .rechts ul { width: auto; }
	#header .rechts address { text-align: right; float: right; width: auto; padding: 0px; margin: 0px; }
	#featured .item { margin: 0px; }
	#nieuwsbrief .tekst { text-align: left; }
	#nieuwsbrief .form { text-align: left; } 
	#contact .tekst { text-align: left; }
	#footer .copy { display: block; width: 100%; text-align: center; }
	#footer .menu { display: block; width: 100%; text-align: center; } 
	
	#info .tekst { width: 100% !important; text-align: left;  }
	#info { background: #dce4ea url('/theme/img/podium.png') 300px center no-repeat; background-size: 90%; padding: 50px 0 50px 0; line-height: 25px; font-size: 13px; text-align: center;}
	#info li { text-align: left; padding-right: 20px; }	
	
	#content .nieuwsfoto { width: 250px; }
}