/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 17, 2011 */
@font-face {
    font-family: 'Aller_bold';
    src: url('../fonts/aller_bd.eot');
    src: url('../fonts/aller_bd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd.woff') format('woff'),
         url('../fonts/aller_bd.ttf') format('truetype'),
         url('../fonts/aller_bd.svg#OspDin') format('svg');
		 font-weight: normal;
		 font-style: normal;
}

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

* {
	padding: 0px;
	margin: 0px;
	outline: none;
}

html {
	height: 100%;	
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:22px;
	color: #000;
	height: 100%;
	text-align:left;
}

body.overlay {
	overflow: hidden;	
}

img {
	border: 0px;
	display: block;
}

.img_wrapper{
	float:right;
	padding: 5px 0px 0px 10px;
	overflow:hidden;
}
	.img_wrapper img{
		margin-bottom:20px;
	}

.clear {
	clear: both;
}

/***************************************************************** 
BASIC STYLES
*****************************************************************/ 

a {
	color: #cd1732;
	text-decoration: underline;
}

	a:hover {
		color: #cd1732;
		text-decoration: none;
	}
	
h1 {
	color:#000000;
	font-size:30px;
	font-weight:normal;
	margin-bottom: 5px;
	line-height:35px;
	font-weight:bold;
	font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	color:#000000;
	font-size:20px;
	margin-bottom: 10px;
	line-height:22px;
	font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
}

h3 {
	color:#000000;
	font-size:18px;
	margin-bottom: 17px;
	line-height:20px;
	font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
}

p {
	padding-bottom:10px;
}
.txt_blok { 
	padding:0px 30px 30px 30px;
	display:block;
	overflow:hidden;
}
	.txt_blok h1{ 
		padding:0px;
		margin:0px 0px 5px 0px;
		color:#d91935;
		line-height:120%;
	}
	.txt_blok > h2 {
		padding: 0px;
		margin: 0px 0px 5px 0px;
		color: #d91935;
		line-height: 120%;
		text-align: left;
	}
	.txt_blok > h3{ 
		padding:0px;
		margin:0px 0px 5px 0px;
		color:#000;
		line-height:120%;
		text-align: left;
	}
	.txt_blok > h4{ 
		padding:0px;
		margin:0px 0px 5px 0px;
		color:#d91935;
		line-height:120%;
		text-align: left;
	}
	.txt_blok > h5{ 
		padding:0px;
		margin:0px 0px 5px 0px;
		color:#d91935;
		line-height:120%;
		text-align: left;
	}
	.txt_blok > ul{ 
		padding:0px;
		margin: 10px 0px 20px 20px;
	}	
	.txt_blok > p{ 
		margin: 0px 0px 15px 0px;
	}
	.txt_blok .txt_img{
		display:block; 
		float:right; 
		padding:10px 0px 10px 10px;
	}
		.txt_blok .txt_img > img{
			padding:0px 0px 10px 10px;
		}
		@media screen and (max-width: 680px) {
			.txt_blok .txt_img{
				width: 100%;
				margin-bottom: 20px;
			}
			.txt_blok .txt_img > img{
				width: 31.3%;
				float: left;
				padding: 1%;
			}
			.txt_blok .txt_img > img:nth-child(7){ display: none; }
			.txt_blok .txt_img > img:nth-child(8){ display: none; }
			.txt_blok .txt_img > img:nth-child(9){ display: none; }
			.txt_blok .txt_img > img:nth-child(10){ display: none; }
		}
	.txt_blok .txt_img_bottom{
		display:block; 
		float:left; 
		padding:10px 0px 10px 0px;
	}
		.txt_blok .txt_img_bottom > img{
			padding:0px 0px 0px 0px;
		}

		.txt_img_bottom > img{
			border: 0px;
			display: block;
			float: left;
			width: 24%;
			margin-right: 1%;
			margin-bottom: 1%;
		}

		@media screen and (max-width: 680px) {
		.txt_img_bottom > img{
			width: 49%;
			margin-right: 1%;
			margin-bottom: 1%;
		}
		}
	.img_content_{
		display:block;
		width:100%;
		overflow:hidden;
		
	}
		.img_content{
			display:block;
			overflow:hidden;
			width:30.3%;
			padding-right:3%;
			padding-bottom:3%;
			float:left;
		}
		.img_content img{
			display:block;
			overflow:hidden;
			width:100%;
		}
/***************************************************************** 
FORMS
*****************************************************************/ 

