/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries

/* #Font-Face
================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 14px; color: #666; }
input, select, textarea { font-family: Arial; font-size: 14px; color: #666; }
body { background: #fff; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
::-webkit-input-placeholder { color: #9a9a9a; }
:-moz-placeholder { color: #9a9a9a; }
::-moz-placeholder { color: #9a9a9a; }
:-ms-input-placeholder { color: #9a9a9a; }

#gmaps{ height: 300px; }
#gmaps img { max-width: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }
.spacer { display: none; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }
	
	/* ### header container ### */
	#headerCntr { position: fixed; top: 0px; left: 0px; z-index: 10; width: 237px; }
	#headerCntr a.logo { margin-bottom: 30px; display: block; width: 237px; height: 82px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; background-size: 100% 100%; }

		/* ### menu box ### */
		.menuBox { width: 100%; }
		.menuBox li { padding-bottom: 5px; overflow: hidden; width: 100%; }
		.menuBox li a { padding: 0px 10px; display: block; float: left; height: 30px; line-height: 30px; font-family: 'Open Sans', Arial; font-size: 15px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; background: #ff6c00; }
		.menuBox li a:hover { padding-right: 40px; background: url('../images/menu-hover.png') repeat-y right top; }
		.menuBox li.current-menu-item a { padding-left: 35px; padding-right: 10px !important; color: #000; background: url('../images/menu-arrow.png') #fff no-repeat 20px center !important; }
		.menuBox div.mobile { display: none; }

	/* ### content container ### */
	#contentCntr { margin-left: -380px; position: absolute; bottom: 135px; left: 55%; z-index: 10; width: 780px; }
	#contentCntr h3.title { position: absolute; top: -62px; left: 0px; z-index: 15; font-family: 'Open Sans', Arial; font-size: 60px; text-transform: uppercase; color: #fff; text-shadow: 0px 0px 5px #666; }
	#contentCntr span.maximize { position: absolute; top: -30px; right: 0px; cursor: pointer; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('../images/maximize.png') no-repeat left top; }
	#contentCntr span.maximize.active { top: -20px; background-position: left bottom; }
	
	body.page-template-template-tehuur-php #contentCntr { padding: 150px 0px 20px; position: relative; bottom: 0px; top: 0px; }
	body.page-template-template-tehuur-php #contentCntr span.maximize { display: none !important; }

		/* ### mobile container ### */
		#mobileCntr { position: relative; display: none; width: 100%; }

		/* ### large container ### */
		#largeCntr { position: relative; width: 100%; }

			/* ### overview box ### */
			.overviewBox { overflow: hidden; width: 100%; padding-bottom: 100px;}
			.overviewBox li { margin-top: 2%; float: left; width: 49%; height: 230px; }
			.overviewBox li:nth-child(2n) { margin-left: 2%; }
			.overviewBox li a { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; text-decoration: none; text-align: center; color: #fff; border: 10px solid #fff;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
				background-position: center center !important;
				background-size: cover !important;
			}
			.overviewBox li a span.overlay { position: absolute; top: 0px; left: 0px; z-index: 5; width: 100%; height: 100%; background: url('../images/overview-overlay.png') repeat-x left bottom;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter: alpha(opacity=80);
				-khtml-opacity: 0.8;
				-moz-opacity: 0.8;
				opacity: 0.8;
			}
			.overviewBox li a:hover span.overlay {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-khtml-opacity: 1.0;
				-moz-opacity: 1.0;
				opacity: 1.0;
			}
			.overviewBox li a span.more { position: absolute; bottom: 40px; left: 0px; z-index: 10; display: none; width: 100%; font-size: 15px; font-weight: normal; color: #ff6600; }
			.overviewBox li a strong { position: absolute; bottom: 30px; left: 0px; z-index: 15; width: 100%; font-size: 26px; font-weight: normal; }
			.overviewBox li a:hover strong { bottom: 60px; }
			.overviewBox li a:hover span.more { display: block; }
			.overviewBox li a img { height: 100%; }

			/* ### detail box ### */
			.detailBox { padding: 30px; position: relative; z-index: 20; width: 100%; background: #fff;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.detailBox a.back { position: absolute; top: 45px; right: 30px; text-decoration: none; font-size: 15px; text-decoration: none; color: #666; }
			.detailBox a.back:hover { text-decoration: underline; }
			.detailBox h1 { padding-bottom: 20px; font-family: 'Open Sans', Arial; font-size: 28px; line-height: 30px; font-weight: bold; text-transform: uppercase; color: #000; }
			.detailBox h3 { padding-top: 20px; padding-bottom: 10px; font-family: 'Open Sans', Arial; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #333; }
			.detailBox a.button { margin-top: 15px; padding: 0px 10px; text-decoration: none; float: right; font-size: 15px; font-weight: bold; height: 30px; line-height: 30px; text-transform: uppercase; color: #fff; background: #ff6600;
				-webkit-box-shadow: 0px 1px 2px #707070;
				-moz-box-shadow: 0px 1px 2px #707070;
				box-shadow: 0px 1px 2px #707070;
			}
			.detailBox div.pic { float: left; width: 24%; }
			.detailBox div.pic img { max-width: 100%; }
			.detailBox div.specs { float: right; width: 70%; }
			.detailBox div.specs table { width: 100%; }
			.detailBox div.specs th,
			.detailBox div.specs td { padding-bottom: 5px; font-size: 15px; text-align: left; font-weight: normal; vertical-align: top; }
			.detailBox div.specs th { padding-right: 10px; width: 30%; color: #ff6600; }
			.link{ color: #ff6600; text-decoration: none; font-size: 12px;}
			.textBox hr { margin: 0 0 5px 0; border: none; border-top: 1px solid #b1b1b1;}
			.detailBox p { padding-bottom: 10px; font-size: 14px; line-height: 20px; color: #666; }

			/* ### thumb box ### */
			.thumbBox { margin-top: 20px; overflow: hidden; width: 100%; position: relative; background: #e5e5e5;
				-webkit-box-shadow: 0px 0px 10px #666;
				-moz-box-shadow: 0px 0px 10px #666;
				box-shadow: 0px 0px 10px #666;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.thumbBox div.scroller { padding: 30px; overflow: auto; width: 100%; }
			.thumbBox ul { overflow: hidden; }
			.thumbBox li { padding-right: 20px; float: left; width: 85px; }
			.thumbBox li img { max-width: 100%; }
			.thumbBox li a { display: block; background: #ff6600; }
			.thumbBox li a:hover img, .thumbBox li.active > a img {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				filter: alpha(opacity=60);
				-khtml-opacity: 0.6;
				-moz-opacity: 0.6;
				opacity: 0.6;
			}
			.thumbBox div.controls { margin-top: -19px; position: absolute; top: 50%; left: 0px; border: 10px solid #fff; background: #fff; }
			.thumbBox div.controls a { float: left; display: block; width: 18px; height: 18px; text-indent: -9999px; background-color: #989898; background-repeat: no-repeat; background-position: center; }
			.thumbBox div.controls a:hover, .thumbBox div.controls a.active { background-color: #ff6c00; }
			.thumbBox div.controls a.play { margin-right: 10px; background-image: url('../images/play.png'); }
			.thumbBox div.controls a.pause { background-image: url('../images/pause.png'); }

		/* ### left container ### */
		#leftCntr { position: relative; float: left; width: 570px; }
		#leftCntr.nieuws{ width: 780px;}

			/* ### text box ### */
			.textBox { padding: 30px; position: relative; z-index: 20; width: 100%; background: #fff;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.textBox h1 { padding-bottom: 10px; font-family: 'Open Sans', Arial; font-size: 28px; line-height: 30px; font-weight: bold; text-transform: uppercase; color: #000; }
			.textBox h2 { padding-bottom: 10px; font-family: 'Open Sans', Arial; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #333; }
			.textBox p { padding-bottom: 10px; line-height: 20px; }
			.textBox a, .text a { color: #ff6c00; text-decoration: underline; }
			.textBox p.intro { color: #ff6600; }
			.textBox img.alignleft { padding: 0px 20px 10px 0px; float: left; }
			.textBox img.alignright { padding: 0px 0px 10px 20px; float: right; }
			.textBox img { max-width: 100%; }
			.textBox iframe { width: 100%; }
			.textBox div.contact { padding-bottom: 20px; overflow: hidden; width: 100%; font-size: 14px; line-height: 20px; }
			.textBox div.contact div.column { float: left; width: 50%; }
			.textBox div.contact div.column img { margin-top: 10px; }
			.textBox div.fields,
			.textBox div.field,
			.textBox div.radio { padding-bottom: 10px; overflow: hidden; width: 100%; }
			.textBox input.wpcf7-text { padding: 0px 10px; width: 100%; height: 28px; color: #9a9a9a; border: 1px solid #cdcdcd; background: #f6f6f6;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
				-webkit-border-radius: 0px !important;
				-moz-border-radius: 0px !important;
				border-radius: 0px !important;
				-webkit-appearance: none;
			}
			.textBox div.fields span.wpcf7-form-control-wrap { float: left; width: 49%; }
			.textBox div.fields span.wpcf7-form-control-wrap:last-child { float: right; }
			.textBox textarea { padding: 10px; width: 100%; height: 100px; color: #9a9a9a; border: 1px solid #cdcdcd; background: #f6f6f6;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
				-webkit-border-radius: 0px !important;
				-moz-border-radius: 0px !important;
				border-radius: 0px !important;
				-webkit-appearance: none;
			}
			.textBox input.wpcf7-submit { padding: 0px 10px; cursor: pointer; height: 30px; text-transform: uppercase; font-family: 'Open Sans', Arial; font-size: 18px; color: #fff; border: 0px; background: #000;
				-webkit-border-radius: 0px !important;
				-moz-border-radius: 0px !important;
				border-radius: 0px !important;
				-webkit-appearance: none;
			}
			.textBox .wpcf7-not-valid-tip { display: none !important; }
			.textBox .wpcf7-response-output { margin: 10px 0px 0px 0px !important; padding: 10px !important; width: 100% !important; color: #fff; border: 0px !important; background: #000;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.textBox .wpcf7-not-valid { border: 1px solid red; }

		/* ### right container ### */
		#rightCntr { float: right; width: 205px; }

			#rightCntr .widget_nav_menu { width: 100%; }
			#rightCntr .widget_nav_menu li { padding-bottom: 5px; overflow: hidden; width: 100%; }
			#rightCntr .widget_nav_menu li a { padding: 0px 10px; display: block; float: left; height: 30px; line-height: 30px; font-family: 'Open Sans', Arial; font-size: 15px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; background: #ff6c00; }
			#rightCntr .widget_nav_menu li a:hover { padding-right: 40px; background: url('../images/menu-hover.png') repeat-y right top; }
			#rightCntr .widget_nav_menu li.current-menu-item a { padding-left: 35px; padding-right: 10px !important; color: #000; background: url('../images/menu-arrow.png') #fff no-repeat 20px center; }

	/* ### footer container ### */
	#footerCntr { position: fixed; bottom: 0px; left: 0px; z-index: 10; overflow: hidden; width: 100%; height: 95px; background: rgba(0, 0, 0, 0.9); }
	#footerCntr #logo-carousel { position: relative; overflow: hidden; height: 95px; }
	#footerCntr #logo-carousel ul { position: absolute; width: 20000em; }
	#footerCntr li { float: left; font-size: 20px; text-align: center;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-khtml-opacity: 0.8;
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	#footerCntr li a { padding: 20px 45px 0px 45px; float: left; text-decoration: none; color: #fff; }
	#footerCntr li a:hover { color: #ff6600; }
	#footerCntr div.overlay-left { position: absolute; top: 0px; left: 0px; width: 350px; height: 100%; background: url('../images/footer-left.png') repeat-y left top; }
	#footerCntr div.overlay-right { position: absolute; top: 0px; right: 0px; width: 350px; height: 100%; background: url('../images/footer-right.png') repeat-y right top; }
	#footerCntr .simply-scroll-container { position: relative; }
	#footerCntr .simply-scroll-clip { position: relative; overflow: hidden; }
	#footerCntr .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; }
	#footerCntr .simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
	#footerCntr .simply-scroll-list li img { border: none; display: block; }
	#footerCntr .simply-scroll { width: 100%; height: 95px; }
	#footerCntr .simply-scroll .simply-scroll-clip { width: 100%; height: 95px; }
	#footerCntr .simply-scroll .simply-scroll-list li { float: left; height: 95px; }

	/* ### bg container ### */
	#bgCntr { position: fixed; top: 0px; left: 0px; z-index: 5; overflow: hidden; width: 100%; height: 100%; }
	#bgCntr div.full-bg { position: fixed; min-width: 100%; min-height: 100%; z-index: 6; display: none; background: no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#bgCntr img { position: fixed; min-width: 100%; min-height: 100%; z-index: 6; display: none; }
	#bgCntr #big-slider { position: relative; width: 100%; height: 100%; }

/* #Media Queries
================================================== */

	/* 1080 width and smaller */
	@media only screen and (max-width: 1080px) {
		
		#contentCntr { margin-left: 0px; left: auto; right: 40px; }

		body.page-template-template-tehuur-php #contentCntr { margin-left: 0px; padding-top: 150px; float: right; }

	}

	/* 960 width and bigger */
	@media only screen and (min-width: 961px) {

		#mobileCntr { display: none !important; }
	
	}

	/* 960 width and smaller */
	@media only screen and (max-width: 960px) {
		
		#contentCntr { right: 20px; width: 75% !important; }
		#contentCntr h3.title { top: -52px; font-size: 50px; }

		#mobileCntr { display: block; }

		#leftCntr.nieuws{ width: auto;}
		#leftCntr { width: 100% !important; }

		#rightCntr { display: none !important; }

		#mobileCntr .widget_advanced_menu { padding: 30px 30px 0px 30px; position: relative; z-index: 20; width: 100%; background: #fff;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		#mobileCntr .widget_advanced_menu select { padding-left: 10px; width: 100%; height: 34px; color: #fff; background: url('../images/drop-arrow.png') #ff6c00 no-repeat right;
			-webkit-appearance: none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
	}

	@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {

		.spacer { display: block; height: 115px; }
		body.page-template-template-tehuur-php .spacer { display: none !important; }

		#headerCntr { padding: 20px 0px 40px; position: relative; width: 100%; }

		.menuBox { position: absolute; top: 45px; right: 5%; width: auto; }
		.menuBox li { margin-left: 10px; padding: 0px; float: left; width: auto; }
		.menuBox li a:hover { padding-right: 10px; background-color: #ff6c00; }

		#contentCntr { margin-left: 5%; position: relative; bottom: 0px; right: 0px; width: 90%; padding-top: 0 !important; }

	}

	@media only screen and (device-width: 800px) and (device-height: 1280px) and (orientation: landscape) {

		.spacer { display: block; height: 115px; }
		body.page-template-template-tehuur-php .spacer { display: none !important; }

		#headerCntr { padding: 20px 0px 40px; position: relative; width: 100%; }

		.menuBox { position: absolute; top: 45px; right: 5%; width: auto; }
		.menuBox li { margin-left: 10px; padding: 0px; float: left; width: auto; }
		.menuBox li a:hover { padding-right: 10px; background-color: #ff6c00; }

		#contentCntr { margin-left: 5%; position: relative; bottom: 0px; right: 0px; width: 90%; }

	}

	@media only screen and (max-height: 900px) {

		.spacer { display: block; height: 115px; }
		body.page-template-template-tehuur-php .spacer { display: none !important; }

		#contentCntr { margin-left: 20%; position: relative; left: 0px; bottom: 0px; right: 0px; width: 80%; padding-top: 150px; }

		body.single-vastgoed #contentCntr,
		body.page-template-template-tehuur-php #contentCntr { padding: 150px 0px 20px; position: relative; bottom: 0px; top: 0px; width: 780px;}

		body.page-template-template-tehuur-php #contentCntr #leftCntr { width: 550px; }

		#rightCntr { margin-left: 10px; float: left; }
		
		#contentCntr .thumbBox { width: 780px; max-width: 100%; }

	}

	/* 786 width and smaller */
	@media only screen and (max-width: 810px) {
		
		.spacer { display: block; height: 115px; }
		body.page-template-template-tehuur-php .spacer { display: none !important; }

		#headerCntr { padding: 20px 0px 40px; position: relative; width: 100%; }

		.menuBox { position: absolute; top: 45px; right: 5%; width: auto; }
		.menuBox li { margin-left: 10px; padding: 0px; float: left; width: auto; }
		.menuBox li a:hover { padding-right: 10px; background-color: #ff6c00; }

		#contentCntr { margin-left: 5%; position: relative; bottom: 0px; right: 0px; width: 90%; }

		body.page-template-template-tehuur-php #contentCntr { margin-left: 5%; padding-top: 0px; float: none; }

		#footerCntr div.overlay-left,
		#footerCntr div.overlay-right { display: none; }

	}

	/* 660 width and smaller */
	@media only screen and (max-width: 660px) {
		
		.spacer { display: none; }
		
		#wrapper { padding-top: 95px; }

		#headerCntr { padding: 5px 10px 0px 10px; position: fixed; top: 0px; left: 0px; z-index: 200; height: 54px; background: url('../images/mobile-header.png') repeat-x;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		#headerCntr a.logo { float: left; width: 140px; height: 40px; background-image: url('../images/mobile-logo.png'); }

		.menuBox { padding-top: 5px; position: relative; top: 0px; right: 0px; float: right; }
		.menuBox div.menu-header-menu-container { display: none; }
		.menuBox div.mobile { display: block; }
		.menuBox div.mobile div.menu-header-menu-container { display: block; }
		.menuBox select { padding-left: 10px; min-width: 150px; height: 34px; color: #fff; background: url('../images/drop-arrow.png') #ff6c00 no-repeat right;
			-webkit-appearance: none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}

		#contentCntr { margin: 0px !important; padding: 0px !important; width: 100% !important; }
		#contentCntr h3.title { top: -42px; width: 100%; font-size: 40px; background: #d8d8d8; }
		#contentCntr span.maximize { display: none !important; }

		.thumbBox { display: none !important; }

		.textBox,
		.detailBox { padding: 20px; }

		#mobileCntr .widget_advanced_menu { padding: 20px 20px 0px 20px; }

		.textBox h1,
		.detailBox h1 { font-size: 24px; }
		.detailBox a.back { display: none; }

		.textBox div.contact { font-size: 12px; }

		.detailBox div.pic { display: none; }
		.detailBox div.specs { padding-bottom: 20px; float: none; width: 100%; }

		.overviewBox { border-top: 1px solid #bebebe; border-bottom: 20px solid #fff; }
		.overviewBox li { margin: 0px !important; width: 100%; }
		.overviewBox li a { border: 20px solid #fff; border-bottom: 0px; }
		.overviewBox li a img { height: auto; width: 100%; }

		.overviewBox li a:hover span.overlay { display: none; }
		.overviewBox li a:hover strong { bottom: 30px; }
		.overviewBox li a:hover span.more { display: none; }

		#bgCntr { position: relative; height: 260px; border: 20px solid #bebebe; background: #bebebe;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		#bgCntr div.full-bg { background: no-repeat left top; position: absolute; width: 100%; height: 100%; background-size: cover !important; }
	
		body.home #bgCntr { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; background: none; }
		body.home #contentCntr { display: none; }
		body.home #footerCntr { position: fixed; bottom: 0px; left: 0px; }

		body.page-template-template-tehuur-php #bgCntr { display: none; }

		body.single-vastgoed #bgCntr { padding: 20px 20px 0px 20px; z-index: 20; border: 0px; border-top: 20px solid #fff; border-bottom: 20px solid #bebebe; }

		body.page-template-template-tehuur-php #contentCntr { margin-left: 0px; width: 100%; padding-top: 0px; float: none; }


		#footerCntr { position: relative; }

	}

	/* 480 width and smaller */
	@media only screen and (max-width: 480px) {
		
		.detailBox a.button { float: left; margin-top: 0px; margin-bottom: 20px; }

	}

	/* 320 width and smaller */
	@media only screen and (max-width: 320px) {
		
		#contentCntr h3.title { padding-top: 10px; top: -45px; font-size: 34px; }

	}