<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ======================================================================================================
 GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	}
strong, b {
	font-weight: 600;
}
em, dfn, i {
	font-style:italic;
}
/* ================= General tags ================= */
body {
	font: 13pt/1.7 'Ubuntu', Verdana, Arial, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
	background: /*#d3e1b7 /*#dbedb3 /*#d8d9d6 /*#5d7724*/ /*url(../images/tegel2-bg.png)*/ url(../images/tegelrand-smal-mediumtegels-tr.png) center top repeat-x;
	}

body.#2 {
	background: url(../images/tegelrand-smal-mediumtegels-tr.png) center top repeat-x !important;
	}	

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 98%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	}
		
@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; 
	}


}

#page-wrap { 
	position: relative; 
	width: 990px;
	max-width: 100%; 
	margin: 0px auto; 
	padding: 0px;
	background-color: #fff !important;
	}
	
h1 {
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 0px;
	}

h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	}
	
h4 {
	font-weight: bold;
	}
	
h5 {
	display: block;
	clear: both;
	}
		
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
}
a {
	color:#d93e39;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
}

a:hover {
	text-decoration:underline;
}

p {
	color: #333;
	font-size: 13pt;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	margin-bottom: 25px;
	}

p a:link {
	text-decoration: underline;
	}
	
img.opener {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.intro {
	font-size: 13pt !important;
	margin: 20px 0 40px 0;
}
		
.streek {
	clear: both;
	display: block;
	float: left;
	min-height: 135px;
	margin: 0 0 25px 0;
	}
	
.streek img {
	margin: 0 20px 0 0;
	float: left;
	display: inline;
	width: 120px;
	height: auto; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.kop-routestop {
	font-size: 14pt;
	margin: 40px 0 10px 0;
	}
	

.fotoblok {
	clear: left; 
	margin: 25px 0; 
	float: left; 
	display: block;
	}

.fotoblok img {
	margin-bottom: 0 !important;
	height: auto;
	max-width: 98px;
	}
	
.datum {
	color: #666;
	font-size: 10pt;
	}
	
.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	background-color: #5d7724;
	color: #fff;
	padding: 20px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	float: left;
	margin: 20px 0 60px 0;
	text-align: center;
	}
			
ul {
	margin-bottom: 10px;
}
.slides {
	margin-bottom: -40px;
	}
	
#breadcrumb {
	float: left;
	display: block;
	font-size: 10pt;
	margin: -8px 0px 0px 0px;
	line-height: 17px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	width: 100%;
	}
	
#breadcrumb div {
	display: inline;
	}
	
.auteur, .auteur-2, .auteur-3 {
	color:#4d4d4d;
	border: 1px solid #999;
	margin: 15px 0px;
	background: #f4f0e9;
	clear: both;
	}

.auteur, .auteur-2 {
	padding: 10px 10px 0px 10px;
	}

.auteur-3 {
	padding: 25px 25px 0px 25px;
	}
	
.auteur p {
	font-size: 10pt;
	}
	
.auteur-2 p {
	font-size: 11pt;
	}

.auteur-3 p {
	font-size: 12pt;
	margin-bottom: 13px;
	line-height: auto;
	}
	
.auteur-2 h4 a, .auteur-3 h4 a {
	color: #333;
	}
	
.auteur-3 h4 {
	font-size: 14pt; 
	margin-top: 10px;	
	}

.fb-like {
	width: auto;
	height: auto;
	overflow: visible;
	}

.fb-share-button {
	display: block;
	clear: both !important;
	width: 100%;
	font-size: 10pt !important;
	} 	
	
.toggle_container .acco {
	font-size: 10pt !important;
	margin: 4px 0 25px 0;
	padding: 4px;
	background: #cfd8af;
	border-bottom: 1px solid #cfd8af;
	clear: left;
	}
	
.toggle_container .acco a, .toggle_container a {
	text-decoration: underline;
	}

.toggle_container .gp-icon {
	border: 0px !important;
	}
		
::selection {
	background:#2e2823;
	color:#fff;
}
::-moz-selection {
background:#2e2823;
color:#fff;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	margin-bottom: 40px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* div randomcontent */

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}


/* ================= Headers ================= */
h1, h2 {
	font-size: 25px;
	font-weight: normal;
	color: #5d7724;
	clear: both;
	}

h1.opener {
	font-size: 15pt;
	color: #e55300;
	}
	

h2.opener {
	font-size: 28px;
	}
	
h2.subkop {
	font-size: 20px;
	color: #e55300;
	}

	
h3 {
	font-size:20px;
	color: #e55300;
	clear: left;
	}
	
.aanbieding {
	font-size: 25px;
	}
	
h4 {
	font-size:16px;
	color:#453C34;
	}
	
h5 {
	font-size:14px;
	color:#453C34;
	}
	
h6 {
	font-size: 13pt;
	color: #e55300;
	margin-bottom: 0px;
	}

h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular {
	font-weight:400;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	color:#fff;
}

h5.white, h6.white {
	font-weight: normal;
	font-size: 13pt;
	}
	
		
h1.page_title {
	margin-bottom:10px;
}
h1.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin:20px 0 30px 0;
	padding:0 0 10px 0;
}
h2.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
}
h3.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:20px;
	padding-bottom:15px;
}
h3.bottom_line2 {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:0;
	padding-bottom:5px;
}
h4.bottom_line, h5.bottom_line, h6.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:11px;
	padding-bottom:10px;
}

p.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 0 13px 0;
}
div.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 0 13px 0;
}
p.align_center {
	text-align:center;
	font-size:14px;
	color:#999999;
}
p.align_center a {
	font-weight:bold;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight:600;
}

.regel {
	clear: left;
	}

/* ================= Images ================= */
img.alignleft {
	float:left;
	margin:10px 16px 10px 0;
}
img.volbreed {
	max-width: 100% !important; 
	height: auto;
	}
.volbreed-staand {
	margin: 0 auto 20px auto; 
	display: block; 
	clear: both; 
	max-width: 400px;
	}
.volbreed-staand img {
	max-width: 100% !important; 
	max-height: 600px !important; 
	margin-bottom: 10px; 
	display: block !important; 
	float: left;
	border: 1px solid #ccc;
	}
	
/* ================= List Styles ================= */
ul {
	list-style: none;
	margin-top:0;
}

ol, ol li {
	list-style:decimal outside;
}
/* ================= Forms ================= */
input, textarea {
	border:1px solid #cccccc;
	padding:3px 8px 5px 8px;
	margin: 5px 0px 5px 10px;
	font-size: 9pt;
	color:#000000;
	/*-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
	float: right;
}

.knop {
	width: 100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e55300;
	color: #fff;
	font-size: 10pt;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	}
	
.knop-opener {
	width: 30%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e55300;
	color: #fff;
	font-size: 10pt;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	float: left;
	display: inline;
	}
	
.daisycon-winter-search {
	clear: both;
	float: left;
	display: block;
	margin: 0 0 20px 0;
	}
	
.daisycon-winter-search-filter {
	clear: left;
	}
	
/* ================= Deviders ================= */
.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.padding3 {
	padding-top:3px;
	font-size:0;
	line-height:0;
}
.padding5 {
	padding-top:5px;
	font-size:0;
	line-height:0;
}
.padding10 {
	padding-top:10px;
	font-size:0;
	line-height:0;
}
.padding12 {
	padding-top:12px;
	font-size:0;
	line-height:0;
}
.padding15 {
	padding-top:15px;
	font-size:0;
	line-height:0;
}
.padding17 {
	padding-top:17px;
	font-size:0;
	line-height:0;
}
.padding20 {
	padding-top:20px;
	font-size:0;
	line-height:0;
}
.padding25 {
	padding-top:25px;
	font-size:0;
	line-height:0;
}
.padding30 {
	padding-top:30px;
	font-size:0;
	line-height:0;
}
.padding40 {
	padding-top:40px;
	font-size:0;
	line-height:0;
}
.padding50 {
	padding-top:50px;
	font-size:0;
	line-height:0;
}
.padding60 {
	padding-top:60px;
	font-size:0;
	line-height:0;
}
.padding80 {
	padding-top:80px;
	font-size:0;
	line-height:0;
}
.none {
	display:none;
}
.line {
	font-size:0px;
	border-top:1px solid #d9d9d9;
	margin-bottom: 4px;
	}
	
hr {
	background:transparent;
	border:0;
	clear:both;
	color:transparent;
	height:1px;
	margin:0;
	padding:0
}
hr {
	background: #d9d9d9;
	color: #d9d9d9;
	margin:5px 0 25px 0;
}
hr.dotted {
	border-style: dotted;
}
p + hr {
	margin:25px 0 20px 0;
}

/* ========== Pagina met Google Map ========== */

/* google kaart */

#mapcontainer {
	width: 100%;
	max-width: 100%; 
	float: left; 
	display: block; 
	padding-top: 0px;
	}
	
