/*-----------------------------------------------------------------------------
	Blueprint, Wordpress and Konstruktief
	By: Job Pereboom (konstruktief.nl)
-----------------------------------------------------------------------------*/

body {
	margin-bottom: 0;
	margin-top: 0;
	background: url('../images/PS_illustratie_003.jpg') left top repeat;
	background-attachment: fixed;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Blueprint width setting */


.container {
	margin: auto;
	margin-bottom: 0;
	margin-top: 0;
	background: transparent;
}
#holder { 
    z-index:1; 
} 
#main { 
    z-index:2; 
    float: left;
    display: block;
} 

blockquote {
	font-style: normal;
	padding: 0 0 0 0;
	color: #666;
	background: url('../images/quote.png') .5em top no-repeat;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #EC1552;
}

small {
	font-size: .9em;
	color: #494949;
}

small a {color: #494949;}
small a:hover {color: #fff;}

blockquote p {
	padding: 0 20px 0 30px;
}



/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header { 
    z-index:3; 
} 

#headerlogo {
	position: absolute;
	top: 0px;
	left:-30px;
	border: none;
	margin-top: 0px
}



#header img, #header img a, #headerlogo img, #headerlogo img a {
	border: none;
	padding: 0;
	margin: 0;
}

#header small {font-size: 10px;}
#header small a {color: #ccc;}
#header small a:hover {color: #fff;}

#header h6 {
	margin-top:0px; margin-bottom:0px;
	padding-top:0px; padding-bottom:0px;
}

#header .content ul {
	border-bottom: none;

}

#header .content ul li {
	border-bottom: none;

}

.metafix{
margin-left:-20px;
}

.searchfix {margin-top:6px; margin-left:80px; display:inline;}

div#header div#search form#searchform .button{
	position: absolute;
	top: 28px;
	left: 910px;
	background: url('../images/icons/mag.gif') no-repeat;
	height: 24px;
	width: 24px;
	border: 0;
	cursor: pointer;
	filter:alpha(opacity=10);
opacity: 0.1;
-moz-opacity:0.1;
}


div#header div#search form#searchform .searchinput{
	padding:6px;
	border: none;
	color: #6B6B6B;
	font-style: italic;
	font-size: 11px;
	background:	url('../images/css/stripe_darkgrey_dark_gradient_thin.png');
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 

	float:right;
	display: inline;
}


/** Live Search CSS **/
ul.search_results
{
display: block;
background:	url('../images/css/trans_bg.png');
width:300px;
max-height: 600px;
position:absolute;
top:20px;
left:0px;
overflow:auto;	

list-style-type: none;
list-style-image: none;
list-style-position: inside;

padding: 0px;
margin: 0px;

	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 
-moz-box-shadow: 5px 5px 3px #222;
-webkit-box-shadow: 5px 5px 3px #222;
box-shadow: 5px 5px 3px #222;
}

ul.search_results li
{
display: block;
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #101010;
border-bottom: 1px solid #101010;
text-align: left;	

color: #fff;
text-decoration: none;

}

ul.search_results li:hover
{
background-color: #101010;	
}

ul.search_results li a, ul.search_results li a:visited
{
display: block;
color: #fff;
margin-left: 0px;
padding-left: 0px;
text-decoration: none;
font-weight: bold;
}

ul.search_results p#daves-wordpress-live-search_author
{
margin: 0px;
font-size: 90%;
font-weight: bold;
}

ul.search_results p#daves-wordpress-live-search_date
{
margin: 0px;
font-size: 90%;
}

/* BEGIN post thumbnails */
ul.search_results li.post_with_thumb a {
width:150px;
float:left;
margin-bottom: 5px;
}

ul.search_results li.post_with_thumb img.post_thumb
{
float: left;
margin: 3px 10px 10px 0px;
height: 48px;
width: 48px;
border: 1px solid #888;
}
/* END post thumbnails */

