/*
Theme Name: 0800ongevalv2
Author: NIVRTJE
*/






* { margin:0; padding:0; font-family:Tahoma, sans-serif; color:#494949; }

body { background-color:#EBEDFF; }

h1 { color:#5B5F81; font-size:22px; font-weight:normal; line-height:22px; }
.home h1 {float: left; margin: 10px 0 15px 0; font-size:17px; }
h2 { color:#5B5F81; font-size:17px; font-weight:normal; line-height:22px; }
h3 { color:#5B5F81; font-weight:normal; }
img { border:0; }
p { font-size:12px; line-height:24px; }
li { font-size:12px; line-height:22px; }
hr {border-color: #C9CACE; border-style: solid none none; border-width: 1px 0 0;}
a { font-size:14px; color:#8D933B; }

a:hover {color:#8D933B; text-decoration: none;}
a:active {color:#5B5F81; }
http://www.0800ongeval.nl/zeeland
.alignleft {float: left; margin: 10px 10px 10px 0;}
.alignright {float: right; margin-left: 10px 0 10px 10px;}
#wrapper { margin:0 auto; width:997px; }
.container { position:relative; float:left; width:997px; min-height:500px; background:url(images/background.png) repeat-y; }

.header { float:left; height:100px; padding:0 19px; }
	.logo { float:left; width:200px; margin:38px 0; }
	.header-right	{ float:left; width:759px; margin-top:24px; text-align:right; font-size:16px; }
		.header-right h2 { font-size:26px; line-height:26px; }
		.header-right span { font-weight:bold; font-size:20px; color:#BBC347; }
		.mobile {display:none;}
ul.postTabs { width: 100% !important; }
ul.postTabs li a { font-size: 15px; padding: 0.8em 1em !important; }		
/* menu */	
.home .menu {margin-bottom: 15px; margin-top: 15px;}
.menu { float:left; width:959px; margin:0 19px;}
	.menu ul { float:left; padding:4px 0 0 10px; list-style:none; }
	.menu ul li { float:left; padding-right:15px; }
	.menu ul li a { float:left; padding:5px; color:#fff; font-size:16px; text-decoration:none; }
	.menu ul li a:hover,
	.menu ul li a.active,
	.menu ul li a.activelink { background:#6A719A; }
	
	.submenu { position:absolute; top:136px; padding:30px 20px 10px 20px; background:#6A719A; z-index:9999; display:none; border-bottom:5px solid #c6cd62; }
	.sub-diensten { left:106px; }
	.sub-overons { left:260px; }
	.sub-contact { left:379px; }
	.sub-soorten-letsel { left:258px; position:absolute; top:136px; padding:10px 20px 10px 20px; background:#6A719A; z-index:9999; width:150px;display:none; border-bottom:5px solid #c6cd62; }
	.sub-soorten-letsel li { float:left; width:150px; display:block; padding:10px; text-align:left; }
	.sub-soorten-letsel li a { width:100%; height:100%; color:#fff; display:block; text-decoration:none; }
	.sub-soorten-letsel li a:hover { text-decoration:underline; }
	
		.submenu .title { margin-bottom:5px; padding-left:10px; padding-bottom:5px; display:block; border-bottom:1px solid #858cbc; color:#fff; }
		.submenu .sub-title { border-bottom:0; }
		.submenu ul { width:560px; }
		.submenu li { float:left; width:260px; height:80px; padding:10px; text-align:left; } 
		.submenu li:hover { background-color:#5d648f; }
		.submenu li .img-container { float:left; width:55px; }
		.submenu li span { color:#fff; }
		.submenu li a { width:100%; height:100%; display:block; text-decoration:none; }
		.submenu li .sub-title { float:left; width:195px; margin:0 5px 3px 5px; padding-bottom:3px; display:block; border-bottom:1px solid #858cbc; }
		.submenu li a .text { float:left; width:195px; margin:0 5px; display:block; font-size:12px; line-height:18px; }
/* end menu */
	
/* whiplashtest */

#stap1		{ display:block; }
#stap2		{ display:none; }
#stap3		{ display:none; }
#stap3 ul	{ height:60px; padding:0; display:block; width:100%; }

.none		{ display:none; }
.btn		{ cursor:pointer; font-size:100%!important; padding:15px 60px; color:#fff; background:#BBC347; text-decoration:none; float:right; border:none; font:inherit; }
.btn:hover	{ color:#fff; }

.call-to	{ cursor:pointer; font-size:100%!important; padding:15px 60px; float:left; color:#fff; background:#BBC347; text-decoration:none; border:none; font:inherit; }
.call-to:hover { color:#fff; }

.btn-stap	{ padding:10px 30px; color:#fff; background:#ccc; text-decoration:none; float:left; margin-right:20px; border:none; font:inherit; }
.actief		{ background:#BBC347; }

#test		{ width:100%; }
#test table	{ margin:10px 0 30px 0; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
#test table td	{ padding:10px; }
#test ul	{ height:60px; padding:0; display:block; width:100%; }
#test input	{ padding:15px 50px; width:auto; }

/* breadcrumbs */
#crumbs {float: left; margin: 0 0 6px 34px; font-size:10px; padding-top: 10px;}
#crumbs a, #crumbs span {font-size: 10px;}
#crumbs span:after{ content: "\00a0";}	
	
.content { float:left; width:959px; min-height:712px; margin:0 19px; }	
	
	.left { float:left; width:608px; margin-right:42px; }
	.right { float:left; width:309px; }

/* footer */
.footer { float:left; min-height:190px; margin:0 19px; margin-top:25px; padding:20px 10px; }
	.footer span, .footer p { color:#fff; font-size:11px; line-height:18px; }
	.footer a { font-size:11px; color: #fff;}
	.footer li a { color:#fff; }
	.footer span.title { font-size:12px; font-weight:bold; line-height:24px; }
	.footer div { float:left; }
	.fo-first { width:234px; }
	.fo-second { width:234px; }
	.fo-third { width:180px; padding-right:55px; }
	.fo-fourth { width:234px; text-align:right;}

/* algemene classes */	
.dark-top-rounded { background:#5B5F81; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.green-button { padding:2px 10px; background:#BBC347; text-decoration:none; color:#494949; font-size:16px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.green-button:visited {color: #fff;}
.green-button:hover {background: #333; color: #fff;}
.green-button:active {background: #fff; color: #333;}

/* custom editor styles */
.block { padding:15px; background:#FAFBF2; }
.center { padding:15px; }

/* slider */
.doe-de-test { background-image: url('images/doe-de-test.png'); height: 275px; width: 275px; right: 19px; position: absolute; z-index: 4; top: 173px; }
.doe-de-test p { bottom: 55px; position: absolute; right: 25px; font-size: 17px; color: #595F7F; width: 130px; text-align: center; }
.button-cta { height: 18px; background-color:#FF6609; border:1px solid #8A3503; padding:12px 30px 8px 30px; position:absolute; right:10px; bottom:10px; color:white; text-decoration:none;
				font-weight:900; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-shadow:1px 1px 0px #8A3503;}

.button-cta2 { height: 18px; background-color:#FF6609; border:1px solid #8A3503; padding:12px 50px 8px 40px; float:left; margin:20px 0 0px 0; color:white; text-decoration:none;
				font-weight:900; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-shadow:1px 1px 0px #8A3503;}
.button-cta:hover, .button-cta2:hover { color:#fff; text-decoration:none; background-color:#FF853A; }
.button-cta:active, .button-cta2:active { color:#fff; text-decoration:none; background-color:#EC600B; }

.panorama { margin-bottom: 20px; float: left; }

.container-slider { float:left; width:100%; height:295px; overflow:hidden;  }
	.slider { width:959px; height:295px; }
		.slide { position:relative; width:959px;}
		.slide img { width:100%; position:absolute; z-index:-10;}
			.slide-content { position:absolute; z-index: 150; line-height:180%; top:174px; left:10px; width:440px; padding:15px 20px; background:url(images/black-transparent.png); color:white; font-weight:lighter; font-size:15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-shadow:1px 1px 0px #000;}
			.slide-content a { font-size:15px; }
			.slide-button:visited {color: #fff;}
			.slide-button:hover {background-position: left -50px;}
		.nav { position:absolute; right:270px; z-index:100; width:60px; top:255px; }
			.nav a { float:left;  height:20px; width:20px; background-image:url(images/slide.png); background-position:top; display:block; text-decoration:none; margin:10px 10px 10px 0px;}
			.nav a.activeSlide { background-position:bottom; }
			.nav a:hover { background-position:bottom; }
			.slider-title { font-size:18px; color:#474F67; }
			.slider-text { padding-left:1px; font-size:12px; color:#656565; }
			.nav a img { position:absolute; top:7px; left:324px; }

/* search form */
.search { position:relative; float:right; width:310px; height:25px; margin:6px 0; padding:0 10px; background:url(images/search-bg.png) no-repeat; }
	.search form { position:absolute; top:0; left:0; }
	.search form input { padding:0; }
	.search input[type="text"] { position:absolute; top:0; left:0; width:232px; height:25px; padding:0 10px; border:0; background:transparent; font-size:12px; color:#999; line-height:25px; }
	.search input[type="submit"] { position:absolute; top:0; left:252px; width:58px; height:25px; border:0; background:none; cursor:pointer; font-size:16px; color:#494949; }
	.search input[type="submit"]:hover {color: #fff;}

/* map */
.map { float:left; width:298px; }
	.map h2 { margin:10px 0 15px 0; font-size:17px; }
	.map .phone { font-size:24px; color:#BBC347; margin:-10px 0 0 0; position:absolute; }
	.img-map-container { float:right; margin-top:-60px; }
	
.line { width:100%; border-bottom:1px solid #eee; margin:20px 0; float:left;}

/* content header block */
.content-header { position:relative; float:left; width:100%; margin-bottom:30px; }	
	.header-text { position:absolute; top:70px; left:0px; padding:10px 5px; background:url(images/white-transparent.png); border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
	.header-text h2,  .header-text p { color:#5B5F81; }
	.header-text h2 { font-size:22px; margin-bottom:10px; }
	.header-text p { width:395px; font-size:16px; line-height:18px; }
	.header-phone { position:absolute; bottom:-15px; right:-20px; width:220px; height:24px; padding:5px 12px; background:url(images/header-purple-phone.png) no-repeat; font-size:22px; font-weight:bold; color:#fff; }

/* content-blocks */
.inner-content { float:left; width:100%; margin-bottom:20px;}
	.inner-content h1 { padding-bottom:0; margin-bottom:15px; }
	.inner-content h1.block { padding-bottom:15px; margin-bottom:0;}
	.inner-content p { margin-bottom:15px; }
	.inner-content h3 { margin:5px 0; }

.content-block { float:left; width:608px; margin:0 0 20px 0; padding:0 10px 10px 0; }
	.content-block a { font-size:12px; }
	.content-block img {width: 100px;}
	
	
.content-posts { float:left; width:608px; margin:0 0 20px 0; padding:40px 10px 10px 0; border-top: 1px solid #EEEEEE; }
	.content-posts a { font-size:12px; }
	.content-posts img {width: 100px; margin-right: 20px !important;}
	.first { border-top: 0 none;}
	.social-buttons {float: left;height: 30px; margin-top: 10px;overflow: hidden; position: relative;}


/* POST */

.content-posts a.read-more 			{ background-color: #8D933B; border-radius: 10px; box-shadow: 1px 1px 1px #888888; color: #FFFFFF; float: right; font-family:Tahoma, sans-serif; font-size: 12px; 
									  font-weight: bold;height: 19px; margin-top: 7px; padding: 0px 12px 6px 12px; position: relative; text-decoration: none; }
.content-posts a.read-more:hover 	{ background-color:#C5CF52; }
.content-left 						{ float: left; margin-right: 42px; width: 608px; }

.back 								{ background-color: #8D933B; border-radius: 10px; box-shadow: 1px 1px 1px #888888; color: #FFFFFF; float: left; font-family: Tahoma,sans-serif; font-size: 14px !important;
    								  font-weight: bold; height: 19px; margin-top: 10px; padding: 10px 55px 6px; position: relative; text-decoration: none; }
.back:hover 						{ background-color: #C5CF52; color: #FFFFFF; }
.content-posts a.read-more { float: right; font-size: 12px; }	
.text img {
    float: left;
    padding: 0 10px 0 0;
}


.block-light-blue { position:relative; float:left; width:294px; height:150px; padding:10px; background:#EBEBEB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	.block-light-blue h2 { margin-bottom:10px; }
	.block-light-blue p { margin-bottom:20px; }
	.block-light-blue img { position:absolute; left:150px; top:40px; }

.block-gray { float:left; width:289px; padding:12px 10px; background:#e9e9e9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 10px;}

.block-purple { float:left; padding:12px 10px; background-color:#F8F8F8; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 20px;}
    .company-image img {width: 100%;}
	.post-meta-key {display: none;}
	.klacht, .usps, .terug-bel { float:left; font-size:15px; }
	.block-purple h2 { margin-bottom:10px; }
	.usps li { margin:9px 0; padding-left:32px; background:url(images/check.png) 0 4px no-repeat; font-size: 15px; font-style: italic;}
	
.block-usp { float:left; width:576px; height:auto; border:1px solid #ddd; background-color:#F8F8F8; padding:10px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-image:url(images/usp-img.png); background-position:right; background-repeat:no-repeat; }

.block-call-me-back { background-color:#F8F8F8; border:1px solid #ddd; margin-top:23px; padding:10px; overflow:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	
	.thanks h2 { margin-top:5px; }
	.call-back-form h2 { height:25px; margin-top:5px; padding-left:32px; background:url(images/phone.jpg) 5px 2px no-repeat; }
	.call-back-form form { margin-top:15px; }
	.call-back-form input {height:10px; margin:10px 0 10px 0; padding:15px; border:1px solid #ddd; float:left; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; color:#999; }
	.call-back-form	.line-wrap { position:relative; float:left; margin:0; }
	#call-form-name { width:255px; }
	#call-form-phone { width:101px; }
	#call-form-zipcode { width:101px; margin-right:20px;}
	#call-nameInfo, #call-phoneInfo { position:absolute; top:29px; right:0; width:0; overflow:hidden; }
	#call-zipcodeInfo { position:absolute; top:29px; right:20px; width:0; overflow:hidden; }
	
	.call-back-form .callback-button:hover {background: #333; color: #fff;}
	.call-back-form .callback-button:active {background: #fff; color: #333;}
	.call-back-form .line-wrap .label { height: 14px; padding-left: 5px; font-size: 12px; }
	
	.call-back-form .callback-button { width: 286px;
height: 40px;
background-color: #FF6609;
border: 1px solid #8A3503;
padding: 10px 30px 10px 30px;
color: white;
text-decoration: none;
font-weight: 900;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 14px;
text-transform: uppercase;
text-shadow: 1px 1px 0px #8A3503; }
	
.call-back-form .callback-button:hover { color:#fff; text-decoration:none; background-color:#FF853A; }
.call-back-form .callback-button:active { color:#fff; text-decoration:none; background-color:#EC600B; padding:11px 30px 9px 30px;}


.inner-content li { list-style:none; }
.inner-content a { font-size:12px; }
.inner-content table { width:100%; margin:0 15px; }	


/* Klantgegevens doorlink op plaatspagina */
.bono-client {background: none repeat scroll 0 0 #F8F8F8; border:1px solid #ddd; background-image:url('images/suitcase.png'); background-repeat:no-repeat;  border-radius: 5px 5px 5px 5px; margin-bottom: 10px; padding: 20px 20px 20px 88px; overflow: auto;}
.bono-client h4 {float: left; width: 100%;}
.bono-client .company-details {float: left;font-size: 14px; font-style: normal; line-height: 25px; margin: 10px 0 0; width: 50%;}
.bono-client a {background: none repeat scroll 0 0 #BBC347; border: 1px solid #999999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #333333; float: right; padding: 5px; text-decoration: none;}
.bono-client a:hover {background: none repeat scroll 0 0 #333; color: #fff;}
.bono-client p { float: right; font-style: italic; margin: 0;}
	
.smallcities 		{ float:left; width:25%; margin:10px 0; }
.inner-content p.nomargin		{ margin:0; }

/* Subregio's*/
.bono-client ul {}
.bono-client ul li {margin-right: 10px; float: left;}
.bono-client ul li a {float: none;}

/* Aanbevolen door block */
.recommended { float:left; width:100%; }
	.recommended h2 { margin-bottom:20px; }
	.recommended a {float:left; display:block;}
	.recommended a img {border: 3px solid #fff; padding:0;}
	.recommended a:hover > img {border: 3px solid #eee; padding:0; background: #ebedff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	
/* contact formulier override */
.formulier form {position: relative;}
.formulier input.btn_submit { background:#BBC347; border:1px solid #494949; color: #494949; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.formulier input.btn_submit:hover {background: #333; color: #fff; border-color: #fff;}
.line-wrap .label {height: 20px;}
.line-wrap .label label {font-size: 12px;}
.formulier .line-wrap .afhandeling { font-size: 11px; height: 20px; line-height: 18px; margin-top: 6px; padding-left: 28px; position: absolute; right: 20px;}
.formulier .line-wrap .textGoed {right: 10px;}
/* contact formulier override when in maincontent */
.left input, .left textarea {width: 565px;}
.left .formulier form {padding-left: 15px;}
/* contact formulier override when in sidebar*/
.right .formulier form {padding: 0;}
.right input, .right textarea {width: 270px;}

/* smartengeld formulier */
.smartengeld { float:left; width:100%; background:#fff;}
	.smarten-top { height:210px; padding:20px 22px; }
	.smarten-top p { margin:10px 0 20px 0; }
	.smarten-top ul { float:left; }
	.smarten-top ul li { font-size:16px; color:#5A5F80; line-height:26px; }
	.smarten-top img { position:relative; top:-30px; float:right; }
	.steps { clear:left; overflow: auto; border-left: 1px solid #C9CACE; border-right: 1px solid #C9CACE; width: 628px;}
		.steps ul { float:left; width:100%; background:#fff; border-top:1px solid #C9CACE; }
		.steps ul li { float:left; padding:5px 20px; font-size:11px; color:#000; background:#f1f1f1; border-right:1px solid #C9CACE; border-bottom:1px solid #C9CACE; }
		.steps ul li.active { background:#fff; border-bottom:none; }
	.stap { float:left; width:608px; padding:10px; background:#fff; border-left: 1px solid #C9CACE; border-right: 1px solid #C9CACE; border-bottom: 1px solid #C9CACE; }
		.stap h2 { margin:10px 0; }
		.stap h3 {margin: 10px 0;}
		.stap p.top { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #C9CACE; }
	#uitslag { width:46px; padding:5px 26px; border-right:0; }
	.errors { margin:10px 0; color:#f00; font-size:12px; }
	.smartengeld form label, .smartengeld form input, .smartengeld form div { color:#000; font-size:12px; }
	.smartengeld form div { float:left; width:100%; margin-bottom:15px; }
	.smartengeld form label { float:left; width:100%; margin:10px 0 5px 0; }
	.smartengeld form input { margin:4px 0; }
	.smartengeld form input[type="radio"] { width:13px; margin-right:10px; border:0; }
	.smartengeld form input.btn-step {width:186px; padding:4px; cursor:pointer; background:#BBC347; border:1 px solid #999999; font-size:12px; color:#fff; text-align:left; color: #494949; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right;}
	.smartengeld form input.btn-step_hover {background: #333; color: #fff;}
	.smartengeld form input.short { width:75px;}
	
/* start tagcloud */	
.tagcloud { float:left; margin:20px 0 30px 0; padding: 0; text-align: center; }

.tagcloud a { font-size:12px; }
.tagcloud a.type0 { color:#5B5F81; font-size:28px; }
.tagcloud a.type1 { color:#5B5F81; font-size:26px; }
.tagcloud a.type2 { color:#333333; font-size:24px; }
.tagcloud a.type3 { color:#6A719A; font-size:22px; }
.tagcloud a.type4 { color:#666666; font-size:20px; }
.tagcloud a.type5 { color:#AA8EA4; font-size:18px; }
.tagcloud a.type6 { color:#999999; font-size:16px; }
.tagcloud a.type7 { color:#8D933B; font-size:15px; }
.tagcloud a.type8 { color:#666666; font-size:14x; }
.tagcloud a.type9 { color:#5B5F81; font-size:13px; }
.tagcloud a:hover { text-decoration: none; }
/* end tagcloud */

/* sidebar */

.sgi { position:relative; background-image:url(images/stripes.png); background-position:176px 60px; padding:10px 10px 20px 10px; height:auto; width:287px; border:1px solid #C6CD65; float:left; 
		border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; margin:0 0 20px 0;}
.sgi h2	{ line-height:160%; }
.sgi p	{ padding:0 0 0 10px; float:left; font-style:italic; color:#666; }
.sgi img	{ position:absolute; margin:-45px 0 0 0; right:10px;}

/* tabs overwrite styles*/
ul.postTabs li a {
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC !important;
    color: #666666 !important;
    cursor: pointer;
    outline: medium none;
    padding: 0.7em 2.3em !important;
    text-decoration: none;
    font-size: 11px;
}
.postTabs_divs
.postTabs_titles {display: block !important;}
.postTabs_divs .postTabs_titles b{font-weight: normal; color: #5B5F81;}

.display-posts-listing 		{}
.listing-item				{ border-bottom: 1px solid #EEEEEE; margin-bottom: 30px; margin-top: 30px; padding-bottom: 25px;}
.listing-item a				{ width: 100%;}
.title 						{ float: right;font-size: 15px;text-decoration: none;width: 100%; }
.excerpt 					{ font-size: 12px; line-height: 24px;}

/* 404 pagina */
.error404 .content { min-height:100px; }
/* end 404 pagina */

/* sitemap */
.sitemap					{margin-top:10px; }
	.children 				{padding-left:200px; }


.searchform { width: 100%;}
input#searchsubmit { margin: 0px auto; width: 100%; position: inherit; }
input#s { width: 95%; margin: 10px 0px 10px 0; }
	
@media screen and (max-width: 1025px) {
.header-right 				{position: absolute; right: 35px;}
.dark-top-rounded			{width: 97%;}
.search 					{position: absolute; right: 15px;}
.container 					{width: 95%; padding: 0 20px;}
.content-block 				{width: 100%;}
.map						{float: right;}
.left 						{width: 50%;}
.content-bottom .left 		{width: 100%;}
.footer						{width: 88%;}
.fo-first 					{width: 60%; margin-bottom: 20px;}
.fo-second 					{width: 60%; margin-bottom: 20px;}
.fo-third 					{width: 60%; margin-bottom: 20px;}
.fo-fourth 					{width: 60%; text-align: left; margin-bottom: 20px;}
.slide img 					{width: 96%;}
.doe-de-test 				{right: 2%;}
.content 					{width: 100% !important;}
.call-back-form .line-wrap  {width: 90%;}
.sub-diensten 				{width: 60%;}
.submenu ul				    {width: 100%;}
.sub-diensten 				{left: 66px;}
.submenu ul 				{height: auto;width: 100%;}
.submenu li 				{float: left;height: auto !important;padding: 10px;text-align: left; width: 90%;}
.submenu li .sub-title 		{border-bottom: 1px solid #858CBC;display: block;float: right; margin: 0 5px 3px;padding-bottom: 3px;width: 60%;}
.submenu li a .text 		{display: block; float: right;font-size: 12px; line-height: 18px;  margin: 0 5px; width: 60%;}
.content-header img			{width: 98%;}
.header-text   				{width: 75% !important;}	
.header-text p 				{width: 100%;}
.formulier 					{width: 100%;}
.line-wrap .inputField, .line-wrap .textArea {width: 93%;}
.left .formulier form {width: 100% !important;}
.left input, .left textarea {width: 93%;}
}


@media screen and (max-width: 980px) {
.container 					{position:absolute !important; width: 97% !important; padding: 0 20px 0 0;}
.panorama 					{width: 97% !important; }
.header-right				{margin-top: 10px;}
.search 					{margin-top: -28px; z-index:200;}
}	

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
}

@media screen and (max-width: 860px) {
.block-usp 					{width: 100%;}
.right						{float:left; width: 95%;}
.map						{float:left !important;}
.content-top .left			{width: 90%;}
}

@media screen and (max-width: 800px) {
.header-right h2 			{font-size: 20px;}
.header-right				{font-size: 10px;}
.header-right span 			{font-size: 30px;}
.left 						{width: 100%;}
.block-call-me-back 		{width: 100%;}
}



@media screen and (max-width: 700px) {
.header-right h2 			{font-size: 20px;}
.header-right span 			{font-size: 16px;}
.content-block 				{width: 100%;}
.header-right h2 			{display: none;}
.header-right span 			{font-size: 28px !important;}
.header-right span a		{font-size: 28px !important;}  
.block-call-me-back 		{width: 90% !important;}
.call-back-form input		{width: 100% !important;}
.search		 				{display: none;}
.header						{float: none;}
.logo						{float: none; margin: 0 auto;}
.header-right 				{width: 94% !important; font-size: 12px !important; float: none !important; margin: 0 auto !important; position: inherit !important; text-align: center; padding-bottom: 10px;}

}
	
@media screen and (max-width: 641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
.doe-de-test 				{display: none;}
.slide-content 				{top: 70px; width: 25%;}
}	

@media screen and (max-width: 550px) {
.block-usp 					{background-image:none; width: 95% !important;}
.recommended				{background-image:none; width: 100%;}
.slide-content  			{top: 100px;}
.content-header				{display: none;}
.sub-diensten				{top: 170px;}
.sub-soorten-letsel 		{left: 20px; top:200px; width: 90%;}
.sub-overons 				{left: 20px; top:200px; width: 90%;}
.header						{height: 135px; width: 100%;}
.phone						{width: 100%; padding: 15px; color: #ffffff !important;}
.mobile 						{display:inline;}
.phone a					{color: #ffffff !important;}
.header-right span { background-color: #BBC347; border-radius: 5px 5px 5px 5px; line-height: 2.6;}
.formulier 					{ width: 95% !important;}
.map 						{ width: 100%;}
}

@media screen and (max-width: 481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
	
@media screen and (max-width: 320px) { 
.search		 				{display: none;}
.header						{float: none; width: 100%;}
.logo						{float: none; margin: 0 auto;}
.slide img					{display: none;}
.slide-content 				{top: 15px;}
.container-slider 			{ height: 220px;}
.panorama 					{margin-left: -8px;}
.recommended a				{background-image:none; width: 50%;}
.header-right				{padding-top: 20px;}
}












