/*
Theme Name: website Ardanza - v3.1
Theme URI: http://www.ardanza.nl/
Description: wordpress theme for the Ardanza website
Author: Marten Timan
Author URI: http://www.atypisch.nl
Version: 3.1
*/

/* basic elements */
html, body {
	font-family: 'Arimo', sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 1.4em;
	color: #404040;
	margin: 0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* separate body backgrounds */
body.background_vervolg, body {	background: url(images/header_vervolg.jpg) repeat-x 50% 0; }
body.background_home, .home, .page-template-template_homepage, .page-template-template_weblog, .single, .category { background: url(images/header.jpg) repeat-x 50% 0; }


h1 {
	font-family:'GeoSlb712MdBT-Bold';
	font-size: 25px;
	color: #f16335;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: normal;
	line-height: 1.2em;
}

h2, h3, h4, h5, h6 {
	font-family: 'GeoSlb712MdBT-Regular';
	color: #f16335;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: normal;
	line-height: 1.2em;
}

a:link, a:visited {
	text-decoration: underline;
	color: #f16335;
}

a:hover, a:active {
	color: #ff8d75;
}

small {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

i, em { font-style: italic; }
strong, b { font-family: 'GeoSlb712MdBT-Bold'; font-weight: normal !important; }

blockquote {
	float: left;
	padding: 10px 0 10px 10px;
	margin:0;
	background: #f4f4f4;
}

/* specific divs */
#horizon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0;
	text-align: center;
}

#container {
	padding: 0;
	border: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */
#container_abs {
	position: absolute;
	top: 0;
	padding: 0 0 20px 0;
	border: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#wrap {
	float: left;
	border: 0;
	padding:0;
	margin: 0;
}

#header {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

#header ul {
	list-style: none;
}

.header_home { height: 166px; }
.header_vervolg {height: 99px;}

#backtohome {
	position: absolute;
	top: 40px;
	left: 20px;
	padding:0;
	margin:0;
	border:0;
	width: 226px;
	height: 43px;
}

#backtohome a {
	float: left;
	width: 226px;
	height: 43px;
	padding: 0;
	margin:0;
	border: 0;
	text-decoration: none;
}

#header_description {
	position: relative;
	padding: 10px 0 0 10px;
	margin: 0;
	font-family:'GeoSlb712MdBT-Regular';
	color: #fff;
	line-height: auto;
	max-width: 300px;
	max-height: 85px;
}

.header_home #header_description { top: 90px;	left: 10px; font-size: 26px; line-height: 30px;  }
.header_vervolg #header_description { top: 55px; left: 10px; font-size: 20px; }
.logo_home { background: url(images/logo.png) no-repeat; }
#backtohome.logo_vervolg { top: 30px; background-image: url(images/logo.png); background-repeat: no-repeat; background-size: 140px auto; }

#language_select {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	margin: 0;
}

#page_title {
	position: absolute;
	top: 185px;
	left: 20px;
	height: 65px;
	padding: 0;
	margin: 0;
	font-size: 40px;
	font-size: 40px;
	text-transform: none;
	color: #fff;
	font-family:'GeoSlb712MdBT-Regular';
}

#content {
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
}

#content a img, #content img a,
.post a img, .post img a,
li a img, li img a {
	border: 0;
	padding: 0;
	margin: 0;
}

a img, img a {
	border: 0;
}

.post {
	float: left;
	padding: 0;
	margin: 0;
}

.post_news {
	float: left;
	padding: 0;
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #f16335;
}

.post_news img {
	max-width: 100%;
	height: auto;
}

.entry_news {
	float: left;
	padding: 0;
	margin: 0;
}

.entry {
	float: left;
	padding: 0;
	margin: 0;
}

.post_navigation {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	margin: 0;
}

/* hide normal gallery */
.entry .ngg-galleryoverview {
	display: none;
	visibility: hidden;
	height: 0;
}

/* gallery thumbnails */
.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail {
	float: left !important;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
}

.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img {
	border-radius: 15px !important;
	-moz-border-radius: 15px !important;
}