/* BEGIN post excerpt */
ul.search_results .excerpt, ul.search_results .meta
{
font-size: 75%;
width: 100%;
}
/* END post excerpt */

ul.search_results .clearfix
{
float: none !important;
clear: both !important;
}


/*-----------------------------------------------------------------------------
	Buttons
-----------------------------------------------------------------------------*/

a.button {
	float: left;
}

a.button, button {
	font-weight: normal;
}

/*-----------------------------------------------------------------------------
	Images
-----------------------------------------------------------------------------*/

img {
	margin: 0;
	display: inline;
	border: 4px solid #262626;
			-moz-border-radius: .25em; 
	-webkit-border-radius: .25em; 
}

p img {
	float: none;
}


/*-----------------------------------------------------------------------------
	Lists
-----------------------------------------------------------------------------*/



ul {
	margin-left: 15px;
	list-style-type: none;
}

ul li {
	padding: 2px 0 2px 9px;
}

li {
	padding: 4px;
	text-decoration: none;
	list-style-type: none;
	border-top: 1px solid #262626;
	margin-bottom: 5px;

}




li a, li a:link {
color: #eaeaea;
}

li a:hover {
color: #00BFF3;
}

li ul {
	padding: 2px 0 2px 9px;
	text-decoration: none;
	list-style-type: none;
	border-top: 1px dotted #262626;
	border-bottom: none;
	margin-bottom: 5px;
	border-bottom: none;
	display: block;
	
}

li ul li ul {
	padding: 2px 0 2px 9px;
	text-decoration: none;
	list-style-type: none;
	border-top: 1px dotted #262626;
	border-bottom: none;
	margin-bottom: 5px;
	border-bottom: none;
	display: block;
	
}
ol {
	margin-left: 35px;
}


/*-----------------------------------------------------------------------------
	Meta
-----------------------------------------------------------------------------*/


.meta {
	font-size: .85em;
	color: #666;
	line-height: 120%;
	margin-top: -10px;
	margin-bottom: 5px;
}

.meta a {
	color: #ccc;
}

.postMeta{
	margin: -10px 0 0;
	padding: 10px 0 5px;
	font-size: .9em;
	border-top: 1px dotted #161616;
	color: #464646;
}

.postMeta a{
	color: #565656;
}

.postMeta a:hover{
	color: #00c9ff;
}


/*-----------------------------------------------------------------------------
	Headers
-----------------------------------------------------------------------------*/

h3, h3 a {
	font-size: 1.3em;
	line-height: 1.2;
	color: #fff;
	letter-spacing: 0px;
	text-decoration: none;
}

h5, h5 a,  {
	line-height: 1.6;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #ffffff;
	text-decoration: none;
}

h4, h4 a, h5, h5 a, h6, h6 a{
	color: #ffffff;
}

h2 a {
	color: #fff;
	text-decoration: none;
}

h1 {
	color: #fff;
	text-decoration: none;
}



/*-----------------------------------------------------------------------------
	Content
-----------------------------------------------------------------------------*/



#maincontent .content {
	padding: 10px 10px 0;
	background: url('../images/css/trans_bg.png');
	color: #ccc;
		-moz-border-radius: .25em; 
	-webkit-border-radius: .25em; 
}

.content {
	padding: 10px 10px 0;
	background: url('../images/css/trans_bg.png');
	color: #ccc;
		-moz-border-radius: .25em; 
	-webkit-border-radius: .25em; 
}


.content ul {
	padding: 0;
	margin: -10px 0 0;
	border-bottom: 1px solid #161616;
	color: #ccc;
}

.content ul li {
	padding: 6px 0;
	margin: 0;
	border-bottom: 1px dotted #262626;
	color: #ccc;
	font-size: .9em;
}

.content ul li a {
	color: #ccc;
}

#maincontent .content ul {
	padding: 0;
	margin: -10px 0 0;
	border-bottom: 1px solid #161616;
	color: #ccc;
}

