/*  
Theme Name: WordPress vanhartepetersen
Theme URI: http://www.vanhartepetersen.nl/
Description: WP-theme for vanhartepetersen
Version: 1.0
Author: Stephan Bakker
Author URI: http://www.stephanbakker.nl/
*/

/*reset browser styles*/
img,ul,li,p,h1,h2,h3,h4{
	padding:0;
	margin:0;
	border:0;
}
img{
	vertical-align:bottom;
}
a{
	color:#022242;
	text-decoration:none;
}
a:hover{
	color:#F23300;
}
/* Begin Typography & Colors */
body {
	font: 62.5%/190% 'Trebuchet MS', Arial, Sans-Serif;
	background: #F9EFEA;
	color: #000;
	margin:0;
	padding:0;
	text-align: center;
	}
#Wrapper{
	padding:0 0 100px 0;
}
#Page {
	position:relative;
	width:780px;
	margin:0 auto;
	text-align:left;
	font-size:1.2em;
	background:url(images/backgrounds/bg_page.gif) repeat-y 100% 0;
	overflow:hidden;
	}
	#Wrapper .vhp_page,
	#Wrapper .vhp_home{
		background:none;
	}

#Branding{
	overflow:hidden;
	height:150px;
	background:#012d46 url(images/backgrounds/bg_janschaeferbrug.jpg) no-repeat 100% 0;
}
	#Branding h1{
		font-size:1.4em;
		float:left;
		width:260px;
		height:150px;
		margin:0;
		overflow:hidden;
	}
	
#Contentmain{
	width:525px;
	float:left;
	margin:0;
	background:#fff;
}
	.vhp_page #Contentmain,
	.vhp_home #Contentmain{
		width:780px;
		background:transparent;
	}
#Contentsub{
	float:right;
	width:205px;
	margin:0;
	padding:20px;
	background:#fff;
}
#Suppl{
	clear:both;
	color:#022242;
	background:#F9EFEA url(images/backgrounds/bg_dots_suppl.gif) repeat-x 50%  15%;
	font-size:0.9em;
	padding:2.2em 0;
	text-align:right;

}
	#Suppl a{
		color:#022242;
		padding:0 4px;
	}
	#Suppl a:hover{
		color:#F23300;
		text-decoration:none;
	}
	#Suppl span.us{
		padding:0 12px 0 0;
	}
/* ------------------- =Navmain ---------------------- */
#Navmain{
	float:left;
	width:781px;
	padding:0;
	margin:0;
	font-size:1.1em;
	background:#e0dbdb;
	position:relative;
	z-index:20;
}
#Navmain ul{
	float:right;
	list-style:none;
}
	#Navmain li{
		float:left;
		position:relative;
		margin:0;
		padding:0;
		background:url(images/backgrounds/bg_navdivider.gif) no-repeat right center;
	}
	#Navmain li a{
		position:relative;
		display:block;
		font-weight:bold;
		text-align:left;
		padding:0.3em  0;
		margin:0 16px;
		color:#022242;
		text-decoration:none;
		outline:0;
	}
	#Navmain li a.nolink{
		cursor:text;
	}
	#Navmain li.current_page_item a,
	#Navmain li.current_page_parent a,
	#Navmain li.current_page_parent a:hover,
	#Navmain li.current_page_item a:hover,
	#Navmain li.current_page_item:hover a{
		color:#F23300;
	}
	#Navmain li.current_page_item li a{
		color:#022242;
	}

	#Navmain li li a{
		background-image:none;
	}
	#Navmain li:hover a,
	#Navmain li.sfhover a,
	#Navmain li a:hover,
	#Navmain li.current_page_item li a:hover,
	#Navmain li:hover li a:hover,
	#Navmain li.sfhover li a:hover{
		color:#F23300;
		text-decoration:none;
	}
	#Navmain li:hover li a:hover,
	#Navmain li.sfhover li a:hover,
	#Navmain li.current_page_parent li.current_page_item a{
		background:#fff;
		color:#F23300;
	}
	/* dropdown menu level 1*/

