/* CSS Document */

/* General stylesheet for Parttimeplek */
/* Stylesheet by  Mmmm... Mosselman Multimedia, April 2007 */


/* -------------------   GENERALL styles ---------------*/


body {
  font-family: 'Verdana', Arial, Helvetica, Verdana;
  font-size: 8pt;  /* 100% = 10px = 1em */
}

body, HTML {
	height: 100%;
	/*background: #fff url(/images/bg.gif) repeat;  */
	margin: 0; 
	padding: 0;
}

img {
	/*display: block;*/
	border-width: 0px;
}



table, th, td, h1, h2, h3, ul, li, p
{
	margin: 0; 
	padding: 0;
}



#skrol {
  position:relative;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFFFFF;
  max-width: 980px;
  min-height:100%;
}
* html #skrol {
 	height: 100%;
	width: 980px;
  
}
#container{
  position:relative;
  width: auto;
  height:100%;
  margin:0px;
  padding: 0px; 
}

#header {
  position: relative;
	border-top:8px solid #00A7E7;
	width:980px;
	margin:0 auto;
	font-family:'Verdana', Arial,Verdana;
	font-size:10px;
	margin-top:-1px;
	font-weight:bold;
	display:table; 
	height:120px;
}
#header  img {
	margin: 10px 0 0 5px;
}


#content {
	text-align:left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	background-color: white;
	display: inline-block;
	min-height: 1050px;
	
}


#menu {
	position: absolute;
	float: left;
	z-index: 5;
	width: 980px;
	padding: 13px 0px 10px 0px;
	background-color:#00a7e7;
	font-size:bold;
	font-size:11pt;
}

#linkerline{
	float: left;
	position: relative;
	width: 19px;
	
	background-color:#99FF99;
}

* html #linkerline {
  height: 500px;
}

#contextualkolom {
  position: relative;
  
  line-height:160%;
  padding: 60px 0px 0px 0px;
  margin: 0px;
  width:100%;
  
}

* html #contextualkolom {
  height: 620px;
}

#contextualkolomVac {
  position: relative;
  
  line-height:160%;
  padding: 60px 0px 0px 0px;
  margin: 0px;
  width:100%;
  
}

