/* 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; } 

body { font-size: 14px !important; padding-bottom: 40px !important; }

#wrap_all { margin-top: 25px !important; border: 1px solid #dfdfdf !important; margin: 0 auto; }
.av-content-small { margin-top: -20px !important; }
strong { color: #000 !important; }

.sidebar_left .content { padding-left: 0px !important; }



/* ------------------------------------------- header main ---------------------------------------------------- */

.logo { 	
	margin: 5px 0 0 -24px;  
	width: 509px !important; 
	height: 160px !important; 
	display: block; 
	float: right;
}

.nine { padding-right: 32px; min-height: 300px; }
.nine a { 	color: #ef9326 !important; }
.nine a:hover { 	color: #ae3723 !important; }
.nine img { margin-left: 14px; }

.contactblok { 
	position: relative; 
	top: 44px;
	right: 30px;
	float: right; 
	margin-bottom: -130px;
	font-size: 12px !important;
	line-height: 16px !important; 
	font-weight: 600 !important;  
	font-family: "Arial", Tahoma, Verdana !important;
	text-align: right; 
	z-index: 999999;
	color: #000 !important; 
}

.breadcrumb { 
	position: relative; 
	z-index: 999999999;
	top: 63px !important;
	right: 20px !important;
}

.breadcrumb a {	color: #ef9326 !important;}



/* ------------------------------------------- zoeken ---------------------------------------------------- */

.date-container { display: none; }

.search-result-counter { 
	shadow: none !important; 
	border: 1px solid #dfdfdf !important; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.zoeken { position: relative; bottom: 20px; }
.zoeken #s{ height: 39px !important; }

.template-search { position: relative; top: 17px !important; }

article .entry-content { margin-bottom: -20px !important; }



/* ------------------------------------------- inhoud ---------------------------------------------------- */

.entry-content-wrapper { margin-top: 10px !important; }
.entry-content-wrapper p { line-height: 20px !important; }

.av_one_half { 	margin-top: -10px !important; }
ul, li { padding: 0px !important; list-style-type: square; }


/* ------------------------------------------- title ---------------------------------------------------- */

.main-title {
	color: #ef9326 !important; 	
	text-transform: none !important;
	font-size: 21px !important;
	position: relative; 
	top: 30px !important; 
	margin-bottom: -136px !important;
}

.av-special-heading-h1 h1 {
	color: #ef9326 !important; 	
	text-transform: none !important;
	font-size: 21px !important;
	position: relative; 
	font-weight: 400 !important; 
	letter-spacing: 0px !important; 
}

.av-special-heading-h2 h2 {
	color: #ef9326 !important; 	
	text-transform: none !important;
	font-size: 21px !important;
	letter-spacing: 0px !important; 
	margin-top: 20px !important;
}

.av-special-heading-h3 h3 {
	color: #ef9326 !important; 	
	text-transform: none !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important; 
	margin-top: 12px !important;
	margin-bottom: 3px !important;
}

.special-heading-border, .special-heading-inner-border { background: none !important; border: none !important; }




.nine { margin-top: -20px !important; }
.three, .nine { margin-left: 0 !important; padding-left: 0 !important; }
.three { padding-right: 0 !important; margin-right: 0 !important; }

.avia_textblock ol { margin-left: 3px !important; }
.hr-default { border-top: 1px solid #dfdfdf !important; margin-bottom: 14px !important; }



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

.inner_sidebar { padding-bottom: 30px !important; margin-top: 49px; }
.inner_sidebar a, .widget_nav_menu a { color: #000 !important; font-size: 12px !important; padding: 0 !important; font-weight: 600;}
.inner_sidebar a:hover, .widget_nav_menu a:hover { color: #ef9326 !important; }
.inner_sidebar .current-menu-item, .inner_sidebar .current_page_item, .current_page_parent, .current_page_ancestor, .menu-item-has-children { color: #000 !important; border: none !important; box-shadow: none !important; background: none !important; }


.widget_nav_menu { width: 1600px !important; position: relative; left: 0px; bottom: 0px; }
.Xsidebar_left { width: 160px !important; position: relative; left: -15px !important; font-size: 14px !important; }

.widget_nav_menu li { font-family: "Arial", Tahoma, Verdana !important; text-align: left !important; }
.sidebar .sub-menu { margin: -5px 0 8px 0 !important; }

.sidebar .sub-menu a { 
	margin-left: 4px !important; 
	font-size: 12px !important; 
	line-height: 8px !important; 
	color: #ef9326 !important; 	
	margin-bottom: 3px !important;
}

.sidebar .sub-menu { 	width: 130px !important; }
.sidebar .sub-menu a:hover { color: #c97912 !important; }



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


#footer { margin: 0 auto; margin-top: -25px !important; padding: 0 !important; border-top: 1px solid #dfdfdf !important; }
#socket { margin: 0 auto;  margin-top: -65px !important;}

#footer .widgettitle { 
	border-top: 1px solid #dfdfdf !important; 
	border-bottom: 1px solid #dfdfdf !important;  
	padding: 5px 8px; 
	position: relative;
	left: -52px;
	bottom: 22px;
	color: #000 !important; 
}

.copyright { 
	margin: 0 auto !important; 
	display: block; 
	padding: 20px 0 10px 0;
	font-size: 12px !important; 
	text-align: center;
}

.copyright span { margin: 0 6px; color: #f28f2d !important; }

.logo-footer { 
	position: relative;
	float: left; 
	display: block; 
	width: 200px;
	bottom: 79px;
	left: -9px;
	margin-bottom: -150px;
}

.logo-footer img, .logo-footer-rechts img { width: 145px; }

.logo-footer-rechts { 
	position: relative;
	float: right; 
	display: block; 
	width: 200px;
	bottom: 122px;
	left: 65px;
	margin-bottom: -150px;
}

.ls-wp-container, #layerslider_3 { position: relative; left: -25px !important; top: 33px; }




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


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; }


.wpcf7 .wpcf7-text, .wpcf7 textarea { 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;	
	border: 1px solid #dfdfdf !important;
	margin-top: 4px !important;
	width: 440px !important; 
	position: relative;
	padding: 7px !important; 
	background: #fff !important;
	font-size: 15px !important;
}


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

.wpcf7 textarea { height: 90px !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 {
border: 1px solid #ec3c06 !important; }

body span.wpcf7-not-valid-tip {
display: block !important;
color: #ef9326 !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: #038c1a !important; 
	position: relative;
	left: -22px !important; 	
}

div.wpcf7-mail-sent-ng {
	border: none !important; 
	color: #038c1a !important; 
	position: relative;
	top: -10px !important;
	left: -22px !important; 	
}

div.wpcf7-spam-blocked {
	border: none !important; 
	color: #ef9326 !important; 
	position: relative;
	top: -10px !important;
	left: -22px !important; 	
}

div.wpcf7-validation-errors {
	border: none !important; 
	color: #ef9326 !important;
	position: relative;
	top: -10px !important;
	left: -22px !important; 
	min-width: 320px !important;
}


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

.wpcf7-submit {
	background: #ef9326 !important; 
	font-weight: 500;
	font-size: 13px !important; 
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	color: #fff !important; 
	transition: all linear 0.3s;	
	padding: 4px 9px !important;
	text-transform: lowercase;
}

.wpcf7-submit:hover {	background: #ef9326 !important; }




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 1100px) {
  /* Add your Desktop Styles here */

#header_main { height: 180px !important; margin-bottom: 0px;  }
#wrap_all { width: 970px !important;  }
.av-content-small { width: 740px !important; }
#footer { width: 904px !important; }
#socket { width: 900px; }
.copyright { 	width: 910px; }
.main-title {	left: 176px; }
.contactinfo { display: none; }
}


@media only screen and (min-width: 1020px) and (max-width: 1100px) {
.av-content-small { width: 700px !important; }

#footer { width: 904px !important; }
#socket { width: 900px; }
.copyright { 	width: 910px; }
.main-title {	left: 176px; }
.contactinfo { display: none; }
#header_main { height: 180px !important; margin-bottom: 0px !important;  }
}



@media only screen and (min-width: 768px) and (max-width: 1020px) {
.contactinfo { display: none; }
#footer { width: 100% !important; }
#socket { width: 100%; }
.copyright { 	width: 100%; }
.logo-footer, .logo-footer-rechts { display: none; }
.logo-footer { 	left: 40px; }
#header_main { height: 180px !important; margin-bottom: 0px !important;  }
.av-content-small { width: 640px !important; }

.ls-wp-container, #layerslider_3 { position: relative; left: 0px !important; top: 15px; }

}


@media only screen and (min-width: 768px) and (max-width: 850px) {
.av-content-small { width: 570px !important; }
}


@media only screen and (min-width: 920px) and (max-width: 1120px) {
#wrap_all { margin-left: 2px; }
}

@media only screen and (min-width: 1120px) and (max-width: 1185px) {
#wrap_all { margin-left: -10px !important; }
}

@media only screen and (min-width: 1186px) {
#wrap_all { margin-left: 10px !important; }
}




/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

#Xheader_main { height: 130px !important; }
#header_main { padding-bottom: 15px;  }
.responsive .logo img {  max-height: 118% !important; }
.logo { width: 100% !important; margin: 10px 0 0 -10px; }

#wrap_all { border: 0px solid #dfdfdf !important; margin: 0px; }
.logo-footer, .logo-footer-rechts, .zoeken, .contactblok { display: none; }

.contactinfo { line-height: 17px !important; margin-bottom: 10px; background: #f1f1f1; padding: 19px 0; }
.contactinfo a { color: #444; text-decoration: underline; }
.contactinfo a:hover { color: #ef9326; text-decoration: none; }

.main-title { top: 10px !important; }
.ls-wp-container, #layerslider_3 { position: relative; left: 0px !important; top: 15px; }


}