/*
Theme Name: Mark_Stienen
Theme URI: http://wordpress.org/
Description:Wordpress theme for Mark_Stienen
Author: Marco van Buren
Version: 1.0
Tags: two-columns, fixed-width, rtl-language-support, editor-style
*/

/* Font Gabo @font-face techniek */
@font-face {
font-family: "Klavika_regular";
src: url("types/Klavika-Regular.woff");
src: local("?"),
url("types/Klavika-Regular.woff") format("woff");}

@font-face {
font-family: "Klavika_light";
src: url("types/Klavika-Light.woff");
src: local("?"),
url("types/Klavika-Light.woff") format("woff");}
	
/* CROSSFADE */
#background_cycler{padding:0;margin:0;width:100%;max-height:400px;position:absolute;top:0;left:0;z-index:-1}
#background_cycler img{position:absolute;left:0;top:0;width:100%;z-index:1}
#background_cycler img.active{z-index:3}


/*  DEFAULT SETTINGS  */
body			{
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	background: url(images/schilders.jpg) bottom center no-repeat;
	background-size: cover;
	background-position: 0px 300px; 
	color: #585858;
	margin: 0;
	padding:0;
	text-align: center;
}
#pagewrapper		{
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
* 			{
	font-family: Klavika_light, sans-serif;
	font-weight: 400;
	font-style: normal;
	/* line-height: 1.5; */
	color: #585858;
}
p {margin-bottom: 2em;}
.bold			{
	font-family: Klavika_regular, sans-serif;
	font-weight: 700;
	font-style: normal;
}

a:link, a:visited 	{ color: #fda101; text-decoration: none;}
a:hover			{color: #fda101; text-decoration: underline;}

.hide			{ display: none; }
.clear 			{clear: both; display: block; height: 0px; overflow: hidden;}

table			{
	margin-top: 0 px;
}
img			{ border: 0; }

li { -webkit-appearance: none;
	font-size: 16px; }

hr			{
	border-top: 1px solid #cba3cb;
	border-bottom: 0px solid #fff;
	height: 1px;
	margin-top:  3px;
	margin-bottom:  3px;
	width: 100%;          
}

h1 {
    font-family: "Klavika_light", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2em;
	margin-bottom: 1em;
	color: #585858;
	}
h2		{
	font-family: Klavika_regular, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.3em; 
	margin: 0 0 0.1em 0; 
	color: #585858;
	}
h3		{
	font-family: Klavika_regular, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 100%; 
	margin: 0 0 0.1em 0; 
	color: #585858;
	}

/* CONTAINER */
#contentwrapper 		{
	margin: 0px auto auto auto;
	text-align: left;
	width: 60%;
	min-width: 500px;
}
/* NAVBAR */
#logobar	{
	background-color: #FFF;
	height: 88px;
	width: 100%;
	max-width: 800px;
	position: relative;
	margin-top: 35px;
	padding-top: 20px;
	}
#navbar	{
	background-color: #30717a;
	margin-top: 15px;
	height: 44px;
	width: 100%;
	max-width: 800px;
	position: relative;
	}
#logo	{
	width: 201px;
	float: left;
	}
#navbar_items	{
	float: left;
	padding-top: 0px;
	padding-left:30px;
	}
#navbar_items * 		{ margin: 0;}
#navbar_items h3		{ display: none; }
#navbar_items ul		{ list-style: none; }
#navbar_items li		{ float: left; white-space: nowrap;	padding-bottom: 10px; list-style-type: none;}
#navbar_items a		{ color: #fff; display: block; padding-left: 0px; margin-right: 40px; padding-top: 10px; text-decoration: none;
font-family: Klavika_regular, sans-serif;
font-weight: 300;
font-style: normal;}
#navbar_items li.current_page_item a	{ 
 	display: block; padding-left: 0px; margin-right: 40px; padding-top: 10px; text-decoration: none;
	color: #fe9002; 
	border-bottom: 1px solid #fe9002;
	padding-bottom: 5px;
	transition: border .2s;
	}