* html #contextualkolomVac {
  height: 1050px;
}
	
	#linkerkolom {
	float: left;
	overflow:auto;
	position: relative;
	width: 41%;
	xpadding: 0px;
	margin: 0px;
	
	padding-left: 2px;
		}
		* html #linkerkolom {
		  height: 500px;
		}
	
	#linkerkolom-alg {
	float: left;
	position: relative;
	width: 60%;
	padding: 0px;
	padding-left: 2px;
	
		}
		* html #linkerkolom-alg {
		  height: 500px;
		}
		
			#linkerkolom-inner {
			float: left;
			position: relative;
			padding: 0px 10px 0px 5px;
			
			margin: 0px;
			/*border-left: 1px dotted #036489;*/
			}
			* html #linkerkolom-inner {
			  height: 350px;
			}
		
		#linkerkolom-left {
			float: left;
			position: relative;
			width: 141px;
			padding: 10px 0px 0px 5px;
			}
			
			#linkerkolom-left .bottom {

			width: 123px;
			height: 24px;
			background-image:url(../images/button-1.gif);
			margin: 10px 0px 14px 0px;
			padding: 5px 0px 0px 18px;
			
			}
			#linkerkolom-left .bottom a {
				color: white;
				font-weight: bold;
				text-decoration: none;
			}
		
		#linkerkolom-leftgen {
			float: left;
			position: relative;
			width: 141px;
			padding: 15px 0px 0px 5px;	
			}
			
			#linkerkolom-leftgen .bottom {

			width: 123px;
			height: 24px;
			background-image:url(../images/button-1.gif);
			margin: 10px 0px 14px 0px;
			padding: 5px 0px 0px 18px;
			}
			
			#linkerkolom-leftgen .bottom a {
				color: white;
				font-weight: bold;
				text-decoration: none;
			}			
					
		#linkerkolom-right {
			float: left;
			position: relative;
			width: 171px;
			padding: 5px 10px 0px 10px;
			vertical-align: top;			
		}
		
		
		#linkerkolom-rightalg {
			float: left;
			position: relative;
			width: 95%;
			padding: 0px 5px 0px 0px;
			vertical-align: top;
			}
		
		#linkerkolom2 {
			float: left;
			position: relative;
			width: 19%;
			padding: 0px;
			
		
		}
		* html #linkerkolom2 {
		  height: 175px;
		}
				#linkerkolom2-inner {
				float: left;
				position: relative;
				padding: 0px 5px 0px 5px;
				min-height: 175px;
				border-left: 1px dotted #036489;
				width: 165px;
				}
				* html #linkerkolom2-inner {
				  height: 175px;
				}
		#rechterkolom2 {
		  float: left;
		  position: relative;
		  width: 19%;
		  min-height: 175px;
		  padding: 0px;
		}
		* html #rechterkolom2 {
		  height: 175px;
		}
				#rechterkolom2-inner {
				  float: left;
				  position: relative;
				  padding: 0px 0px 0px 5px;
				  min-height: 200px;
				  border-left: 1px dotted #036489;
				  width: 150px;
				}
				* html #rechterkolom2-inner {
				  height: 175px;
				}
		#rechterkolom {
		  position:absolute;
		  right: 0px;
		  z-index: 10;
		  width: 18.99%;
		  min-height: 550px;
		}
		* html #rechterkolom {
		  height: 550px;
		}
			#rechterkolom-inner {
			  right: 0px;
			  position:absolute;
			  padding: 0px 0px 0px 10px;
			  margin: 0px 0px 0px 10px;
			  min-height: 530px;
			  font-family: Arial, Helvetica, Verdana;
			  /*border-right: 1px dotted #036489;*/
			  border-left: 1px dotted #036489;
			}
			* html #rechterkolom-inner {
			  height: 530px;
			}
				#eyecatcher-comment	{
				 position: absolute;
				 z-index:2;
				 width: 80px;
				 height: 105px;
				 background-image: url(../images/eyecatcher-comment1.gif);
				 left: 10px; 
				 top: 260px;
				 padding: 10px 3px 0px 7px;
					font-size: 9px;
					line-height: 18px;
				 font-weight: bold;
				}
					
				
				#eyecatcher-content	{
	  		     position: absolute;
				 width: 155px;
			 	 margin: 5px 5px 0px 5px;
				 padding: 0px 4px 0px 4px;
				 background-color: #e6f5fb;
font-size: 9px;
					line-height: 18px;
				}
/*   */

#linkerkolom-overzicht {
	float: left;
	position: relative;
	width: 740px;	
	padding: 0px;
	padding-left: 2px;
	
		}
		* html #linkerkolom-overzicht {
		  height: 500px;
		}

			
			
/*   */			

				
#footer {
	
	width: 100%;
	height: 6.8em;
	bottom: 0px;
	float:left;
  	background-color: #fff;
  	text-align: left;
	background: #fff url("/images/bg_footer.gif") repeat bottom left;
	color: #FFFFFF;
	margin-top: 100px;
	}
	#footer-add{
		  position: relative;
		  float: left;
		  width: 700px;
		  padding-top: 43px;
		  padding-left: 5px;
		}
	#footer-popup{
		  position: relative;
		  float: right;
		  width: 17.3em;
		  height: 3.4em;
		  background-color: #66ccff;
		  padding: 5px 0px 0px 10px;
		  margin-bottom: 25px;
		  margin-right: -4px;
		  border: 2px solid #fff;
		}

#footer_wrpr {
	
	margin: 0 auto;
	width:980px;
	}
		

#dot-liner {
  position: absolute;
  height: 1px;
  width: 167px;
  margin-left: 5px;
  border-bottom: 1px dotted #66ccff;
}