.submit_button {
	display: block;
	background: #FFF url(../img/form_submit_bg.gif) repeat-x;
	color: #FFFFFF;
	padding: 3px 3px 4px 3px;
	border: 1px solid #93979e;
	color: #000;
	cursor: pointer;
}

.formfield {
	border: 1px solid #93979e;
	background: #FFF url(../img/form_field_bg.gif) repeat-x;
	padding: 4px 2px 0px 3px;
	margin: 0px;
	height: 18px;
	color:#FFF;
}

.pulldown {
	border: 1px solid #4b2458;
	margin-bottom: 5px;
}
.shadow_box{
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.15);
}

/***************************************************************** 
CONTENT
*****************************************************************/ 
#header{
	display: block;
	position: relative;
	background: #fff;
	height: 150px;
}
	#flags{
		display: block;
		overflow: hidden;
		position: absolute;
		left: 30px;
		top:10px;
		z-index: 99;
	}
		#flags > a{
			display: block;
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}
			#flags > a > img{
				display: block;
				overflow: hidden;
				float: left;
				width: 28px;
				height: auto;
			}
			@media screen and (max-width: 920px) {
				#flags{
					top:5px;
					right: 30px;
					width: 76px;
					left: auto;
				}
				#flags > a{
					margin-right: 0px;
					margin-left: 10px;
				}
			}
	#logo{
		display: block;
		overflow: hidden;
		position: absolute;
		left: 30px;
		top:30px;
		max-width: 260px;
		height: auto;
	}
		#logo img{
			width:100%;
			height: auto;
		}
	#social{
		display: block;
		overflow: hidden;
		position: absolute;
		right: 30px;
		top: 30px;
		width: 120px;
	}
		#social a{
			display: block;
			overflow: hidden;
			float: left;
			width: 30px;
			height: 30px;
			margin-left: 10px;
		}
			#social a img{
				display: block;
				overflow: hidden;
				float: right;
				width: 100%;
				height: auto;
			}
	#reviews{
		display: block;
		overflow: hidden;
		position: absolute;
		top: 30px;
		right: 155px;
		margin-top: 5px;
	}
		#reviews div{
			display: block;
			overflow: hidden;
			float: left;
		}
		#reviews div:nth-child(1){
			font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
			font-size: 14px;
			color: #4b9333;
		}
		#reviews div:nth-child(2){
			
		}
			#reviews div:nth-child(2) img{
				float: left;
				margin-right: 7px;
				max-width: 20px;
				height: auto;
			}
			#reviews div:nth-child(2) img:nth-child(1){
				margin-left: 10px;
			}
		#reviews div:nth-child(3){
			font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
			font-size: 14px;
			color: #4b9333;
		}
	ul#menu{
		display: block;
		overflow:visible;
		z-index: 99;
		position: absolute;
		right: 30px;
		top: 80px;
	}
		@media screen and (max-width: 920px) {
			ul#menu{
				display: none;
			}
		}
		ul#menu > li{
			display: block;
			position: relative;
			float: left;
			margin-right: 20px;
		}
		ul#menu > li:last-child{
			margin-right: 0px;
		}
		@media screen and (max-width: 980px) {
			ul#menu > li:first-child{
				display: none;
			}
		}
		ul#menu > li a{
			font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #000;
			text-decoration: none;
		}
		li.has_subs{
			background: url(/img_v2/icon-drop-down.jpg) right top no-repeat;
			padding-right: 25px;
		}
		.has_subs > ul{
			position: absolute;
			left: 0px;
			top: 22px; /* margin top from topmenu  */
			display: none;
			list-style: none;
			padding: 10px 0px 10px 0px;
		}
			.has_subs:hover > ul{
				display: block;
				width: 150px;
				background: #fff;
				border-bottom: 10px #DE0000 solid;
			}
			.has_subs:hover > ul > li{
				display: block;
				overflow: hidden;
			}
			.has_subs:hover > ul > li > a{
				display: block;
				overflow: hidden;
				padding: 5px;
			}
			.has_subs:hover > ul > li > a:hover{
				background: #DEDEDE;
			}
		ul#menu_mobile{
			display: none;
		}
		/* mobile */
			.sticky {
			  position: fixed;
			  top: 0;
			  width: 100%;
			  overflow: visible;
			  display: block;
			  z-index: 999;
			}
			#mobile_button{
				display: none;
			}
			#mobile_menu_wrapper{
				display: block;
				overflow: hidden;
			}
			@media screen and (max-width: 750px) {
				#reviews{
					display: none;
				}
			}
			@media screen and (max-width: 920px) {
				#header{
					height: 110px;
					margin-top: 50px;
				}
				#reviews, #social{
					top: 40px;
				}
				#header > div.rode_lijn {
					display: none;
				}
				#logo{
					top: 10px;
				}
				#mobile_button{
					display: block;
					overflow: hidden;
					color: #fff;
					padding: 10px 10px 10px 60px;
					cursor: pointer;
					background: #DE0000 url(/img_v2/hamburger-menu.png) 30px 12px no-repeat;
				}
				ul#menu_mobile{
					display: none;
					overflow:hidden;
					width: 100%;
					z-index: 99;
					right: 0px;
					top: 120px;
					background: #2B2B2B;
				}
				ul#menu_mobile a{
					color:#fff;
					font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
					text-transform: uppercase;
					text-decoration: none;
				}
				ul#menu_mobile > li{
					display: block;
					overflow:visible;
				}
				ul#menu_mobile > li > a{
					display: block;
					overflow:visible;
					padding: 10px 10px 10px 30px; 
				}
					ul#menu_mobile > li.has_subs_mobile > ul > li > a{
						display: block;
						overflow:visible;
						padding: 10px 10px 10px 40px;
						color: #818181;
					}
		}
	.rode_lijn{
		display: block;
		overflow: hidden;
		background: url(/img_v2/patroon-rood.jpg);
		background-position:50% 50%;
		background-size:cover;
		height: 15px;
	}
	#header > div.rode_lijn{
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

	@media screen and (max-width: 650px) {
		#flags{
			right: 10px;
		}
		#social{
			right: 10px;
		}
		#logo{
			left: 10px;
			top: 20px;
			max-width: 200px;
		}
	}