.post_homepage {
	float: left;
	margin: 0;
	color: #f16335;
}

.post_homepage h1 {
	font-family: 'GeoSlb712MdBT-Regular';
	font-size: 35px;
	font-weight: normal;
}

.left_wrap_homepage {
	float: left;
	padding: 0 0 0 0;
	margin: 0;
}

.right_wrap_homepage {
	float: right;
	padding: 0 15px 0 0;
	margin: 0;
}

.left_columns {
	float: right;
	padding: 0;
	margin: 0;
}

.column {
	float: left;
	padding: 0;
	margin: 0;
}

.post_225 {
	float: left;
	padding: 0 3px 0 13px;
	margin: 0;
}

a.leesmeer {
	float: left;
	background: url(images/leesmeer.png) no-repeat;
	text-decoration: none;
}

/* navigation */
.navigation {
	float: left;
	padding: 20px 0 20px 0;
	margin: 0;
}

.previous_page_link {
	float: left;
	width: 89px;
	height: 31px;
	padding: 0;
	margin: 0;
}

.previous_page_link a {
	float: left;
	width: 89px;
	height: 31px;
	padding: 0;
	margin: 0;
	background: url(images/vorige.png) no-repeat;
	text-decoration: none;
}

.next_page_link {
	float: right;
	width: 89px;
	height: 31px;
	padding: 0;
	margin: 0;
}

.next_page_link a {
	float: right;
	width: 89px;
	height: 31px;
	padding: 0;
	margin: 0;
	background: url(images/volgende.png) no-repeat;
	text-decoration: none;
}

.post_news a.leesmeer {
	float: left;
	width: 105px;
	background: url(images/leesmeer_nieuws.png) no-repeat right;
	text-decoration: none;
}

a.post-edit-link {
	float: left;
	color: #7e1e03;
	padding: 0;
}

