/*
	Theme Name: Or-Quest
	Theme URI: http://www.orquest.nl/
	Description: orquest
	Version: 1.0
	Author: miedemedia
	Author URI: http://www.miedemedia.nl/
*/
/*----Global Reset Courtesy of Eric Meyer----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
a { outline: none; } 
:-moz-any-link:focus { outline: none; }
.hide {display:none;}

/* Fonts Size 
-----------------------------------------------*/
h1 {font-size: 24px;font-weight: normal; margin-bottom: 36px;}
h2 {font-size: 12px;font-weight: bold;margin-bottom: 18px;}
p {margin-bottom: 18px;line-height: 18px;}
.widget h1 {font-size: 18px; margin-bottom: 18px;} 

/* Font Colour 
-----------------------------------------------*/
a:hover {text-decoration: underline;}
a, p, form, li {color:#666;}
h1 {color:#222222;}
h2, h3, h4, h5, h6 {color:#222222;}
h1 a { color: #2175d9; text-decoration: none; }
h1 a:hover { color: #2175d9; text-decoration: underline; }

h2.divide { border-bottom: 1px solid #CCC; margin-bottom: 40px; padding-bottom: 10px; }
p strong { color:#222222; }
a { 
	text-decoration: none;
        color:#2175d9; 
	}

.widget ul li a {
	background: url(images/arrow.png) no-repeat top left; 
	padding-left: 10px;
	}

a.mail { background: none; padding-left: 0; }
a.more { float: right; margin-top: 10px;} 
/* Widgets */

#sidebar img { 
	float: left; margin-bottom: 25px;
	}

.widget {
	width: 220px;
	float: left;
	}

	.widget > span.cap {
		display: block;
		height: 34px; width: 220px;
		background: url(images/widget-cap2.jpg) no-repeat top left;
		line-height: 34px; 
		}
		
		.widget > span.cap h1, .widget > span.cap h1 a { 
			margin-left: 20px;	
			font-size: 14px;
			color: #585858;
			}
		.widget > span.cap h1 a { margin: 0; }
		
	.widget > div {
		width: 178px; padding: 15px 20px;
		border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;
		}
	
	.widget > span.foot {
		display: block;
		height: 11px; width: 220px;
		background: url(images/widget-foot2.jpg) no-repeat top left;
		}

.widget ul { list-style: none; }

.widget div.recent { height: 95px; }
#home-content .widget { float: left; margin-right: 19px; }

#home-content .widget > div { height: 75px; }


#diensten ul li.current_page_item a, #diensten ul li a:hover {
	color: #2175d9;
	}

#johan {background: url(images/johan.png) no-repeat top right;}
#jelmer {background: url(images/jelmer.png) no-repeat top right;}

/* Lists */

.widget > div > ul {
	list-style: none;
	}

/* Main Layout
-----------------------------------------------*/

html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }

body {
	margin: 0px; padding: 0px;
	color: #666;
	font-family: Helvetica, sans-serif;
	font-size:12px;line-height: 18px;
}

#wrap {
	position:relative;
	width: 940px;
	margin: 0px auto 0px auto; padding: 0 10px;
}


.breadcrumb
{
	padding-left: 10px;
	margin: -15px 0 15px;
}

/* Main Body Content Area 
-----------------------------------------------------------*/

#main {
	float:left;
	width:940px; padding-bottom: 25px;
}

#content {
	float: left;
	margin-right: 20px;
	}
	
	#content > div {
		width: 670px; padding: 20px 20px 20px 10px;
		/* border-left: 1px solid #CCC; border-right: 1px solid #CCC; */
		}
		
	#content > div img {
		float: left; margin: 5px 20px 20px 0;
		}

#content ul {
	margin-left: 20px;
	}

#content .gform_wrapper ul {
	margin-left: 0px;
	}

#home-content {
	float: left;
	width:698px;
	padding-top: 0px;
	margin-right: 20px;
}


div#project {
	width: 680px; height: 150px;
	margin-bottom: 20px;
	}

div#project div#thumbnail {float: left;width: 200px; margin-right: 20px;}
div#project div#excerpt {float: left;width: 460px;}

div.column-sect {
    clear: both;
    width: 400px;
    display: inline-block;
    overflow: auto;
    }

div.post-column {
    display: inline;
    float: left;
    margin-right: 0px;
    text-align: justify;
    width: 45%;
    }

/* Header */

#top {
	float: right;
	height: 20px; padding-top: 20px;
	margin-bottom: 25px;
	background-color: #FFF;
	}
	