#Navmain li ul{
	position:absolute;
	padding-top:0.6em;
	z-index:20;
	left:-10000px;
	top:1.5em;
	background:#e0dbdb;
	border-bottom:1px solid #022242;
}
#Navmain li:hover ul,
#Navmain li.sfhover ul{
	left:0;
}
	#Navmain li li{
		display:inline;
		float:none;
		padding:0;
		margin:0;
		background:none;
	}
		#Navmain li li a,
		#Navmain li:hover li a,
		#Navmain li.sfhover li a{
			color:#022242;
			display:block;
			width:auto;
			white-space:nowrap;
			padding:0.2em 16px;
			border-top:0;
			margin:-1px 0 0 0;
			border-right:1px solid #022242;
			background:#e0dbdb;
		}



/* ------------------- =Contentmain ---------------------- */
h2.pagetitle{
	padding:20px 30px 0 30px;
}
.error{
	padding:20px 30px 0 30px;
}
.post{
	padding:20px 30px;
	background:#fff;
}
/* archief */
.archive_entry{
	background:#f2f2f2;
	padding:10px 20px;
}
	.archivepost .archive_entry h3{
		font-size:1em;
		padding:0;
		margin:0;
	}
.archivepost{
	padding:0 10px;
}
.archivepost p.postmetadata{
	padding:0 20px 30px 20px;
	margin:0;
}
.archivepost h3{
	padding:0 20px;
}
span.date{
	padding:0 20px;
	font-size:0.9em;
	color:#999;
}
.post h2,
h2.pagetitle{
	font-size:2em;
	line-height:1.3em;
	color:#F23300;
	margin:10px 0 20px 0;
}
.post h2 a{
	color:#F23300;
}
/* ------------------- =blog ---------------------- */
h3#comments,
h3#respond{
	font-size:1.2em;
	color:#022242;
	background:#fff;
	margin:0 30px;
	padding:20px 0 0 0;
	background:url(images/backgrounds/bg_dot.gif) repeat-x 0 0;
}
h3#respond{
	background-image:none;
}
ol.commentlist{
	margin:0;
	padding:0;
}
	ol.commentlist li{
		list-style:none;
		background:#f2f2f2;
		margin:5px 10px 5px 10px;
		padding:20px;
	}
	ol.commentlist li cite{
		float:left;
		font-style:normal;
		font-size:1.2em;
	}
	ol.commentlist li p{
		clear:both;
		padding:1em 0;
	}
span.commentmetadata{
	float:right;
	font-size:0.9em;
}
span.commentmetadata a{
	color:#999;
}
p.postmetadata{
	margin:1em 0;
	font-style:italic;
	color:#999;
}
p.postmetadata span{
	display:block;
}

form#commentform{
	padding:0 0 30px 0;
}
form#commentform fieldset{
	border:0;
	padding:0;
	margin:0;
}
form#commentform p{
	width:455px;
	padding:0 0 0 30px;
}
form#commentform textarea{
	width:465px;
	margin:1em 0;
	border:1px solid #c8c8c8;
}
form#commentform input{
	float:right;
}
form#commentform input#submit{
	color:#022242;
	font-weight:bold;
	background:#e5e5e5;
	border:1px solid #c8c8c8;
	border-width:1px 2px 2px 1px;
}



/* ------------------- =home ---------------------- */

.vhp_home .post{
	background:none;
	padding:8px 0 0 0;
}
.vhp_home .post li h2,
.vhp_home .post li h2 a{
	color:#F23300;
}
.vhp_home .post li h2{
	clear:both;
	padding:4px 8px;
	margin:0;
}
.vhp_home .post .section1 li h2{
	font-size:2.2em;
	letter-spacing:0.1em;
	text-align:center;
}
.vhp_home .section1 li h2{
	text-align:center;
}
.vhp_home .section1 li.link h2{
	padding:5px 8px 0 8px;
	font-size:1.5em;
}
.vhp_home .section1 li h2 img{
	float:none;
	margin:8px 0;
	text-align:center;
	display:inline;
}


