/*--------------------------------------------------------------------
Basic Style Sheet

Version: 2.0
Copyright: 2010, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global
--------------------------------------------------------------------*/
* { 
	font-family: arial;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}

img {
	border: 0;
}

h1 {
	margin: 0 0 25px 0;
	padding: 0;
	color: #434443;
	font-size: 34px;
	font-weight: normal;
}

h2 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #259dd6;
	font-weight: bold;
	font-size: 14px;
}

h3 {
	margin: 5px 0 0 0;
	padding: 0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #259dd6;
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
}

/* Site
--------------------------------------------------------------------*/
div#site {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

	/* Site::Header
	--------------------------------------------------------------------*/
	div#site div#header {
		position: relative;
		height: 308px;
		line-height: 14px;
	}
		
		div#site div#header.home {
			background: url(css/images/img_header.jpg) no-repeat 0px 0px;
		}
		
		div#site div#header.page {
			background: url(css/images/img_header_page.jpg) -2px 0px no-repeat;
		}
		
		div#site div#header div#menu1 {
			position: absolute;
			top: 20px;
			left: 700px;
			height: 30px;
			background-color: #f4f4f4;
			width: 290px;
			color: #434443;
			text-align: right;
		}
		
		div#site div#header div#menu1 a {
			color: #434443;
		}
		
		div#site div#header div#menu2 {
			position: absolute;
			top: 115px;
			left: 192px;
			height: 30px;
		}
		
		div#site div#header div#menu2 ul li {
			float: left;
			margin-right: 30px;
			padding-left: 10px;
			height: 36px;
			background: url(css/images/menu_v_line.jpg) repeat-y 0px 0px;
			line-height: 9px;
		}
		
		div#site div#header div#menu2 li a {
			font-family: verdana, arial, sans-serif; 
			color: #f4f4f4;
			font-size: 11px;
			line-height: 9px;
		}
		
		div#site div#header div#menu2 li a:hover {
			color: #ffffff;
			text-decoration: none;
		}
		
		div#site div#header div#menu3 {
			position: absolute;
			top: 153px;
			left: 850px;
			color: #434443;
		}
		
		div#site div#header div#menu3 ul li {
			line-height: 31px;
		}
		
		div#site div#header div#menu3 li a {
			font-family: verdana, arial, sans-serif; 
			color: #f4f4f4;
			font-size: 11px;
		}
		
		div#site div#header div#menu3 li a:hover {
			color: #ffffff;
			text-decoration: underline;
		}
	
	
	/* Site::Middle
	--------------------------------------------------------------------*/
	div#site div#middle {
		position: relative;
		background: url(css/images/bg_content.jpg) no-repeat -2px 0px;
	}
	
	div#site div#middle h1 {
		margin-bottom: 35px;
	}
	
	div#site div#middle div.title {
		margin: 0 0 5px 0;
		padding: 0;
		color: #259dd6;
		font-weight: bold;
		font-size: 14px;
	}
	
	div#site div#middle span.date {
		font-weight: bold; 	
	}
	
	div#site div#middle span.read {
		margin-top: 12px;
		float: right;
	}
	
	
		/* left */
		div#left {
			float: left;
			width: 200px;
			padding-top: 90px;
		}
		
		div#left h2 {
			margin-left: 20px;
			padding: 0;
		}
		
		div#left ul {
			margin: 10px 0 0 10px;
		}
		
		div#left ul li {
			width: 140px;
			padding-left: 15px;
			line-height: 15px;
			margin-bottom: 5px;
			background: url(css/images/arr_orange.jpg) no-repeat 0px 5px;
		}
	
		/* right */
		div#right {
			float: left;
			width: 250px;
			height: 500px;
		}
		
		div#right div.image img {
			position: absolute;
			top: 190px;
			left: 665px;
			border: 6px #ffffff solid;
		}
		
		div#right div#menu {
			position: relative;
			height: 153px;
			width: 262px;
			background: url(css/images/bg_right_menu.jpg) no-repeat 0px 5px;
		}
		
		div#right h2 {
			margin: 0 0 5px 0;
			padding: 0;
			color: #000000;
			font-size: 16px;
			font-weight: normal;
		}
		
		div#right p {
			margin: 0;
			padding: 0;
			font-size: 11px;
		}
		
		div#right div#menu div.box1 {
			position: relative;
			float: left;
			width: 200px;
			margin-top: 15px;
			margin-left: 63px;
			margin-right: 10px;
		}
		
		div#right div#afbeelding {
			position: absolute;
			top: 190px;
			left: 665px;
			border: 6px #ffffff solid;
		}
	
	/* Site::Footer
	--------------------------------------------------------------------*/
	div#site div#footer {
		position: relative;
		height: 101px;
		width: 998px;
		margin-top: 25px;
		background: url(css/images/img_footer.jpg) no-repeat;
	}
	
		div#site div#footer div#copyright {
			position: absolute;
			top: 50px;
			left: 200px;
			color: #8ba5c3;
			font-size: 11px;
			line-height: 12px;
		}
		
		div#site div#footer div.sitemap {
			position: absolute;
			top: 50px;
			left: 930px;
			color: #8ba5c3;
			font-size: 11px;
		}
		
		div#site div#footer a {
			color: #8ba5c3;
			text-decoration: none;
			font-size: 11px;
			line-height: 12px;
		}
		
		div#site div#footer a:hover {
			text-decoration: underline;
		}


/* Other
--------------------------------------------------------------------*/
	div.clear {
		clear: both;	
	}

	div.back {
		margin: 0;
		padding: 0;
	}
	
	div.back a {
	
	}
	
	div.back a:hover {
	
	}
	
	div.print {
		margin: 0;
		padding: 0;
	}
	
	div.print a {
	
	}
	
	div.print a:hover {
	
	}
	
	div.mail {
		margin: 0;
		padding: 0;
	}
	
	div.mail a {
		
	}
	
	div.mail a:hover {
		
	}