/*
Theme Name: Ronald van Meeteren
Author: i-Aspect B.V.
Author URI: http://i-aspect.com/
Description: Custom Wordpress theme voor Ronald van Meeteren (c) i-Aspect B.V.
Version: 1.0
*/

/* HTML5 Reset
 ************************************************/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} article, aside, figure, footer, hgroup, nav, section {display: block;} img, object, embed {max-width: 100%;} html {overflow-y: scroll;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;  text-decoration: none; outline: none;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;} input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,label, input[type=button],input[type=submit],button {cursor: pointer;} button, input, select, textarea {margin: 0;} button {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;} .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;} input{outline:none;} label, input[type="radio"], input[type="checkbox"] {cursor: pointer; outline:none;}

/* Main */
body {
	line-height:1;
	background:url(images/background-grass.jpg);
	font-family:'Arimo', sans-serif;
	height:100%;
}
h1 {
	color:#C1BF0A;
	font-size:24px;
	font-weight:bold;
}

h3 {
	color:#C1BF0A;
	font-size:18px;
}
a, b { color:#C1BF0A;}
.clear{clear:both;}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}
.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} 

/* Header */
header {
	background-color:#FFF;
	height:70px;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	transition:top 0.2s ease-in-out; 
}
#header-content {
	max-width:1152px;
	margin:0 auto;
	width:100%;
}
.nav-up { top:-70px;}
#wrapper{margin-top: 70px;}

/* menu */
#logo {
	display:block;
	padding-top:4px;
	width:343px;
	font-weight:bold;
	font-size:20px; 
	float:left;

}
.menu-tag {
	float:right;
	margin:12px 32px 0 0;
	color: #A0218C;
	z-index: 999999;
	position: relative;
}
#menu-trigger {
	display: block;
	padding: 0;
	z-index: 999998;
	cursor: pointer;
	float: right;
	position: relative;
	right: 23px;
	top: 16px;
	border: 2px solid #A0218C;
	border-radius: 20px;
	height: 35px;
	width: 35px;
	background: #A0218C;
}
#menu-trigger i {
	background: url("images/burger.png") no-repeat scroll center center;
	display: block;
	height: 12px;
	width: 19px;
	margin-top: 11px;
	margin-left: 8px;
}
#menu-closing {
	display: none;
	padding: 0;
	float: right;
	position: relative;
	border: 2px solid #A0218C;
	border-radius: 20px;
	height: 35px;
	width: 35px;
	z-index: 999999;
	cursor: pointer;
	right: 23px;
	top: 16px;
	background: #A0218C;
}
#menu-closing i {
	background: url("images/burger-close.png") no-repeat scroll center center;
	display: block;
	height: 12px;
	width: 19px;
	margin-top: 12px;
	margin-left: 8px;
}
#menu {
	display: none;
	position: fixed;
	z-index: 9999;
	background: rgba(0,0,0,.95);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.menu {
	max-width: 266px;
	width: 100%;
	margin: 100px auto;
}

.menu li.current_page_item a {
	border: 3px solid #A0218C;
	color: #FFF;
}

.menu a:hover, .menu li.current_page_item a:hover, .menu a:focus, .menu li.current_page_item a:focus {
	border: 3px solid #CBCA12;
	color: #FFF;
	background: #CBCA12;
	text-decoration: none;
}

.menu a {
	color: #FFF;
	text-transform: uppercase;
	border: 3px solid #CBCA12;
	padding: 10px 15px;
	text-align: center;
	border-radius: 20px;
	margin: 15px 0;
	display: block;
}

/* Content */
.entry-title, .post-edit-link, .entry-meta {display: none;}
#container {
	max-width: 1152px;
	margin: 54px auto 0 auto;
	background-color: #FFF;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	box-shadow: 0 -5px 45px rgba(0,0,0,.75);
	width: 100%;
}
#content {
	padding: 70px;
	line-height: 1.8em;
	font-size: 16px;
}
.breadcrumb {
	background: #C1BF0A; 
	color: #FFF;
	padding: 10px;
}
.breadcrumb a {
	color: #FFF;
}
.left_block_home {
	display: inline-block;
	width: 742px;
}
.right_block_home {
	display: inline-block;
	vertical-align: top;
	margin-left: 100px;
}
#content-blocks {
	height: 868px;
	position: relative;
	margin: 100px -70px -70px -70px;
}
#block {
	width: 50%;
	height: 434px;
	float: left;
	background-color: #000;
	position: relative;
	text-align: center;
}

#block img { opacity: 0.5;}