#maincontent .content ul li {
	padding: 6px 0;
	margin: 0;
	border-bottom: 1px dotted #262626;
	color: #ccc;
	font-size: .9em;
}



/*-----------------------------------------------------------------------------
	Special classes
-----------------------------------------------------------------------------*/

.meta_agenda {
 font-size: .9em;
}

.meta_agenda_links {
	border-bottom: 1px dotted transparent;
}

.dark {
	color: #9b9b9b;
}

.stripes {
	background: transparent url('../images/stripe_black_darkgrey.png') top left repeat;
}


.white a{
	color: #fff;
}
.white a:hover{
	color: #ccc;
}

hr {
	background-color: #101010;
	border-top: 1px dotted #101010;
	height: 1px;
	border: none;
}

hr.space {
	background: transparent;
	height: 1px;
	border: none;
}

hr.darkgrey {
	background: transparent;
	border-top: 1px dotted #262626;
	height: 1px;
}


hr.darkdot {
	background: transparent;
	border-top: 1px dotted #262626;
	height: 1px;
}

hr.medgrey {
	background: transparent;
	border-top: 1px dotted #262626;
	height: 1px;
}
.medgrey-3px {
	background-color: transparent;
	height: 10px;
	display: block;
}

/*-----------------------------------------------------------------------------
	Align
-----------------------------------------------------------------------------*/

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.nomargin {
	margin: 0;
}





/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:3;
}
.sf-menu {
	border-bottom: none;
	z-index:3;
	
}
.sf-menu ul {
	position:		absolute;
	margin-top: 1px;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
	border-top: none;
	border-bottom: none;
}
.sf-menu ul li {
	width:			100%;
	border-top: none;
	border-bottom: none;
	margin-top: 1px;
	-moz-border-radius: .25em; 
	-webkit-border-radius: .25em; 
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	color: #00BFF3;
}
.sf-menu li {
	float:			left;
	position:		relative;
		border-top: none;
	border-bottom: none;
}
.sf-menu a {
	display:		block;
	position:		relative;
		border-top: none;
	border-bottom: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.sf-menu {
	float:			left;
	margin-bottom:	0px;
}
.sf-menu a {
	padding: 		.75em .5em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	background:		transparent;
	border-bottom: none;
}
.sf-menu li li {
	background:		url('../images/css/trans_bg.png');
	
}
.sf-menu li li li {
	background:		url('../images/css/trans_bg.png');
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	-moz-border-radius: .25em; 
	-webkit-border-radius: .25em; 	
	outline:		0;
}

ul.sf-menu li ul  {
	margin-top:15px;
	border-bottom: none;

}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	.5em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	border-bottom: none;

}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*-----------------------------------------------------------------------------
	Feed trackback
-----------------------------------------------------------------------------*/


.feedlink, .feedlink a, .feedlink a:visited {
	margin-top: -10px;
	padding-right: 15px;
	background: none;
	color: #262626;
	float: left;
}

.trackback, .trackback a, .trackback a:visited {
	padding-right: 15px;
	background: none;
	color: #262626;
	float: left;
}


/*-----------------------------------------------------------------------------
	Forms
-----------------------------------------------------------------------------*/

label {
	font-weight: normal;
	display: block;
	clear:left;
	margin-bottom:0px;
	padding-bottom: 0px;
}

label small {text-align: right;
margin-left:10px;
 }

textarea {
	padding: 5px;
	border: 1px solid #fff;
	width: 95%;
	height: 160px;
		padding:4px; 
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
	border-left:3px solid #fff;
	border-right:2px solid #fff;  
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 
	float:left;
	display: inline;
}

submit {
		border-top:4px solid #3A3A3A; 
			border-bottom:4px solid #3A3A3A; 
	border-left:3px solid #3A3A3A; 
	border-right:2px solid #3A3A3A;  
	background-color:#3A3A3A; 
	float:left; 
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	font: normal #fff;
}

input{
	padding:4px; 
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
	border-left:3px solid #fff;
	border-right:2px solid #fff;  
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 
	float:left;
	display: block;
}