.uitgelicht_wrap {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.uitgelicht_wrap a:link, .uitgelicht_wrap a:visited,
.uitgelicht_mid a:link, .uitgelicht_mid a:visited {
	text-decoration: none;
}

.uitgelicht_wrap_top {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 2;
	top: -18px;
}

/* uitgelicht teksten */
.uitgelicht_sidebar_wrap {
	float: right;
	padding: 15px;
	margin: 0;
}

.uitgelicht_sidebar_mid {
	float: left;
	background: #f16335;
	padding: 5px 15px;
	border-radius: 10px;
	color: #fff;
}

.uitgelicht_sidebar_mid.bg_lila {
	margin: 15px 0 0 0;
	background: #274B6F;
}

.uitgelicht_sidebar_mid h1, .uitgelicht_sidebar_mid h2, .uitgelicht_sidebar_mid h3, .uitgelicht_sidebar_mid h4, .uitgelicht_sidebar_mid h5 { color: #fff; }

.uitgelicht_top {
	float: left;
	height: 9px;
	padding: 0;
	margin: 0;
	background: url(images/uitgelicht_top.png) no-repeat;
}

.uitgelicht_mid {
	float: left;
	padding: 0 10px 0 10px;
	margin: 0;
	color: #fff;
	background: url(images/uitgelicht_mid.png) repeat-y;
}

.uitgelicht_bottom {
	float: left;
	height: 9px;
	padding: 0;
	margin: 0;
	background: url(images/uitgelicht_bottom.png) no-repeat;
}

.uitgelicht_top_arrow {
	float: left;
	height: 38px;
	padding: 0;
	margin: 0;
	background: url(images/uitgelicht_top_arrow.png) no-repeat;
}

.uitgelicht_bottom_arrow {
	float: left;
	height: 38px;
	padding: 0;
	margin: 0;
	background: url(images/uitgelicht_bottom_arrow.png) no-repeat;
}

.uitgelicht_mid h1 {
	color: #fff;
	padding: 0 5px 10px 5px;
	margin: 0;
	line-height: 30px;
}

.uitgelicht_mid p {
	color: #fff;
	padding: 0 5px 10px 5px;
	margin: 0;
}

.uitgelicht_mid a {
	color: #fff;
}

/* buttons */
a.btn_blue:link, a.btn_blue:visited {
	float: left;
	line-height: 24px;
	padding: 8px 24px;
	margin: 5px 0 10px 0;
	background: #274B6F;
	color: #fff;
	font-family: 'GeoSlb712MdBT-Regular';
	border-radius: 5px;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	letter-spacing: 2px;
}

a.btn_blue:hover, a.btn_blue:active {
	background: #87daff;
}
/* orange */
a.btn_orange:link, a.btn_orange:visited {
	float: left;
	padding: 8px 24px;
	margin: 5px 0 10px 0;
	background: #f16335;
	color: #fff;
	font-family: 'GeoSlb712MdBT-Regular';
	border-radius: 5px;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 2px;
}

a.btn_orange:hover, a.btn_orange:active {
	background: #ff795d;
}

/* wghite with orange txt */
a.btn_white:link, a.btn_white:visited {
	display: inline-block;
	padding: 8px 24px;
	margin: 5px 20px 20px 0;
	color: #f16335;
	background: #fff;
	font-family: 'GeoSlb712MdBT-Regular';
	border: 1px solid #f16335;
	border-radius: 5px;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.5px;
}

a.btn_white:hover, a.btn_white:active {
		background: #f16335;
		color: #fff;
}


/* maxbuttons */
a.maxbutton:link, a.maxbutton:visited {
	font-family: 'GeoSlb712MdBT-Regular' !important;
	margin: 5px 20px 20px 0;
}

a.maxbutton:hover, a.maxbutton:active {}
a.maxbutton:link .mb-text { 	font-family: 'GeoSlb712MdBT-Regular' !important; letter-spacing: 0.5px; }

.uitgelicht_sidebar_mid  a.btn_orange, .uitgelicht_sidebar_mid a.btn_blue {
	width: 147px;
	text-align: center;
}

.image_wrap {
	position: relative;
	padding: 0;
	margin: 0;
	top: -15px;
}

.image_wrap_top {
	position: relative;
	padding: 0;
	margin: 0;
	top: 0;
}

.image_wrap_news {
	float: left;
	padding: 20px 0 0 0;
	margin: 0;
	width: 100%;
}

/*CSS 3 - check for IE versions*/
.image_wrap img, .image_wrap_top img {
	border-radius : 15px;
	-moz-border-radius : 15px;
	width: 225px;
	height: auto;
}

.image_wrap_news img  {
	border-radius : 10px;
	-moz-border-radius : 10px;
	width: 100%;
	height: auto;
}

#sidebar {
	float: left;
	padding: 0;
	margin: 0;
}

.space {
	float: left;
	height: 15px;
	padding: 0;
	margin: 0;
}

.space_clear {
	float: left;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
}

.cleardiv {
	clear: both;
	width: 100%;
	height: 0;
	padding: 0;
	margin :0;
}

.space_small {
	float: left;
	height: 15px;
	padding: 0;
	margin: 0;
}

.wrapper_relative {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.padding_left { padding-left: 13px; }

/* WIDGETS */
.widget {
	float: left;
	width: 221px;
	height: auto;
	padding: 5px 15px 5px 10px;
	font-family: 'GeoSlb712MdBT-Regular';
}

.widget .widgettitle {
	display: none;
}

.widget ul {
	list-style: none;
	padding: 10px 0 10px 0px;
	margin:0;
}

.widget a, .widget img a, .widget a img {
	border: 0;
}

.widget a img {
	padding: 0 5px 5px 0;
}

#footer {
	float: left;
	padding: 20px 0 20px 0;
	margin: 20px 0 0 10px;
	font-weight: normal;
	font-size: 14px;
	color: #f16335;
}

.footer_border {
	float: left;
	width: calc( 100% - 30px);
	height: 0;
	padding: 20px 0 0 0;
	margin: 20px 0 0 10px;
	border-top: 1px solid #f16335;
}

.social_icons {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}

.social_icons a:link img, .social_icons a:visited img {
	float: left;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 0 8px 0 0;
}

.social_icons a:hover img, .social_icons a:active img {
	opacity: 0.8;
}

/* align images  */
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0 0 0 8px;
	margin: 0;
}