* #dot-liner {  padding-bottom: 7px;

}

#dot-line-content {
  height: 5px;
  width: 167px;
  margin-left: 5px;
  border-bottom: 1px dotted #66ccff;
}

* #dot-line-content {  padding-bottom: 5px}


/* -------------------   CLASS styles  ---------------------*/

.dot-line {
  position: absolute;
  height: 1px;
  width: 95%;
  margin-right: 5%;
  border-bottom: 1px dotted #66ccff;
}

* .dot-line {  padding-bottom: 7px;

}

.title{
	font-weight: bold;;
}


/* TYPOGRAPGHY */

/* -------------------   P styles  ---------------------*/
p {
  color: #000;
  padding-top: 10px;
  
}

#linkerkolom2-inner p {
  color: #000;
  padding: 0px;
  padding: 10px 0 0px 0;
  margin: 0px;
}

/* -------------------   H styles  -----------------------*/
#header h1
		{
			padding-left: 25px;
			top: 0.4em; /* influenced by the font-size */
			left: 0.5em; 
			font-size: 3.1em;
			font-weight: bold;
		}
			#header h1 span
			{
				padding-left: 1px;
				font-size: 0.8em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #fff;
			}
	
		#header h2
		{
			font-size: 1.2em;
			font-weight: normal;
			color: #dddada;
			padding-left: 27px;
			margin-top: -4px;
		}
		#partt-slogan h1
		{
		font-size: 1.8em;
		font-weight: bold;
		padding-top: 7px;
		}
		#partt-slogan .slogan2
		{
		width: 500px;
		padding-left: 58px;
		font-size: 1.1em;
		font-weight: bold;
		color: #fff;
		}
		
		#contextualkolom h1
		{
			left: 0.5em;
			font-size: 1.4em;
			font-weight: normal;
		}
		
		#contextualkolomVac h1
		{
			left: 0.5em;
			color: #A6CE39;
			font-size: 1.4em;
			font-weight: bold;
		}
			#contextualkolom h1 span
			{
				padding-left: 1px;
				font-size: 0.9em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #00a7e7;
			}
			#contextualkolomVac h1 span
			{
				padding-left: 1px;
				font-size: 0.9em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #00a7e7;
			}
		h3.header
		{
			left: 0.5em;
			color: #A6CE39;
			font-size: 1.4em;
			font-weight: bold;
			padding-left: 0px;
		}
			h3.header span
			{
				padding-left: 1px;
				font-size: 0.9em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #00a7e7;
			}
			h3.header span
			{
				padding-left: 1px;
				font-size: 0.9em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #00a7e7;
			}
	
		#contextualkolom h2
		{
			position: absolute;
			
			font-size: 1.0em;
			font-weight: normal;
			left: 6.6em;
			top: 1.0em;
			color: #66ccff;
		}
		#contextualkolomVac h2
		{
			position: absolute;
			
			font-size: 1.0em;
			font-weight: normal;
			left: 6.6em;
			top: 1.0em;
			color: #66ccff;
		}				


		#contextualkolom h3
		{
			padding-top: 35px; /* influenced by the font-size */
			left: 0.5em; /* influenced by the font-size */
			font-family: Arial, Helvetica, Verdana;
			font-size: 1.2em;
			font-weight: bold;
			color: #A6CE39;
		}
		#contextualkolomVac h3
		{
			/*padding-top: 35px; /* influenced by the font-size */
			left: 0.5em; /* influenced by the font-size */
			font-family: Arial, Helvetica, Verdana;
			font-size: 1.2em;
			font-weight: bold;
			color: #00A7E7;
			
		}
		#contextualkolomVac h3.top
		{
			padding-top: 15px; /* influenced by the font-size */
		
			
		}			
		#rechterkolom-inner h3
		{
			padding-left: 5px; /* influenced by the font-size */
		
			
		}		