#header_vervolg{
	display: block;
	overflow: hidden;
	background-position:#000;
}
	#header_vervolg div{
		display: block;
		overflow: hidden;
		position: relative;
		background-position:50% 50%;
		background-size:cover;
		min-height: 100px;
	}
		#header_vervolg div h1{
			color: #fff;
			margin: 30px;
		}
.logos{
	display: block;
	overflow: hidden;
	background: url(/img_v2/patroon-grijs.jpg);
	background-position:50% 50%;
	background-size:cover;
}
	.logos > div{
		display: block;
		overflow: hidden;
		margin: 0 auto;
		max-width: 1200px;
		padding: 10px 0px 10px 0px;
	}
		.logos > div > img{
			display: block;
			overflow: hidden;
			float: left;
			width: 17%;
			margin: 0px 3.5% 0px 3.5%;
			height: auto;
		}

.wit_blok { 
	width:100%;
	max-width:1200px;
	margin: 0px auto;
	padding-top: 30px;
	position:relative;
	display:block;
	overflow:hidden;
	background: #fff;
	margin-top: 30px;
}
	#search_nav{
		display:block;
		margin:-20px 0px 20px 0px;
		padding-bottom: 20px;
		border-bottom: solid 1px #d2d2d2;
		overflow:hidden;
	}
	#search_nav > div{
		display:block;
		margin:0px 0px 0px 30px;
		overflow:hidden;
		float: left;
	}
		#search_nav > div h1{
			margin-bottom: 20px;
		}
		#search_nav > div h3{
			color:#DE0000;
			font-size:18px;
			float:left;
			margin:0px;
			padding:0px;
		}
		#search_nav > div select{
			float:left;
			margin-left:20px;
		}
		@media screen and (max-width: 700px) {
		  #search_nav > div select{
			margin-left:0px;
			width:90%;
		  }
		}
	h1 { 
		font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
		font-size:25px;
		margin:0px 0px 10px 30px;
		padding:0px;
		display:block;
		text-transform: uppercase;
		color: #DE0000;
		text-align: center;
	}
	.left_50 { 
		width:50%;
		display:block;
		overflow:hidden;
		float:left;
	}
	.left_100 { 
		width:100%;
		display:block;
		overflow:hidden;
		float:left;
	}
		.left_100 > div.txt_blok {
			max-width: 930px;
			margin: 0 auto;
		}
		#thumbs a{
			float:left;
			margin:10px 10px 0px 0px;
		}
	.right_50 { 
		width:50%;
		display:block;
		overflow:hidden;
		float:left;
	}
	@media screen and (max-width: 600px) {
	  .left_50, .right_50 { width:100%;}
	}