.submit {
	border:3px solid #3A3A3A; 
	color:#fff; background:#3A3A3A; 
	float:left; 
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}

.input{
	padding:4px; 
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
	border-left:3px solid #fff;
	border-right:2px solid #fff;  
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 

	float:left;
	display: inline;
}

/*-----------------------------------------------------------------------------
	Contact form
-----------------------------------------------------------------------------*/

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7 img {
	margin: 2px 0 0;
	padding: 0;
	border-style: none;
	border-color: #00bcff;
}

div.wpcf7-response-output {
 display: block;
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	background-color: #398f14;
	color: #fff;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
	background-color: #ff0000;
	color: #fff;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
	background-color: #ffa500;
	color: #101010;
}

div.wpcf7-validation-errors {
	border: 2px solid #48c0f8;
	background-color: #48c0f8;
	color: #fff;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}
form.wpcf7-form p{
	margin-bottom: 1px;
}
form.wpcf7-form p img{
	display: inline;
}


/*-----------------------------------------------------------------------------
	Page items
-----------------------------------------------------------------------------*/

.page_item ul {
	margin-left: 15px;
	list-style-type: none;
}

.page_item ul li {
	padding: 9px;
	border-top: 1px none #262626;
}

.page_item li {
	padding: 10px;
	text-decoration: none;
	list-style-type: none;
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	border-top: none;

}	

.page_item li ul {
	padding: 9px;
	text-decoration: none;
	list-style-type: none;
	border-top: none;
	display: block;
	
	margin-top: 5px;
}

.page_item li ul li {
	padding: 2px 0 2px 9px;
	text-decoration: none;
	list-style-type: none;
	border-top: none;
	border-bottom: 1px dotted #262626;
	margin-top: 5px;
}

.page_item ul li ul {
	border-top: 1px none #262626;
	border-bottom: 1px dotted #262626;
	margin-bottom: 5px;
}

.page_item a {
	color: #fff;
	display: block;
}

.page_item a:hover {
	color: #ee4037;
}


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

#footer {
	background-color: transparent;
	font-size: .95em;
	color: #ababab;
}

#footer small {
	font-size:0.75em;
}

#footer small a, #footer small a:link{
	display:inline;
}

.loginfix{
margin-right:-10px;
}


/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/

.commentlist li {
	padding: 4px 15px;
	background-color: #101010;
	margin-top: 4px;
	margin-left: 1px;
	margin-bottom: 4px;
	margin-right: 4px;
	float: left;
}

.comments-alt {
	background: transparent url('../images/stripe_black_darkgrey.png') top left repeat;
}

/*-----------------------------------------------------------------------------
	Step Carousel
-----------------------------------------------------------------------------*/

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 235px; /*Height should enough to fit largest content's height*/
margin-bottom: 10px;
}

.stepcarouselmore {
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
margin-bottom: 0;

}

.stepcarouselfooter {
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 220px; /*Height should enough to fit largest content's height*/
margin-bottom: 0;

}

.stepcarousel .belt,.stepcarouselmore .belt,.stepcarouselfooter .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel, .stepcarouselmore .panel,.stepcarouselfooter .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 10px; /*margin around each panel*/
width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
display: none;
position: absolute;
}
				



/*-----------------------------------------------------------------------------
	Sociable
-----------------------------------------------------------------------------*/
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	border: none;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: inline;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	border-bottom: none;
	border-top: none;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	border-bottom: none;
	border-top: none;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	display: inline !important;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}




/*-----------------------------------------------------------------------------
	JQuery Tools Tabs
-----------------------------------------------------------------------------*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
}

/* single tab */
ul.tabs li {  
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}




.tabs { list-style-type: none; 
			display: inline;
			text-decoration: none;
			list-style-image: none;
			list-style: none;
			}
			
.tabs a, .tabs a:hover { 
			text-decoration: none;
			list-style-type: none; 
			list-style: none;
			}