.vhp_home .post li img{
	padding:0;
}
.vhp_home .post ul li{
	overflow:hidden;
	margin:0 0 6px 0;
	background:#fff;
	line-height:1.3em;
	list-style:none;
	border:1px solid #e0dbdb;
	border-width:1px 3px 3px 1px;
}
.vhp_home .post li p,
.vhp_home .post li h3,
.vhp_home .post li h4{
	padding:3px 8px;
	margin:0;
}
.vhp_home .post li p{
	margin:0 0 1em 0;
}
.vhp_home .post .section1 li p{
	padding:3px 12px 0 12px;
}
.vhp_home .post li h2{
	font-size:1.6em;
	font-weight:normal;
}

.vhp_home .section1,
.vhp_home .section2,
.vhp_home .section3{
	float:left;
	margin:0 10px 5px 0;
}

	/* section heights*/
.vhp_home .section1{
	width:312px;
}
.vhp_home .section1 li{
	height:36em;
	margin:0;
	padding:0;
}
	.vhp_home .section1 li.first{
		height:17.6em;
	}
	.vhp_home .section1 li.link{
		height:2.8em;
	}
	.vhp_home .section1[class] li{
		height:auto;
		min-height:36em;
	}
		.vhp_home .section1[class] li.first{
			height:auto;
			min-height:17.6em;
		}
		.vhp_home .section1[class] li.link{
			height:auto;
			min-height:2.8em;
		}
.vhp_home .section2 li{
	height:17.6em;
}
.vhp_home .section2[class] li{
	height:auto;
	min-height:17.6em;
}
.vhp_home .section3 li{
	height:17.6em;
}
.vhp_home .section3[class] li{
	height:auto;
	min-height:17.6em;
}
.vhp_home .section3 li.top{
}

	/* section specific img */
.vhp_home li img{
	padding:6px 6px 0 6px;
}

.vhp_home .section2 li img{
	float:right;
	padding:0 0 2px 6px;
}
.vhp_home .section3 li img{
	float:left;
	padding:0 6px 2px 0;
}
.vhp_home .section1 li img{
	display:block;
	margin:2px auto;
	padding:0;
}

.vhp_home .section3{
	margin-right:0;
}
.vhp_home .section1 li{
	display:inline;
	float:left;
	width:308px;
	overflow:hidden;
	background:#fff;
}
.vhp_home .section1 li.first img{
	float:left;
	display:inline;
	margin:6px 10px;
}
.vhp_home .section2 li{
	width:240px;
	margin-right:0;
}
.vhp_home .section3 li{
	width:200px;
}

.vhp_home li h4{
	padding:6px;
	margin:0;
	font-weight:normal;
	font-style:italic;
	color:#022242;
	font-size:1em;
}
.vhp_home li a.more{
	float:right;
	clear:both;
	font-size:1.2em;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 6px;
	padding:0 20px 0 4px;
	color:#F23300;
	background:url(images/arrows/arrow_right_red.gif) no-repeat 100% 50%;
}
.vhp_home li.link a{
	padding:0 20px 0 5px;
	margin:0;
	float:right;
	background:url(images/arrows/arrow_right_red.gif) no-repeat 100% 50%;
}
.vhp_home .section1 li.first a.more{
	clear:none;
}
	.vhp_home .section a.more:hover{
		color:#F23300;
		text-decoration:none;
	}

/* ------------------- =vhp_page ---------------------- */
.vhp_page .post .entry ul{
	padding:1em 30px;
}
.vhp_page .post h2{
	font-size:2.4em;
	margin:6px 0 12px 0;
}
	.vhp_page .post h2 span{
		font-size:0.7em;
		vertical-align:super;
	}
.vhp_page a.pdf{
	display:block;
	padding:5px 10px;
	margin:10px 0;
	border:1px solid #022242;
}
	.vhp_page a.pdf:hover,
	.vhp_page a.pdf:focus,
	.vhp_page a.pdf:active{
		border-color:#F23300;
	}