.rood_blok{
	display: block;
	overflow: hidden;
	background: url(/img_v2/patroon-rood.jpg);
	background-position:50% 50%;
	background-size:cover;
	padding: 30px 0 30px 0;
	margin-bottom: 30px;
}
	.rood_blok > div{
		display: block;
		overflow: hidden;
		margin: 0 auto;
		max-width: 1200px;
		padding: 0px 0px 10px 0px;
	}
		.rood_blok > div > a{
			display: block;
			overflow: hidden;
			float: left;
			width: 17%;
			margin: 30px 3.5% 0px 3.5%;
			height: auto;
		}
			.rood_blok > div > a > img{
				display: block;
				overflow: hidden;
				height:auto;
				width: 70%;
				margin: 0 15% 0 15%;
			}
			.rood_blok > div > a > span{
				display: block;
				overflow: hidden;
				width: 100%;
				text-align: center;
				font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
				color: #fff;
				font-size: 16px;
				text-transform: uppercase;
				min-height: 50px;
			}
	@media screen and (max-width: 800px) {
	  .rood_blok > div > a{ width:50%; margin: 0 0 30px 0;}
	}

#home_rolkooien { 
	width:100%;
	max-width:1200px;
	margin: 0px auto;
	position:relative;
	display:block;
	overflow:hidden;
}
#home_rolkooien div { 
	display:block;
	overflow:hidden;
	margin-top: 20px;
}
	h2 { 
		font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
		font-size:25px;
		margin:30px 0px 10px 30px;
		padding:0px;
		color:#DE0000;
		text-transform: uppercase;
		text-align: center;
	}
	.left_25 { 
		width:25%;
		display:block;
		overflow:hidden;
		float:left;
		min-width:200px;
	}
	@media screen and (max-width: 850px) {
	  .left_25 {width:50%;}
	}
	@media screen and (max-width: 500px) {
	  .left_25 {width:100%;}
	}
	.right_25 { 
		width:25%;
		display:block;
		overflow:hidden;
		float:left;
		min-width:200px;
	}
	.home_auto_foto{
		display:block;
		overflow:hidden;
		margin: 0 auto;
		width:182px;
	}
	.home_auto_foto img{
		overflow:hidden;
		border-radius: 50%;
		border: solid 1px #FFF;
	}
	.home_auto_titel {
		margin: 0px 0px 10px 0px;
		display:block;
		overflow:hidden;
		color:#000;
		text-decoration:none;
		text-align: center;
	}
	.home_auto_titel:hover{
		color:#fff;
	}
	.button_cta{
		font-family: "Aller_bold", Arial, Verdana, Helvetica, sans-serif;
		display:block;
		overflow:hidden;
		margin: 0 auto;
		background: #DE0000;
		border-radius: 15px;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 5px 15px 5px 15px;
		width: 200px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.button_cta:hover{
		color:#fff;
	}
#footer{
	display: block;
	overflow: hidden;
	background: url(/img_v2/patroon-grijs.jpg);
	background-position:50% 50%;
	background-size:cover;
	color: #fff;
	border-bottom: 20px solid #DE0000;
}
	#footer p,
	#footer h3,
	#footer a{
		color: #fff;
	}
	#footer ul, #footer li{
		list-style: disc;
		margin-left: 8px;
	}
	#footer > div{
		max-width: 1200px;
		display: block;
		overflow: hidden;
		padding: 30px;
		margin: 0 auto;
	}
	#footer > div:nth-child(2) > a,
	#footer > div:nth-child(2){
		color: #818181;
		font-size: 10px;
	}
	#footer > div:nth-child(2){
		padding: 0px 0px 20px 30px;
	}
	@media screen and (min-width: 1250px) {
		#footer > div:nth-child(2){
			padding: 0px 0px 20px 0px;
		}
	}
		#footer > div > div:nth-child(1),
		#footer > div > div:nth-child(2){
			display: block;
			overflow: hidden;
			float: left;
			width: 25%;
		}
		#footer > div > div:nth-child(3){
			display: block;
			overflow: hidden;
			float: left;
			width: 50%;
		}
			#footer > div > div:nth-child(3) img{
				display: block;
				overflow: hidden;
				float: right;
				width: 150px;
				height: auto;
			}
		@media screen and (max-width: 980px) {
			#footer > div > div{
				width: 100% !important;
				margin-bottom: 50px;
			}
		}