#map {
	width: 100%; 
	height: 650px; 
	margin:0px;
	}


#sidebar {
	float:left; 
	display: block; 
	margin: 4px -8px 0px 0px; 
	padding: 5px 0px 10px 0px; 
	width: 100%; 
	height: auto;
	background-color: #f4f0e9;
	}
	
#mapcontainer .intro {
	float: left; 
	padding: 8px 0px 4px 12px; 
	width: 100%; 
	font-weight: bold; 
	font-size: 8pt;
	}
	
.sb button {
	text-align: left; 
	cursor: pointer;
	background-color: #f4f0e9; 
	font-family: Verdana; 
	font-size: 8pt;
	padding: 2px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 0px;
	text-decoration: underline;
	float: left;
	display: inline;
	width: 202px !important;
	}
  
/*.sb button:focus {
	background-color: #88b033;
	}
	
.sb button:hover {
	background-color: #88b033;
	}*/
	

/* kaart knoppen */

.opkaart1 {
	margin-bottom: 10px; 
	border: 0px;
	} 
	
.opkaart2 {
	margin: -37px 22px 10px 670px !important; 
	float: left; 
	border: 0px !important; 
	width: auto !important; 
	height: auto !important;
	}


/* legenda */

.legenda {
	font-size: 8pt;
	width: 100%;
	margin: 5px 0px 0px 13px;
	display: block;
	float: left;
	clear: left;
	}
	
.legenda img {
	display: inline;
	float: left;
	margin: 0px 4px 0px 0px;
	}
	
.legenda div {
	width: auto;
	float: left;
	display: inline;
	padding-right: 15px;
	}
	
	
/* ballon */

.ballon, .ballon-kaart {
	width: auto;
	min-width: 300px;
	max-width: 320px;
	font: 10pt !important;
	line-height: 12pt;
	}
	
.ballon img {
	float: left;
	border: 1px solid #4c90cd;
	clear: left;
	margin-right: 12px;
	padding-top: -6px;
	width: 84px;
	height: 84px;
	}

.ballon-kaart img {
	float: left;
	border: 1px solid #4c90cd;
	clear: left;
	padding-top: -6px;
	display: block;
	clear: both;
	width: 98%;
	}
	
.ballon a {
	font-weight: bold;
	text-decoration: underline !important;
	}
	
.site {
	padding: 6px 0 0 0 !important;
	}
	
.ballon-kaart a {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 5px;
	text-decoration: underline !important;
	font-weight: normal !important;
	font-size: 11pt;
	}

/* ======================================================================================================
 GENERAL STRUCTURE
=======================================================================================================*/

/* ================= Header and Logo ================= */
.container {
	width: 940px;
	margin:0 auto;
}