.vhp_page .post table td{
	width:320px;
	vertical-align:top;
	padding:0 40px 0 0;
	font-size:1.1em;
	line-height:1.5em;
}
.vhp_page .post table td h3,
.vhp_page .post h3{
	color:#022242;
	font-size:1.1em;
	margin:0 0 0.5em 0;
}
.vhp_page .post table td p,
.vhp_page .post p{
	padding:0;
	margin:0 0 1em 0;
}
#Wrapper .vhp_page .post ul{
	padding:0;
}
#Wrapper .vhp_page .post td ul{
	padding:0;
	margin:1em 0;
}
.vhp_page .post ul li{
	list-style:none;
	padding-left:15px;
	margin:0;
	background:url(images/backgrounds/list_bullet.gif) no-repeat 0 0.5em;
}
.vhp_page .post table td img{
	float:left;
	padding:4px 12px 2px 0;
	margin:0;
}
.vhp_page .post table td img.separate{
	float:none;
	display:block;
	margin:0 0 10px 0;
}
/* vacatures */

.vhp_page .vacatures table{
	background:#f2f2f2;
	margin:0 0 20px 0;
	border-bottom:10px solid #f2f2f2;
}
.vhp_page .vacatures table td{
	width:auto;
	padding:10px 12px 0 12px;
}
	.vhp_page .vacatures table th strong{
		color:#022242;
	}
.vhp_page .vacatures table th{
	font-size:1.1em;
	width:90px;
	text-align:right;
	padding:10px 12px 0 12px;
	vertical-align:top;
}
.vhp_page table#Vacatures{
	width:100%;
}
.vhp_page .post table#Vacatures td{
	width:auto;
	padding:5px;
	vertical-align:top;
	background:url(images/backgrounds/bg_dot.gif) repeat-x top
}
.vhp_page .post table#Vacatures td img{
	margin:0;
}
.vhp_page table#Vacatures th{
	padding:5px;
}
.vhp_page table#Vacatures th.logo{
	width:30px;
}
.vhp_page #Vacaturestable #Vacatures th.description{
	width:300px;
}

/* ------------------- =Contentsub ---------------------- */
#Contentsub ul{
	list-style:none;
}
	#Contentsub a{
		color:#F23300;
		text-decoration:none;
	}
	#Contentsub ul ul{
		padding:0.8em 0 2em 0;
		background:url(images/backgrounds/bg_dot.gif) repeat-x 0 0;
	}
	#Contentsub ul ul ul{
		background-image:none;
	}

#Contentsub h3{
	font-size:1.1em;
	color:#0076A3;
	margin:10px 0 0.5em 0;
	padding:0 0 0 20px;
	background:url(images/arrows/pijlblauw2.gif) no-repeat 0 50%;
}

/* ------------------- =searchform ---------------------- */
#Contentmain #searchform{
	padding:0 30px 20px 30px;
	margin:0;
}
#searchform fieldset{
	border:0;
	padding:1em 0 0 0;
	margin:0;
	background:url(images/backgrounds/bg_dot.gif) repeat-x 0 0;
}
#searchform input#s{
	float:left;
	border:1px solid #787878;
	color:#05325c;
	width:125px;
	margin:0;
	
}
#searchform input#searchsubmit{
	float:right;
	color:#022242;
	font-weight:bold;
	background:#e5e5e5;
	border:1px solid #c8c8c8;
	border-width:1px 2px 2px 1px;
	cursor:pointer;
}
.searchresults{
	padding:20px 0;
}
.searchresults h2{
	font-size:1.4em;
	padding:0 0 20px 30px;
}
.searchresults h2.pagetitle{
	margin:0;
}
.searchresults .post{
	padding:0 30px 20px 30px;
}
#Wrapper fieldset input#searchsubmit{
	float:none;
	margin:0 0 0 12px;
	display:inline;
}








code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */






.postmetadata {
	clear: left;
}


/* End Structure */





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
.navigation{
	padding:10px 30px 0 30px;
}
	.navigation a{
		color:#999;
	}
	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


/* End Images */











/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */
/* taalswitch */
/* qTranslator */
#Navmain .qtrans_language_chooser{
	float:left;
}
.qtrans_widget_end{
	display:none;
}
#Navmain .qtrans_language_chooser li{
	display:inline;
	background:none;
}
#Navmain .qtrans_language_chooser a{
	margin:5px 3px 0 3px;
	padding:0;
	display:block;
	width:18px;
	height:12px;
	border:2px solid #E0DBDB;
}
#Navmain .qtrans_language_chooser li.active a{
	border-color:#fff;
}
.qtrans_language_chooser span{
	display:none;
}
}