#top ul { float: right; margin-right: 20px; }
#top ul li { display: inline; padding-right: 10px; 
	}
#top ul li a {font-size: 12px;}

#logo a {
	float: left;
	height: 64px;
	width: 296px;
	display: block;
	background: url(images/logo.png) no-repeat;
	margin-bottom: 25px; margin-left: 10px;
	text-indent: -9999px;
	margin-top: 25px;
	}

/* Navigation Level 1 */

#navigation {
	clear: left;
	height: 42px; width: 940px; padding-top: 10px; padding-left: 10px;
	background: url(images/navigation.png) no-repeat;
	margin-bottom: 25px;
	}

#navigation ul {
	list-style: none;
	}

#navigation > ul > li {
	z-index: 99;
	display: block; float: left;
	position: relative;
	
	}

#navigation > ul > li > a.home { 
	width: 38px; text-indent: -9999px;padding-left: 0px;
	background: url(images/home.png) no-repeat;
	}

#navigation > ul > li > a {
	font-size: 13px; color: #FFF; text-decoration: none;
	display: block; float: left;
	padding-left: 10px; margin-right: 3px;
	width: 150px; line-height: 32px;
	background: url(images/navigation-buttons.png) no-repeat;
	}

#navigation > ul > li > a:hover {
	background-position: 0 -50px;
	}

#navigation > ul > li.current > a {
	background-position: 0 -100px;
	color: #2175d9;
	}

/* Navigation Level 2 */

#navigation > ul > li > ul {
	z-index: 199;
	display: none;
	padding: 10px; padding-left: 5px;
	position: absolute; top: 32px; left: 0px;
	background: url(images/navigation-back.png) bottom right;
	}

#navigation > ul > li:hover > ul { display: block;}
#navigation > ul > li > ul > li { display: block;  line-height: 26px; }

#navigation > ul > li > ul > li > a {
	font-size: 13px; color: #2175d9; text-decoration: none;
	display: block; width: 175px;
	padding-left: 5px;padding-right: 25px;
	}


#navigation > ul > li > ul > li > a:hover {
	background-color: #649fe4; color: #FFF;
	}

/* Vacatures Area 
-------------------------------------------*/

table#vacatures { width: 100%; margin-bottom: 20px;	}
table#vacatures thead {	color:#000; 	}
table#vacatures thead tr td { border-bottom: 2px solid #dadada; padding: 10px; padding-left: 0;}
table#vacatures tbody tr td { border-bottom: 1px solid #dadada; }
table#vacatures tbody tr:hover { background-color: #f2f2f2; }
table#vacatures tr td {	padding: 7px; padding-left: 0px; }



/* Sidebar Area 
-------------------------------------------*/

#sidebar {
	width: 220px;
	float:right; padding-top: 18px;
	}

#sidebar i { color: #2175d9; }

#sidebar > div {
	clear:left;
	width:220px;
	margin-bottom: 20px;
}

#sidebar input[type=text] {
	width: 170px;
	}

#recent {
	height: 308px;
	}
#featured {
	position: relative;
	width: 700px;
	margin-bottom: 20px;height: 350px;
	}

#featured a {
	display: block;
	height: 57px; width: 460px;
	position: absolute;
	right: 0px; top: 55px;
	background: url(images/organisatie-vraagstukken-a.png);
	text-indent: -9999px;
	}
#featured a:hover {
	background-position: 0px -60px;
	}
/* Forms */

#reageren { margin-top: 50px; }

#reageren h1 {
	font-size: 18px;
	}


/* Footer area
------------------------------------------------------------*/

#footerfix { padding-bottom: 50px;}

#footer { 
	width: 940px;
	position: absolute; left: 50%; margin-left: -470px;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */
#footer div { padding-left: 10px; float: left;color: #a7a7a7; }
#footer ul { float: left; margin-left: 20px; }
#footer ul li { display: inline; color: #a7a7a7; }

#footer ul li a { color: #a7a7a7; }

/* Forms
------------------------------------------------------------*/
div.gform_wrapper ul { list-style: none; }
.gform_wrapper input, .gform_wrapper textarea { border: 1px solid #CCC; }
.gform_wrapper input { height: 20px; }
.gfield_label { font-weight: normal; }
.gform_wrapper input[type=submit], .gform_wrapper input[type=button] {
	height: 25px;
	padding: 5px 10px;
	background: #FFF url(images/buttonbg.png) repeat-x bottom left;
	}
.gform_wrapper input[type=submit]:hover, .gform_wrapper input[type=button]:hover {
	background-color: #f2f2f2;
	cursor: pointer;
	}