#block a.block-btn {
	padding: 30px 30px;
	bottom: 275px;
	display: block;
	max-width: 200px;
	margin: 0 auto;
	line-height: 175%;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 2px;
}

#block a span.block-btn-more {
	text-transform: none;
	font-size: 14px;
}

#block a span.block-btn-more:hover {
	text-decoration: underline;
}

#block a span.block-btn-title:hover {
	text-decoration: none;
}

#block a {
	position: relative;
	z-index: 1;
	bottom: 68px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#lestijden { margin-bottom: 25px;}

.dagen, .uren  {
	display: inline-block;
	width: 150px;
}
.step {
  display: block;
  width: 100%;
  overflow: hidden;
  height: auto;
  margin-bottom: 20px;
}


/* Footer */
footer { color: #888; font-size:14px;}
footer p {margin:0;}
footer a {color:#FFF; font-weight: bold;}
footer a:hover {border-bottom: solid 1px #C1BF0A;}
#footer-content {
	max-width: 1152px;
	margin: 0 auto 70px auto;
	padding: 60px 0;
	width: 100%;
	background-color: #151515;
	border-radius: 0px 0px 12px 12px;
}
#copyright {
	text-align: right;
	padding-right:70px;
}

/* Slider */
.tp-caption  {
	 background-color: rgba(0, 0, 0, 0.6)!important;
	 letter-spacing: normal!important;
	 padding: 50px 0px 50px 45px!important;
	 border-radius: 3px!important;
	 width: 800px;
}

.tp-caption h1 {
	color: #FFF;
}
.tp-caption p   {
	font-size: 16px;
	font-weight: normal;
	white-space: normal;
	color: #FFF;
}

.tp-caption a {
	color: #FFF!important;
	font-size: 16px!important;
}

.tp-caption a:hover {
	color: #FFF;
	font-size: 16px;
	text-decoration: underline;
}
/*.tp-caption.big_white.fade.start {
	left: 66px!important;
	top: 66px!important;
	width: 650px
} */

#rev_slider_1_1{ width: 100%!important;}


/* Contact */
input {
	outline: none;
	width: 300px;
	height: 30px;
}

textarea {
	width: 300px;
	resize: none;
	border: 1px solid #CCC;
}

input[type=submit], button {
	width: 306px;
	margin-right: 12px;
	border: none;
	background: #C1BF0A;
	color: white;
	float: right;
	margin-bottom: 50px;
	border-radius: 0;
	-webkit-appearance: none;
}

#contact { width: 500px;}

.word{
	display: inline-block;
	margin-bottom: 15px;
	width: 100px;
}

.dubbelpoint { display: inline-block;}

.field {
	display: inline-block;
	float: right;
}

.enter { height: 0em;}

.field span { margin-left: 6px;}

/* End § */

/* 9 Stappenplan  */

#roadmap b {
	font-size: 18px;
}
.step-image {
	max-width: 800px;
	width: 100%;
	position: relative;
	margin: auto;
}

.step-image p {
	position: absolute;
	color: #FFF;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
    margin: 0; 
    top: 43%;
	left: 10px;
}

.leftside {
	display: inline-block;
	width: 355px;
	vertical-align: top;
	margin-left: 20px;
}

.leftside ul { list-style-type: disc;}

.rightside {
	display: inline-block;
	width: 355px;
	margin-left: 20px;
}

.starterpack {
	margin-top: 40px;
}

.rightside ul { list-style-type: disc;}

.starterpack ul {
	list-style-type: disc;
	margin-left: 20px;
}

.leftside b {
	margin-left: -20px;
}

.rightside b {
	margin-left: -20px;
}
/* End 9 Stappenplan */

/* Responsive Design */

@media (min-width: 0px) and (max-width: 1155px) { 
	
	body {
		background: #FFF;
	}
	#content {
		padding: 40px 70px;
	}
	#content-blocks {
		margin-right: -70px; 
		margin-left: -70px;
		margin-bottom: -70px;
		height: auto;
	}	
	#block a.block-btn {
		bottom: 500px;
	}	
	#block {
		width: 100%;
		float: none;
		height: 100%;
		max-height: 275px;
		overflow: hidden;
	}	
	#block img {
		display: block;
		min-height: 100%;
		width: 100%;
	}	
	#footer-content {
		margin: 0 auto;
		border-radius: 0px;
	}	
	.left_block_home {
		display: block;
		width: 100%;
	}	
	.right_block_home {
		display: block;
		margin-left: 0px;
	}
	#logo {
		margin-left: 20px;
	}	
	#contact .field input {
		border: 1px solid #CCC;
		-webkit-appearance: none;
	}	
	#contact .field textarea {
		-webkit-appearance: none;
		width: 312px;
	}	
	input[type=submit], button {
		width: 317px;
	}	
	.tp-caption {
		width: 590px;
	}
	
	.tp-caption p {
		font-size: 24px;
	}
	
	.tp-caption a {
		color: #FFF!important;
	}	
	
}