#rechterkolom h1
		{
			padding-top: 1px;
			padding-left: 5px;
			left: 0.5em; /* influenced by the font-size */
			font-family: Arial, Helvetica, Verdana;
			font-size: 1em;
			font-weight: bold;
		}
		

#linkerkolom2 h3
		{
			/*padding-bottom: 10px; /* influenced by the font-size */
		}		

#linkerkolom2 h4
		{
			padding-top: 0px; /* influenced by the font-size */
			padding-bottom: 0px; /* influenced by the font-size */
			left: 0.5em; /* influenced by the font-size */
			font-size: 1.2em;	
			color: #00a7e7;
			margin: 0px;
		}


#footer-popup h1
		{
			padding-top: 2px;
			padding-left: 0.4em; /* influenced by the font-size */
			font-size: 2.5em;
			font-weight: bold;
			color:#000000;
		}
#footer-popup h2
			{
				position: absolute;
				left: 5.3em;
				top: 0.9em;
				font-size: 2.2em;
				font-weight: normal;
				color: #fff;
			}
			

/* -------------------   IMAGE styles  -----------------------*/

.eyecatcher {
	padding: 0 0 0 12px;
	height: 320px;
	width: 170px;
	display:inline;
}

.img_gen
		{
			padding: 4px; 
			left: 0px;
		}

.img_home
		{
			padding:2px;
		}
		

/* -------------------   UL/LI styles  -----------------------*/

#nav, #nav ul { /* all lists */
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
}



#nav li { /* all list items */
	float: left;
	padding-right: 12px;
	border-right: 1px dotted #fff;
	padding-left:10px
}

	#nav li.social { /* all list items */
		margin-left: 10px;
		border-right: 1px dotted #fff;
		width:369px;
		padding-right: 0px;
	}
	#nav li.last { /* all list items */
		margin-left: 10px;
		border-right: 0px;
	}
#contextualkolom ul { 
	padding-left: 18px;
	padding-top: 10px;
	margin:0px;
	text-align:left;
}

#contextualkolomVac ul { 
	padding-left: 18px;
	padding-top: 10px;
	margin:0px;
	text-align:left;
}

#contextualkolom li {
	list-style: square;
}

#contextualkolomVac li {
	list-style: square;
}

	#rechterkolom-inner ul { 
	padding:0px;
	}
	#rechterkolom-inner ul.right_list { 
	margin:10px;
	padding:10px;
	}	
/* -------------------   A HREF styles  -----------------------*/

#nav li a {
	color: #fff;
	text-decoration: none;	
	font-size: 1.2em;
}

#nav li a.momact {
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
	font-size: 1.2em;
}

#nav li a:hover {
	color: #fff;
	text-decoration: underline;	
	font-size: 1.2em;

}

#linkerkolom-left a {
	color: #000;
	font-size: 1.0em;
	text-decoration:underline;
}

#contextualkolom a {
	color: #000;
	text-decoration:underline;
}

#contextualkolomVac a {
	color: #00A7E7;

}

#footer a {
	color: #fff;
	font-size: 1.0em;
	text-decoration:underline;
}

/*
RIT STYLES
*/

/*Nieuwe DIV header*/


.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
#rit_send input {
position:absolute;
left:-5000px;

}

/*  WIZARD STYLING */

