/*

	Add-on layout Stylesheet
	
	Produced by : Hansnel Groep | Interactive Link
	Author : Roald Joosen

*/

/* LOGO */
#logo {
	margin-top:60px;
	}
	#logo a {
		width:191px;
		height:68px;
		display:block;
		text-indent:-9999em;
		background:transparent url('../gfx/background/logo.gif') top left no-repeat;
	}
	
/* VISUAL */
#visual {
	width:680px;
	
	background-position:left bottom;
	background-repeat:no-repeat;
	}
	#visual .border {
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	#visual .overlay {
		height:15px;
		background:transparent url('../gfx/background/visual_overlay.png') top center repeat-y;
	}
	#index #visual .border 		{height:395px;}
	#vervolg #visual .border 	{height:130px;}
	
/* NAVIGATION */
#navigation {
	list-style:none;
	margin:27px 0px 10px;
	padding:0px;
	}
	#navigation li {
    }
		#navigation a {
			height:31px;
			width:190px;
			display:block;
			background:transparent url('../gfx/background/navigation.gif') left bottom no-repeat;
			color:#444;
			}
			#navigation em {
				
				font-style:normal;
			}
			#navigation a span {
				padding-top:6px;
				padding-left:10px;
				display:block;
				font-size:1.1em;
				font-weight:bold;
			}
			#navigation a.on,
			#navigation a:hover {
				color:#fff;
				background-position:left top;
			}
	
/* FOOTER */
#footer a.disclaimer {
	float:left;
	margin-top:9px;
	margin-left:20px;
	display:inline;
	text-decoration:none;
	color:#777;
	}
	#footer a.disclaimer:hover {
		color:#333;
	}
#footer address {
	color:#777;
	margin-top:9px;
	margin-left:210px;
	display:block;
	text-align:center;
	font-style:normal;
	}
	#footer address a {
		color:#777;
		}

/* CONTENT */
#content {
	margin-top:10px;
	
	}
	#content .top {
		margin:0px;
		padding:0px 0px 0px 5px;
		height:36px;
		list-style:none;
		background:transparent url('../gfx/background/content_top.gif') left top no-repeat;
		}
		#content .top li {
			float:left;
			margin-top:5px;
			width:81px;
			height:30px;
			display:block;
			text-align:center;
			background:transparent none top left no-repeat;
			font-weight:bold;
			}
			#content .top li a {
				height:30px;
				display:block;
				color:#fff;
			}
			#content .top li a.on,
			#content .top li a:hover {
				color:#817f32;
				background-image:url('../gfx/background/content_nav.gif');
			}
			#content .top li span {display:block; padding-top:5px;}
	#content .middle {
		padding:10px;
		background:transparent url('../gfx/background/content_middle.gif') left top repeat-y;
		overflow:hidden;
		}
	#content .bottom {
		height:18px;
		background:transparent url('../gfx/background/content_bottom.png') left top no-repeat;
	}
	

/* BOX */
.box {
	float:left;
	margin:10px 20px 0 0;
	display:inline;
	color:#73711a;
	}
	.box.lastbox {
	margin-right:0;
	}
	.box .top {
		height:34px;
		background:transparent url('../gfx/background/box_top_r.gif') right top no-repeat;
		}
		.box .top span {
			height:34px;
			padding-top:8px;
			padding-left:10px;
			margin-right:10px;
			display:block;
			background:transparent url('../gfx/background/box_top.gif') left top no-repeat;
			font-size:1.2em;
			font-weight:bold;
			color:#fff;
			}
	.box .middle {
		height:auto;
		background:transparent url('../gfx/background/box_middle.gif') right top repeat-y;
		}
		.box .middle div {
			margin-right:5px;
			padding:0px 5px 0px 10px;
			background:transparent url('../gfx/background/box_middle.gif') left top repeat-y;
		}
		.box .furtherReading {
      clear:left;
      background:transparent url('../gfx/background/furtherReading_green.jpg') right top no-repeat;
		}
	.box .bottom {
		height:17px;
		}
		.box .bottom span {
			float:left;
			height:17px;
			width:50%; 
			display:inline;
			background-image:url('../gfx/background/box_bottom.png');
			}
		.box .bottom span.left 	{background-position:left top;}
		.box .bottom span.right	{background-position:right top;}
	
	#diensten  {width:250px;}
	#case			 {width:200px;}
	#vacatures {width:190px;}
	
/* NEWS BOX */
#news {
	float:none;
	margin:23px 0px;
	display:block;
	color:#777;
  }
	#news .top {
	 float:left;
	 clear:both;
	 width:210px;
		background:transparent url('../gfx/background/news_top.gif') top left no-repeat;
		overflow:hidden;
		zoom:1;
    }
		#news .top span {
			margin-right:0px;
			display:block;
			color:#fff;
			font-size:1.2em;
			background:none;
		}
	#news .middle {
		background:transparent url('../gfx/background/news_middle.gif') top left repeat-y;
		width:100%;
		clear:both;
		float:left;
		width:210px;
    overflow:hidden;
		zoom:1;
    }
    #news span {
      margin-right:20px;
      }
		#news .furtherReading {
			display:block;
			clear:left;
			width:140px;
      background:transparent url('../gfx/background/furtherReading_yellow.gif') right top no-repeat;
			margin-right:20px;
		}
	#news .bottom {
		height:17px;
		width:210px;
    float:left;
    overflow:hidden;
		zoom:1;
		background:transparent url('../gfx/background/news_bottom.png') top left no-repeat;
		}
	#news .item {
		padding:0px 10px 18px 10px;
		background:transparent url('../gfx/background/news_item.gif') bottom left no-repeat;
		float:left;
    overflow:hidden;
    zoom:1;
	}
	#news .last {
		padding-bottom:8px;
		background-image:none;
	 }