img.alignleft {
	padding: 0;
	margin: 0;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End align Images */

/* START FORMS*/
.with_frm_style label {
	font-size: 12px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 25px 0 0;
	width: 199px;
	font-weight: normal;
}

.frm_required {  }

.with_frm_style label.frm_primary_label {
	float: left;
	font-weight: normal;
	padding: 3px 8px 3px 0;
	float: left;
	width: 191px;
}

/* for every new form field - general rules */
.form-field {
	float: left;
	padding: 5px 0 2px 0;
	margin: 0;
}

.frm_description {
	float: left;
	font-size: 11px;
	color: #787878;
	padding: 5px 0 5px 0;
	margin: 0;
}

.frm_form_fields {
	float: left;
	padding: 0;
	margin: 0;
}

/* general input fields */
.with_frm_style .frm_form_fields input, .with_frm_style .frm_form_fields textarea, .text, input .auto_width  {
	float: right;
	border: 1px solid #f16335;
	padding: 3px 2px 3px 2px;
	margin: 0;
}

/* radio buttons */
.frm_radio { float: right; padding: 2px 0 2px 0; margin: 0; width: 274px;}
.frm_radio .radio, .frm_form_fields .frm_radio input, .frm_radio input[type=radio] { float: left !important; width: 15px !important; border: 0; padding: 0 5px 0 0 !important; }
.frm_radio label {font-weight: normal; float: left; padding: 0 0 0 10px; text-indent: 15px;}

/* checkboxes */
.frm_checkbox { float: right; width: 270px; padding: 2px 4px 3px 0; }
.frm_form_fields .frm_checkbox input { float: left; width: 20px; padding: 0; border: 0;}

/* primary labels */
.with_frm_style .frm_none_container label.frm_primary_label{display:none;}
.with_frm_style .frm_hidden_container label.frm_primary_label{display:hidden;}

.with_frm_style .frm_error { color:#be2e17; }
.with_frm_style .frm_blank_field input, .with_frm_style .frm_blank_field textarea, .with_frm_style .frm_blank_field select, .with_frm_style .frm_blank_field #recaptcha_area { border: 1px solid #f16335;}
.with_frm_style fieldset { border:none; margin:0; padding:0;}

/* select input */
#wpcontent .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields select {
	float: left;
	width: 275px;
	border: 1px solid #f16335;
	padding: 2px 0 2px 0;
	margin: 0;
}

/* error messages etc. */
.frm_error_style, .frm_message, .with_frm_style .frm_message, .with_frm_style .frm_error {
	font-family: 'GeoSlb712MdBT-Regular';
	margin: 15px 0 20px 0 !important;
	padding: 20px !important;
	color: #fff !important;
	font-size: 16px;
	background: #f16335 !important;
	border-radius: 5px;
	font-weight: normal;
}


.with_frm_style p.description, .with_frm_style div.description { float: right; margin: 0; padding: 0; font-size:11px; font-weight: normal; text-align: right; font-style: normal; }
.with_frm_style .textarea { resize: vertical; }

/* submit button */
.with_frm_style p.submit input, button.frm_button_submit, input[type=submit] {
	float: right;
	height: 31px;
	width: 87px;
	background-color: transparent;
	background-image: url(images/btn_verstuur.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	padding: 4px 10px 4px 10px;
	margin: 10px 0 0 0;
	font-family:'GeoSlb712MdBT-Regular';
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

/* hidden field text */
div.frm__652d2e8968415, .frm__652d2e8968415, .frm__652d2e8968415 label { display: none !important; visibility: hidden !important; height:0 !important; width: 0 !important; }

input[type=button], button {
	float: left;
	min-height: 31px;
	width: auto;
	background-color: #f16335;
	border: 0;
	border-radius: 4px;
	color: #fff;
	padding: 4px 10px 4px 10px;
	margin: 10px 10px 0 0;
	font-family:'GeoSlb712MdBT-Regular';
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}

input[type=button]:hover, button:hover,
input[type=button]:active, button:active   {
	background-color: #fc8167;
}

/* comments */
#commentform {
	float: right;
	padding: 0 20px 0 0;
	margin: 0;
}

#commentform label {
	float: left;
	width: 100%;
	padding: 0 0 2px 0;
	margin: 0;
}

#commentform input, #commentform textarea {
	padding: 5px;
	font-size: 14px;
	border: 1px solid #e3e3e3 !important;
}

