/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

.clear	 {clear: both;}



a	{
text-decoration: none;
color: #c09f5f;
font-weight: bold;
}

h1	{ font-size: 16px; font-weight: bold; margin-bottom: 15px;}
h2	{ font-size: 14px; font-weight: normal; font-weight: bold; }
h3	{font-size: 14px; font-weight: normal;}
p	{ font-size: 12px; margin-bottom: 20px; line-height: 22px;}
ul	{ list-style: none; display: block; font-size: 12px;}
li 	{ list-style: none; font-size: 12px; line-height: 22px;}
img{ border:0;}

body {

	background-image: url(images/bg.gif);

	font-family: Verdana;
	font-size: 11px;
	color:#000000;
}

#totalwrap{
	width:1008px;
	margin-left:auto;
	margin-right:auto;
	background-color:white; 
}


table, td, tr, body  {margin:0; padding:0;}
/**** wrapper ****/


/**** Quiz ****/
.quiz				{width: 630px; margin-left: 20px; border-top: 10px solid black;}
.quiz .intro		{margin:-20px 0px 0px 10px; border-bottom: 1px solid black; padding: 0px 10px 10px 0px; width: 350px;}

#post		{margin-top: 50px;}
#post ol	{width: 630px; }
#post ul	{margin: 30px 0px 0px 10px; width: 590px; font-size: 16px; font-weight: bold;}
#post li	{margin: 20px 0px 0px 10px; width: 590px;}


.checkbox 		{ width: 19px;	height: 25px;	padding: 0 5px 0 0;	margin-bottom: 10px;	background: url(images/radio.png) no-repeat;	display: block;	clear: left;	float: left;}

.select 		{ position: absolute;	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */	height: 21px;	padding: 0 24px 0 8px;		
				  margin-bottom: 10px;	color: #fff;	font: 12px/21px arial,sans-serif;	background: url(images/radio.png) no-repeat;}

#verstuur		{ background: #efefef; padding: 5px; border: 1px solid #d9d9d9; margin: 20px 0px 0px 10px; cursor: pointer;}

#uitslag		{ margin-top: 10px;}
#uitslag span	{ font-style: italic;}
#uitslag h2		{ font-size: 16px; font-weight: bold; padding: 20px; background: #d9d9d9; width: 550px;  }

/**** menu ****/

#header #menuzijde #menu{
  	width:1009px;
	height:169px;
	background: url(images/header.gif) no-repeat ;	
	position: relative;
	left:-1px;
}

#nav{
	margin: 50px 0 0 0px;
	padding-left:60px;
	width:660px;
	float:left;

}

#nav li { float: left; list-style: none; height:80px;  margin-right: 8px; color:white; padding: 5px; }
#mainlevelsubnav li {list-style: none;}
#nav ul, #mainlevelsubnav {padding:0px; margin:0px;}

#nav a {color:white; text-decoration:none; font-size:15px; font-weight:bold; padding-top:35px; display:block;}
#nav li:hover {
	color: #b59a57;
	background: url(images/kroon.png) no-repeat top center ;
}



.current_page_item {
	color: #b59a57;
	background: url(images/kroon.png) no-repeat top center  ;
}

#header .logo{
	position: absolute;
	top: 50px;
	right: 50px;
	width:183px;
	height:90px;

}

.breadcrumb
{
	font-size: 1.1em;
	color: #000;
	margin: 30px 0 0 10px;
	position: absolute;
	top: 106px;
	left:30px;
	width: 590px;
}


.fqa a	{ position: absolute; top: 122px; left: 632px;  background: url(images/fqa2.png) no-repeat; width: 50px; height:27px; 
		  padding: 16px 0px 5px 12px; color: black; font-style: normal;}
.fqa a:hover	{color: white;}

#wrap{
	width:1008px;
	margin: 0 auto;
	clear:left;
  	float:left;
  	display:inline;
	background-color:white;     
}

#zoekveld 		{ position: absolute; top: 134px; right: 20px;  }
#s				{ padding: 5px; font-style: italic; background: #d9d9d9; border: 1px solid grey;}
#searchsubmit	{ background: #d9d9d9; border: 1px solid grey; padding: 5px;}


