@font-face {
    font-family: 'ThirstyScriptExtraBold';
    src: url('../fonts/ThirstyScriptExtraBold.eot');
    src: url('../fonts/ThirstyScriptExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ThirstyScriptExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ font-family: 'OpenSansRegular', sans-serif; }

h2{font-family:'OpenSansBold'; font-weight: 700; color: #ed7800; font-size: 36px; }
h3{font-family:'OpenSansBold'; font-weight: 700; color: #ed7800; font-size: 28px; }
h4{font-family:'OpenSansBold'; font-weight: 700; color: #ed7800; font-size: 20px; }
img.border{ border: none; margin: 20px 0px;}
.contentsubpage h2{ color: #ed7800; font-size: 48px;}
p,li{ font-size: 15px; font-weight: 300; color: #686158; line-height: 28px;}
strong{ color: #686158;font-family: 'OpenSansBold', sans-serif;}
.yellowbg h3, .greybg h3 { color: #FFF; font-size: 48px; font-style: italic; font-weight: 700; }
.yellowbg strong{ color: #FFF;}
.greybg h3 { color: #4d4d4d; }
.yellowbg h3 img{ margin-bottom: 10px; margin-left: 20px;}
.contentsubpage a{ color: #f89a1c; text-decoration: underline; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; transition: all 350ms;}
.contentsubpage a:hover{ color: #262261;}
.yellowbg a{ color: #262261; text-decoration: underline; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; transition: all 350ms;}
.yellowbg a:hover{ color: #FFF; text-decoration: underline;}
.yellowbg p, .greybg p{ color: #f7f7f7; font-size: 17px; font-weight: 300; line-height: 26px;}
.greybg p { color: #666666;}


.navbar-brand{ margin-top: 20px;}
.navbar-default .navbar-nav>li>a {
	color: #686158;
}
.navbar-nav li a{ margin-top: 42px; margin-right: 7px; color: #686158; font-size: 19px; font-weight: 400;}
.navbar-nav li a:hover{	background-color: #ed7800; color: #fff; border-bottom: 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.navbar-default .navbar-nav>li>a:hover {
	background-color: #ed7800;
	color:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #ed7800; color: #fff; border-bottom: 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.navbar-default{ background: #FFF; height: 145px; margin: 0px; }

.carousel {height: 620px; position: relative;}
.carousel img.headercontent{ position: absolute; bottom: 30px; right: 30px;}
.small {height: 500px; }
.carousel .header{ position: absolute;  margin-left: auto; margin-right: auto;left: 0; right: 0; bottom: 0%;}
.carousel .header .bluebox{ text-align: center; height: 286px; background: #262261;  width: 100%; max-width: 360px;  -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.carousel .header .bluebox img{ margin-top: 32px;}
.carousel .header .bluebox p{  width: 90%; margin: 0px auto; color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 300;}

.table{ font-size: 17px; color: #808080; line-height: 28px; font-weight: 300;}

.contentsubpagebg{}
.contentsubpage{ padding: 20px 0px;}
.contentsubpage img.bol1{ margin-top: 60%;}
.contentsubpage img.bol3{ margin-left: 30%;}
.contentsubpage img.bollen{ margin-top: 40px;}


.yellowbg{  margin: 0px; padding: 40px 0px; background-color: #ed7800;  }
.yellowbg .prices{ float: right; padding: 0px;}
.greybg .prices{float: left; padding: 0px;}
.yellowbg .prices, .greybg .prices{ margin-top: 80px; width: 80%;}
.greybg .prices li{ background: url(../img/ligrey.png) no-repeat; border-bottom: 1px solid #cccccc;}
.yellowbg .prices li a, .greybg .prices li a{ color: #FFF; font-weight: 300; margin-left: 40px; font-size: 16px;}
.yellowbg .prices li a i, .greybg .prices li a i { font-size: 13px; margin-left: 10px;}
.greybg .prices li a{ color: #4c4c4c;}
.prices .panel-body{ color: #FFF; font-weight: 300;}
.greybg .prices .panel-body {color:#4c4c4c; }

.greybg {padding: 40px 0px; background: url(../img/flagbg.png) no-repeat #f4f4f4; background-position: left bottom; border-bottom: 1px solid #eaeaea;}

#images { margin: 0px auto; width: 80%; padding: 70px 0px;}
#images img {border: 15px solid #f2f2f2; width: 100%;}
.hideme{ opacity: 0;}

.imagepadding {
	margin-right: 5px;
	margin-bottom: 5px;
}
div.clear {
	clear: both;
}

div.input {
	clear: left;
}
div.submit {
	height: 30px;
	clear: left;
	padding-left: 150px;
}
div.input label,
.opmerkingen label {
	float: left;
	width: 150px;
	line-height: 30px;
}
div.input input {
	float: left;
	line-height: 25px;
	width: 300px;
}
div.input textarea {
	width: 300px;
	height: 250px;
}
div.checkbox input {
	width: auto;
	margin-right: 10px;	
}
div.submit input {
	background-color: #ed7800; color: #fff; border-bottom: 0px;
  		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
  	border-radius: 6px;
	border: 0px;
	font-size: 24px;
	padding: 10px;
		-webkit-transition: all 350ms; 
		-moz-transition: all 350ms; 
		-o-transition: all 350ms; 
		-ms-transition: all 350ms; 
	transition: all 350ms;
}
div.submit input:hover {
	background-color: #d57b35;

}
.error {
	color: red;
	line-height: 30px;	
}
.flash {
	color: #e2e33c;
	font-style: italic;
	line-height: 20px;
}
.opmerkingen {
	clear:both;
}

#map{ height: 550px; width: 100%; margin-top: 0px;}

.footer{ min-height: 150px; border-bottom: solid 10px #fff;}
.footer a{ color: #f89a1c; text-decoration: underline; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; transition: all 350ms;}
.footer a:hover{ color: #262261;}
.footer .address {font-size: 14px;}
.footer .address, .footer .newsletterform, .footer .icons{ margin-top: 30px; line-height: 50px; color: #666666; font-size: 18px; font-weight: 300;}
.footer .icons img{ float: right; margin-left: 10px; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; transition: all 350ms;}
.footer .icons img:hover{ opacity: 0.6;}
#newsletter_submit { background-color:#ed7800; color: #fff; }


@media (max-width: 1200px) {
	ul.nav{
		margin-top: 15px;		
	}

	.navbar-nav {
		margin:20px 0px 0px 0px;
	}
	.navbar-nav li a {
		font-size: 16px;
		width:100%;
		display:inline-block;
	}
	.contentsubpage h2 {font-size:26px;}
	h2{font-size: 26px; }
	h3{font-size: 18px; }
	h4{font-size: 14px; }
}
@media (max-width: 995px) {
	.navbar-nav li a {
		font-size: 14px;
	}
	.container {
		width: 100%;	
	}
}

@media (max-width: 900px) {
	.navbar-nav li a {
		font-size: 16px;
	}
	ul.nav{
		width:100%;
		clear: both;	
		margin-top: 20px;	
	}
	.navbar-brand {
		margin-top: 5px;
	}
	.navbar-default {
		height: 200px;
	}
	.container {
		width: 100%;	
	}
}
@media (max-width: 768px) {
	.footer .icons img{ float: left; margin-left:0px;}	
	.carousel img.headercontent{ position: absolute; bottom: 30px; right: 5px;}
	#map{ height: 300px;}
	img.prijzen{ display: none;}
	.carousel .header .bluebox{ display:none;}
	.carousel{ height: 300px;  z-index: -9999px;}
	#images img{ margin-top: 30px;}
	.navbar-toggle{ margin-top: 50px;}
	.navbar-default{ z-index: 2; }
	.navbar-nav{ margin-top: 52px; border: none;  }
	.navbar-nav li{ background: rgba(255, 255, 255, 1); }
	.navbar-nav li a{ margin:0px; font-size: 16px; font-weight: 300; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ border-bottom: 0px; background: none;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
	.yellowbg .prices, .greybg .prices{ width: 100%;}
	.yellowbg h3{ font-size: 18px;}
	.greybg .prices{  margin: 20px 0px 40px 0px;}
	.navbar-default {
		height: 120px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #ed7800;
	}
}

@media (max-width: 1200px) { 
 .navbar-nav li a {
	margin-right: 0px;
	}

}

.contentsubpage img,
.yellowbg img{
	max-width: 100% !important;
	height: auto !important;
}