/*
Theme Name: OnlineLeadbox
Theme URI: www.Onlineleadbox.nl
Description: WordPress theme OnlineLeadbox.nl
Version: 1.0
Author: Gerrit Hopster
Author URI: http://www.onlineleadbox.nl
Tags: Tags
*/
/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: Open Sans, Arial; font-size: 13px; color: #555555; }
input, select, textarea { font-family: Open Sans, Arial; font-size: 12px; color: #646464; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
h2, h3, h4, h5, h6 { font-weight: normal; color: #69202C; font-family: 'Open Sans'; }
.alignleft { float: left; margin: 0 10px 5px 0 !important; }
.alignright { float: right; margin: 0 0 5px 10px !important; }
a { color: #69202C; text-decoration: underline; }

/* Patrick's berichten template*/

.prev, .next {
	width:30%;
}
.next {
	text-align:right;
}

/* END Patrick's berichten template */

#wpss_survey .form-container button#next[disabled="disabled"] {
   display: none;
}

blockquote { position: relative; margin: 0 0 24px 0; padding: 0 0 0 15px; background: url(images/bq-left.png) no-repeat; }
blockquote p { padding: 18px 18px 12px 24px; background: #f1f1f1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#wpss_survey .form-container { max-width: 100%; width: auto !important; }

h1 { font-size: 20px;font-weight: bold; margin-bottom:10px;color: #69202C; font-family: 'Open Sans'; }
h2 { font-size: 19px;}
h3 { font-size: 18px; }
h4 { font-size: 18px;font-weight: bold; margin-bottom:10px;color: #69202C; font-family: 'Open Sans'; }
h5 { font-size: 12px; }
h6 { font-size: 14px; }
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/ufonts.com_gotham_book-webfont.eot');
    src: url('fonts/ufonts.com_gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_gotham_book-webfont.woff') format('woff'),
         url('fonts/ufonts.com_gotham_book-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_gotham_book-webfont.svg#Open Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SerifaStd55Roman';
    src: url('fonts/serifastd-roman.eot');
    src: url('fonts/serifastd-roman.eot') format('embedded-opentype'),
         url('fonts/serifastd-roman.woff') format('woff'),
         url('fonts/serifastd-roman.ttf') format('truetype'),
         url('fonts/serifastd-roman.svg#SerifaStd55Roman') format('svg');
}
@font-face {
    font-family: 'SerifaStd65Bold';
    src: url('fonts/serifastd-bold.eot');
    src: url('fonts/serifastd-bold.eot') format('embedded-opentype'),
         url('fonts/serifastd-bold.woff') format('woff'),
         url('fonts/serifastd-bold.ttf') format('truetype'),
         url('fonts/serifastd-bold.svg#SerifaStd65Bold') format('svg');
}
a.btn { padding-right: 2px; display: block; border-radius: 3px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; float: left; height: 22px; min-width: 126px; line-height: 22px; background: url('images/btn.png') top repeat-x; }
a.btn:hover { background-position: left bottom; }
a.btn span { padding: 0 20px 0 7px; display: block; background: url('images/arrow.png') right center no-repeat; }
a.btn.right { float: right; }

ul, ol { padding-left: 20px;margin-bottom: 15px; }
li { line-height: 20px; margin-bottom:5px; color: #555555; font-size: 13px; }
li a { color: #36372f; font-size: 13px; text-decoration: underline; }
li a:hover { text-decoration: underline; }
.centering { width: 1020px; position: relative; margin: 0 auto; }
.centering2 { width: 1250px; position: relative; margin: 0 auto; }
/* template  */
#template { overflow-x: hidden; position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

	/* header */
	#header-part { position: relative; width: 100%; z-index: 999; } /* background removed from original template */
	body.home #header-part { background: none; }
	#header-part .logo {margin: 0 0 0 0; float: left; padding-left:14px; padding-top:12px; padding-bottom:25px;}
	body.home #header-part .logo  { margin: 0 0 0 0; float: left; padding-left:39px; padding-top:12px;}
	#header-part .logo a  { display: block; width: 267px; height: 55px; }
	.logo {margin-top:100px;}
	
	.wpcf7-form {max-width: 710px;}
	
	
	@media screen and (max-width : 780px;){
	#header-part .logo { margin: 0 0 0 0; float: left; padding-left:30px; padding-top:20px;}
	}
	div.buttondennis{
	background-image:url('/wp-content/uploads/2013/12/button-letseltest1.png');
	width:306px;
	height:110px;

	}
	
		div.buttondennis:hover{ opacity: 0.8; }
		
		/* link bar */
		.link-bar { padding-top: 7px; width: 100%; overflow: hidden; margin-top:-7px; }
		.link-bar fieldset { margin-right: 1px; float: right; border: none; position: relative; }
		.link-bar ul { padding: 6px 0 0 0; list-style: none; float: left; width: 100%; background-color:#69202C; }
		.link-bar li { padding-right: 12px; float: left; font-size: 12px; line-height: 20px; }
		.link-bar li a { display: block; color: white; font-size:10px; text-decoration:none;}
		.link-bar li:first-child a { text-indent: -9999px; width: 22px;  /*left top no-repeat;*/ }
		.link-bar li a:hover, .link-bar li.active a { text-decoration: none; color: #eceeef; }
		.link-bar input[type=text] { padding: 5px; width: 215px; border: none; border-right: 1px solid #d4d3d3; border-radius: 3px 3px 4px 4px; color: #c5c5c5; height: 21px; border-left: 1px solid #d4d3d3; background: url('images/field_bg.jpg') repeat-x; }
		body.home .link-bar input[type=text] { background: url('images/field_bg_home.jpg') repeat-x; }
		.link-bar input[type=submit] { position: absolute; right: 6px; top: 5px; text-indent: -9999px; display: block; border: none; width: 20px; height: 20px; cursor: pointer; background: url('images/button.png') no-repeat; }
		.link-bar label { padding-right: 4px; line-height: 32px; display: block; float: left; }
		
		/* button bar */
		.button-bar a {width: auto; margin: 0 1px 9px 0; z-index: 99; position: relative;}
	
		/* nav bar */
		.nav-bar { padding-top: 39px; margin-bottom: -1px; width: 70%; position: relative; z-index: 999; float: right; font-family: 'Open Sans'; }
		body.home .nav-bar { margin: 0; }
		.nav-bar .tinynav { display: none; }
		.nav-bar ul { padding: 0px; float: right; list-style: none; }
		.nav-bar li { letter-spacing: 0.06em; float: left; position: relative; line-height: 38px; background: url('images/menu_div.png') left center no-repeat; }
		.nav-bar li a { padding: 0 6px; color: #646464; font-size: 12px; text-decoration: none; display: block; height: 38px; }
		.nav-bar li a:hover, .nav-bar li.active a, .nav-bar li:hover a { border-radius: 3px 3px 0 0; color: #fff; background: url('images/menu_hover.jpg') top repeat-x; }
		.nav-bar li ul { padding-bottom: 8px; position: absolute; display: none; left: 0px; top: 38px; border-top: 1px solid #fff; float: none; width: 247px; background: url('images/sub_menu_bg.png'); }
		.nav-bar li:hover li { font-family: Open Sans, Geneva, sans-serif; width: 100%; background: none; }
		.nav-bar li:hover li a { padding: 0px 0 0 16px; height: 34px; line-height: 34px; font-size: 10px; color: #fff; background: none; }
		.nav-bar li:hover li a:hover { font-weight: bold; background: url('images/sub_menu_hover.png'); }
		.nav-bar li:hover ul { display: block; }
		.nav-bar li:first-child { background: none; }
		.quick-link-top{background-color:#69202C; height:40px;}
		.quick-link-top-home{background-color:#69202C; height:40px;display:none;}
		
		
		@media (max-width: 1030px){
		.nav-bar { padding-top: 39px; margin-bottom: -1px; width: 50%; position: relative; z-index: 999; float: right; font-family: 'Open Sans'; }
		
		}
		
		@media (max-width: 770px ){
		.quick-link-top{background-color:#69202C; height:55px;}
		
		}
		
		@media (max-width: 590px ){
		.quick-link-top{background-color:#69202C; height:75px;}
		
		}
		
		@media (max-width: 307px ){
		.quick-link-top{background-color:#69202C; height:114px;}
		}
		
		
		
		/*@media (max-width: 770px ){
		.quick-link-top-home{background-color:#69202C; height:65px;}
		}
		
		@media (max-width: 590px ){
		.quick-link-top-home{background-color:#69202C; height:85px;}
		}*/
		
		
		
		
	
		/* banner bar */
		
		.banner-bar { padding-top: 5px; width: 100%; position: relative; overflow: hidden; border-top: 1px solid #d6d6d6;}
		.banner-bar .phone { padding-left: 36px; padding-right:10px; display: block; line-height: 32px; font-family: 'Open Sans'; color: #762f42; font-size: 15px; float: right; background: url('images/phone.png') left top no-repeat; padding-bottom:5px; }
				.banner-bar .phone2 { margin-right:5px; padding-left: 0px; display: block; line-height: 32px; font-family: 'Open Sans'; color: #762f42; font-size: 15px; float: right; background: none; padding-bottom:5px; }

		.banner-bar .phone a { text-decoration: none; color: #762f42; }
		.banner-bar h3 { padding: 0 5px 9px 0; float: right; color: #69202c; font-size: 20px; line-height: 32px; }
		.banner-bar .demo { width: 515px; position: absolute; right: 0px; bottom: 10px; z-index: 99; overflow: hidden; background: url('images/text_bg1.png'); }
		.banner-bar .demo h2 { padding: 12px 0 0 22px; text-shadow: 1px 1px 1px #dfd1d3; color: #69202c; font-size: 27px; line-height: 26px; }
		.banner-bar .demo h2 span { font-size: 18px; letter-spacing: 1.4px; line-height: 26px; font-family: 'SerifaStd55Roman'; }
		.banner-bar p { padding: 3px 0 5px 25px; letter-spacing: 1px; color: #69202c; font-size: 14px; font-family: 'SerifaStd55Roman'; line-height: 28px; }
		.banner-bar img { max-width: 100%; height: auto; }
		.banner-bar .overlay { height: 100px; width: 100%; position: absolute; left: 0px; bottom: 0px; background:left top repeat-x; }
		
		/* advice bar */
		.advice-bar { width: auto; border-radius: 5px; margin: 0 1px 9px 0; z-index: 99; position: relative; min-height: 300px; box-shadow: 0px 2px 3px #bfb8b8; border: 1px solid #d5dadc; background: #dadada url('images/advice_bg.jpg') top repeat-x; }
		body.home .advice-bar { width: 351px; margin: 0px; position: absolute; left: -3px; top: 0px; min-height: 325px; background: #fefefd url('images/text_bg.jpg') top repeat-x; }
		.advice-bar h4 { padding: 7px 0 0 22px; color: #5a5a5c; font-size: 20px; line-height: 24px; letter-spacing: -0.02em; }
		.advice-bar h4 span { font-size: 13px; font-weight:normal; font-family: 'Open Sans'; display: block; line-height: 20px; }
		body.home .advice-bar h4 { padding: 7px 0 0 10px; color: #8f8f93; font-size: 20px; line-height: 24px; letter-spacing: -0.02em; }
		body.home .advice-bar h4 span { font-size: 12px; font-weight:normal;font-family: 'Open Sans'; display: block; line-height: 20px; }
		.advice-bar fieldset { padding: 0 0 0 21px; margin-top: -1px; border: none; overflow: hidden; }
		.advice-bar input[type=text] { padding: 8px 6px 9px; float: left; box-shadow: inset 0px 2px 5px 0px rgba(228, 228, 228, 0.63); -moz-box-shadow: inset 0px 2px 5px 0px rgba(228, 228, 228, 0.63); -webkit-box-shadow: inset 0px 2px 5px 0px rgba(228, 228, 228, 0.63); border-radius: 7px; color: #aeaeae; font-size: 13px; font-family: Tahoma; margin-top: 12px; border: 1px solid #b9bcbe; width: 250px; }
		.advice-bar textarea { padding: 8px 6px 9px; resize: none; overflow: hidden; float: left; box-shadow: inset 0px 2px 5px 0px rgba(228, 228, 228, 0.63); -moz-box-shadow: inset 0px 2px 5px 0px rgba(228, 228, 228, 0.63); -webkit-box-shadow: inset 0px 2px 5px 0px rgba(228, 228, 228, 0.63); border-radius: 7px; color: #aeaeae; font-size: 13px; font-family: Tahoma; margin-top: 12px; border: 1px solid #b9bcbe; width: 250px; }
		.advice-bar input[type=radio] { margin: 2px 10px 0 2px; cursor: pointer; display: block; float: left; width: 12px; height: 12px; }
		body.home .advice-bar input[type=text] { padding: 8px 6px 9px; border-radius: 5px; width: 210px; }
		body.home .advice-bar textarea { padding: 8px 6px 9px; border-radius: 5px; width: 210px; }
		.advice-bar cite { padding: 10px 0 0 1%; display: block; width: 99%; overflow: hidden; color: #5a5a5c; font-size: 13px; line-height: 24px; font-style: normal; font-family: Tahoma; }
		body.home .advice-bar cite { color: #8f8f93; }
		.advice-bar fieldset span { display: block; width: 100%; overflow: hidden; }
		.advice-bar label { margin: 0; padding-left: 7px; color: #5a5a5c; cursor: pointer; font-size: 13px; line-height: 14px; font-family: Open Sans; }
		body.home .advice-bar label { color: #8f8f93; }
		.advice-bar button, .advice-bar input[type=submit] { padding: 0 0 3px 0; border-radius: 3px; cursor: pointer; margin: -8px 10px 0 0; text-transform: uppercase; font-weight: bold; font-size: 11px; float: right; width: 112px; font-family: Tahoma; color: #fff; text-align: center; height: 22px; border: none; background: url('images/btn.png') top repeat-x; }
		.advice-bar button, .advice-bar input[type=submit]:hover { background-position: left bottom; }
		.advice-bar button, .advice-bar input[type=submit] span { padding: 0px; width: auto; display: block; background: url('images/arrow.png') right center no-repeat; }
		.wpcf7-list-item span { float: left !important; display: inline-block !important; width: 130px !important; margin-bottom: 6px !important; }
	
		/* logo bar */
		.logo-bar { padding: 2px 0 38px; position: relative; width: 101%; }
		.logo-bar ul { padding: 0px; list-style: none; }
		.logo-bar li { padding-left: 1px; float: left; width: 16.5%; position: relative; }
		.logo-bar li a { display: block; border: 1px solid #fff; background: #fff; }
		.logo-bar li a img { display: block; margin: 0 auto; }
		.logo-bar li a .hover { display: none; }
		.logo-bar li a span { position: absolute; left: 0px; top: 20px; color: #b4b4b7; display: block; font-family: 'Open Sans'; font-size: 14px; line-height: 20px; text-align: center; width: 100%; }
		.logo-bar li a:hover { border-color: #753e4e; position: relative; z-index: 9; background: url('images/logo_hover.jpg') center top no-repeat; }
		.logo-bar li a:hover img { display: none; }
		.logo-bar li a:hover .hover { display: block; }
		.logo-bar li a:hover span { color: #fff; }
		.logo-bar .shadow { position: absolute; left: 0px; top: 1px; }

	/* content */
	
	
	#content-part { overflow: hidden; width: 100%; border-top: 1px solid #d6d6d6; }
	body.home #content-part { border: none; }
	
	
		/* np bar */
		.np-bar { padding: 5px 0 20px; width: 100%; overflow: hidden;font-size:10px; }
		.np-bar ul { padding: 0px; list-style: none; overflow: hidden; }
		.np-bar li { padding: 0 11px 0 5px; float: left; font-size: 11px; line-height: 28px; color: #69202c; background: url('images/np_arrow.png') right center no-repeat; }
		.np-bar li:first-child { padding: 0; background: none; }
		.np-bar li a { color: #96969c; font-size: 11px; }
		.np-bar li a:hover, .np-bar li.active a { text-decoration: underline; color: #69202c; }
		.np-bar li.active { background: none; }
	
		/* left */
		#left-part { float: left; width: 690px; }
		
			/* text bar */
			.text-bar { width: auto; overflow: hidden; }
			.text-bar h2 { padding-bottom: 12px; color: #69202c; font-size: 20px; line-height: 26px; }
			.text-bar p { padding-bottom: 11px; color: #555555; font-size: 15px; line-height: 20px; }
		
			/* violence bar */
			.violence-bar { width: 100%; }
			.violence-bar h3 { color: #69202C; font-size: 16px; line-height: 20px; font-family: 'Open Sans'; }
			.violence-bar h2 { padding-bottom: 8px; color: #69202c; font-weight:normal;font-size: 20px;padding-top:10px; line-height: 30px; }
			.violence-bar h4 { color: #69202C; font-family: Open Sans, Geneva, sans-serif; font-size: 15px; line-height: 27px; font-weight: bold; }
			.violence-bar p { color: #555555; font-size: 13px; line-height: 20px; padding-bottom: 22px; }
			.violence-bar h4 { overflow: hidden; }
			hr { display: block; height: 22px; padding-bottom: 0px; margin-bottom: 22px;  background: url('images/line3.png') left center no-repeat; border: none; width: 100%; }
			
		
		/* right part */
		#right-part { float: right; width: 310px; }
		
			/* news bar */
			.news-bar { padding: 20px 0 0 10px; width: auto; overflow: hidden; background: url('images/line.png') left center no-repeat; }
			.news-bar h2 { padding-left: 0px; color: #69202c; margin-bottom: -2px; font-size: 23px; line-height: 26px; }
			.news-bar .date { margin-left: 14px; width: 48px; height: 43px; margin-right: 6px; display: block; float: left; background: url('images/date_bg.png') no-repeat; }
			.news-bar ul { padding: 0 2px 2px 2px; list-style: none; overflow: hidden; }
			.news-bar li { padding: 19px 0; cursor: pointer; width: 100%; float: left; font-size: 15px; font-family: Open Sans; background: url('images/line1.png') center bottom no-repeat; }
			.news-bar li h4 { padding-bottom: 2px; font-size: 15px; font-family: Open Sans; font-weight: bold; line-height: 20px; color: #8f8f93; }
			.news-bar li p { letter-spacing: -0.02em; line-height: 20px; color: #8f8f93; }
			.news-bar li span { padding-top: 5px; text-align: center; color: #69202c; font-size: 18px; font-weight: bold; display: block; }
			.news-bar li cite { padding: 2px 3px 0 0; letter-spacing: 1px; font-style: normal; color: #606061; font-size: 8px; font-weight: bold; display: block; text-align: center; }
			.news-bar li:hover h3 { color: #69202c; }
			.news-bar .btn { margin: 13px 0 0 18px; }
			#left-part .news-bar { padding: 0; background: none; }
			#left-part .news-bar .date { margin-left: 0px; }
			#left-part .news-bar h2 { padding: 0 0 16px 0px; font-size: 28px; line-height: 34px; }
			#left-part .news-bar p { padding-top: 9px; }
			#left-part .news-bar li:hover p { color: #69202c; font-weight: bold; }
			#left-part .news-bar li { padding: 19px 0 20px; background: url('images/line4.png') center bottom no-repeat; }
			
			/* Quicknav */
			
			.quick { margin-top: 35px; padding: 20px 0 5px 10px; width: 308px; overflow: hidden; background: #E6E6E6; }
			.quick ul { padding: 0 2px 2px 2px; list-style: none; overflow: hidden; }
			.quick li { padding: 0px 0; cursor: pointer; width: 100%; float: left; font-size: 15px; font-family: Open Sans; margin-bottom:-1px }
			.quick h4 {padding-top:0px;}
			.quick li:hover h3 { color: #69202c; }
			.quick a {text-decoration: underline;}
			.quick li cite { padding: 2px 3px 0 0; letter-spacing: 1px; font-style: normal; color: #606061; font-size: 8px; font-weight: bold; display: block; text-align: center; }

			
			/*twitter api*/
			.twitter { padding: 0px 0 0 10px; width: auto; overflow: hidden; background: url('images/line.png') left center no-repeat; }
			
			/* experience bar */
			.experience-bar { width: 100%; margin-top: 29px; position: relative; background: #eaeaea; }
			.experience-bar h2 { padding: 21px 0 13px 13px; color: #69202c; font-size: 23px; line-height: 26px; }
			.experience-bar ul, .experience-bar ul.menu { padding: 0px; overflow: hidden; list-style: none; list-style-type: none; }
			.experience-bar li { width: 100%; list-style: none; list-style-type: none; }
			.experience-bar li a, .experience-bar ul.menu li a { padding-left: 10px; display: block; color: #fff; font-size: 15px; height: 37px; font-family: 'SerifaStd55Roman'; line-height: 36px; background: url('images/btn.jpg') repeat-x; }
			.experience-bar li a:hover, experience-bar ul.menu li a:hover { text-decoration: underline; }
			.experience-bar li a span, experience-bar ul.menu li a span { display: block; background: url('images/arrow2.png') right center no-repeat; }
			.experience-bar li ul, .experience-bar ul.menu li ul { padding-bottom: 5px; list-style: none; overflow: hidden; }
			.experience-bar li li a, .experience-bar ul.menu li li a { color: #555555; height: 36px; line-height: 36px; font-size: 15px; font-family: Open Sans, Geneva, sans-serif; background: none; }
			.experience-bar li li a:hover, .experience-bar li li.active a { text-decoration: none; font-weight: bold; background: #e1e1e1; }
			.experience-bar li h3 { padding: 8px 0 5px 10px; color: #555555; font-size: 18px; line-height: 24px; }
			.experience-bar a.btn1 { text-decoration: none; position: absolute; left: 0px; bottom: -55px; width: 308px; color: #fff; text-shadow: 2px 2px 0 #6d9949; font-size: 14px; font-family: Tahoma; font-weight: bold; margin-top: 23px; border-radius: 1px; border: 1px solid #6d9949; display: block; height: 37px; line-height: 38px; background: url('images/btn1.jpg') top repeat-x; }
			.experience-bar a.btn1:hover { background-position: left bottom; }
			.experience-bar a.btn1 span { padding-left: 10px; display: block; background: url('images/arrow2.png') right top no-repeat; }
		
			/* pagination bar */
			.pagination-bar { padding-top: 24px; width: auto; overflow: hidden; }
			.pagination-bar ul { padding: 5px 9px 6px 0px; border: 1px solid #e7e7e7; list-style: none; float: left; background: #f0f0f0; }
			.pagination-bar li { padding: 0 0 0 10px; float: left; line-height: 24px; font-size: 15px; color: #8f8f93; }
			.pagination-bar li a { display: block; width: 24px; height: 22px; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 22px; text-align: center; border: 1px solid #d6d6d5; background: url('images/pagi_btn.jpg') left top no-repeat; }
			.pagination-bar li a:hover { border-color: #c1c5c8; background-position: left bottom; }

		/* support part */
		
		#support-part { margin-top: 25px; overflow: hidden; width: 100%; background: #e4dedf; }
		
			/* support bar */
			body.page-id-4364 .support-bar { display: none; }
			.support-bar { background-color:#69202C; padding: 17px 0 25px; width: 100%; overflow: hidden;  }
			.support-bar .text { padding: 8px 14px 21px 15px; margin-right: 0px; float: right; width: 280px; background: #f7f5f5; }
			.support-bar .left  p{ color:#E6E6E6; } /*hier de witte kleur voor support bar text :P*/
			.support-bar h2 { padding-bottom: 18px; color: #69202c;font-weight: bold; font-size: 22px; line-height: 20px; }
			.support-bar p { color: #727272; font-size: 15px; line-height: 20px; }
			.support-bar h3 { padding-top: 5px;padding-bottom: 0; color: #fff;font-weight: bold; font-size: 20px; line-height: 29px; }
			.support-bar a { text-decoration: none; color: #fff; text-shadow: 2px 2px 0 #6d9949; font-size: 14px; font-family: Tahoma; font-weight: bold; margin-top: 23px; border-radius: 1px; border: 1px solid #6d9949; display: block; height: 37px; line-height: 38px; background: url('images/btn1.jpg') top repeat-x; }
			.support-bar a:hover { background-position: left bottom; }
			.support-bar a span { padding: 0 0 0 10px; display: block; background: url('images/check.png') right top no-repeat; }
			
			/* form widget */
			
			#support-part .wpcf7 {}
			
				#support-part .wpcf7-form > p { color: #FFF; margin-top: 20px; text-transform: normal; }
				#support-part .wpcf7-form fieldset { border: none; }
				
				#support-part .wpcf7-form input[type="text"] {
					border: 1px solid #b9bcbe;
					border-radius: 4px;
					box-shadow: 0 2px 5px 0 rgba(228, 228, 228, 0.63) inset;
					color: #aeaeae;
					float: left;
					font-family: Tahoma;
					font-size: 13px;
					margin: 20px 20px 20px 0 ;
					padding: 8px 6px 9px;
					max-width: 320px;  
					width: 100%;
				}
				
				#support-part .wpcf7-form .divider {  }
				#support-part .wpcf7-form #info {  width: 100%; }
				#support-part .wpcf7-form #question { width: 100%; }
					#support-part .wpcf7-form #question .your-subject {  }
					#question #radio {
						float: left;
					}
						#radio span#title {
							color: #fff;
							float: left;
							font-weight: bold;
							margin-bottom: 10px;
							margin-left: 13px;
						}
						#radio .wpcf7-list-item {
							clear: both;
							display: block;
							float: left;
						}
						#radio .wpcf7-list-item input {
							float: left;
							margin-right: 10px;
							margin-top: 1px;
						}
						#radio .wpcf7-list-item span { color: #FFF; }
						#question textarea {
							border-radius: 4px;
							max-width: 665px;
							padding: 10px;
							width: 100%;
						}
				#support-part .wpcf7-form #send { margin: 20px 0 5px; text-align: center; }
					#support-part .wpcf7-form #send .wpcf7-form-control.wpcf7-submit {
						background: #2c8d01 none repeat scroll 0 0;
						border: 0 none;
						color: #fff;
						cursor: pointer;
						font-weight: bold;
						padding: 10px;
						text-transform: uppercase;
						white-space: normal;
					}
					
/* rekentool style*/

body.page-template-calculator-page {
	font-family: 'Open Sans', sans-serif;
}

	body.page-template-calculator-page #layout div#header-calc {
		margin: 0 auto;
		padding: 20px 0;
		width: 750px;
		max-width: 750px;
		width: 100%;
	}

	body.page-template-calculator-page .gform_wrapper {
		margin: 0 auto;
		max-width: 750px;
		
	}

	body.page-template-calculator-page #calculator-wrapper {
		background: #69202c none repeat scroll 0 0;
		min-height: 100px;
		padding: 40px 20px;
	}

		body.page-template-calculator-page #calculator-header {
			margin: 0 auto;
			max-width: 750px;
			width: 100%;
		}
		
			body.page-template-calculator-page #calculator-header .block {				
				
			}
			
			body.page-template-calculator-page #calculator-header #infowrap {
				float: right;
			}
			
			body.page-template-calculator-page #calculator-header #titlewrap {
				float: left;
				width: 400px;
			}
			
			body.page-template-calculator-page #calculator-header #infowrap {
				text-align: center;
			}
			
				body.page-template-calculator-page #calculator-header #titlewrap i {
					background: #ccc none repeat scroll 0 0;
					color: #69202c;
					float: left;
					font-weight: bold;
					margin-right: 20px;
					padding: 20px;
				}

				body.page-template-calculator-page #calculator-header #infowrap i {
					margin-bottom: 10px;
				}
				
				body.page-template-calculator-page #calculator-header h1, #calculator-header h2, #calculator-header p, #calculator-header i {
					color: #fff;
				}
				
				body.page-template-calculator-page #calculator-header #titlewrap > h1 {   
					font-size: 1.8rem;
					padding-top: 20px;
				}
				
				body.page-template-calculator-page #calculator-header #infowrap > p {
					font-weight: bold;
					line-height: 20px;
				}

		body.page-template-calculator-page #disclaimer { 
			border: 1.5px solid #69202c;
			margin: 20px auto 0; 
			padding: 20px;
			max-width: 750px;
			width: auto;
		}

	body.page-template-calculator-page .gform_wrapper .gfield_checkbox li, body.page-template-calculator-page .gform_wrapper .gfield_radio li { margin: 0; }
	
	body.page-template-calculator-page .gform_wrapper ul li.gfield { 
		font-size: 1
		margin-top: 0 !important; 
		
	}
	
		
	body.page-template-calculator-page .claim-calculationtool_wrapper { 
		background: #F0F2F2; 
		border-radius: 4px;
		padding: 20px;
	}	
		
	body.page-template-calculator-page .claim-calculationtool_wrapper .typeof {
		float: left;
		margin-bottom: 50px;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper .typeof ul > li {
		float: left;
		width: 45%;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper .typeof ul li input { margin: 10px; }

	body.page-template-calculator-page .claim-calculationtool_wrapper .selectbox select, 
	body.page-template-calculator-page .claim-calculationtool_wrapper .credentials input, 
	body.page-template-calculator-page .claim-calculationtool_wrapper .credentials textarea  {
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #555;    
		padding: 10px 25px !important;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper .selectbox select option {
		padding: 5px;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper .selectbox label { margin-bottom: 10px; }

	body.page-template-calculator-page .claim-calculationtool_wrapper .gfield_required {
		display: none !important;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper .gform_title { 
		font-size: 20px !important;
		margin-bottom: 0 !important;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper .gform_description {
	font-size: 16px;
	font-weight: bold !important;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper li {
		font-size: 16px;
	}
	
	body.page-template-calculator-page .claim-calculationtool ul.gform_fields li.explanation {
		font-size: 1rem !important;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper li.typeof { 
	margin: 30px 0 !important;
	}

	body.page-template-calculator-page .claim-calculationtool_wrapper li > h2 {
		font-size: 18px;
		font-weight: bold !important;
		margin: 30px 0 10px;
	}
	
	body.page-template-calculator-page .gfield h3 {
		margin: 20px 0 10px;
	}

	body.page-template-calculator-page .claim-calculationtool .gfield_label {
		width: auto !important;
	}

	body.page-template-calculator-page .claim-calculationtool p.amount {
	font-weight: bold !important;
	}

	body.page-template-calculator-page .gform_button {
		border: none;
		color: #fff !important;
		background: #008000 none repeat scroll 0 0;  
		border-radius: 4px;
		
		cursor: pointer;
		display: inline-block;    
		font-family: inherit;
		font-size: 20px;
		font-weight: 900;
		line-height: 2.25;
		margin: 0 0 0 30px;
		padding: 20px 100px;
		text-transform: uppercase;
		white-space: normal;
	}

	body.page-template-calculator-page .gform_button:hover {
	border-color: #999;
	box-shadow: 0 0 10px #ccc inset, 0 2px 10px rgba(0, 0, 0, 0.2);
	color: #555;
	}
	
	



/* end rekentool style*/
			

	/* footer part */
	#footer-part { margin-top: 45px; overflow: hidden; border-top: 1px solid #e6e6e6; width: 100%; background: #f6f6f6; }
	
		/* footer bar */
		.footer-bar { padding: 15px 0 25px; width: 100%; }
		.footer-bar h2 { color: #727272; font-size: 18px; line-height: 30px; }
		.footer-bar p { font-size: 14px; color: #727272; line-height: 20px; }
		.footer-bar p a { color: #727272; text-decoration: none; display: block; }
		.footer-bar p a:hover { color: #69202c; text-decoration: underline; }
		.footer-bar .first { float: left; width: 23.8%; min-height: 140px; background: url('images/line2.png') right -10px no-repeat; }
		.footer-bar .second { padding-left: 3%; float: left; width: 39.5%; min-height: 140px; background: url('images/line2.png') right -10px no-repeat; }
		.footer-bar .btn1 { padding: 0 3px 0 8px; min-width: 175px; color: #fff; letter-spacing: 0.03em; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; margin-top: 9px; border-radius: 5px; height: 29px; float: left; line-height: 29px; display: block; background: url('images/btn2.png') top repeat-x; }
		.footer-bar .btn1:hover { background-position: left bottom; }
		.footer-bar .btn1 span { padding-right: 20px; display: block; background: url('images/arrow.png') right center no-repeat; }
		.footer-bar .third { width: 30.5%; float: right; }
		.footer-bar .third ul { padding: 7px 0 11px 12px; box-shadow: 1px 2px 3px #d7d7d7; list-style: none; overflow: hidden; background: #FFF; }
		.footer-bar .third h2 { padding: 0 0 4px 10px; }
		.footer-bar .third li { margin: 6px 7px 0 0; float: left; border: 1px solid #eaeaea; }
		.footer-bar .links ul { padding: 10px 0 0 0px; list-style: none; overflow: hidden; }
		.footer-bar .links li { padding: 0 6px 0 8px; float: left; line-height: 28px; background: url('images/footer_div.jpg') left center no-repeat; }
		.footer-bar .links li:first-child { padding-left: 0px; background: none; }
		.footer-bar .links li a { color: #a7a7a7; font-size: 8px; }
		.footer-bar .links li a:hover { color: #69202c; }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
		.centering { width: 748px; }
		.centering2 {width: 1000px}
		.logo-bar li a span { font-size: 12px; }
		.logo-bar .shadow { max-width: 100%; height: auto; }
		.banner-bar .demo { padding-bottom: 5px; bottom: 30px; width: 380px; }
		.banner-bar .demo h2 { font-size: 25px; }
		.banner-bar .demo h2 span { font-size: 17px; display: block; }
		.banner-bar p { padding-bottom: 0px; padding-top: 0px; }
		.link-bar li { padding-right: 8px; font-size: 11px; }
		.link-bar li a, .link-bar label { font-size: 11px; } 
		.link-bar input[type="text"] { width: 145px; }
		.nav-bar li a { padding: 0 9px; font-size: 15px; }
		body.home #header-part .logo { margin-left: 8px; }
		#header-part .logo a img, #header-part .logo a { width: 210px; }
		body.home .advice-bar h4 {  padding-left: 17px; font-size: 18px; line-height: 20px; }
		body.home .advice-bar input[type="text"], body.home .advice-bar textarea { padding-bottom: 4px; padding-top: 4px; margin-top: 7px; }
		body.home .advice-bar cite { padding-top: 3px; }
		body.home .advice-bar fieldset span { padding: 3px 0; }
		body.home .advice-bar { display: none padding-bottom: 10px; min-height: inherit; }
		.banner-bar .phone { float: right; font-size: 20px; }
		.banner-bar h3 { font-size: 18px; }
		.advice-bar input[type="text"], .advice-bar textarea { padding-top: 5px; padding-bottom: 5px; width: 194px; }
		body.home .advice-bar input[type="text"], body.home .advice-bar textarea { width: 214px; }
		.experience-bar h2 { padding: 14px 0 13px 0px; text-align: center; font-size: 18px; }
		.experience-bar li h3 { font-size: 16px; }
		.experience-bar li li a { font-size: 13px; }
		.experience-bar a.btn1 { width: 248px; } 
		.support-bar h2 { padding-bottom: 14px; font-size: 24px; }
		.violence-bar h2 { font-size: 25px; }
		.support-bar p, .text-bar p, .violence-bar p, .violence-bar h4 { line-height: 26px; font-size: 14px; }
		.advice-bar h4, .advice-bar fieldset { padding-left: 18px; }
		#left-part { width: 480px; }
		#right-part { width: 250px; }
		.news-bar { padding-left: 10px; }
		.news-bar .date { margin-left: 5px; }
		.news-bar li h3, .news-bar li p { font-size: 12px; line-height: 18px; }
		.news-bar li h3 { padding-bottom: 0px; font-size: 13px; }
		.footer-bar p { line-height: 20px; font-size: 13px; }
		.footer-bar h2 { font-size: 15px; }
		.footer-bar .links li a { font-size: 11px; } 
		#left-part .news-bar p { padding-top: 4px; }
		.nav-bar li:hover li a { padding-left: 10px; font-size: 13px; height: 30px; line-height: 30px; }
		body.home .advice-bar { display:none; left: 8px; top: 116px; }
		.nav-bar { padding-top: 29px; }
		#header-part .logo, body.home #header-part .logo { margin-top: 36px; }
		.banner-bar .overlay { height: 80px; }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body.home .advice-bar { width: 100%; margin: 20px 0px; position: unset; min-height: 325px; background: #fefefd url('images/text_bg.jpg') top repeat-x; }
		.nav-bar ul { display: none; }
		.nav-bar .tinynav { color: #404041; display: block; height: 26px; margin: auto 0; font-size: 12px; cursor: pointer; line-height: 20px; padding: 5px; text-transform: uppercase; width: 98%; }
		.centering { padding: 0 10px; width: auto; overflow: hidden; }
		.centering2{ padding: 0 10px; width: auto; overflow: hidden; }
		.link-bar ul { padding-bottom: 10px; width: 72%; text-align: center; float: none; margin: 0 auto; }
		.link-bar li { padding: 0 5px; font-size: 11px; float: none; display: inline; }
		.link-bar li a { display: inline-block; }
		.link-bar li a { font-size: 11px; } 
		.link-bar label { display: block; float: none; text-align: center; }
		.link-bar input[type="text"] { padding-left: 2%; padding-right: 2%; width: 95%; }
		.link-bar input[type="submit"] { top: inherit; bottom: 5px; }
		.link-bar fieldset { float: none; overflow: hidden; } 
		#header-part .logo, body.home #header-part .logo { float: none; margin: 10px auto; width: 210px; }
		.nav-bar { margin: 0px; padding: 0 0 10px; width: 100%; float: none; }
		body.home .nav-bar { margin: 0px; padding: 0; }
		#header-part .logo a img, body.home #header-part .logo a img { width: 210px; padding-top:10px }
		/*body.home .advice-bar {  display: none; position: static; left: 0px; top: 0px; width: auto; overflow: hidden; }*/
		.advice-bar fieldset { padding: 0 14px; }
		.banner-bar .phone { float: right; font-size: 20px; }
		.banner-bar h3 { font-size: 18px; }
		.banner-bar .demo { padding: 10px; bottom: 10px; width: auto; }
		.banner-bar .demo h2 { padding: 0px; font-size: 15px; line-height: 20px; }
		.banner-bar .demo h2 span { font-size: 12px; display: block; line-height: 20px; }
		.banner-bar p { padding: 0px; padding-top: 0px; line-height: 20px; }
		body.home .advice-bar input[type="text"], body.home .advice-bar textarea, .advice-bar input[type="text"], .advice-bar textarea { padding: 6px 2%; width: 96%; }
		.advice-bar h4 { padding-left: 15px; }
		.logo-bar .shadow { max-width: 100%; height: auto; }
		.logo-bar li a span { font-size: 12px; }
		.logo-bar li { padding-bottom: 1px; width: 33%; }
		.support-bar p, .text-bar p, .violence-bar p, .violence-bar h4 { line-height: 20px; font-size: 13px; }
		#left-part { width: 100%; }
		#right-part { width: 100%; }
		.text-bar { padding-bottom: 20px; }
		.news-bar { padding: 0px; background: none; }
		.news-bar h2 { padding-left: 0px; }
		.news-bar .date, .news-bar .btn { margin-left: 0px; }
		.footer-bar .first { width: 50%; }
		.footer-bar .second { padding-left: 3%; width: 47%; background: none; }
		.footer-bar .third { padding-top: 20px; width: 100%; }
		.footer-bar p { line-height: 20px; font-size: 13px; }
		.footer-bar h2 { font-size: 15px; }
		.footer-bar .links li a { font-size: 11px; } 
		.footer-bar .links ul { width: 100%; overflow: hidden; text-align: center; margin: 0 auto; }
		.footer-bar .links li { padding: 0 10px 0 2px; float: none; display: inline; background: none; }
		.footer-bar .links li:first-child { background: url('images/footer_div.jpg') right 3px no-repeat; }
		.footer-bar .third ul { padding-right: 5px; float: left; }
		.footer-bar .links li a { display: inline-block; }
		.support-bar .text { float: none; overflow: hidden; margin-bottom: 15px; width: auto; }
		.support-bar h2 { padding-bottom: 14px; font-size: 24px; }
		.violence-bar .text { padding-bottom: 18px; margin-bottom: 18px; background-position: center bottom; }
		.violence-bar { padding-bottom: 20px; }
		.link-bar ul { padding-top: 3px; min-height: 40px; }
		.link-bar { padding-top: 0px; }
		body.home .link-bar ul { padding-top: 6px; min-height: inherit; }
		body.home .link-bar { padding-top: 7px; }
		#left-part .news-bar p { padding-top: 5px; font-size: 13px; line-height: 18px; }
		#left-part .news-bar h2, .violence-bar h2 { font-size: 24px; }
		#left-part .news-bar h2 { padding-bottom: 0px; }
		.experience-bar h2 { padding: 14px 0 13px 10px; font-size: 18px; background: #EAEAEA; }
		.experience-bar li h3 { font-size: 16px; }
		.experience-bar li li a { font-size: 13px; }
		.experience-bar a.btn1 { width: auto; position: static; bottom: 0px; } 
		.experience-bar { background: #fff; }
		.experience-bar ul { background: #EAEAEA; }
		.banner-bar .overlay { height: 80px; }
		.text-bar h2 { padding-bottom: 7px; font-size: 20px; }

		.slider-img {
			display: none;
		}
		
		#question textarea, #support-part .wpcf7-form #send .wpcf7-form-control.wpcf7-submit { width: 90%; }
	
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.banner-bar .demo { position: static; right: 0px; bottom: 0px; }
		.logo-bar li { width: 49.4%; }
		.footer-bar .first { padding-bottom: 20px; width: 100%; background: none; min-height: inherit; }
		.footer-bar .second { padding-left: 0; width: 100%; background: none; min-height: inherit; }
		.link-bar ul { width: 100%; }
		.link-bar li { padding: 0 3px; }
		
		.buttondennis, .keo-container, .news-bar, .quick, .quick-link-top-home, .quick-link-top { display: none; }

	}

/* Online Leadbox Implementatie */
@media(min-width: 768px){
	.o-panel{
		display: none !important;
	}
}
.o-panel{
	color: white !important;
	background-color: rgb(105, 32, 44);
	padding: 20px 11vw 20px 11vw;
}
.o-1{
	padding: 15px 0;
}

@media(max-width: 362px){
	.o-1 > p{
		font-size: 14px !important;
	}
}
.o-1 > p{
	font-size: 18px;
	font-family: Arial !important;
	text-align: center !important;
	color: white !important;
	line-height: 30px;
}
.o-3{
	text-align: center;
    padding: 75px 0px 10px 0px;
}
.o-3-1{
	text-align: center;
}
.o-3-2 > a{
	color: #fff;
	font-weight: 500;
}

@media(max-width: 767px){
	.zopim{
		display: none !important;
	}
	.o-hideMobile{
		display: none !important
	}
}

@media ( max-width: 643px ) {
	
	body.page-template-calculator-page #calculator-wrapper { min-height: 200px; }
		
		body.page-template-calculator-page #calculator-header #titlewrap.block, #calculator-header #infowrap.block {
			float: none;
			margin: 10px auto 20px;
			width: 400px;
		}
		
}

@media ( max-width: 570px ) {

	body.page-template-calculator-page .claim-calculationtool_wrapper .typeof ul > li {
		 float: none;
		 width: auto;
	}
	
@media ( max-width: 428px ) {
	
	body.page-template-calculator-page #calculator-header #titlewrap > h1 { 
		clear: both;
		font-size: 1.4rem;
	}
	
	body.page-template-calculator-page #calculator-header #infowrap {
		text-align: left;
	}
	
	body.page-template-calculator-page .gform_button { padding: 20px; }	
	
	body.page-template-calculator-page #calculator-header #infowrap {
		float: left;
		text-align: left;
	}
	
}

/* END Online Leadbox Implementatie */