#commentform textarea { width: 65%; }

#commentform .submit {
	float: left;
}

#commentform ul {
	float: left;
	list-style: none;
	width: 100%;
	padding: 20px 0 20px 0;
	margin: 0;
}

#commentform li {
	padding: 0 0 10px 0;
}

/* END OF FORMS */


/* meer info veld*/
#shName {
	position: absolute;
	left: 0;
	width: 675px;
	margin: 0;
	padding: 0;
	color: #f16335;
	border: 0;
	font-size: 12px;
	font-weight: bold;
}

div#shCount {
	float: left;
	padding: 8px 8px 8px 20px;
	color: #f16335;
	font-family: 'Arimo', sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.printfriendly {
	float: left;
	width: 475px;
	text-align: right;
	padding: 10px;
	margin: 0;
}

/* dynamic button */
a.button:link, a.button:visited {
	float: left;
	background: #f16335;
	color: #fff;
	padding: 4px 10px 4px 10px;
	margin: 0;
	font-family:'GeoSlb712MdBT-Regular';
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
}

a.button:hover, a.button:active {
	background: #fc8167;
}

/* added 18-12-2014 */
#banner_stamp_homepage {
	position: absolute;
	top: 20px;
	right: 50px;
	width: 134px;
	height: 126px;
	background: url(images/since2000whiteright.png) no-repeat;
	z-index: 99;
	padding: 0;
	margin: 0;
}

#banner_stamp_homepage a {
	float: left;
	width: 134px;
	height: 126px;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}

#banner_stamp {
	position: absolute;
	top: 20px;
	right: 50px;
	width: 90px;
	height: 85px;
	background-image: url(images/since2000whiteright.png);
	background-repeat: no-repeat;
	background-size: 90px 85px;
	z-index: 99;
	padding: 0;
	margin: 0;
}

#banner_stamp a {
	float: left;
	width: 90px;
	height: 85px;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}

/* featured image homepage */
.featured_image_homepage {
	float: right;
	padding: 0 8px 0 0;
	margin: 18px 0 4px 0;
	border: 0;
	width: 468px;
	height: 210px;
	border-radius: 10px;
	overflow: hidden;
}

.featured_image_homepage img {
	position: relative;
	border-radius: 10px;
	width: 468px;
	max-height: 210px;
	height: auto;
}

/* pop-up layer overlay and forms */
.overlay_window_wrap, .overlay_window_wrap2 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: url(images/bg_overlay_transparent.png);
	display: none;
}

.overlay_window_wrap.open, .overlay_window_wrap2.open { display: block; }

.overlay_window, .overlay_window2 {
	position: absolute;
	top: 10%;
	z-index: 10;
	width: 280px;
	min-height: 100px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	margin: 0 0 0 -160px;
	left: 50%;
}

.overlay_window_scroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 1;
	overflow: auto;
}

.overlay_window_close, .overlay_window_close2  {
	float: right;
	width: 20px;
	height: 20px;
	background-image: url(images/trigger-close.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: pointer;
	padding: 0;
	margin: -5px 0 0 0;
}

.overlay_window_close:hover, .overlay_window_close2:hover   {
	opacity: 0.5;
}

.overlay_window .form-field, .overlay_window .frm_form_fields  {  width: 275px !important; }
.frm_hidden { display: none; visibility: hidden; }
.overlay_window .with_frm_style .frm_message,
.overlay_window .with_frm_style .frm_error,
.overlay_window .frm_error_style {
	margin: 25px 0 0 0 !important;
}

.overlay_window .with_frm_style label {
	width: 100px !important;
}

.overlay_window .with_frm_style label.frm_primary_label {
	width: 100px;
}