@media (min-width: 0px) and (max-width: 600px) {

	body {
		background: #FFF;
	} 
	#content {
		padding: 25px!important;
	}
	div.wpcf7 {
		width: 100%;
		background: #000;
	}	
	#content {
		padding-left: 45px;
		padding-right: 45px;
	}	
	#footer-content {	
		margin: 0px auto 0px auto;
		border-radius: 0px;
	}	
	#copyright {
		padding-right: 10px;
	}	
	#logo {
		width: 205px;
		margin-left: 5px;
	}	
	#menu-trigger {
		right: 10px;
	}	
	#menu-closing {
		right: 10px;
	}	
	.menu-tag {
		/* margin: 10px 15px 0 0; */
		display: none;
	}
	.tp-caption {
		left: 0px!important;
		top: 5px!important;
		padding: 5px!important;
		border-radius: 0px!important;
		right: 0px;
		bottom: 0px;
		max-width: 560px!important;
	}	
	
	.tp-caption p {
		font-size: 18px!important;
		line-height: 125%!important;
		white-space: normal;
	}	
	.tp-caption a {
		font-size: 18px!important;
		line-height: 125%!important;
		white-space: normal;
	}	
	
	.tp-caption h1 {
		font-size: 26px!important;
		padding-top: 80px;
	}
	#content-blocks {
		height: auto;
		margin-right: -25px;
		margin-left: -25px;
		margin-bottom: -70px;
		max-width: 600px;
	}
	#block {
		width: 100%;
		height: auto;
		float: none;
		
	}	
	input {
		width: 300px;
		border-radius: 0;
		-webkit-appearance: none;
	}	
	textarea {
		width: 300px;
		resize: none;
		border: 1px solid #CCC;
	}	
	input[type=submit], button {
		width: 306px;
		margin-right: 6px;
		border-radius: 0;
		-webkit-appearance: none;
	}	
	#contact {
		width: 500px;
	}
	
	#block a.block-btn {
		bottom: 345px;
	}
}

@media (min-width: 1px) and (max-width: 320px) {
	
	#container {
		margin: 70px auto 0 auto;
	}
	#content {
		padding: 25px;
	}
	
	#logo {
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.dagen {
		display: inline-block;
		width: 120px;
	}
	.uren {
		display: inline-block;
		width: 145px;
	}	
	input {
		border-radius: 0;
		-webkit-appearance: none;
		margin-bottom: 20px;
		border: 1px solid #CCC;
		max-width: 235px;
		width: 100%;
	}	
	input:focus {
		border: 1px solid #C1BF0A;
	}	
	textarea {
		max-width: 245px;
		width: 100%;
		resize: none;
		border-radius: none;
		-webkit-appearance: none;
		border: 1px solid #CCC;
		border-radius: 0px;
	}	
	textarea:focus {
		border: 1px solid #C1BF0A;
	}	
	input[type=submit], button {
		width: 100%;
		border-radius: 0px;
		-webkit-appearance: none;
		float: none;
		margin: 0px;
		max-width: 250px;
	}	
	#contact {
		width: 270px;
	}	
	.word {
		width: 100%;
	}	
	.field {
		float: none;
		display: block;
	}	
	#content-blocks {
		max-width: 320px;
	}

	.step-image p {
		font-size: 20px;
		top: 30%;
	}	
	.leftside {
		display: inline-block;
		width: 250px;
		vertical-align: top;
	}	
	.rightside {
		display: inline-block;
		width: 250px;		
	}	
	.starterpack {
		margin-top: 20px;
	}	
	#block {
		max-height: 275px;
	}	
	#block a.block-btn {
		bottom: 195px;
		left: 0;
	}
	#content-blocks {
		margin-top: 0px;
		margin-right: -25px;
	}
	.tp-caption {
		max-width: 320px!important;
		top: 0px!important;
	}
	.tp-caption p {
		font-size: 12px!important;
		line-height: 125%!important;
		white-space: normal;
		padding: 20px 0px;
	}	
	
	.tp-caption h1 {
		font-size: 20px!important;
		padding-top: 80px;
		padding-bottom: 20px;
	}
	.tp-caption a {
		font-size: 12px!important;
		padding-top: 40px!important;
		text-decoration: underline;
	}
}

/* Slider: 	<?php putRevSlider("Slider1") ?> */