/**** Slider ****/
.slider{
width: 500px;
float: left;
position: relative;
left: -10px;
}

.jflow-content-slider { position:relative; padding: 5px;  width:465px; height:400px;  margin-bottom: 20px; margin-left: 25px; top: 7px;  }
#jFlowSlide{  font-family: Georgia;}

#myController { font-family: Georgia; padding:2px 0;  width:500px; ; position:absolute; height:75px; top:320px; left:-5px; z-index:1000;  }
.jFlowControl {width: 109px; float: left; background: #000 url(images/bg_thumb_slider.gif) no-repeat;} 
.jFlowControl { color:#FFF; cursor:pointer; margin-left: 10px; padding-top:4px; padding-bottom:4px; display:block; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { border-bottom: 3px solid #c09f5f;}

#titel_slider				{ position: absolute; left:0px;  background: #c09f5f; padding: 10px; font-size: 16px; font-family: Arial Black; 	
							color: white; cursor: pointer; width: 200px; }
#titel_slider em			{ font-size: 12px; font-style: normal; font-family: Arial; margin-top: 10px;}

#titel_slider a	{ position: absolute; left: 152px; bottom:-15px; overflow: visible; }




#myController 
span.jFlowSelected 			{  margin-right:0px; border-bottom: 5px solid #c09f5f;}
#slides 					{  width:470px; height: 310px;  }

.slide-wrapper 				{ padding: 0px; }

.slide-thumbnail 			{ width:560px; }
.slide-thumbnail img 		{ max-width:470px; }
.slide-details 				{ width:0px; float:right; margin-left:10px;}
.slide-details h2 			{ font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowPrev, .jFlowNext { display:none; }
/**** Einde Slider ****/




#content_home			{ width: 980px;  margin-left: 20px; }
.intro					{ padding: 10px 10px 0px 10px;}

#evenementen			{  float: left; margin-bottom: 20px; }
.evenementen_header		{ background: #f6f6f6 url("images/1.gif") left top no-repeat ; height: 87px; cursor: pointer; border-bottom: 1px solid #d9d9d9; width: 100%;}
.evenementen_header p	{ font-size: 14px; font-family: Arial Black; position: absolute; left: 100px; top: 26px; padding: 5px 0px;}
.evenementen_header em	{ position: absolute; left: 100px; top: 50px; width: 200px;}

.alle_evenementen		{ margin-bottom: 20px;}
.evenementen_post		{ width: 290px; border: 1px solid #d9d9d9; float: left; margin: 20px 10px 20px 10px; display: inline; }


.titel_onderin			{ color: black; font-size: 14px; padding: 5px; font-style: normal; font-weight: bold; position: absolute; left: 0px; background: white; padding: 10px; width: 150px;}
.titel_onderin_home		{ color: black; font-size: 14px; font-style: normal; font-weight: bold; position: absolute; left: 0px; background: white; padding: 10px 10px 10px 0px; width: 250px;  }
.thumb_sliding_panels	{ padding: 0px; margin-top: 0px; }
.datum_sliding_panel	{ background: transparent url("images/datum.png") no-repeat; width: 80px; height: 95px; position: absolute; left:210px; top:-14px; padding: 5px; }
.datum_sliding_panel p	{ width: 20px; position: relative; left: 17px; font-weight: bold;}
.datum_sliding_panel em	{ color: white;}

#datum					{ position: absolute; top: 25px; left: 20px;}
.datum_onderdeel		{ width: 50px; border-top: 1px dotted #d9d9d9; font-size: 12px; font-weight: bold; padding: 3px;}


#doe_het_zelf			{ float: left; margin-bottom: 20px; }
.organiseer_header		{ background: #f6f6f6 url("images/2.gif") left top no-repeat ; height: 87px; cursor: pointer; border-bottom: 1px solid #d9d9d9; width: 100%;}
.organiseer_header p	{ font-size: 14px; font-family: Arial Black; position: absolute; left: 100px; top: 10px; padding: 5px 0px;}
.organiseer_header em	{ position: absolute; left: 100px; top: 50px;}

#onderzoek				{ float: left; margin-bottom: 20px; }
.onderzoek_header		{ background: #f6f6f6 url("images/3.gif") left top no-repeat ; height: 87px; cursor: pointer; border-bottom: 1px solid #d9d9d9;}
.onderzoek_header p		{ font-size: 14px; font-family: Arial Black; position: absolute; left: 100px; top: 26px; padding: 5px 0px;}
.onderzoek_header em	{ position: absolute; left: 100px; top: 50px;}

.box					{ float: left; width: 316px;border: 1px solid #d9d9d9; }
.home_links				{ margin-left: 8px;}
.lees_verder_homepage	{ float: right; background: black; padding: 5px; margin: 5px;}
.test_button_homepage	{ background: none; color: black; margin-top: 10px;}

/**** SINGLE ****/
#single				{ float: left; width: 640px; padding: 10px 0px 10px 0px; }
.post				{ border: none; float: left; border: 1px solid #d9d9d9; padding: 10px; margin: 10px 10px 10px 0px; width: 620px;}

#single_post		{ border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; }
.image_single		{ float: left; margin-right: 10px;}

/**** STYLING VAN DE YOUTUBE PLAYER ****/
object				{ width: 640px; height: 385px;  margin: 20px 0px 20px 0px; }

/**** COMMENTS ****/
#comments			{ width: 620px; margin-top: 20px; font-size: 12px;}
#comments li		{ margin-top: 10px; padding: 20px; border: 1px solid #d9d9d9;}

.comment-childs		{ padding: 10px;}


.avatar				{ float: left; }
.comment-text		{ margin-left: 60px;}

.editComment, .editableComment, .textComment{	display: inline;}
.comment-childs		{ border: 1px solid #999;	margin: 10px 0px 0px 30px;	padding: 10px;	background-color: white;}
.comment-meta		{ margin-bottom: 10px;}
.comment-author		{ margin-left: 10px;}
.comment-date		{ margin-left: 10px; font-size: 10px; color:grey; float: right;}

#avatar				{ float: left; margin-right: 20px;}

#auteur				{ margin-bottom: 20px;}

.chalt				{ background-color: #E2E2E2;}
#newcomment			{ border:1px dashed #777;width:90%;}
#newcommentsubmit	{ color:red;}
.adminreplycomment	{ border:1px dashed #777;width:99%;margin:4px;	padding:4px;}
.mvccls				{ color: #999;}

#wptc_comment		{ margin:  20px;}		
			
			
#comments-form		{ width: 620px; background:#c09f5f; padding: 10px; margin-top:20px;}
#comments-header	{ margin-bottom: 10px; margin-top: 10px; font-size: 18px;}

#comments-form p	{ margin-bottom: 20px; color: white;}
#comments-form a	{ color: white;}
.label				{ padding: 5px; background: #efefef; border: 1px solid #d9d9d9;}
#comment			{ width: 500px;}
#sub				{ background: #efefef; padding: 10px; border: 1px solid black; cursor: pointer; }





/**** VIDEOPLAYER ****/
#player					{ width: 457px; height: 280px;  }




/**** CONTENT LINKS ****/
#content_links	{width: 600px; float: left; position: relative; top: -10px; display: inline; }


.onderkant {float:left;}
.biglogo {background: url(images/logobig.gif) no-repeat 10% 80% ;}

.block {clear:left; float:left; width:470px;}




/**** PAGINA ****/

#page		{ width: 1080px; }
.tekst_page	{ width: 630px;}


/**** PAGINA EVENEMENTEN ****/

#links	{ float: left; width: 680px; padding-bottom: 30px; margin-left: 20px;}
#rechts { float: left; width: 300px;  }
#rechts p			{ font-weight: normal; font-size: 12px;}
#inspiratie  		{ margin: 20px 0px 0px 0px;}

#recent_evenement		{ width: 643px; height: 210px; background: #c09f5f; }
#recent_evenement img	{ float: left;}	
#recent_evenement p		{ float: right; width: 288px;  color: white; padding: 10px 0px 0px 0px; }	
#recent_evenement p em	{ font-size: 16px; font-family: Arial black; font-style: normal; }
#recent_evenement p a	{ color: black;}


#uitleg					{ width: 642px; min-height: 160px; margin-top: 10px; border-bottom: 1px solid grey; margin-bottom: 10px; 
							line-height: 20px; padding-bottom: 10px;}
/**** ie6 fix om de min-heigt te houden voor de uitleg ****/
* html #uitleg 			{ height:160px; }
#uitleg	.uitleg_tekst	{ width: 510px; padding: 8px; background: #e0e0e0;}
#aap					{ position: absolute; right: 0px; bottom: 0px;}


#evenementen_overzicht	{ position: relative; right: 30px;}
.evenementen_pics_vids	{  border-bottom: 1px solid #d9d9d9; height: 280px; margin-bottom: 30px; float: left; width: 194px; margin-left: 31px; }
.titel_pics_vids		{ border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; width: 174px; float: left; padding: 10px; position: absolute;  top: 0px; left:0px; background:white; text-decoration: none; color: #c09f5f; font-weight: bold; font-size: 14px;}
.titel_pics_vids:hover	{ color: black;}
.evenementen_kfad		{ position: absolute; left: 10px; top: 225px; z-index: 999; }
.alle_pics_vids p 		{ width: 170px; float: left; padding: 10px 5px 5px 5px; }
.alle_pics_vids img 	{ float: left; margin-top:30px; }

.bekijk_het_project		{ position: absolute; bottom: 3px; right: 5px; }


.evenementen_post_page		{ width: 290px; border: 1px solid #d9d9d9; float: left; margin: 20px 10px 0px 0px; display: inline; }
.evenementen_home			{ width: 290px; border: 1px solid #d9d9d9; float: left; margin: 20px 10px 0px 10px; display: inline;}

.over	{background: #c09f5f; cursor: pointer; color:black; }
.over a	{ color: black;}
/*
.top{
	width:100%;
	height:11px;
	font-size:1px;
	border-bottom:11px solid #000000;	
}
*/

/**** PAGINA ZELF ORGANISEREN ****/
#zelf_organiseren_content	{ width: 643px; margin-top: -20px;}
#zelf_organiseren_content p	{ padding: 0 0px 10px 0px; }	
#zelf_organiseren_tools		{ margin-top: 20px; margin-left: -7px;}
#sidebar					{ width: 340px; float: right;  display: inline;}
.block_sidebar				{ float:left; width:290px; }
.col300 					{ float:right; width:300px; height:auto;  margin-right:20px; display:inline; }


#bovenkant			{ width:100%;	margin-bottom:0px;	padding: 0px;	float:left;	display:inline;}

.watdoetkfad		{ width: 450px; float: left; margin-left: 28px;}
.test_button		{ z-index: 9999; cursor: pointer; }

#poll				{ position: relative; left: 10px; width: 290px;}

.partners			{ margin-top: 20px;}

#aanmelden_kort		{ width: 600px; background: #c09f5f; padding: 10px 10px 40px 10px;}
#aanmelden_kort p	{ color: black; font-weight: bold;}
.input				{ padding: 10px;  float: right; position: relative; top:-20px;}
.text				{ width: 580px; position: relative; top: 15px;}
#button				{ position: relative; top: 30px; left: 520px; }
.send				{ background: #d9d9d9; padding: 5px;}


/* positie van de topstukken */

/*.topleft{ background: url(images/vorm_siboven.png) no-repeat bottom left ; }*/
.topleftbig{ background: url(images/vorm_linksboven2.png) no-repeat bottom left ; height:19px; }
.topright { background: url(images/vorm_rechtsboven.png) no-repeat bottom right ; margin-top: 20px;}

.mid{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:20px;
	position:relative; 

}

.mid_watdoetkfadvoorjou p{
	width:500px;
	height:auto;
	float:left;
	padding-bottom:20px;
}

.mid p{
  margin-top:0px;
	padding: 0px 10px 5px 0px;
	height:auto;
	float:left;	
} 

 .bfCaptcha a  {background-color:transparent;}
  
.mid ul {clear:left;margin-top:0px;}
.mid span a, .mid span a:hover, .mid span a:link, .mid span a:visited, .button {
	color:#ffffff;
	text-decoration:none;
	padding:8px;
	background-color:black;
	float:left;
	margin-right:20px;
	margin-top:10px;
	border:none;
	font-size: 11px;
	font-family: Verdana;
}
 .bfCaptcha a  {background-color:transparent !important}
 
 .bfCaptcha img, .bfCaptcha input, .bfCaptcha a, .bfCaptcha br { float:left;}
 .bfCaptcha a {margin-left:5px;}

/* kleur van het middenvak*/
.grey{background-color:#dedede;}
.greyblue{background-color:#e4ebee;}
.blue{background-color:#ccd6db;}
.yellow{background-color:#e6dea3; }
.white{background-color:#ffffff;}
.green{background-color:#d8dbcc;}
.pink{background-color:#e4b7d3;}
.softyellow {background-color:#fff7bf;}
 
.bottom {
	width: 100%;
	height:10px;
	float:left;
	clear:both;
}

/* positie van de bottom afbeelding*/       
.bottomleft{ height:23px; width:100px;  background: url(/templates/kingfadhome/images/vorm_linksonder.png) no-repeat top left ; }
.bottomright{ background: url(/templates/kingfadhome/images/vorm_rechtsonder.png) no-repeat top right ; }

#footer {
	width:1008px; 
	height:250px;
	background: white url(images/footerbar.gif) no-repeat top;
	clear:left;
  	float:left;
 	 margin-bottom:25px;
 	 padding-bottom: 10px;
	/*margin: 0 auto;*/
}


#footer a	{ font-size: 12px;}
.footer_block 		{ float: left; padding: 10px; position: relative; top: 30px; left: 20px;}
.footer_block h2	{ color: white; padding-bottom: 10px;}
.footer_block .link	{ float: left; width: 150px; }
.links				{ width: 300px;}
.links p			{ color: white; margin-top: 20px; border-top: 2px solid grey; padding-top: 5px;}
.midden				{ width: 170px; margin-left: 20px;}
.rechts				{ width: 450px; height: 100px;}

.midden a, .rechts a	{ display: block; padding: 2px 0px 2px 0px; }



/* Vervolgpages 3 columns */
.col140 { float:left; width:140px; height:auto; margin-left:10px; margin-right:10px; display:inline;}
.col220 { float:left; width:220px; height:auto; margin-left:10px; margin-right:10px; display:inline;}

.col400 { float:left; width:400px; height:auto; margin-left:10px; margin-right:10px; display:inline;}
.col380 { float:left; width:380px; height:auto; margin-left:10px; margin-right:10px; display:inline;}
.col540 { float:left; width:540px; height:auto; margin-left:10px; margin-right:10px; display:inline;}





/* Junews */
div.junews {margin-bottom:20px;}
div.junews a {color:black;}
div.junews .nieuwsdate {color:#4b7012  }

/* 12 ALL */
.blackbutton {border:none; background-color:black; padding:6px; color:white; font-size:11px;font-family:verdana, arial}



/* FROM DEAFULT CSS ****************/
/*
 * Example CSS for Simplest Forum.
*/
tr.sectiontableentry0.requiresapproval td,
tr.sectiontableentry1.requiresapproval td {background-color:#fcc;border-bottom:2px solid #faa;}


.forumlist th  {padding:10px;}
.forumlist td { border-top:1px solid black; padding:10px;}
/*
 * This is actually for the latest posts module (sorry for the violation...)
*/
span.subject {font-weight:bold;}
span.date {font-size:0.7em;}

/*
 * A default formatting for code blocks
*/
pre.code {border:1px solid #ccc;background-color:#eeeeee;overflow:auto;padding:10px;}