#navbar_items li a:hover	{ color: #fe9002; background-image: url(images/navbar_active_bg.png); background-repeat: repeat-x;}

/* HEADER */
#header * 		{
	margin:0;
	padding: 0px;
	clear: none;
}

#header_sub		{
	width: 900px;
	height: 305px;
}
#header_sub * 		{
	margin:0;
	padding: 0px;
	clear: none;
}

/* CONTENT */
#content		{
	width: 100%;
	max-width: 800px;
}
#content_end		{
	margin: 0px auto auto auto;
	width: 100%;
	clear: both;
}


#content h1, #content h2, #content h3, #content h4
	{
	font-family: Klavika_regular, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #585858;
	}

#openingstitel {
	font-size: 130%;
}

#content h2		{
	margin-bottom: 0px;
	color: #585858;
}

#contentmain		{
	float: left;
	clear: none;
	position: relative;
}
#contentquote		{
	max-width: 800px;
	width: 100%;
}
#contentquotesquare		{
	background-image: url(images/quote_bg.png);
	float: right;
	height: 200px;
	width: 250px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top:150px;
	margin-bottom:10px;
	max-width: 800px;
	font-family: Klavika_light, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;font-size:200%;line-height:1.1em;
}
#contactkader		{
	background-image: url(images/quote_bg.png);
	color: #FFF;
	float: right;
	margin: 40px 0px 0px 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 800px;
	line-height: 150%;
}
div#contactkader p {color: #FFF;}
div#contactkader h1 {color: #FFF;}

#contenttexthome		{
	background-color: #FFF;
	float: left;
	margin: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 150%;
	max-width: 800px;
	margin-left:0px;
	margin-right:0px;
	}
#contenttext		{
	background-color: #FFF;
	margin: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 150%;
}
#contenttext img	{padding: 10px 10px 10px 0px; }
#contenttext img.texttotheright {float: left; padding: 10px 20px 10px 0px; }
.afbeelding_linkslijnend	{float: left; padding: 10px 20px 10px 0; }
#contenttext .afbeelding_geentekstrechts	{float: left; padding: 10px 40px 20px 0; }


/* HOME */


/* SUBPAGINA */
#rechterkolom_subpagina {
	font-size: 60%;
	width: 280px;
	background-color: #000;
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#content_subpagina		{
	width: 1000px;
	float: inherit;
}
#contenttext_subpagina		{
	width: 600px;
	background-color: #000;
	float: left;
	margin: 0px;
	padding-right: 20px;
	padding-left: 55px;
	padding-top: 10px;
	padding-bottom: 30px;
}
.quotepersoon_subpagina {
}
#tips_subpagina {
	background-color: #232323;
	font-size: 150%;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 80px;
	margin-bottom: 20px;
}
#quote_subpagina {
	border: 1px solid #363131;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.aanhalingstekens_subpagina {
	margin-bottom: 0px;
	margin-left: -30px;
	margin-top: -15px;
}
.aanhalingstekenssluiten_subpagina {
	float: right;
	margin-bottom: -30px;
	margin-left: 200px;
	margin-top: 0px;
}
#content_subpagina img	{float: left; padding: 10px 20px 10px 0; }

/* FOOTER */
#footerwrapper 		{
	margin: 0px auto auto auto;
	text-align: left;
}
#footer			{
	margin: 0px auto auto auto;
	height:14px;
	width: 100%;
	clear: both;
	background-color: #b52b62;
	margin-bottom: 50px;
}

#footer	a		{color: #969696; text-decoration: none;}
#footer	a:hover		{color: #969696; text-decoration: underline;}
#footer * 		{ margin:0; padding: 0; }

