@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-Bold.ttf');font-weight: bold;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-BoldItalic.ttf');font-weight: bold; font-style: italic;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-ExtraBold.ttf');font-weight: bolder;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-ExtraBoldItalic.ttf');font-weight: bold;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-Italic.ttf');font-style: italic;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-Medium.ttf');font-weight: 500;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-MediumItalic.ttf');font-weight: 500; font-style: italic;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-Regular.ttf');font-weight: 400;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-SemiBold.ttf');font-weight: 600;}
@font-face{font-family: "Open Sans";src: url('fonts/OpenSans-SemiBoldItalic.ttf');font-weight: 600; font-style: italic;}

*, *:before, *:after							{
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body											{ width: 100%; min-height: 100%; margin: 0px; padding: 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 90%; background:url('/img/bg.jpg') top center; }
html											{ width: 100%; min-height: 100%; margin: 0px; padding: 0px; }


#container										{ position: relative; width: 100%; }
.wrapper										{ position: relative; margin: auto; max-width: 1040px; min-width: 960px;  padding: 0 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.wrapper:after									{ content: ''; display:  block; clear: both; }

.wrapper2										{ position: relative; margin: auto; max-width: 1400px; min-width: 960px;  padding: 0px 0px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.wrapper2:after									{ content: ''; display:  block; clear: both; }


@media all and (max-width: 1280px)  {
	.wrapper									{ padding: 0px 20px; }
}
@media all and (max-width: 1024px) {
	#menu_main ul li a							{ }
}

@media (max-width:968px){
	.wrapper2{
		width:100%;
		min-width:100%;
	}
	#fotobalk_big_holder{
		width:100% !important;
	}
	#fotobalk_small_holder{
		width:100% !important;
	}
}

.wrapper:after									{ content: ''; display: block; clear: both; }
/*-----------------------
		Extra's
-------------------------*/
.clear											{ clear: both; }

#menu_mobile:not( .mm-menu )					 { display: none; }
#menu_button									 { display: none; }

.nomobile										{ display: block; }
.mobile 										{ display: none!important; }

#home_holder									{ width:100%; float:left; }
	.left										{ float:left; width:45% }
	.left h2.quote									{ padding:0px!important; margin:0px!important; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#011279!important; font-style:italic;font-size:180% !important;}
	.left h2.quote span							{ font-size:80%; }
	.right										{ float:right; width:45%; text-align:right; font-size:100%; }
	.right-normal							{ float:right; width:45%; text-align:right; font-size:100% !important; }
#content #home_content .left{ width:45%;}

p.home-hovercontainer	{position:relative;overflow:hidden;}
a.home-hovertitle	{width:100%;position:absolute;bottom:-60px;background-color:rgba(1, 19, 122, 0.5);height:60px;left:0;}
a.home-hovertitle {color:#ffffff !important;font-weight:200;width:100%;text-align:center;font-size:130%;line-height:60px;}
p.home-hovercontainer:hover .home-hovertitle {bottom:0;}
p.home-hovercontainer:hover a.home-hovertitle, p.home-hovercontainer:hover a.home-hovertitle:hover {text-decoration:none;}

.home-hovertitle{
	transition: bottom 0.5s ease;
	-webkit-transition: bottom 0.5s ease;
	-moz-transition: bottom 0.5s ease;
	-o-transition: bottom 0.5s ease;
}

/*-----------------------
	text
-------------------------*/

/* header */
#header											{ }
#logo											{ float: left;height:150px; }
#logo img										{ height:120px; }

#menu_main										{ width: 100%; height: 35px;}
	#menu_main ul									{ list-style-type: none; float:right;  margin-top:-35px;  }
	#menu_main ul li								{ float: left; position: relative; height:100% }
	#menu_main ul li a								{ display:block; padding:0px 7.5px; color:#011279; line-height:35px; font-size:100%;text-decoration: none; font-weight:600; }
	#menu_main ul li a:hover						{ color:#ffffff }
	#menu_main ul li:first-child a					{ }
	#menu_main ul li:last-child a					{ }

	#menu_main ul li ul							   	{ position: absolute; z-index: 99; left: -9999999px; top: 70px; }
	#menu_main ul li ul li							{ padding: 0; width: 100%; margin: 0px; }
	#menu_main ul li ul li a						{ display: block; padding: 0px 15px; white-space: nowrap; background: #CBE3EF; }
	#menu_main ul li ul li a:hover					{ color:#fff; }
	#menu_main ul li:first-child ul li a, #menu_main ul li ul li:first-child a { }
	#menu_main ul li:last-child ul li a, #menu_main ul li ul li:right-child a  { }

	#menu_main ul li:hover ul						 { left: 0px; }

#menu_crumb										{ width:100%; float:left;  }
	#menu_crumb	ul								{ margin:0px!important; padding:0px; list-style-type: none;margin:0px;  }
	#menu_crumb	ul li							{ float:left; margin:0px 20px; }
	#menu_crumb	ul li:before					{ color:#d0d0d0; content:' > '}
	#menu_crumb	ul li:first-child				{ margin-left:0px}
	#menu_crumb	ul li:first-child:before		{ content:''; }
	#menu_crumb	ul li a							{ color:#d0d0d0; font-size:90%; text-decoration:none; text-transform:uppercase}
	#menu_crumb	ul li a:hover					{ color:#666666 }

#facebook-icon { position:absolute; right:10px;top:50px;}
#facebook-icon a { display:block;height:50px;width:50px; }

@media (max-width:766px){
	#facebook-icon { right:60px;top:20px; }
}
@media (max-width:436px){
	#facebook-icon { right: 10px;top:90px;z-index:500;}
}

/* fader */
#slider_holder									{ }
#slider_holder .wrapper						   	{ }

/* footer */
#footer										{ padding: 30px 0px;  width: 100%; background: #ffffff; display: block; opacity:0.5; }

.footer_column									{ width: 33%; min-width: 150px; height: 100%; position: relative; display: inline-block; vertical-align: top; font-size:105%; line-height:25px }
.footer_column a								{ text-decoration: none; color: #a0a0a0; text-transform: uppercase; }
.footer_column a:hover							{ color: #666666; }
.footer_column ul								{ list-style-type: none; margin-top:15px }
.footer_column ul a								{ color: #a0a0a0; text-transform: none; }
.footer_column ul a:hover						{ color: #666666; }


#content_holder									{ }

	/* content default tag styling  */

	#content									{ line-height:175%; padding:50px 0px; color:#5c5c5c; }

	#content h1									{ font-size: 300%; font-weight: 200;line-height:120%; margin:15px 0 0 0; color: #011279; }
	#content h2									{ font-size: 200%; font-weight: 500;line-height:120%; margin:1em 0 0 0; color: #011279;letter-spacing:1px; }
	#content h3									{ font-size: 150%; font-weight: 400;line-height:120%; margin:0px 0 0 0;  color: #011279 ; }
	#content h4									{ font-size: 125%; font-weight: 400;line-height:120%; margin:15px 0 0 0; color: #011279 ; }
	#content h5									{ font-size: 110%; font-weight: 600;line-height:120%; margin:2em 0 0 0; color: #011279 ; }
	#content h6									{ font-size: 100%; font-weight: 600;line-height:100%; margin:2em 0 0 0;  color: #011279 ; }

	#content p									{ display: block; margin-top: 0.5em; margin-bottom: 1.5em; }

	#content em									{ font-style: italic; }
	#content strong								{ font-weight: 600; font-weight:bold }

	#content a									{ color:#666666; }
	#content a:hover							{ color: #e30613; }

	#content img								{ max-width: 100%; }

	#content ul									{ margin: 25px 0px 25px 50px }
	#content ul	li ul							{ margin: 0px 0px 0px 50px }

	#content table								{ margin: 2em 0px; }
	#content table th							{ padding:0px; vertical-align:top }
	#content table td							{ padding:0px; vertical-align:top }

	#content figure 							{ display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 50px; margin-right: 50px; }
	#content hr									{ display: block; margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; border:none; height:1px; background:#CCCCCC; }

	#content blockquote							{ display: block; margin-top: 1em; margin-bottom: 2em; padding:1em 3em; font-style:italic; color:#999999; border-left:8px solid #e30613; background-color:#f7f7f7;}
	#content q 									{ display: inline; margin-top: 1em; margin-bottom: 2em; }
	#content q:before							{ content: open-quote; }
	#content q:after 							{ content: close-quote; }

	/* content default tag styling  */

	#content p.intro							{ margin: 25px 0px; font-weight: 600; }
	#content p.initial:first-letter				{ float:left; color:#e30613; font-size:3.5em; margin-top:0px; line-height:100%; padding-right:5px; font-weight:700}

	#content table.modern						{ border-collapse: collapse; font-size:100%;box-shadow: 1px 1px 4px #dbdbdb; background:#f7f7f7; }
	#content table.modern tr					{ border-bottom: 1px solid #dbdbdb; padding:4px; vertical-align:top }
	#content table.modern tr:first-child, #content table.modern th	{ padding:4px 10px; text-align:left; font-weight:600; vertical-align:top; }
	#content table.modern td 					{ padding:5px 10px; text-align:left; vertical-align:top }

	#content table.classic						{ border-collapse: collapse; font-size:100%; }
	#content table.classic tr					{ border-bottom: 1px solid #dbdbdb; padding:4px; vertical-align:top }
	#content table.classic tr:first-child, #content table.classic th	{ padding:4px 10px; text-align:left; font-weight:600; vertical-align:top; }
	#content table.classic td 					{ padding:5px 10px; text-align:left; vertical-align:top }

	#content .left								{ width: 48%; float: left; }
	#content .right								{ width: 48%; float: right; }

	/* form elements */
	#content form										{ }
	#content fieldset									{ }
	#content fieldset legend							{ display: block; }
	#content label 										{ float: left; clear:left; display: block; width:25%; margin:0px; padding:7px 0px; }
	#content label:after 								{ content: ": " }
	#content input[type="text"], #content input[type="email"], #content select, #content textarea, #content input[type="button"], #content input[type="submit"]{ padding: 5px; margin: 5px 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
	#content input[type="text"], #content input[type="email"], select { width: 75%; border: 1px solid #dbdbdb; background: #ffffff; -webkit-box-shadow:inset 0px 2px 6px #f7f7f7; box-shadow: inset 0px 2px 6px #f7f7f7;}
	#content textarea									{  width: 100%; height:7em; border: 1px solid #dbdbdb; -webkit-box-shadow:inset 0px 2px 6px #f7f7f7; box-shadow: inset 0px 2px 6px #f7f7f7; }

	#content select 									{ background: #fbfbfb url('down-arrow.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; }
	#content input[type="button"], #content input[type="submit"]				{ padding: 10px 30px; background: #011379; border: none; color: #FFF; box-shadow: 1px 1px 1px #4C6E91; -webkit-box-shadow: 1px 1px 1px #4C6E91; -moz-box-shadow: 1px 1px 1px #4C6E91; }
	#content input[type="button"]:hover, #content input[type="submit"]:hover	{ background: #666666; cursor:pointer }

	#content .required:after 							{ content: ": *" }

	#content_overview											{width:100%;list-style: outside none none;margin-left:0 !important;display:inline-block;padding-bottom:25px !important;}
	#content_overview li									{width:25%;display:block;float:left;padding:5px;height:170px;}
	#content_overview li > a							{display:block;position:relative;left:0;top:0;width:100%;overflow:hidden;}
	#content_overview .overview_title			{width:100%;position:absolute;bottom:-45px;background-color:rgba(1, 19, 122, 0.5);height:45px;}
	#content_overview .overview_title h3	{color:#ffffff;font-weight:200;width:100%;text-align:center;font-size:130%;line-height:45px;}
	#content_overview li > a:hover .overview_title {bottom:0;}

	#content_overview .overview_title{
		transition: bottom 0.5s ease;
		-webkit-transition: bottom 0.5s ease;
		-moz-transition: bottom 0.5s ease;
		-o-transition: bottom 0.5s ease;
	}

	/* Grid settings */
	.grid {
		margin: 0 0 20px 0;
		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.grid:after {
		/* Or @extend clearfix */
		content: "";
		display: table;
		clear: both;
	}

	[class*='col-'] {
		float: left;
		padding-right: 20px;
	}
	.grid [class*='col-']:last-of-type {
		padding-right: 0;
	}

	/* Opt-in outside padding */
	.grid-padding {
		padding: 20px 0 20px 20px;
	}
	.grid-padding [class*='col-']:last-of-type {
		padding-right: 20px;
	}

	.module {
		padding: 20px;
		background: #eee;
	}


	.col-1-1 {
		width: 100%;
	}
	.col-1-2 {
		width: 50%;
	}
	.col-1-3 {
		width: 33.33%;
	}
	.col-2-3 {
		width: 66.66%;
	}
	.col-1-4 {
		width: 25%;
	}
	.col-2-4 {
		width: 50%;
	}
	.col-3-4 {
		width: 75%;
	}
	.col-1-8 {
		width: 12.5%;
	}
	.col-2-8 {
		width: 25%;
	}
	.col-3-8 {
		width: 37.5%;
	}
	.col-4-8 {
		width: 50%;
	}
	.col-5-8 {
		width: 62.5%;
	}
	.col-6-8 {
		width: 75%;
	}
	.col-7-8 {
		width: 87.5%;
	}


/* EINDE GRID  */


/* opt-in margin and padding classes  */

.nopadding {
	padding: 0px!important;
}
.padding_minimal {
	padding: 5px!important;
}
.padding_small {
	padding: 10px!important;
}
.padding {
	padding: 20px!important;
}
.padding_big {
	padding: 30px!important;
}

.nomargin {
	margin: 0px!important;
}
.margin_minimal {
	margin: 5px!important;
}
.margin_small {
	margin: 10px!important;
}
.margin {
	margin: 20px!important;
}
.margin_big {
	margin: 30px!important;
}

/* opt-in color classes  */

.white {
	color:#FFF;
}
.black {
	olor:#000;
}
.grey {
	color:#808080;
}
.grey_dark {
	color:#c0c0c0;
}
.grey_light {
	color:#eeeeee;
}
.grey_extralight {
	color:#efefef;
}

.red {
	color:#ef473a;
}
.green {
	color:#33cd5f;
}
.blue {
	color:#387ef5;
}
.aqua {
	color:#11c1f3;
}
.yellow {
	color:#ffc900;
}
.purple {
	color:#886aea;
}


/* opt-in background color classes  */

.bg_white {
	background-color:#ffffff;
}
.bg_black {
	background-color:#000000;
}
.bg_grey {
	background-color:#808080;
}
.bg_grey_dark {
	background-color:#444444;
}
.bg_grey_light {
	background-color:#eeeeee;
}
.bg_grey_extralight {
	background-color:#efefef;
}

.bg_red {
	background-color:#ef473a;
}
.bg_green {
	background-color:#33cd5f;
}
.bg_blue {
	background-color:#387ef5;
}
.bg_aqua {
	background-color:#11c1f3;
}
.bg_yellow {
	background-color:#ffc900;
}
.bg_purple {
	background-color:#886aea;
}


/* Fotobalk */


/* fotobalk */
#fotobalk										{ width: 100%; clear: both; position: relative; }
	#fotobalk .wrapper2							{ max-height: 465px; background: #fff; padding: 0 2.5px 0px 5px; }
	#balk_left									{ width: 50%; position: absolute; left: 0px; top: 0px; bottom: 0px; background: #cbb778; }
	#balk_right									{ width: 50%; position: absolute; right: 0px; top: 0px; bottom: 0px; background: #00457c; }

	#fotobalk_big_holder						{ width: 50%; max-height: 444px; overflow: hidden; float: left; padding-right: 2.5px; position: relative; }
		#fotobalk_big_holder img				{ width: 100%; }
		#fotobalk_big_holder a					{ text-decoration: none; width: 100%; height: 100%; text-align: center; position: absolute; top: 0px; left: -2.5px; background: url('/img/beige_rollover.png') repeat 0 0; opacity: 0; filter: alpha(opacity=0); zoom: 1; transition: all 1000ms ease; -webkit-transition: all 1000ms ease; }


	#fotobalk_small_holder						{ width: 50%; max-height: 465px; float: left; position: relative; overflow: hidden;  }
		#fotobalk_small_holder ul				{ width: 100%; height: 100%; list-style-type: none; margin: 0px; padding: 0px; }
		#fotobalk_small_holder ul li			{ width: 50%; height: 50%; display: block; float: left; margin: 0px; padding: 0px; line-height: 0px; padding: 0px 2.5px 5px 2.5px; position: relative; overflow: hidden; }

	.smalll_link_holder							{ width: 100%; height: 100%; display: block; position: relative; overflow: hidden; }
		.smalll_link_holder img					{ width: 100%; }

	#fotobalk_small_holder ul li a				{ text-decoration: none; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; line-height: normal; background: url('/img/beige_rollover.png') repeat top left; opacity: 0; filter: alpha(opacity=0); zoom: 1; transition: all 1000ms ease; -webkit-transition: all 1000ms ease; }
		#fotobalk_small_holder ul li:hover a	{ opacity: 1; filter: alpha(opacity=85); transition: all 1000ms ease; -webkit-transition: all 1000ms ease; }



	.small_link_top_text						{ background-color:rgba(1,19,122,0.5); width: 100%; color: #ffffff; font-size: 100%; position: absolute; left: 0px; bottom: -100%; transition: all 300ms ease; -webkit-transition: all 300ms ease; height:100%;text-align:center;opacity:0;}

	.small_link_top_text .padding h3				{ font-size:150%; padding-top:20px;}

	.small_link_logo_img{
		text-align:center;
		padding-top:20px;
	}
	.small_link_logo_img img{
		display:inline-block;
		width:50px;
		height:auto;
	}

	.one_line .small_link_bottom_text			{ bottom: 50px; }


		#fotobalk_small_holder ul li:hover .small_link_top_text { bottom: 0%; transition: all 1000ms ease; -webkit-transition: all 1000ms ease; opacity:1;}
		#fotobalk_small_holder ul li:hover .small_link_bottom_text { right: 0%; transition: all 1000ms ease; -webkit-transition: all 1000ms ease; }


	/* NOG TE DOEN!! */
#home_items_holder								{ width: 100%; position: relative; }
#home_items_holder:after						{ content: ''; clear: both; display: block; }

.home_item										{ width: 48.5%; height: 260px; margin-bottom: 2.5%; float: left; position: relative; overflow: hidden; }
.home_item:nth-child(even)						{ float: right; }
.home_item img									{ min-width: 100%; min-height: 200px; margin: auto; z-index: 2; }

.home_item_content								{ width: 100%; height: 100%; padding: 10px 80px 20px 25px; color: #fff; background: #e30613; background: rgba(255, 156, 1, 0.9); position: absolute; left: 0; bottom: -85%; z-index: 3; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.home_item_content h3							{ margin: 0px; padding: 0px; font-size: 135%; font-family: 'quadraat'; font-weight: normal; font-style: italic; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.home_item_content p							{ font-size: 95%; line-height: 125%;  padding: 10px 0px; }

.home_item_content:after						{ content: ''; width: 40px; height: 40px; background: url(/img/house-icon.png) no-repeat top left; position: absolute; right: 20px; top: -15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.home_item:hover .home_item_content			   { bottom: 0; padding-top: 25px; }
.home_item:hover .home_item_content h3			{ font-weight: bold; font-weight: 200%; }
.home_item:hover .home_item_content:after		 { top: 15px; }

.home_item										{ box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); }
.home_item #home_content						  { font-size: 85%; height: 100%; line-height: 150%; color: #747474; padding: 15px 10px 15px 5px; background: rgba(255, 255, 255, 0.6); }
.home_item #home_content img					  { width:  170px; height: auto; min-width: 0; min-height: 0; float: left; margin-right: 15px; }

.image_intro 									{ float:right; width:20%; }

#image_gallery								{ }
#image_gallery ul							{ margin-left: -5px; }
#image_gallery ul li						{ width: 179px; height: 179px; float: left; margin: 0px; padding: 0px; margin-left: 5px; margin-bottom: 5px; position: relative; overflow: hidden; }
#image_gallery ul img						{ max-width: 100%; position: absolute; top: 0px; left: 0px; }
#image_gallery ul a							{ display: block; width: 100%; height: 100%; }


.overzicht_lijst							{ list-style-type: none; width: 100%; padding: 0px; margin: 0px!important; margin-bottom: 30px; }
.overzicht_lijst li							{ display: block; padding-top: 5px; padding-bottom: 5px; position: relative; }
.overzicht_lijst li a						{ text-decoration: none; display: block; padding-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }

.overzicht_lijst li:hover					{ }
.overzicht_lijst li:first-child:hover		{ }
.overzicht_lijst:hover li:first-child		{ }
.overzicht_lijst:hover li a					{ color:#999; }

.overzicht_lijst li:hover a					{ text-decoration: none; }

.overzicht_lijst .date						{ display: block; font-size: 11px;  }
.overzicht_lijst li:hover .date				{ font-weight: bold;}

#fotoboek_gallery							{ margin:20px 0px; }
#fotoboek_gallery ul 						{ list-style: none outside none; margin: 0; padding: 0; }
#fotoboek_gallery ul li						{ overflow:hidden; float: left; width:250px; height:150px; position:relative; margin:0px 5px 5px 0px; }
#fotoboek_gallery ul li img					{ width:100%; min-height:150px; }
#fotoboek_gallery ul li a					{ color:#ffffff; }
#fotoboek_gallery ul li a:hover				{ color:#000000; }
#fotoboek_gallery ul li	span				{ width:100%; position:absolute; left:0px; bottom:0px; padding:10px; background-color:#999999; opacity:0.7; }

.thumb-holder-big							{ width: 180px; height: 125px; float: left; margin-right: 13px; margin-top: 13px; position: relative; overflow: hidden; opacity: 0.85; }
.thumb-holder-big:hover						{ opacity: 1; }
.thumbs-big									{ width: 180px; height: 125px; overflow: hidden; }
.thumbs-big img								{ min-width: 180px; min-height: 125px; max-width: 250px; }
.thumb-overlay-big							{ background: rgba(0, 0, 0, .6); position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px; }

.thumb-holder								{ width: 105px; height: 75px; float: left; margin-right: 10px; margin-top: 10px; position: relative; overflow: hidden; opacity: 0.85; }
.thumb-holder:hover							{ opacity: 1; }
.thumbs										{ width: 105px; height: 75px; overflow: hidden; }
.thumbs img									{ min-width: 100px; min-height: 75px; max-width: 150px; }