.header_bg {
	height: 107px !important;
	background: url(../images/header-achtergrond-2017.jpg) no-repeat center top;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.header_bg .logo {
	float: left;
	display: inline;
	margin-bottom: 6px;
	margin-top: 12px;
	max-width: 280px;
}


/*.flexslider2 {width: 100%; margin-bottom:34px; position: relative; zoom:1;}*/

/* ================= Header Menu ================= */
.main-menu {
	margin:2px 0 0 0;
	float:right;
	background-color: #e55300;
	width: 100%;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	background: #e55300 url(../images/bg-base.jpg);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
	
.main-menu ul {
	margin: 0;
	padding-left: 12px;
}
.main-menu li ul {
	padding-top: 2px;
	left :-2px;
}
.main-menu li ul li {
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
}

.main-menu li {
	white-space:nowrap;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	z-index:100;
}

.main-menu a {
	display: block;
	position: relative;
	font-size: 16px;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	color:#f9f4e1;
	font-weight: normal;
}

.main-menu a:hover {
	text-decoration:none;
	color:#d2dbbf;
	cursor: pointer;
	cursor: hand;
	}
	
.main-menu li.submenu &gt; a {
	padding-right:20px;
	background:url(../images/menu_down_arrow.png) no-repeat right;
	cursor:default;
}
.main-menu &gt; ul &gt; li {
	float:left;
	margin-right:28px;
}
.main-menu &gt; ul &gt; li:last-child {
	margin-right:0;
}
.main-menu li ul {
	display:none;
	position:absolute;
	top:100%;
	z-index:100;
	padding-left: 0px;
}
.main-menu li ul a {
	font-size: 13px;
	font-weight: normal;
}
.main-menu li:hover &gt; ul {
	display:block;
}

.main-menu li ul li {
	border-bottom:1px solid #8ab135;
	background:#8ab135;
}
.main-menu li ul li a:hover {
	background:#e55300;
	color:#fff;
}
.main-menu li ul li:last-child {
	border-bottom:1px solid #2e2823;
}
.main-menu li ul li a {
	padding: 0 25px 0 12px;
	line-height: 33px;
	background: #5d7724;
}
.main-menu li ul li ul {
	top:-1px !important;
	left:100% !important;
	padding:0 !important;
}
/* ================= Footer ================= */

	
.footer_bg_bottom {
	background:#4b5e2d;
	color: #fff;
	font-size: 10pt;
	}
	
.footer_bottom .menu a {
	color: #fff;
	}
	

/* ================= Columns ================= */
.content {
	width:620px;
	margin:25px 40px 0 0;
	float:left;
}
.sidebar {
	width:280px;
	margin:10px 0 0 0;
	float:left;
}
.col_1_2 {
	width:460px;
	float:left;
	margin:0 20px 0 0;
}

.col_1_2.partner img {
	border: 1px solid #ccc;
	margin: 10px 10px 0 0;
	}
	
.col_2_3 {
	width:610px;
	float:left;
	margin: 0 30px 40px 0;
}
.col_1_3 {
	width:299px;
	float:left;
	margin:0 20px 0 0;
}

.col_2_3 ul.tekst, .col_1_3 ul.tekst, ul.intekst, ul.intekst-zw {
	list-style-position: outside !important;
	list-style-type: disc;
	padding-left: 20px;
	padding-bottom: 10px;
	}

.col_2_3 ul.intekst, .col_2_3 ul.intekst-zw {
	margin: 2px 0 0 30px;
	list-style-type: circle;
	}

.col_2_3 ul.intekst-zw a {
	color: #333 !important;
	text-decoration: none !important;
	}

.col_2_3 ul.intekst-zw a:hover {
	text-decoration: underline !important;
	}
		
.col_2_3 ul.breder {
	padding-left: 150px;
	}

.col_1_3 ul.tekst {
	font-size: inherit;
	padding-right: 10px;
	}

.col_2_3 ul.tekst {
	font-size: inherit;
	}

.col_2_3 ul.tekst a, .col_1_3 ul.tekst a, .col_2_3 ol.tekst a {
	text-decoration: underline;
	}
	
.col_1_3.last ul.tekst {
	padding-right: 0px;
	}

.col_2_3 p img {
	max-width: 40%;
	height: auto;
	float: left;
	display: inline;
	margin: 0 15px 5px 0px;
	border: 1px solid #ccc;
	}
	
.slide {
	max-width: 100% !important;
	margin: 3px 0 15px 0 !important;
	border: 0px !important;
	}

.openfoto {
	margin-top: 2px !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 100% !important;
	}
	
.col_2_3 .img-caption, .col_2_3 .img-captionr {
	max-width: 45%;
	height: auto;
	display: inline;
	font-size: 11pt !important;
	color: #666;	
	}
	
.col_2_3 .bijschrift {
	font-size: 11pt !important;
	color: #666;	
	clear: both;
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 100% !important;	
	}
	
.col_2_3 .img-caption {
	float: left;
	margin: 0px 15px 5px 0;	
	}
	
.col_2_3 .img-captionr {
	float: right;
	margin: 5px 0 5px 10px;
	}
	
.col_2_3 .kader {
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	max-width: 30%;
	margin-right: 20px;
	}
	
.col_2_3 .kadersmal {
	border: 0px solid #ccc;
	padding: 0px;
	text-align: center;
	max-width: 32%;
	margin-right: 6px;
	background-color: #f4f0e9;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}
	
.col_2_3 .kadersmal a {
	text-decoration: underline;
	}


.col_1_3 .kadersmal {
	border: 0px solid #ccc;
	padding: 0px;
	text-align: center;
	width: 98%;
	margin: 0 0 6px 0;
	clear: both;
	display: block;
	background-color: #f4f0e9;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}
	
.col_1_3 .kadersmal img, .col_2_3 .kadersmal img {
	width: 100% !important;
	margin: 0px;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	}

.col_2_3 .kadersmal  p {
	padding: 15px;
	}
	
.col_2_3 .kadersmal  p {
	font-size: 11pt !important;
	margin: 0px;
	padding: 0 5px !important;
	}
	
.col_2_3 .kader img {
	margin: 0px auto;
	}

.col_2_3 .kadersmal img {
	margin: 0 0 10px 0;
	width: 100%;
	}

	
.col_2_3 .img-caption img, .col_2_3 .img-captionr img {
	max-width: 100%;
	margin-bottom: -4px;
	border: 0px solid #ccc;
	}
	
.col_2_3 ul.tekst {
	list-style-type: disc;
	list-style-position: inside;
	margin: -10px 0 0 0;
	}
	
.nieuwspag p, .nieuwspag2 p {
	clear: both;
	float: left;
	margin-bottom: 20px;
	font-size: 11pt;
	}

.nieuwspag p {
	font-size: 11pt;
	}

.nieuwspag2 p {
	font-size: 13pt;
	}
	
.nieuwspag p img, .nieuwspag2 p img {
	margin: 7px 8px 2px 0;
	float: left;
	}
	
	
.col_1_3.nieuws {
	font-size: 10pt;
	line-height: 22pt;
	}
	
.col_1_3.nieuws .mail {
	font-size: 9pt;
	line-height: 14pt;
	margin: -20px 0 50px 0;
	display: block;
	}
	
.col_1_3.nieuws .uitgelicht, .col_2_3 .uitgelicht {
	font-size: 10pt;
	float: left;
	display: block;
	margin-bottom: 26px;
	line-height: 18px;
	width: 100%;
	}
	
.col_2_3 .uitgelicht {
	width: 297px;
	max-width: 100% !important;
	margin-right: 16px;
	background-color: #cfd8af;
	font-size: 10pt;
	}
	
.col_2_3 .twee {
	margin-right: 0px;
	}
	
.col_1_3.nieuws .uitgelicht img, .col_2_3 .uitgelicht img {
	float: left;
	border: 1px solid #ccc;
	}
	
.col_1_3.nieuws .uitgelicht img {
	margin: 4px 8px 0 0;
	}
	
.col_2_3 .uitgelicht img {
	margin: 0 8px 0 0;
	width: 84px;
	height: 84px;
	}
	
.col_1_3.nieuws .uitgelicht a, .col_2_3 .uitgelicht a {
	text-decoration: underline;
	}


.col_1_3.nieuws h6.partnerkop {
	padding-top: 10px;
	}
	
.col_1_3.nieuws h6.haan {
	padding: 10px 40px 0 0;
	background: url(../images/nieuws-haantje.png) right no-repeat;	
	}
	
.col_1_3.nieuws .partners {
	margin-left: -12px;
	clear: left;
	}
	
.col_1_3.nieuws .partners img {
	margin: 0 0 2px 12px;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

.col_1_3.nieuws .partners-home img {
	border: 0px;
	min-width: 95%;
	max-width: 95%;
	}
		
.col_1_3.nieuws p {
	margin-bottom: 15px;
	}
	
.col_1_3.last p {
	font-size: 10pt;
	padding-left: 0px;
	} 
	
.col_1_3.nieuws h6 {
	clear: left;
	}
	
.col_1_4 {
	width:220px;
	float:left;
	margin:0 20px 0 0;
}
.col_1_5 {
	width:172px;
	float:left;
	margin:0 20px 0 0;
}
.col_3_4 {
	width:700px;
	float:left;
	margin:0 20px 0 0;
}
.content .col_1_2 {
	width:300px;
}
.content .col_1_3 {
	width:193px;
}
.content .col_2_3 {
	width:396px;
}
.content .col_1_4 {
	width:140px;
}
.content .col_1_5 {
	width:108px;
}
.content .col_3_4 {
	width:460px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {
	margin:0;
}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {
	margin:0;
}
/* ======================================================================================================
 SPECIFIC PAGE STYLES
=======================================================================================================*/


/* ================= Homepage Featured Columns ================= */

.nieuwsbrief, .nieuwsbrief-opener {
	font-size: 10pt;
	color: #fff;
	float: left;
	display: block;
	margin-bottom: 20px;
	margin-top: 2px;
	}

.nieuwsbrief, .nieuwsbrief-opener {
	width: 100%;
	}
	
.nieuwsbrief img {
	clear: both; 
	display: block; 
	margin: 20px auto;
	}
	
.nieuwsbrief-opener img {
	float: left; 
	display: inline; 
	margin: -15px 50px 0 10px;
	}	

.nieuwsbrief-opener {
	width: 96%;
	}
	
.nieuwsbrief a, .nieuwsbrief-opener a {
	color: #fff;
	text-decoration: underline;
	}
	
.nieuwsbrief .kop, .nieuwsbrief-opener .kop {
	font-size: 13pt;
	line-height: 16pt;
	padding: 35px 15px 15px 15px;
	display: inline;
	float: left;
	background-color: #0788c6 /*#95ba0d*/ /*#709128*/ !important;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}
	
.nieuwsbrief .kop {
	text-align: center;
	}
	
.nieuwsbrief-opener .kop {
	width: 100% !important;
	text-align: left;
	}
	
.nieuwsbrief input[type="text"] {
	display: block;
	float: left; 
	width: 92%;
	margin: 5px 15px 5px 0px;
	}
	
.nieuwsbrief-opener input[type="text"] {
	display: inline;
	float: left; 
	width: 31%;
	margin: 5px 5px 5px 0px;
	}

.nieuwsbrief-opener input[type="submit"] {
	float: left;
	width: 31%;
	margin: 10px 0;
	}
	
.nieuwsbrief .veld {
	display: block;
	float: left; 
	width: 100%;
	margin: 0px;
	max-width: none !important;
	}

.nieuwsbrief .max, .nieuwsbrief-opener .max {
	font-size: 10pt;
	line-height: normal;
	}
	
.nieuwsbrief-opener .max {
	display: block;
	float: left;
	}

.nieuwsbrief .eboek, .nieuwsbrief-opener .eboek {
	font-size: 12pt;
	line-height: normal;
	margin: 10px 0;
	}
	
	
.landing .nieuwsbrief, .landing .nieuwsbrief .kop {
	color: #fff;
	}	
	
.landing {
	background-image: none;
	}

/* ================= Homepage Widgets ================= */

.homepage_widgets_bg {
	background:#5d7724;	
	border-top:1px solid #453c34;
	color:#fafaf5;
	font-size: 10pt;
	}
	
.homepage_widgets_bg a {
	color:#fafaf5;
	}
	
.homepage_widgets_bg p {
	color:#fafaf5;
	}
	
.homepage_widgets_bg ul {
	list-style-type: disc;
	list-style-position: inside;
	}
	
	
.homepage_widgets_bg ul.beside_icon {
	margin-left: 47px;
	}
	
.homepage_widgets_bg ul.beside_icon li {
	margin: 10px 0;
	}
	
.recent_works_left {
	float:left;
	clear: left;
	margin-top: -5px;
	}
	
.recent_works_left h2 {
	margin-bottom:10px;
}
.recent_works_left h2 strong {
	font-weight:700;
}
.recent_works_arrows {
	float:right;
	padding:11px 0 3px 0;
}
.recent_works_arrows a.prev_item {
	position:absolute;
	margin-left: -945px /*-980px*/;
	/*margin-top: 132px;*/
	margin-top: 72px;
	width:22px;
	height:22px;
	margin-right:8px;
	background:url("../images/portfolio_prev.png") no-repeat top;
}
.recent_works_arrows a.prev_item:hover {
	background:url("../images/portfolio_prev.png") no-repeat bottom;
}
.recent_works_arrows a.next_item {
	position:absolute;
	/*margin-top: 132px;*/
	margin-top: 72px;
	margin-left: -5px;
	width:22px;
	height:22px;
	background:url("../images/portfolio_next.png") no-repeat top;
	z-index: 1000;}
	
.recent_works_arrows a.next_item:hover {
	background:url("../images/portfolio_next.png") no-repeat bottom;
}
.recent_works {
	padding:0 0 0 0;
	margin:0 0 30px 10px;
	font-size: 10pt;
}
.recent_works ul:after {
	content: "";
	display: block;
	height:0;
	overflow:hidden;
	clear:both;
}
.recent_works ul li {
	margin:0 10px 60px 10px;
	width:283px;
	height:220px;
	float:left;
	background:#FFF;
}
.recent_works ul li .recent_image {
	width:281px;
	height:140px;
	padding: 0px;
	border:1px solid #cccccc;
	display:block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	position:relative;
	}

.recent_works ul li .recent_image .portfolio_image {
	width:281px;
	height:140px;
}
.recent_works ul li .title {
	text-align:left;
	display:block;
	padding:10px 0 0 0;
	font-size:18px;
	color: #5d7724;
}
.recent_works ul li .title a {
	font-size:18px;
	color:#d93e39;
	font-weight: normal;
}
.recent_works ul li .title a:hover {
	color:#d93e39;
}
.recent_works ul li .clear {
	display:block;
	clear:both;
	padding:5px 0 0 0;
}

/* ================= Vakanties subpagina's - verwijsknoppen ================= */

/*a.reizen {
	color: #fff !important;
	text-decoration: none !important;
	width: 144px !important;
	padding: 0px 20px 8px 6px;
	font-size: 12pt;
	float: right;
	margin: 10px 0px 0px 0px;
	text-align: left;
	height: 18px;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	background: #e55300 url(../images/reizen_down_arrow.png) no-repeat right;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.reizen a {
	background: #e27203 url(../images/bg-reizen.gif) bottom left no-repeat;
	}*/
	
	
.reizen a {
	background: #e27203 bottom left no-repeat;
	/*float: right;*/
	float: left;
	width: 98%;
	display: block;
	clear: both;
	color: #fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding: 3px /*25px*/ 6px 8px 6px;
	text-align: center;
	background: /*#e55300*/ #8fa63b /*url(../images/reizen_down_arrow.png) no-repeat right*/;
	margin: 30px 0px 20px 0px;
	font-size: 13pt;
	height: auto;
	border: 1px solid /*#333*/ #666;
	}
	
.reizen {
	padding: -4px 0px 0px 0px;
	height: auto;
	}

	
.hotels a {
	background: #e27203 url(../images/bg-hotels.gif) bottom left no-repeat;
	}
	
.reizen a:hover, .hotels a:hover {
	text-decoration: underline !important;
	}
	

/* ================= Portfolio ================= */

.portfolio_1_3 ul {
	width: 960px;
	margin-bottom:0;
}

.portfolio_1_3 ul li {
	margin:0 20px 60px 0;
	width:300px;
	height:282px;
	float:left;
	background:#FFF;
}

.portfolio_1_3 ul.hoger li {
	margin:0 20px 60px 0;
	width:300px;
	height: auto;
	float:left;
	background:#FFF;
}

.portfolio_1_3 ul li .image {
	width:288px;
	height:143px;
	padding:0px;
	border:1px solid #cccccc;
	display:block;
}

.portfolio_1_3 ul li .image .portfolio_image {
	width:288px;
	height:143px;
}

.portfolio_1_3 ul li .image .portfolio_image-2 {
	width:288px;
	height:auto;
}

.portfolio_1_3 ul li.extra .title {
	line-height: 18px;
	padding: 5px 0 0 0;
	}

.portfolio_1_3 ul li .description, .portfolio_1_3 ul li .description a {
	color: #333;
}
	
.portfolio_1_4 ul {
	width:960px;
	margin-bottom:0;
}

.portfolio_3_4 ul {
	width: 620px;
	margin-bottom:0;
	font-size: 11pt !important;
}

.portfolio_1_4 ul li {
	margin:0 20px 50px 0;
	width:220px;
	height:128px;
	float:left;
	background:#FFF;
	}
	
.portfolio_3_4 ul li {
	margin:0 18px 40px 0;
	width:188px;
	height:128px;
	float:left;
	background: #cfd8af;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}
	
.portfolio_1_4 ul li.extra, .portfolio_3_4 ul li.extra {
	height: auto !important;
	}
	
.portfolio_1_4 ul li.extra .title, .portfolio_1_4 ul li.extra .title a {
	font-size: 13pt !important;
	color: #d93e39;
	}

.portfolio_3_4 ul li.extra .title, .portfolio_3_4 ul li.extra .title a {
	font-size: 11pt !important;
	color: #d93e39;
	}
	
.portfolio_3_4 ul li.extra .inhoud {
	padding: 6px !important;
	}

.portfolio_1_4 ul li.extra .title a, .portfolio_3_4 ul li.extra .title a {	
	text-decoration: underline;
	}
	
.portfolio_1_4 ul li .image {
	width:208px;
	height:125px;
	padding:0px;
	border:1px solid #cccccc;
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.portfolio_3_4 ul li .image {
	width:188px;
	height:113px;
	padding:0px;
	border: 0px solid #cccccc;
	display:block;
}

.portfolio_3_4 ul li .image-smal {
	width:188px;
	height:53px;
	padding:0px;
	border: 0px solid #cccccc;
	display:block;
}

.portfolio_1_4 ul li .image .portfolio_image {
	width:208px;
	height:125px;
}

.portfolio_3_4 ul li .image .portfolio_image {
	width:188px;
	height:113px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

/*.portfolio_3_4 ul li .image .portfolio_image {
	width:188px;
	height:113px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}*/

.portfolio_3_4 ul li .image-smal .portfolio_image-laag {
	width:186px;
	height:51px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border: 1px solid #ccc;
}

/*.portfolio_3_4 ul li .image .portfolio_image-laag {
	width:186px;
	height:51px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}*/

.portfolio_1_4 ul li .description {
	color:#4d4d4d;
}


.portfolio_1_3, .portfolio_1_4 {
	padding:0 0 0 0;
	margin:0 -20px 0 0;
}

.portfolio_1_3 ul:after, .portfolio_1_4 ul:after {
	content: "";
	display: block;
	height:0;
	overflow:hidden;
	clear:both;
}

.portfolio_1_3 ul li, .portfolio_1_4 ul li {
	font-size:15px;
}

.portfolio_1_3 ul li .title, .portfolio_1_4 ul li .title {
	text-align:left;
	display:block;
	font-size:16px;
	color:#d93e39;
}

.portfolio_1_3 ul li .title {
	padding:0;
}

.portfolio_1_4 ul li .title {
	padding:0px 0 10px 0;
}

.portfolio_1_3 ul li .title a {
	font-size:16px;
	color:#d93e39;
}

.portfolio_1_4 ul li .title a {
	font-size:16px;
	color:#262626;
}
	
.portfolio_1_3 ul li .title a:hover, .portfolio_1_4 ul li .title a:hover {
	color:#d93e39;
}



.portfolio_1_3 ul li .clear, .portfolio_1_4 ul li .clear {
	display:block;
	clear:both;
	padding:5px 0 0 0;
}

.portfolio_social li {
	display:inline;
	padding-right:5px;
}
/* === Clearfix === */
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1
}

/* ======================================================================================================
 WIDGETS
=======================================================================================================*/

/* ================= General Widget Style ================= */
.widget {
	margin:0 0 35px 0;
}
.widget.margin_medium {
	margin:0 0 10px 0;
}
.widget.margin_small {
	margin:0 0 15px 0;
}
.widget h2 {
	background:url("../images/widget_bg.png") repeat-x 0 12px;
	text-align:left;
	margin:0 0 10px 0;
}
.widget h2 span {
	color:#262626;
	background:#FFF;
	text-align:left;
	padding:0 10px 0 0px;
	font-size:17px;
}
/* ================= Categories ================= */
.categories ul {
	margin:-10px 0 0 0;
}
.categories ul li a {
}
.categories ul li a:hover, .categories ul li a.selected {
	text-decoration:none;
	color:#d93e39;
}
/* ================= Recent Posts ================= */
.recent_post {
	margin:0 0 15px 0;
}
.recent_post .image {
	width:60px;
	height:60px;
	float:left;
	border:1px solid #cccccc;
	padding:5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.recent_post .image img {
	margin:0;
	padding:0;
}
.recent_post .text {
	width:198px;
	float:left;
	padding:0 0 0 10px;
}
.recent_post .text a.title {
	text-decoration:none;
	color:#666666;
	font-size:11px;
	border:0;
	padding:0;
	line-height:23px;
}
.recent_post .text a.title:hover {
	text-decoration:underline;
	color:#d93e39;
}
.recent_post .text .comments {
	background:url("../images/recent_post_comments.png") no-repeat left 85%;
	display:inline-block;
	color:#a6a6a6;
	padding:6px 0 0 13px;
	font-size:11px;
	line-height:11px;
}
.recent_post .text .time {
	background:url("../images/hour.png") no-repeat left 85%;
	display:inline-block;
	color:#a6a6a6;
	font-size:11px;
	padding:2px 5px 0 13px;
	line-height:11px;
}
/* ================= Blockquote ================= */
blockquote.right {
	float: right;
	margin: 10px 0px 0px 20px;
	width: 220px;
}
blockquote.left {
	margin: 10px 20px 0px 0px;
	width: 220px;
	float:left;
}
blockquote p {
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	font-size:11px !important;
	color:#666666;
	line-height:22px;
	padding:0;
	margin-bottom:20px;
}
blockquote {
	quotes: none;
	padding: 0 10px 0 22px !important;
	font-family: 'Ubuntu', Verdana, Arial, sans-serif;
	font-size:11px !important;
	color:#666666;
	line-height:22px;
	border-left: 4px solid #ADD3DD;
}
/* ======================================================================================================
 MISC.
=======================================================================================================*/	

/* ================= Boxes ================= */
.bordered_box {
	border:1px solid #EFEFEF;
	line-height:21px;
	margin-bottom:20px;
	margin-top:1px;
}
.bordered_box .title {
	height:30px;
	margin:-2px -2px 0 -2px;
}
.bordered_box .title h1 {
	color:#FFF;
	padding:5px 0 0 19px;
}
.tabs ul {
	padding:0px 0 0 0;
	margin:0;
}
.tabs ul li {
	float:left;
	margin:0 3px -2px 0;
	border:1px solid #EFEFEF;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.tabs ul li a {
	border-bottom: none;
	display: block;
	color:#595959;
	overflow: hidden;
	padding: 5px 15px 0 15px;
	height: 24px;
	background: #FBFBFB;
	font-soze:12px;
	font-weight:bold;
}
.tabs ul li a:hover {
	background:#f2f2f2;
	color:#D93E39;
	text-decoration:none;
}
.tabs ul li.ui-tabs-selected a {
	background:#FFF;
	color:#d93e39;
	border-bottom:1px solid #fff;
	margin-bottom:-2px;
}
.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding:0;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.content_text {
	padding:10px;
	line-height:22px;
	font-size:12px;
	color:#4d4d4d;
}
.question_box {
	border:1px solid #9ac1fa;
	background:#dbeefe;
	color:#4180cf;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.success_box {
	border:1px solid #a4cb8b;
	background:#e9fedb;
	color:#488e1b;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.attention_box {
	border:1px solid #f2c779;
	background:#fff8c4;
	color:#ed7c18;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.error_box {
	border:1px solid #f7b3b1;
	background:#fff1f1;
	color:#d93e39;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.toggle {
	padding: 0px 24px 0px 10px;
	cursor:pointer;
	/*background: #95ba0d;*/
	background: #c0d98c /*#9fcb57 /*url(../images/button_green.png) center bottom*/;
	border: 1px solid #ccc;
	height: /*28px*/ auto;
	font-weight:bold;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	}

.toggle h3, .toggle h2 {
	font-size: 12pt;
	margin-top: 2px;
	paddding-top: 2px;
	margin-bottom: 6px;
	color: #333;
	font-weight: bold;
	}
	
.toggle_active {
	font-size:12px;
	color:#595959;
	padding:0px 24px 0px 10px;
	cursor:pointer;
	height: auto;
	font-weight:bold;
}

.toggle_container {
	line-height:22px;
	font-size: 11pt;
	color:#4d4d4d;
	border: 1px solid #EFEFEF;
	border-top:0px;
	padding: 10px 10px 10px 10px;
	/*background-color:#dae9b2;*/
	/*background: #e8efd0 /*url("../images/greenpaper.png") repeat*/;
	/*background: #fff url(../images/land-silhouet.png) bottom right no-repeat;*/
	background: #f5f5f5 /*#f4f0e9*/ /*url(../images/land-silhouet.png) bottom right no-repeat*/;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	}
	
.toggle_container .kop.first {
	margin: 0;
	font-weight: 600;
	}
	

.toggle_container .kop, .toggle_container .kop2 {
	padding: 0;
	font-weight: /*600*/ normal;
	font-size: 14pt;
	color: #5d7724;
	clear: both;
	display: block;
	width: 100%;
	float: left;
	margin-top: 40px !important;
	}
	
.kop-open {
	padding: 10px 10px 10px 0;
	border: 1px solid /*#e3eacf*/ #e55300;
	background-color: /*#e3eacf*/ #f4f0e9;
	font-weight: normal !important;
	font-size: 14pt;
	color: #5d7724;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	clear: both; 
	min-height: 136px;
	}

.kop-open2 {
	border: 1px solid /*#e3eacf*/ #e55300;
	background-color: /*#e3eacf*/ #f4f0e9 /*#f5f5f5*/;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	min-height: 666px;
	max-width: 32%;
	display: inline-block;
	float: left;
	font-size: 15pt;
	color: #5d7724;
	}
	
.kop-open2 .kop {
	margin: 10px 10px 0 10px;
	text-align: center;
	}

.kop-open2 p {
	margin: 0 10px 10px 10px !important;
	font-weight: normal !important;
	font-size: 13pt;
	}
	
.kop-open2 {
	margin: 0 12px 0 0;
	}

.laatst {
	margin: 0 !important;
	}

.kop-open img {
	float: left; 
	margin: 0 20px 10px 0;
	width: 200px;
	}
	
.kop-open2 img {
	max-width: 100%;
	margin: 16px 0 10px 0;
	}
	
.aff-blok, .inh-blok, .aff-blok-intern {
	line-height: 24px;
	font-size: 12pt;
	color:#4d4d4d;
	border: 0px;
	float: left;
	display: block;
	width: 100%;
	margin: 20px 0px 40px 0px;
	background: #f5f5f5 /*#f4f0e9*/;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

.aff-blok-intern {
	text-align: center;
	}
	
.aff-blok h4, .inh-blok h4, .aff-blok-intern h4 {
	display: block;
	height: auto;
	margin: 20px 20px -15px 20px;
	}

.aff-blok p, .inh-blok p, .aff-blok-intern p {
	display: block;
	margin: 20px;
	}
	

.kleiner p {
	font-size: 12pt !important;
	}
	
.kleiner h3 {
	margin: 20px 0 0 20px;
	}
	
.aff-blok a, .aff-blok-intern a {
	margin: 10px 5px 0 0 !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	color: #fff;
	width: auto;
	text-decoration: none !important;
	box-shadow: 0px 2px #818080;
	}

.aff-blok a {
	padding: 6px 24px 6px 6px;
	background-image: url(../images/icon-out.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #8fa63b;
	}
	
.aff-blok-intern a {
	padding: 20px 30px !important;
	font-size: 14pt;
	}
	
.aff-blok a.plaatje {
	background-image: none;
	padding: 0px !important;
	margin: 0px !important;
	background: #f5f5f5;
	box-shadow: none;
	width: 142px;
	}
	
	
.aff-blok a.plaatje img {
	min-width: 120px !important;
	margin: 10px 10px 0px 0px !important;
	padding: 0px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px #ccc;
	}
	

.aff-blok-intern a {
	padding: 6px;
	background-color: #e55300;
	}
	
.laag {
	min-height: auto !important;
	}
	
.toggle_container .kop2 a {
	text-decoration: underline;
	color: #5d7724;
	}

.toggle_container .kop {
	margin: 25px 0 10px 0;
	color: #5d7724;
	}
	
.toggle_container .kop2 {
	margin: 25px 0 0px 0;
	}
	
.toggle_container h2 {
	margin: 15px 0 0 0 !important;
	}
	
.toggle_container h3 {
	margin: 15px 0 0 0 !important;
	clear: left;
	}
		
.toggle_container p {
	padding: 10px 0;
	margin:0;
	clear: left;
	font-size: 11pt;
	}

.toggle_container ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	font-size: 11pt;
	}

.toggle_container ul li {
	margin-bottom: 6px;
	}

.toggle_container ul a:link {
	text-decoration: underline;
	}
	
.toggle_container p img {
	float: left;
	margin: 5px 10px 5px 0;
	max-width: 140px;
	}

		
.toogle_box {
	position:relative;
	float: left;
	margin-top: 30px !important;
	margin-bottom: 20px;
	clear: both;
	width: 100%;
	}

.toogle_box img {
	float: left;
	display: inline;
	margin-right: 5px;
	}
	
.toogle_box .toggle .icon {
	background:url("../images/toggle_open.png") no-repeat;
	width: 22px;
	height: 22px;
	position:absolute;
	right: 8px;
	top: 7px;
}
.toogle_box .toggle_active .icon {
	background:url("../images/toggle_close.png") no-repeat;
	width: 22px;
	height: 22px;
	position:absolute;
	right: 8px;
	top: 7px;
}
/* ================= Custom lists ================= */

.numbered_list {
	font-size:12px;
	list-style-type:decimal;
	list-style-position:inside;
}
.iconic_list {
	font-size:12px;
	list-style-image:url(../images/list-check.png);
	list-style-position:inside;
}
.arrow_list {
	font-size:12px;
	list-style-image:url(../images/list-arrow.gif);
	list-style-position:inside;
}
/* ================= Paggination ================= */
.content .pages {
}
.pages a {
	font-size:14px;
	line-height:14px;
	color:#707070;
	display:block;
	text-align:center;
	padding:8px 15px;
	margin:10px 10px 0 0;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.pages a:hover {
	color:#de5853;
	text-decoration:none;
}
.pages a.selected {
	background:#d93e39;
	color:#FFFFFF;
	border:0;
}
.pages a.prev {
	background:url("../images/pages_prev.png") no-repeat center center;
}
.pages a.prev:hover {
	background:url("../images/pages_prev_hover.png") no-repeat center center;
}
.pages a.next {
	background:url("../images/pages_next.png") no-repeat center center;
}
.pages a.next:hover {
	background:url("../images/pages_next_hover.png") no-repeat center center;
}
/* ================= Buttons Link Styles ================= */
a.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 35px 0px;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	padding: 8px 10px 0 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}
a.button-bekijk {
	height: auto;
	display: inline-block;
	margin: 10px 5px 15px 0px;
	background-color: #e55300;
	font-size: 13pt;
	color: #fff !important;
	text-decoration: none !important;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px #818080;
}


a.button-bekijk-thema {
	height: auto;
	text-align: center !important;
	display: inline-block;
	margin: 10px 5px 15px 0px;
	background-color: #e55300;
	font-size: 12pt;
	color: #fff !important;
	text-decoration: none !important;
	padding: 3px 6px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}

a.button-bekijk-klein {
	height: auto;
	text-align: center !important;
	display: inline-block;
	margin: 5px 5px 15px 0px;
	background-color: #e55300;
	font-size: 11pt;
	color: #fff !important;
	text-decoration: none !important;
	padding: 3px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}

a.meer-vakantie {
	width: 97.5%;
	}
	
a.meer-vakantie2 {
	width: 76%;
	display: block;
	margin: 20px auto;
	text-align: center;
	line-height: auto;
	}

a.button.large {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}
a:hover.button {
	background-position: 0 -28px;
}
a:hover.button.large {
	background-position: 0 -35px;
}

/*a.button.orange {
	background-image: url(../images/button_orange.png);
	border: 1px solid #f5b74e;
	color: #996633;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}*/

a.button.orange {
	background-color: #e55300;
	border: 1px solid #f5b74e;
	color: #fff;
	width: 92%;
	font-size: 11pt;
	font-weight: normal;
	margin: -25px 0 20px 0;
	float: left;
	display: inline;
	}
	
a:hover.button.orange {
	border: 1px solid #d29a3a;
	}
	
a.button.green {
	background-image: url(../images/button_green.png);
	border: 1px solid #adc671;
	color: #666;
	width: 92%;
	font-size: 11pt;
	}

a.button.smal.green {
	width: 85%
	}
	

a:hover.button.green {
	border: 1px solid #8bb14d;
}

/* ================= Dropcap ================= */
.dropcap {
	color:#d93e39;
	display:block;
	float:left;
	font-size:35px;
	line-height:35px;
	text-shadow:#fff 1px 1px 1px;
	margin:0 10px 2px 0;
	font-weight:bold;
}
/* ================= Highlight Styles ================= */
.highlight {
	font-size:11px;
	display:inline-block;
	padding:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0px 6px;
}
.highlight.green {
	color:#519a35;
	background:#d3f9c4;
}
.highlight.blue {
	color:#4180cf;
	background:#dbeefe;
}
.highlight.grey {
	color:#FFFFFF;
	background:#b3b3b3;
}
.highlight.yellow {
	color:#d97939;
	background:#fff1d1;
}


/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* ================= Logo and Main menu ================= */
.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 0px 0;
	float:left;
	}

.main-menu a {
	font-size: 11pt !important;
	padding-right: 14px !important;
		}

.main-menu ul {
	margin: 0;
	padding-left: 4px;
}

.main-menu &gt; ul &gt; li {
	float:left;
	margin-right:18px;
}
.reizen {
	/*display: none;*/
	display: block;
	float: none;
	}

.reizen a {
	/*display: none;*/
	margin: 4px 0 30px 0;
	width: 98% !important;
	}
		
#breadcrumb {
	margin: -8px 0px 10px 0px;
	}

.kop-open2, kop-open2-laatst {
	max-width: 31%;
	}
	
.kop-open2 {
	margin: 0 22px 0 0;
	}

.kop-open2 {
	min-height: 716px;
	}


/* ================= Portfolio ================= */

.portfolio_1_3 ul {
	width:768px;
}
.portfolio_1_3 ul li {
	width:236px;
	height:300px;
}
.portfolio_1_3 ul li .image {
	width:224px;
	height:111px;
}
.portfolio_1_3 ul li .image .portfolio_image {
	width:224px;
	height:111px;
}

.portfolio_1_4 ul {
	width:768px;
}

.portfolio_3_4 ul {
	width:498px;
}

.portfolio_1_4 ul li {
	width:172px;
	/*height:308px;*/
	height: 100px;
}
.portfolio_1_4 ul li .image {
	width:160px;
	height:96px;
}
.portfolio_1_4 ul li .image .portfolio_image {
	width:160px;
	height:96px;
}

.portfolio_3_4 ul li {
	width:230px;
	/*height:308px;*/
	min-height: 280px !important;
}

.portfolio_3_4 ul li.kleiner {
	width:230px;
	/*height:308px;*/
	min-height: 180px !important;
}

.portfolio_3_4 ul li .image {
	width:230px;
	height:138px;
}
.portfolio_3_4 ul li .image-smal {
	width:230px;
	height:64px;
}
.portfolio_3_4 ul li .image .portfolio_image {
	width:230px;
	height:138px;
}
.portfolio_3_4 ul li .image-smal .portfolio_image-laag {
	width:230px;
	height:64px;
}

.col_1_3.nieuws .partners img {
	width: 110px;
	height: auto;
	}
	
.col_2_3 .uitgelicht {
	width: 100% !important;
	margin-right: 0px;
	}


/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:748px !important;
}
.recent_works ul li {
	width: 229px !important;
	/*height:319px !important;*/
	height: 230px !important;
	}
	
.recent_works ul li .recent_image {
	width:217px;
	/*height:168px;*/
	height: 108px;
	}
	
.recent_works ul li .recent_image .portfolio_image {
	width:217px;
	/*height:168px;*/
	height: 108px;
	}
	
/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .published { /*display:inline-block; */
}
.content {
	width:488px;
	margin-right:20px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:488px;
}
.blog_post .delimiter_vertical {
	float:left;
	height:13px;
	display:inline-block;
	padding:4px 5px 0 5px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:466px;
}
.content .blog_post .right_side .block_post img {
}
.sidebar {
	width:240px;
}
.sidebar .widget .recent_post .text {
	width:158px;
}
.content .pages {
	margin-left:0;
}
/* ================= Blog Comments ================= */
	
	.comments-info {
	padding: 0px 0 0 16px;
}
.comment_box .text {
	width:355px;
	padding-left:15px;
}
/* ================= Blog Reply box ================= */
	.comments_form input {
	width: 127px;
}
.comments_form textarea {
	height: 140px;
	width:465px;
}
/* ================= Container and Columns ================= */
	.container {
	width: 748px;
}
.col_1_2 {
	width: 364px;
}
.col_1_3 {
	width: 236px;
}
.col_2_3 {
	width: 482px;
}
.col_1_4 {
	width: 172px;
}
.col_1_5 {
	width: 133px;
}
.col_3_4 {
	width: 556px;
}
.content .col_1_2 {
	width:239px;
	margin:0 10px 0 0;
}
.content .col_1_3 {
	width:156px;
	margin:0 10px 0 0;
}
.content .col_2_3 {
	width:312px;
	margin:0 10px 40px 0;
}
.content .col_1_4 {
	width:114px;
	margin:0 10px 0 0;
}
.content .col_1_5 {
	width:89px;
	margin:0 10px 0 0;
}
.content .col_3_4 {
	width:362px;
	margin:0 10px 0 0;
}
/* ================= Pricing Table ================= */
	.pricing_table .box {
	width: 364px;
}
.pricing_table.columns_2 .box, .pricing_table.columns_2 .item_list {
	width: 248px;
}
.pricing_table.columns_3 .box, .pricing_table.columns_3 .item_list {
	width: 186px;
}
.pricing_table.columns_4 .box, .pricing_table.columns_4 .item_list {
	width: 148px;
}
.pricing_table.columns_5 .box, .pricing_table.columns_5 .item_list {
	width: 122px;
}
/* ================= Contact Page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:220px;
	height:280px;
}
.inputText {
	width:300px;
	height:24px;
}
.inputTextarea {
	width:300px;
	height:150px;
}
/* ================= Home Page ================= */
	.homepage_widgets .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.homepage_widgets .col_1_3.last {
	width:226px;
	margin:40px 0 0 10px;
}
.homepage_widgets .col_1_3.first {
	width:226px;
	margin:40px 10px 0 10px;
}
.homepage_widgets .widget_newsletter .button_big span {
	width:145px
}
.homepage_widgets .widget_body .image {
	width:60px;
	margin:7px auto 5px auto;
	position:relative;
	float:none;
}
.homepage_widgets .widget_body .text {
	width:200px;
	margin-left:0;
	float:none;
}
.follow_us_box a.twitter {
	float:left;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
}
.recent_post_slider .slides_container {
	width:190px;
	display:none;
}
.recent_post_slider .slides_container div.slide {
	width:190px;
	display:block;
}
img.liquid {
	width:100%;
}
.features .title h3 {
	font-size:15px;
}
.features .title h4 {
	font-size:16px;
}

/* ================= Footer ================= */
	.footer .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.footer .col_1_3.last {
	width:226px;
	margin:40px 10px 0 10px;
}
}


/* ================= Mobile (Portrait) &lt; 767px ================= */
@media only screen and (max-width: 767px) {
/* ================= Logo and Main menu ================= */

body {
	background-image: none;
	}
	
.logo {
	display:block;
	float:none;
	text-align:center;
	width:100%;
}
.header_bg {
	height: auto;
	background-image: none;
}
.main-menu {
	margin: 16px 0 -10px 0;
	float:left;
	width:100%;
}
.main-menu ul {
	position:static !important;
	padding:0 !important;
}
.main-menu li {
	box-shadow:none !important;
	border:0 !important;
	border-top:1px solid #d9d9d9 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.main-menu li.submenu &gt; a {
	cursor:pointer;
}
.main-menu li a {
	padding:0 16px;
	line-height:33px;
}
.main-menu li ul li a {
	padding-left:32px !important;
}
.main-menu li ul li ul li a {
	padding-left:48px !important;
}
.main-menu li.submenu &gt; a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu &gt; a {
	padding-right:10px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu &gt; a:hover {
	padding-right:10px;
	background:#f5f5f5 url(../images/arrow_320.png) no-repeat right;
}
.main-menu li.submenu &gt; a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul {
	display:none !important;
}
.main-menu li:hover &gt; ul {
	display:block !important;
}
.reizen {
	/*display: none;*/
	display: block;
	float: none;
	}

.reizen a {
	/*display: none;*/
	margin: 4px 0 30px 0;
	width: 96% !important;
	}
		
#breadcrumb {
	margin: -8px 0px 10px 0px;
	}
	
.nieuwsbrief-opener {
	width: 90%;
	}
	
.nieuwsbrief-opener input[type="text"], .nieuwsbrief-opener input[type="submit"] {
	display: block;
	float: left; 
	width: 96%;
	margin: 5px 5px 5px 0px;
	}
	
.nieuwsbrief-opener img {
	margin: -5px 20px 10px 0;
	}

.nieuwsbrief-opener .kop {
	padding: 35px 15px 15px 15px;
	}
	
.nieuwsbrief-opener .max {
	clear: both;
	display: block;
	float: none;
	width: 100%;
	margin: 50px 20px 10px 0;
	}
	
	
.knop-opener {
	width: 100%;
	float: left;
	display: block;
	margin-left: 0px;
	}
	
.kop-open2, kop-open2-laatst {
	max-width: 100%;
	margin-bottom: 20px;
	margin-right: 0px;
	}

	
.ballon, .ballon-kaart {
	width: 100% !important;
	}
	
.ballon img {
	border: 1px solid #4c90cd;
	float: none;
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	width: 84px;
	height: 84px;
	}



/* ================= Blog Post and Sidebar ================= */
	.blog_post .left_side {
	display:none;
}
.blog_post .right_side .published { /*display:inline-block; */
}
.sidebar {
	margin-top:40px;
	float:none;
}
.content {
	float:none;
	margin-right:0;
	width:300px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:300px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:280px;
}
.blog_post .delimiter_vertical {
	padding:0 1px 0 1px;
	margin:0;
	text-indent:-9999px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.content .pages {
	margin-left:0;
}
.blog_post .published {
	float:none;
}
.blog_post .author {
	float:none;
}
.blog_post .category {
	float:none;
}
.blog_post .number_comments {
	float:none;
}
/* ================= Blog Comments ================= */
	.comments-info {
	padding: 0px 0 0 10px;
}
.comments-info .reply {
	float:none;
}
.comment_box {
	padding:10px;
}
.comment_box .avatar {
	float:none;
}
.comment_box .text {
	float:none;
	width:auto;
	padding-left:10px;
}
.comment_box_nested {
	margin-left:0px;
}
/* ================= Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 280px;
}
.comments_form textarea {
	height: 140px;
	width:280px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
/* ================= Pricing Table ================= */
	.pricing_table .pricing_items li:before {
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	text-align: center;
	padding-right:5px;
	content: attr(data-item) ':' !important;
}
.pricing_table .box {
	width:300px !important;
	margin:0 0 20px 0;
}
.pricing_table .item_list {
	display: none;
}
.pricing_table .box.featured {
	margin:40px 0 20px 0;
}
/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:300px;
}

.portfolio_3_4 ul, .portfolio_3_4 ul li {
	width: 300px;
}
.portfolio_1_4 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:300px;
	/*height:366px;*/
	height: 178px;
}

.portfolio_1_3 ul li {
	margin:0 0 60px 0;
	width:300px;
	/*height:366px;*/
	height: 268px;
}

.portfolio_1_4 ul li .image, .portfolio_1_2 ul li .image {
	width:288px;
	/*height:215px;*/
	height: 173px;
}

.portfolio_3_4 ul li .image, .portfolio_3_4 ul li .image .portfolio_image {
	width: 300px;
	height: 180px;
	}
.portfolio_3_4 ul li .image-smal, .portfolio_3_4 ul li .image-smal .portfolio_image-laag {
	width: 300px;
	height: 84px;
	}
	
.portfolio_1_3 ul li .image, .portfolio_1_3 ul li .image .portfolio_image {
	width:288px;
	/*height:215px;*/
	height: 143px;
}

.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:288px;
	/*height:215px;*/
	height: 173px;
}
.portfolio_nav {
	float:left;
	margin:10px 0 10px 0;
}
/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:300px !important;
}
.recent_works ul li {
	width:280px !important;
	/*height:366px !important;*/
	height:220px !important;
	}
	
.recent_works ul li .recent_image {
	width:268px;
	/*height:215px;*/
	height: 133px;
}
.recent_works ul li .recent_image .portfolio_image {
	width:268px;
	/*height:215px;*/
	height: 133px;
	}
	
/* ================= Portfolio Filter ================= */
	.filter {
	float:none;
}
.filter {
	padding:0;
	margin:0;
}
.filter ul {
	margin:0;
	position:static !important;
	width:100%;
}
.filter ul li {
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.filter ul li a {
	width:100%;
	border-bottom:1px dotted #cccccc;
	margin:0 0 10px 0;
	padding:0 !important;
}
.filter li.separator {
	display:none !important;
}
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:300px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:300px;
}

.col_2_3 .img-caption, .col_2_3 .img-captionr {
	max-width: none;
	height: auto;	
	float: none;
	display: block;
	clear: both;
	margin: 0 0px 35px 0;
	font-size: 11pt !important;
	color: #666;	
	}

.col_2_3 .img-caption, .col_2_3 .img-captionr {
	width: 85%;
	}
	
.kadersmal {
	width: 98% !important;
	}
	
.col_2_3 .img-caption img, .col_2_3 .img-captionr img {
	max-width: 100%;
	margin-bottom: -4px;
	}
	
.col_1_3.nieuws .partners img {
	width: 126px;
	height: auto;
	}
	
.col_2_3 .uitgelicht {
	width: 100% !important;
	margin-right: 0px;
	}


/* ================= Contact Page ================= */
	.inputText {
	width:285px;
}
.inputTextarea {
	width:285px;
	height:150px;
}
.submit {
	margin:0;
}
/* ================= Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
/* ================= HomePage ================= */
	.homepage_widgets .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.first {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:270px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.follow_us_box a.twitter {
	float:left;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
}
}



/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin: 16px 0 0 0;
	float:left;
}
/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {
	display:block;
}
.blog_post .right_side .media_query_invisible {
	display:none;
}
.content {
	width:420px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:420px;
}
.content .blog_post .block_post .delimiter_vertical {
	padding:0 1px 0 1px;
	margin:0;
	text-indent:-9999px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:400px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.sidebar {
	float:none;
	width:420px;
}
.sidebar .widget .recent_post .text {
	width:338px;
}
.blog_post .published {
	float:none;
}
.blog_post .author {
	float:none;
}
.blog_post .number_comments {
	float:none;
}
.blog_post .category {
	float:none;
}
.content .pages {
	margin:0;
}

.kop-open img {
	width: 100%;
	}
	



/* ================= Blog Comments ================= */
	.comment_box .reply {
	float:none;
	margin:0 auto auto 10px;
}
.comment_box .avatar {
	float:left;
}
.comment_box .text {
	float:left;
	width:310px;
	padding:0 0 0 10px;
}
/* ================= Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 397px;
}
.comments_form textarea {
	height: 140px;
	width:397px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
/* ================= Pricing Table ================= */
	.pricing_table .box {
	width:420px !important;
}
/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul, .portfolio_3_4 ul {
	width:420px;
}
.portfolio_1_4 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:420px;
	/*height:435px;*/
	height: 250px;
}

.portfolio_3_4 ul li {
	width: 420px;
	height: 280px !important;
}

		
.portfolio_1_4 ul li .image, .portfolio_1_2 ul li .image {
	width:408px;
	/*height:305px;*/
	height: 245px;
}

.portfolio_3_4 ul li .image, .portfolio_3_4 ul li .image .portfolio_image {
	width: 420px;
	height: 252px;
	}
.portfolio_3_4 ul li .image-smal, .portfolio_3_4 ul li .image-smal .portfolio_image-laag {
	width: 420px;
	height: 117px;
	}

.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:408px;
	/*height:305px;*/
	height: 245px;
}

.portfolio_1_3 ul li {
	margin:0 0 60px 0;
	width:420px;
	/*height:435px;*/
	height: 300px;
}

.portfolio_1_3 ul li .image, .portfolio_1_3 ul li .image .portfolio_image {
	width:408px;
	/*height:305px;*/
	height: 203px;
}



/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:420px !important;
	}
	
.recent_works ul li {
	width:400px !important;
	/*height:435px !important;*/
	height: 320px !important;
	margin:0 0 10px 0;
	}
	
.recent_works ul li .recent_image {
	width:388px;
	/*height:305px;*/
	height: 193px;
	}
	
.recent_works ul li .recent_image .portfolio_image {
	width:388px;
	/*height:305px;*/
	height: 193px;
	}
	
/* ================= Container and Columns ================= */
	.companies .cbody {
	width:420px;
	margin:0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:420px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:420px;
}
/* ================= Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
/* ================= Contact page ================= */
	.inputText {
	width:250px;
}
.inputTextarea {
	width:250px;
	height:150px;
}
/* ================= Homepage ================= */
	.homepage_widgets .col_1_3 {
	width:280px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:280px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
/* ================= Footer ================= */
	.footer .col_1_3 {
	width:420px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
}

/* ================= Mobile (Portrait) 318-479px ================= */
@media only screen and (min-width: 318px) and (max-width: 479px) {
/* ================= Container and Columns ================= */

.kop-open img {
	width: 100%;
	}

.nieuwsbrief-opener img {
	float: none;
	display: block;
	clear: both;
	margin: -5px auto 20px auto;
	}

.eboek {
	clear: both;
	display: block;
	float: left;
	}

}

/* ================= Mobile (Portrait) &lt; 320px ================= */
@media only screen and (max-width: 317px) {
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:216px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:216px;
}
/* =================  Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {
	display:block;
}
.blog_post .right_side .media_query_invisible {
	display:none;
}
.content {
	width:226px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:226px;
}
.content .delimiter_vertical {
	display:none;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:206px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.sidebar {
	width:226px;
	float:none;
}
.sidebar .widget {
	width:226px;
}
.sidebar .widget .recent_post .text {
	width:138px;
}
.content .pages {
	margin:0;
}


/* =================  Blog Comments ================= */
	
	.comments_nr h3 {
	font-weight:bold;
	font-size:14px;
}
.add_comments a {
	font-weight:bold;
	font-size:14px;
}
.comment_box {
	padding:10px;
}
.comment_box .avatar {
	float:none;
}
.comment_box .text {
	float:none;
	width:auto;
	padding-left:0px;
}
/* =================  Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 200px;
}
.comments_form textarea {
	height: 140px;
	width:200px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
.flex-caption {
	display:none;
}
/* =================  Pricing Table ================= */
	.pricing_table .box {
	margin:0 0 20px 0;
	width:226px !important;
}
/* =================  Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2, .portfolio_3_4 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul, .portfolio_3_4 ul {
	width:226px;
}
.portfolio_1_4 ul li, .portfolio_1_2 ul li, .portfolio_3_4 ul li {
	margin:0 0 60px 0;
	width:226px;
	/*height:312px;*/
	height:134px;
}
.portfolio_1_4 ul li .image, .portfolio_1_2 ul li .image {
	width:214px;
	/*height:160px;*/
	height:129px;
}

.portfolio_3_4 ul li .image, .portfolio_3_4 ul li .image .portfolio_image {
	width: 226px;
	height: auto;
	}
.portfolio_3_4 ul li .image-smal, .portfolio_3_4 ul li .image-smal .portfolio_image-laag {
	width: 226px;
	height: auto;
	}
	
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:214px;
	/*height:160px;*/
	height:129px;
}

.portfolio_1_3 ul li {
	margin:0 0 60px 0;
	width:226px;
	/*height:312px;*/
	height: 274px;
}
.portfolio_1_3 ul li .image, .portfolio_1_3 ul li .image .portfolio_image {
	width:214px;
	/*height:160px;*/
	height:106px;
}

/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:226px !important;
}
.recent_works ul li {
	width: 206px !important;
	/*height: 312px !important;*/
	height: 220px !important;
	}
	
.recent_works ul li .recent_image {
	width: 194px;
	/*height:160px;*/
	height: 97px;
	}

.recent_works ul li .recent_image .portfolio_image {
	width:194px;
	/*height:160px;*/
	height: 97px;
	}

/* =================  Contact page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:226px;
	height:280px;
}
.inputText {
	width:210px;
}
.inputTextarea {
	width:210px;
	height:70px;
}
.submit {
	margin:0;
}
/* =================  Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
.page_info .search .inputText {
	width:90px;
}
/* =================  Logo ================= */
	.logo img {
	width:100%
}
/* =================  HomePage ================= */
	.homepage_widgets .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.footer .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.homepage_widgets .col_1_3.first {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.homepage_widgets .widget_body .image {
	width:60px;
	margin:7px auto 5px auto;
	position:relative;
	float:none;
}
.homepage_widgets .widget_body .text {
	width:200px;
	margin-left:0;
	float:none;
}
.homepage_widgets .widget_newsletter .button_big span {
	width:145px
}
.recent_post_slider .slides_container {
	width:190px;
	display:none;
}
.recent_post_slider .slides_container div.slide {
	width:190px;
	display:block;
}
.follow_us_box a.twitter {
	float:left;
	font-size:15px;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
	font-size:15px;
}
img.liquid {
	width:100%;
}
.features .title h3 {
	font-size:17px;
}
.features .title h4 {
	font-size:16px;
}
/* =================  Footer ================= */
	.footer .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer .flickr ul {
	margin-right:-5px;
}
.footer .flickr ul li {
	padding:0;
	margin:0 5px 5px 0;
	float:left;
}
.footer .flickr ul li a {
	border:4px solid #202020;
	display:block;
	width:64px;
	height:64px;
}
.footer .flickr ul li a img {
	width:64px;
	height:64px;
}
}
/* =================  Banner ================= */


.bannerbg {
	/*background: #add265;*/
	/*background: #8ab135;*/
	background: #95ba0d;
	/*background: #6da630;*/
	/*background: #c76032;*/
	/*background: #f9c654;*/
	padding: 0;
	margin-top: 10px;
	}
	
.bannerbg ul a:hover {
	text-decoration: underline;
	}

.bannerbg ul a {
	text-decoration: none;
	}
	
.MT0 {
	margin-top:0px !important;
}
/* CSS3 buttons */


/* =================  Social ================= */
.social-links, .social-links-2 {
	float: right;
	display: inline;
	width: 70px;
	padding:0;
	margin: 0;
	margin-top: 10px;
	padding: 2px;
	font-size: 8pt;
	background-color: #fff;
	}
	

.social-links {
	background-color: #fff;
	}

.social-links-2 {
	clear: right;
	height: 20px;
	}
	
.social-links li, .social-links-2 li {
	display: inline;
	padding-right: 0px;
	width: auto;
	height: 12px;
}


.social-links-2 li {
	float: right;
	margin-right: 4px;
}

.social-links a {
	color: #333;
	}
	
/* =================  Contact Sidebar ================= */
ul.contact-address li {
	font-size:12px !important;
}
ul.contact-address li {
	padding:10px !important;
	line-height:25px !important;
	border-bottom:1px solid #f6f4e7;
}
ul.contact-address li:hover {
	background:#f7f3e3;
}
ul.contact-address li.address span {
	background:url(../images/address.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.phone span {
	background:url(../images/phone.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.email span {
	background:url(../images/email.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
/* =================  General Sidebar Menu ================= */

ul.sidebarmenu li {
	font-size:12px !important;
}
ul.sidebarmenu li {
	padding:10px !important;
	line-height:25px !important;
	border-bottom:1px solid #f6f4e7;
}
ul.sidebarmenu li:hover {
	background:#f7f3e3;
}

/* =================  General Sidebar Menu ================= */


/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	/*position: absolute;*/
	top: 0px;
	left:0;
	background:#34495E url(../images/menu-mobiel-bg.png) no-repeat left center;
	height:40px;
	width: 100%;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding: 0px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
		background:#3fff;
	}
	.nav-active {
		display:block;
	}
	.nav-mobile-open {
		border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
	}
}</pre></body></html>