@media (max-width: 1200px) and (min-width: 900px) {
	#background_cycler{padding:0;margin:0;width:130%;position:absolute;top:0;left:0;z-index:-1;}
	#background_cycler img{position:absolute;left:0;top:0;width:100%;z-index:1}
	#background_cycler img.active{z-index:3}
	
		#logobar	{
	background-color: #FFF;
	height: 88px;
	width: 100%;
	max-width: 800px;
	position: relative;
	margin-top: 10px;
	padding-top: 20px;
	}
}

@media (max-width: 1000px) and (min-width: 320px) {
	#background_cycler{padding:0;margin:0;width:100%;position:absolute;top:150px;left:0;z-index:-1;}
	#background_cycler img{position:absolute;left:0;top:0;width:100%;z-index:1;}
	#background_cycler img.active{z-index:3}
	
* 			{
	font-family: Klavika_light, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #585858;
	font-size: 100%;
}
body			{
	font-size: 16px;
	-webkit-text-size-adjust: 250%;
	background: url(images/schilders.jpg) bottom center no-repeat;
	background-size: cover;
	background-position: 0px 300px; 
	color: #585858;
	margin: 0;
	padding:0;
	text-align: center;
}
#contentwrapper 		{
	margin: 0px auto auto auto;
	text-align: left;
	width: 100%;
	min-width: 10px;
}
	#navbar	{
	position: relative;
	background-color: #30717a;
	margin-top: 0px;
	padding-top:0.6em;
	padding-bottom:0.1em;
	width: 100%;
	height:2.5em;
	max-width: 1000px;
	display: inline-block;
	/* overflow:visible; */
	/* padding-bottom:20px; */
	}
	#navbar_items a		{ color: #fff; display: block; padding-left: 0px; margin-right: 40px; padding-top: 10px; text-decoration: none;
	font-family:Klavika_regular, sans-serif; font-weight: 300; font-style: normal; 
	font-size:120%;
	/*line-height:0.5em;*/
}
	#navbar_items li a.on	{ 
	border-bottom: 2px solid #fe9002;
	}
	#content		{
	max-width: 1000px;
	}
	#contenttexthome		{
	max-width: 1000px;
	line-height: 150%;
	margin-left:20px;
	margin-right:20px;
	}
	#contenttext		{
	max-width: 1000px;
	line-height: 150%;
	margin-left:20px;
	margin-right:20px;
	margin-top:50px;
	}

	#contenttext img {max-width:100%; padding: 10px 10px 10px 0px; }

	#contentquotesquare		{
	background-color: #04222a;
	opacity: 0.8;
	float: right;
	height: 250px;
	width: 300px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-top:120px;
	margin-bottom:10px;
	margin-right:20px;
	-webkit-text-size-adjust: 117%;
	font-family: Klavika_regular, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	font-size:200%;
	overflow:auto;
	word-wrap: break-word;
	}
	#contentquote		{
	max-width: 1000px;
	}
	#contactkader		{
	background-image: url(images/quote_bg.png);
	color: #FFF;
	float: right;
	margin: 40px 40px 0px 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 800px;
	line-height: 150%;
}
	#logobar	{
	background-color: #FFF;
	height: 88px;
	width: 100%;
	max-width: 1000px;
	position: relative;
	margin-top: 0px;
	padding-top: 20px;
	}
	/* FOOTER */
	#footerwrapper 		{
	text-align: left;
	margin-left:20px;
	margin-right:20px;
	}
	#footer			{
	height:14px;
	background-color: #b52b62;
	margin-bottom: 50px;

	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
/* iPAD STYLES GO HERE */
#navbar_items a		{ color: #fff; display: block; padding-left: 0px; margin-right: 40px; padding-top: 10px; text-decoration: none;
	font-family: Klavika_regular, sans-serif; font-weight: 300; font-style: normal; font-size:100%;
}
body			{
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	background: url(images/schilders.jpg) bottom center no-repeat;
	background-size: cover;
	background-position: 0px 300px; 
	color: #585858;
	margin: 0;
	padding:0;
	text-align: center;
	}}