/* CSS Document */

li {
  line-height: 30px;
}

#bedrijfsfotos #contactintro {
  background-color: transparent;
  display: block;
  position: relative;
  z-index: 150 !important;
}

#bedrijfsfotos #contact span {display:block}

#bedrijfsfotos #navphone {top:0;left:0; position:fixed}

#bedrijfsfotos #contact .row {margin-left:-20px}
#bedrijfsfotos #contact .row .bestel {margin-left:0px}

.carousel-control.right {
  left: auto;
  right: 0;
}

.carousel-control.left {
  left: 0;
}

.voorbeeld a {color:#4f5864}
.voorbeeld a:hover {color:#2d3642}

.row {
  margin-left: -20px;
}


[class*="span"] {
  float: left;
  margin-left: 20px;
  min-height: 1px;
}

.voorbeeldadres {margin-left:15px; right:15px}




iframe { width:100%; padding:0; border:0; overflow:hidden}

.intro-inclusief {
  font-size: 20px;
  font-style: italic;
  font-weight: 200;
  margin-top: -50px;
  margin-bottom: 22px;
}


.intro-zichtbaarheid {
  font-size: 36px;
  font-style: italic;
  font-weight: 200;
  margin-bottom: 20px;
}

#footer p.fineprint {
  font-size: 10px;
  font-weight: 400;
  margin-top: -20px; 
  color: #484E57;
}


.gbp_header {
  background: url("../img/parallax1.jpg") no-repeat scroll center center #373D46;
  display: block;
  height: 200px;
  position: relative;
  text-align: center;
  width: 100%;
}

#contact .btn {
  background-color: #373D46!important;
  background-image: -webkit-linear-gradient(top, #595F68, #373D46);
  background-image:    -moz-linear-gradient(top, #595F68, #373D46);
  background-image:      -o-linear-gradient(top, #595F68, #373D46);
  background-image:         linear-gradient(to bottom, #595F68, #373D46);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  border-image: none;
  cursor: pointer;
  line-height: 20px;
  margin-bottom: 0;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  font-weight:400;
  color:#fff;
}

#contact .btn:hover, .btn:focus {
  background-position: 0 -100px;
  transition: background-position 0.25s ease 0s;
  color:#ddd!important;
}



.minusmargin20 {margin-top:-20px;}
.minusmargin40 {margin-top:-40px;}
.minusmargin60 {margin-top:-60px;}
.minusmargin80 {margin-top:-80px;}

#prijstabel {margin-top:25px}

.redheader {font-size:25px; font-weight:700; color:#ED174f; border-bottom: 3px solid #ED174f;padding:5px;  }
.redlist li {font-size:14px; font-weight:400;color:#ED174f; border-bottom: 1px solid #ED174f;padding:5px; }
.redfooter {font-size:20x; font-weight:700; color:#FFF; background-color: #ED174f; padding:5px; margin-top:-15px}

.blueheader {font-size:25px; font-weight:700; color:#0081C6; border-bottom: 3px solid #0081C6;padding:5px;  }
.bluelist li {font-size:14px; font-weight:400;color:#0081C6; border-bottom: 1px solid #0081C6; padding:5px;}
.bluefooter {font-size:20x; font-weight:700; color:#FFF; background-color: #0081C6; padding:5px; margin-top:-15px}

.greenheader {font-size:25px; font-weight:700; color:#49A952; border-bottom: 3px solid #49A952;padding:5px;  }
.greenlist li {font-size:14px; font-weight:400;color:#49A952; border-bottom: 1px solid #49A952; padding:5px;}
.greenfooter {font-size:20x; font-weight:700; color:#FFF; background-color: #49A952; padding:5px; margin-top:-15px}

.yellowheader {font-size:25px; font-weight:700; color:#FFD200; border-bottom: 3px solid #FFD200;padding:5px;  }
.yellowlist li {font-size:14px; font-weight:400;color:#FFD200; border-bottom: 1px solid #FFD200; padding:5px;}
.yellowfooter {font-size:20x; font-weight:700; color:#FFF; background-color: #FFD200; padding:5px; margin-top:-15px}

.prijsintro  {letter-spacing:0; margin-top:-60px; margin-bottom:25px}
.prijsdetails p {font-size:14px; color:#AAA; letter-spacing:0; margin-top:25px}

#inclusiefintro {font-size:50px; margin: 50px 0 0 0;}
#prijstabel li {font-size:16px; }

.hrdividermarging {margin-top:50px;}
.intropadding {  line-height: 44px;}

.tourpreview {border:1px solid #eee; display:block}

.accordion-heading { font-weight:400}
.accordion-inner { text-align:left; font-size:16px}

#vragen h2 {margin-bottom:15px}
.accordion h3 {margin-top:46px}
.subintro {margin-top:50px}
.bel {margin-top:40px;margin-bottom:70px; font-size:40px; font-weight:500; color:#373D46; line-height: 49px;}
.bel a {display:inline!important;}
#vragen {margin-bottom:85px}

#contact h2 {
  color: white;
  margin-bottom: 20px;
  margin-top:-10px;
}
#contact .btn { font-weight:400; text-transform:uppercase;}
#contact .btn:hover { color:#666!important;}
#contact .span4 {margin-top:20px}


.carousel-control { color:#999; background:none; border:none}
.carousel-control:hover { color:#ddd; background:none;border:none}

.carousel-indicators {
  display: block;
  list-style: none outside none;
  margin: 0 auto 55px auto;
  width: 50px;
  z-index: 10;
  position:relative;
  right:none;
  top:none;
}
.carousel-indicators li {background-color:#eee; cursor:pointer}
.carousel-indicators li.active {background-color:#aaa}




#introductiegbp h2 {margin-bottom:20px;margin-top:0}
#introductiegbp p {text-align:left}

.voorbeeld {text-align: left;  margin: 25px 0 15px 0px;  padding-left: 10px;}

.voorbeeld strong{ font-size:22px}

.resultaten {text-align:right; float:right; padding-right:20px}

img.preview { border: 1px solid #ddd}

.iframedemo { width:100%; height:450px; border: none; margin:0}
.recent {margin-bottom:-20px}

.list-social li {
  display: inline-block;
  list-style: none outside none;
  margin: -31px 0 0 0 ;
  padding: 0 18px 10px 0;
  text-align: center;
}



@media (max-width: 1200px)  {
.voorbeeld {padding-left: 20px;}
.resultaten {padding-right:0px}
}

}



@media (max-width: 820px)  {
		nav li a {
  font-size: 12px!important;
  margin-right: 8px;

}
.voorbeeld {
  text-align: center;
}

.centered h2 {
  margin: 20px 0 40px;
}
#introductiegbp p {
  text-align: left;
}
.prijsintro {
  letter-spacing: 0;
  margin-bottom: 25px;
  margin-top: 0;
  font-size: 14px;
  hyphens: auto;
}
#tarieven li {
  font-size: 15px;
  line-height: 25px;
}
h2#inclusiefintro {
  font-size: 34px;
  margin-bottom: 20px;
  letter-spacing:-1px;
}

#contact p {
  font-size: 16px!important;
  line-height: 25px!important;
  margin: 10px!important;
}

.prijsdetails p {
  color: #AAAAAA;
  font-size: 12px;
  line-height: 22px;
  margin: 25px 20px -14px 20px;
}
h2.centered {
  margin: 20px 0 40px;
}


.navbar .brand {
  font-size: 16px;
  margin: 0 0 0 -5px;
  padding-left: 75px;
  padding-right: 10px;
}

#introductiegbp {margin-top:40px}

}

@media (max-width: 480px)  {
[class*="span"] {
  float: left;
  margin-left: 10px;
  min-height: 1px;
}
section#voorbeelden,
section#tarieven,
section#video,
section#vragen{margin-left:10px;margin-right:10px}

.subintro {margin-left:0px;margin-right:20px}
.prijsdetails {margin-left:10px;}

.voorbeeld {padding-left:0;margin-left:0}
}



@media (min-width: 768px) and (max-width: 1025px) {

	h2 {  font-size: 62px;}
	h3 {  font-size: 31px;}
	#clients h2 { font-size:48px}
	ul li,
	#introductie p {font-size: 16px;}
	.voorbeeld {text-align: left;  margin: 25px 0 15px 0px; }
	.voorbeeld strong{ font-size:22px}
	.voorbeeldadres {display:inline}
	.resultaten {text-align:right; float:right; padding-right:0px!important}
	nav li a {
  font-size: 15px;
  margin-right: 8px;
}

}

@media (min-width: 1136px)  {nav li a {  font-size: 20px;} }
@media (min-width: 1069px) and (max-width: 1135px)  {nav li a {  font-size: 18px;margin-left:0px} }
@media (min-width: 979px) and (max-width: 1070px)  {nav li a {  font-size: 17px;margin-left:0px} }
@media (min-width: 899px) and (max-width: 980px)  {nav li a {  font-size: 16px;margin-left:0px} }
@media (min-width: 864px) and (max-width: 900px)  {nav li a {  font-size: 15px!important;margin-left:0px} }
@media (min-width: 825px) and (max-width: 865px)  {nav li a { font-size: 14px!important; margin-right: 8px;margin-left:0px}}
@media (max-width: 824px)  {nav li a { font-size: 13px!important; margin-right: 8px;margin-left:0px}}
@media (max-width: 780px)  {nav li a { font-size: 12px!important; margin-right: 8px;margin-left:0px}}




@media (max-width: 767px)  {
	.voorbeeldadres {display:block}
	#contact h2 {
  font-size: 30px!important;
}
}

@media (max-width: 768px)  {
#prijstabel .span3 {margin-top:25px}
	h2 {  font-size: 70px; margin-bottom:20px}
	h2#inclusiefintro {  font-size: 35px; margin-bottom:20px }
	h3 {  font-size: 31px;}
	#clients h2 { font-size:48px}
	.intropadding  {font-size: 20px;margin-bottom:10px; line-height:26px; display:block; margin-top:-40px}	
	#introductie p {font-size: 16px;margin-bottom:40px; line-height:22px; margin-left:20px; margin-right:20px}
	#introductie ul  {margin-top:20px; font-size: 16px; line-height:22px; margin-left:20px; margin-right:20px}
	ul.list-social  {padding: 0; margin: -30px 0 30px 0;}
	ul.list-social li {padding: 0; margin:0!important}
	#footer p {font-size:10px; line-height:18px}
	#contact h2 { font-size:32px}
	#contact p { font-size:15px!important}
	.bel a { margin-left: 0px;}
	.voorbeeld {text-align: center;}
	.voorbeeldadres {
  margin-left: 15px;
  right: 15px;
  font-size: 13px;
  margin-bottom: -5px;
}
}

@media (min-width: 760px) and (max-width: 770px)  {
h2 {  margin-top:20px;}
}

@media (min-width: 980px) and (max-width: 1199px) {
#bedrijfsfotos .span3 {width: 220px;}
#bedrijfsfotos .voorbeeld { padding-left:20px}
}

@media (min-width: 1200px) {
	#bedrijfsfotos .voorbeeld { padding-left:30px}
	#bedrijfsfotos .voorbeeld strong {font-size: 30px;}
	#bedrijfsfotos .span3 {width: 275px;}
	#bedrijfsfotos .resultaten {padding-right: 30px;}
	
}


@media (min-width: 768px) and (max-width: 979px)  {
.voorbeeldadres {display:none}
.voorbeeld {text-align:left}
}