/* COLUMN */
#column {
	float:right;
	width:190px;
	margin-top:20px;
	margin-right:20px;
	display:inline;
	overflow:hidden;
	}
	#column .image {
		height:199px;
		}
		.image .overlay {
			height:199px;
			background:transparent url('../gfx/background/image_overlay.gif') left top no-repeat;
		}
	#column .box {
		width:190px;
		margin:0px;
		}
		#column .box .top {
			padding:0px;
			margin:10px 0 0;
			height:36px;
			background:transparent url('../gfx/background/column_top.gif') left top no-repeat;
			}
			#column .top span {
				color:#fff;
				margin:0px;
				background:none;
			}
		#column .box .middle {
			background:transparent url('../gfx/background/column_middle.gif') left top repeat-y;
		}
		#column .box .bottom {
			height:20px;
			background:transparent url('../gfx/background/column_bottom.gif') left top no-repeat;
		}
		#column .furtherReading {background:transparent url('../gfx/background/furtherReading_green.jpg') right top no-repeat;}
		#column .title,
		#column .paragraph {color:#777;}
#text {
	margin-left:20px;
	margin-right:240px;
}

/* LOOSE CLASSES */
.furtherReading {
		height:15px;
		margin:8px 5px 0px 5px;
		padding:0px 10px;
		padding-top:1px;
		display:block;
		color:#777;
		text-align:right;
	}
	/*cdc*/
	.opsom {
		

		padding:0px 10px 0px 5px;
		padding-top:1px;

	}
	.furtherRead {
		background:transparent url('../gfx/background/furtherReading_white.jpg') left no-repeat;
		height:15 px;
		margin:8px 5px 0px 5px;
		padding:0px 30px;
		padding-top:1px;
		display:block;
		color:#777;
		text-align:left;
	}
	.back {
		background:transparent url('../gfx/background/furtherReading_back.jpg') left no-repeat;
		height:15 px;
		margin:8px 5px 0px 5px;
		padding:0px 30px;
		padding-top:1px;
		display:block;
		color:#777;
		text-align:left;
	}
	.link {
		height:13px;
		font-weight:bold;
		
		
		padding:0px 0px;
		padding-top:1px;
		display:block;
		color:#bc8834;
		text-align:left;}
		a:hover {text-decoration:underline;}
		.link2 {
		height:13px;
		font-weight:bold;
		font-size:0.8em;
		
		padding:0px 0px;
		padding-top:1px;
		display:block;
		color:#bc8834;
		text-align:left;}
		a:hover {text-decoration:underline;}
	/* CdC org column in column2*/
	/* COLUMN */
#column2 {
	float:right;
	width:190px;
	margin-top:20px;
	margin-right:20px;
	display:inline;
	overflow:hidden;
	}
	#column2 .image {
		height:199px;
		}
		.image .overlay {
			height:199px;
			background:transparent url('../gfx/background/image_overlay.gif') left top no-repeat;
		}
	#column2 .box {
		width:190px;
		margin:0px;
		}
		#column2 .box .top {
			padding:0px;
			margin:10px 0 0;
			height:36px;
			background:transparent url('../gfx/background/column_box_top.jpg') left top no-repeat;
			}
			#column2 .top span {
				color:#777;
				margin:0px;
				background:none;
			}
		#column2 .box .middle {
			background:transparent url('../gfx/background/column_box_middle.jpg') left top repeat-y;
		}
		#column2 .box .bottom {
			height:20px;
			background:transparent url('../gfx/background/column_box_bottom.jpg') left top no-repeat;
		}
		#column2 .furtherReading {background:transparent url('../gfx/background/furtherReading_white.jpg') right top no-repeat;}
		#column2 .title,
		#column2 .paragraph {color:#777;}
#text {
	margin-left:20px;
	margin-right:240px;
}
/* CdC text2= tekst over de volle breedte*/
	/* tekst2 */
#text2 {
	margin-left:20px;
	margin-right:20px;
}
/* FOOTER2 */
#footer2 a.disclaimer {
	float:left;
	margin-top:9px;
	margin-left:20px;
	display:inline;
	text-decoration:none;
	color:#777;
	}
	#footer2 a.disclaimer:hover {
		color:#333;
	}
#footer2 address {
	color:#777;
	margin-top:9px;
	margin-left:210px;
	display:block;
	text-align:center;
	font-style:normal;
	}
	#footer2 address a {
		color:#777;
		}
		
.vaca {
	color:#777;
		text-decoration:underline;
	}
	#table {
	float:center;
	width:190px;
	margin-top:20px;
	margin-right:20px;
	display:inline;
	overflow:hidden;
	}
	#table .image {
		height:199px;
		}
		.image .overlay {
			height:199px;
			background:transparent url('../gfx/background/image_overlay.gif') left top no-repeat;
		}
		
		#text3 {
	margin-left:5px;
	margin-right:5px;
}