div.overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;z-index:40;}
iframe.overlayBox{width:800px;height:0px;position:absolute;top:50%;left:50%;margin-left:-285px;margin-top:-225px;z-index:50;border:solid 1px #000;}

body#wizard_body {background:#fff;margin:0px; text-align:left;}
body#wizard_body h1{margin:0px; }

div.wizard{width:600px;color:#333;margin:0px auto;padding:20px 20px 0px 20px;overflow:hidden;}

div.wizard ul.wizardPositie{height:30px;padding:0px;margin:0px;font-size:80%;}
div.wizard ul.wizardPositie li{float:left;margin-right:20px;list-style:none;}
div.wizard ul.wizardPositie li span.naam{display:none}
div.wizard ul.wizardPositie li.goed{color:#060;font-weight:bold;}
div.wizard ul.wizardPositie li.huidig{font-weight:bold;}
div.wizard ul.wizardPositie li.huidig span.naam{display:inline;}

/*.wizardPaginanr{display:none;}*/

div.wizard div.slider{width:9000px;}
div.wizard div.wizardPage{float:left;width:600px;margin-right:20px;}
div.wizard div.wizardItems{height:270px;overflow:scroll;overflow-y:auto;overflow-x:hidden;}

div.wizard label.optional,div.wizard label.required{display:block;border-bottom:solid 1px #ccc;margin-bottom:5px;padding-bottom:2px;}
div.wizard dd{margin-bottom:10px;margin-left:0px;}
div.wizard textarea{width:350px;height:200px;}

div.wizard dt#Vorige-label, div.wizard dt#Volgende-label{display:none;}
div.wizard dd#Vorige-element{float:left;margin-top:20px;}
div.wizard dd#Volgende-element{float:right;margin-top:20px;}

div.wizard ul.errors{color:#f00;}

.scorebalk .balk{border:solid 1px #000;height:10px;width:150px;background:#fff url('../images/sprite_scorebalk.png') repeat-x left top;margin:2px 5px;float:left;}
.scorebalk .score{background:#659715 url('../images/sprite_scorebalk.png') repeat-x left bottom;height:10px;border-right:solid 1px #030}
.scorebalk em{font-style:normal;font-weight:bold;color:#659715;}

.scorebalk.huiskleur .score{background-color:#600}
.scorebalk.huiskleur em{color:#600}

/*
RIT STYLES
*/
#footer span.ritter  {
	color: #000;
	font-size: 1.0em;
	text-decoration:none;
}
#footer span.ritter a {
	color: #00A7E7;
	font-size: 1.0em;
	text-decoration:underline;
}


#contextualkolomVac  h3.resultaat_top {
padding-top:5px;
}


#header p.page_header{
	color: #00A7E7;
    font-size: 13pt;
    left: 225px;
    position: absolute;
    top: 30px;
}
#header p.page_tagline{
 color: #AAAAAA;
    font-size: 8pt;
    left: 225px;
    position: absolute;
    top: 50px;
}
#footer p.page_footer{
	color: #F26522;
    font-size: 10pt;
	margin-bottom:5px;
	text-align: left;
	text-transform: uppercase;
}
p.page_ads{
    padding: 0 0 0 15px;
    display: block;
  
}
em {
font-style:normal;
font-weight:bold;
}


form.pager{
	display:table;
	padding:0px 10px 0 0;
	margin:0px;
	float:left;
	border: 0px solid #fff;
	background-color: white;
}


#listing_info #reageerBlokje {
	background: white;
}
	#listing_info .details {
		margin-bottom:0px;
		padding:10px;
		background:#f8f8f8;
	}
	#listing_info .details h3.details {
		margin:0px;
		padding:0px;
		font-size:16pt;
		margin-top:5px;
		margin-bottom:5px;		
	}
	#listing_info p {
		margin:0px 0px 10px 0px;
	}
	#listing_info ul {
		width:300px
	}		
	#listing_info strong {
		margin-top:5px;
		margin-bottom:5px;
	}	
	#listing_info .action {
    display: table;
    float: right;
    padding-bottom: 20px;
    padding-left: 20px;
	}		
#listing_info h3.suggestions {
		padding:0px;
		margin:0px;
		border-bottom: 1px solid #666;
		font-size:14pt;
	}




div.social_links
{
	background: url('../images/social_background.png') no-repeat ;
    display: inline-block;
 
    margin-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    /*width: 425px;*/

}
div.social_links div.social_buttons
{
	float:left;
	position:relative;
	margin-top: 0px;

}
div.social_links div.gplus{
	margin-top:0px;
	width: 80px;
}	
div.social_links div.fb{
	margin-top:3px;
	width: 95px;
}	
div.social_links div.twitter{
	margin-top:3px;
	width: 80px;
}