
/* General Custom CSS */

::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
::selection      { color: #000 !important;  background: #b3d4fd !important; } 

/* draw selected text in a paragraph white on black */
p::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
p::selection      { color: #000 !important;  background: #b3d4fd !important; } 


#wrap_all { margin-top: -90px; }

#header_main { 
background: url(../images/bg-header.png) repeat-x !important;
position: relative; 
top: 90px;
border: none !important;
}

.main_menu { position: absolute; top: 0; }

.main_menu a { 	
	color: #1f265d !important; 
	font-size: 16px !important; 
	font-weight: 400 !important;
	padding: 0 4px !important;
}

.main_menu li { 	margin: 0 12px !important;  }




/* ------------------------------------------ homepage slider ------------------------------------------- */

#layerslider_1 {	position: relative;	top: 10px; }
.avia-layerslider { 	background: url(../images/bg-lijnen.png) repeat-x bottom !important;}
.ls-wp-container { position: relative; top: -10px !important; }
.smallipopHint h3, .data-cn-cct h3, h3 {	color: #c3d239 !important; 	font-weight: 500;}
.smallipopHint a, .data-cn-cct a { color: #164997 !important; }



/* ------------------------------------------ content ------------------------------------------- */

#main { min-height: 580px; }

.title_container { 
	background: url(../images/bg_header_top.png) bottom repeat;
	border-bottom: 1px solid #c3d239;
	padding-top: 142px;
}

.title_container .main-title { 
	font-size: 25px; 
	text-transform: uppercase;
	color: #164997 !important;
	padding-left: 7px;
	font-weight: 700;
}

 .twelve{ 	margin-top: -30px !important; }

.av-special-heading-h1 h1 {
	font-size: 24px !important;
	font-weight: 600 !important;
	color: #c3d239 !important; 
	text-transform: none !important; 
	letter-spacing: 0px !important; 
	padding: 0 !important;
}

.av-special-heading-h2 h2 {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #154997 !important; 
	text-transform: none !important; 
	letter-spacing: 0px !important; 
}

.av-special-heading-h1 { margin-bottom: -28px; }
.av-special-heading-h4 h4 { color: #154997 !important; }
.special-heading-border, .special-heading-inner-border { display: none; }


.av_one_half { 	margin-top: 16px !important; padding-left: 6px !important; }
.av_one_half ul, .av_one_full ul { list-style-type: square !important; margin-top: -12px !important; }
.av_one_full { padding-left: 6px !important; }

.av_textblock_section p, .avia_textblock p, .av_one_half ul, .av_one_half ul li, .av_one_full ul li { 
	font-size: 14px; 
	line-height: 22px;
	font-family: "Open Sans", Arial, Tahoma !important; 
	color: #868686 !important;
}

.av_textblock_section a { color: #154997 !important; text-decoration: underline !important; }
.av_textblock_section a:hover { color: #c3d239 !important; text-decoration: none !important; }

.av_one_third { margin-top: 25px !important; margin-bottom: 20px !important; }
.av_one_third img { border: 1px solid #dfdfdf; padding: 4px; }
.av_one_third img:hover { border: 1px solid #c3d239; padding: 4px; }

.el_after_av_layerslider .avia-image-container .avia_image.avia-builder-el-4 {
	position: relative; 
	top: -60px;
	margin-bottom: -40px;
}


/* ------------------------------------------ sidebar ------------------------------------------- */

.three { 
	border-left: 1px solid #dfdfdf !important; 
	z-index: 9999999; 
	position: relative; 
	top: 40px;
	margin-bottom: 80px; 
	max-height: 480px;
}

.sidebar .widget_nav_menu{ position: relative; bottom: 36px; }

.sidebar .widget_nav_menu a { 
	font-size: 13px; 
	line-height: 22px;
	font-family: "Open Sans", Arial, Tahoma !important; 
	color: #868686 !important;	
	border-bottom: 1px solid #dfdfdf !important; 
	padding: 6px 0 !important; 
}

.sidebar .widget_nav_menu a:hover, .sidebar .current_page_item, .sidebar .current_page_item a { 	
	color: #c3d239 !important; 
	background: none !important; 
	font-weight: 400 !important;
	box-shadow: none !important;
}



/* ------------------------------------------ footer ------------------------------------------- */

#socket { 
	background: url(../images/footer-bg.jpg) repeat-x; 
	padding-bottom: 30px;
	color: #fff;
}

#socket a { color: #fff !important; text-decoration: underline; }
#socket a:hover { text-decoration: none; }

.copyright { 
	font-size: 12px !important;
	margin-top: -1px;
	letter-spacing: 0px !important; 
}

.copyright span { 
	margin: 0 7px !important; 
	background: #c3d239; 
}




/* --------------------------------------- Contactformulier ---------------------------------------------- */

.wpcf7 .wpcf7-text, .wpcf7 textarea, .wpcf7 select { 
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;	
	border: 1px solid #d1d0d0 !important;
	margin-top: 7px !important;
	width: 530px !important; 
	position: relative;
	padding: 11px !important; 
	background: #fff !important;
	font-size: 15px !important;
	color: #807e7e !important;
}

.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {	border: 1px solid #c3d239 !important; }

.wpcf7 textarea { height: 160px !important; }

input[placeholder], [placeholder], *[placeholder] {	 color: #424242 !important; }
::-webkit-input-placeholder { /* WebKit browsers */    color: #424242 !important; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #424242 !important; }
::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #424242 !important; }
:-ms-input-placeholder { /* Internet Explorer 10+ */    color: #424242 !important; }

body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid, body select.wpcf7-not-valid, body option.wpcf7-not-valid {
border: 1px solid #ec3c06 !important; }

body span.wpcf7-not-valid-tip {
display: block !important;
color: #ec3c06 !important;
border: none !important;
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 !important;
margin-top: 2px !important;
background: none !important;
font-size: 15px !important;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}

div.wpcf7-mail-sent-ok {
	border: none !important; 
	color: #c3d239 !important; 
	position: relative;
	left: -19px !important; 	
	font-weight: 700 !important;
	font-size: 15px !important; 
}

div.wpcf7-mail-sent-ng {
	border: none !important; 
	color: #c3d239 !important; 
	position: relative;
	top: -10px !important;
	left: -19px !important; 
	font-weight: 700 !important;	
	font-size: 15px !important; 		
}

div.wpcf7-spam-blocked {
	border: none !important; 
	color: #e40404 !important; 
	position: relative;
	top: -10px !important;
	left: -19px !important;
	font-size: 15px !important; 	 	
}

div.wpcf7-validation-errors {
	border: none !important; 
	color: #e40404 !important;
	position: relative;
	top: -10px !important;
	left: -19px !important; 
	min-width: 320px !important;
	font-size: 15px !important; 	
}


textarea, input[type=text], input[type=email], input[type=url], input[type=password] {
border: 1px solid #ccc !important;
padding: 10px 20px !important;
width: 100% !important;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
}

.wpcf7-submit {
	background: #c3d239 !important; 
	font-weight: 500;
	text-transform: lowercase;
	font-size: 13px !important; 
	padding: 6px 18px 7px 18px !important;
	color: #424242 !important;
}

.wpcf7-submit:hover {	background: #154997 !important; color: #fff !important; }



/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
/* Styles */

.av-special-heading-h1 h1 {	font-size: 24px !important;	letter-spacing: -1px !important; }
.av-special-heading-h2 h2 {	font-size: 18px !important; 	letter-spacing: -1px !important; }


}



/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 990px) {
#avia-menu {display: none !important; }
}




