/* 
	CSS Document
	Auteur: Dwayne Roberts
	Digimomedia */


	@import "reset.css";    	


/*---------------------------------------------------------------------------- 
																   Algemeen */

	html { 
		height:100%; 
		width:100%; 
	}
	
		
	body { 
	 	background:#fff url('../images/background.jpg') repeat-y top center; 
		color:#444;	
		font:normal 12px/18px Arial, sans-serif; 
		text-align:center; 
	}
		
	
	p { 
		padding-bottom:15px; 
	}
	
	
	em {
		color:#c67719;
		font-weight:normal;
		display:block;
		padding:5px 0;

	}
	#content strong { color:#a3620a;}
	
	table { background:#fdebd6; margin:20px 0; color:#4d320c; border-bottom:1px solid #ffe1be; font:normal 11px Arial, sans-serif;}
	td, th { padding:10px;}
	
		
	
/*---------------------------------------------------------------------------- 	
    															 Structuur  */
    															 
	#container	{
		margin:auto; 
		width:750px;
		text-align:left;
	 	min-height:600px;
	 	height:auto !important;
	 	height:600px;
	}


	#logo {
		width:150px;
		height:67px;
		float:left;
	}
	
	
	#logo a img {
		border:0px;
		text-decoration:none;
	}
	
	
	#menu {
		height:67px;
		float:right;
		background:url('../images/menu_background-bar.gif') repeat-x;	
	}
		

	#content {
		width:400px;
		margin:20px 200px 20px 130px;		
	}
	#content.extended {
		width:600px;
		margin:70px 0 0 100px;
	}
	#content.extended a img, #content.extended a { border:0; text-decoration:none; display:block; }
	#content.extended a:hover { border:0; text-decoration:none; }
	
	#content.extended tr { vertical-align:top; }
	#content.extended td { border:solid #ffe1be; border-width:1px 1px 0 0;}
	#content.extended th { color:#a3620a; background:#ffe1be; font:bold 11px Arial, sans-serif; text-transform:uppercase; width:150px; }	

	#content a {
		text-decoration:none;
		border-bottom:1px dotted #a3620a;
		color:#a3620a;
	}
	
	#content a:hover {
		border-bottom:1px solid #000;
		color:#000;		
	}
	
	
	#content h1	{ 
	 	margin-left:-30px;
		margin-bottom:15px; 
		padding-left:30px; 
		background:url('../images/h1.jpg') no-repeat; 
		color:#737373; 
		font:normal 20px Arial, sans-serif; 			
		text-transform:uppercase; 
	}
	
	
	#content h2	{ 
		clear:left;
		margin-bottom:2px;
		color:#000; 
		font:bold 12px/20px Arial, sans-serif;   
		text-transform:uppercase; 
	}
		
	
	#content h3{ 
	 	color:#666; 
		font:bold 12px Arial, sans-serif; 
		text-transform:uppercase; 
	}
	
	
	#content p {
		line-height:18px;
		color:#4d320c;
	}
		
	

	#header {
		display:block;
		width:750px;
		height:275px;
	}	


	.alinea {
		float:left;
		padding-bottom:15px;
	}
	
	
	.keywords {
	 	float:left;
	 	margin-left:460px;
	 	height:5px;	 	
	}
	
	
	#referenties {
		margin-top:20px;
	}
	
	#referenties a img { border:1px dotted #ddd; padding:1px; }
	#referenties a { text-decoration:none; border:0px; margin:1px;  }
	#referenties a:hover { border:0px; }
	#referenties a:hover img { border:1px dotted #ddd; padding:1px; }
	

	#extracontent.nieuws {
		width:610px;
		margin-top:50px;
		background:#f7941d url('../images/background_extra.jpg') no-repeat;
		padding:80px 10px 10px 130px;	
	}	
	
	#extracontent.downloads  {
		width:610px;
		margin-top:1px;
		padding:20px 10px 30px 130px;
		background:#ccc;
	}		
	
	#extracontent h1 {
		margin-left:-10px;
		margin-bottom:5px; 
		font:bold 14px/20px Arial, sans-serif;   
		text-transform:uppercase; 				
		letter-spacing:-1px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		background:url('../images/extra_h1.gif') no-repeat;
	}
	
	#extracontent.downloads h1 {
		background:url('../images/extra_h1-2.gif') no-repeat;			
	}
	
	#extracontent h5 {
		color:#fff;
		font:bold 11px/11px Arial;
	}
	
	#extracontent p {
		padding:0px;
		clear:both;
	}
	
	
	#extracontent a {
		display:block;
		margin:10px 0 5px;
		padding-left:14px;
		font:normal 10px/12px Arial, sans-serif;
		text-decoration:none;
	}

	
	#extracontent.nieuws a {
		color:#362105;
		background:url('../images/bullet_meerinfo-1.gif') no-repeat;		
		background-position:0 50%;
	}
	
	#extracontent.downloads a {
	 	color:#333;	
		background:url('../images/bullet_meerinfo-2.gif') no-repeat;	 	
		background-position:0 50%;
	}
	
	#extracontent.nieuws a:hover {
		color:#000;
		text-decoration:underline;
	}
	
	#extracontent.downloads a:hover {
		color:#000;
		text-decoration:underline;
	}
	
	.divider { width:100%;  height:23px; margin:20px; background:url('../images/divider.gif') no-repeat center; }


	#footer {
		margin-top:1px;
		padding:50px 10px 0;
		height:50px;
		width:730px;
		font-size:10px;
		background:#333;
		color:#999;
	}
	
	
	#footer p.copyright {
		float:right;
		padding:0px;
		text-align:right;
	}
	
	
	#footer a { color:#999; text-decoration:none; }
	#footer a:hover { color:#f7941d; }
	
	
	
/*---------------------------------------------------------------------------- 	
    													   Menu en Lijsten  */

	
	#menu ul {	}
	
	
	#menu li { 
	 	float:left; 
	}
	
	
	#menu a img { 
	 	border:0px; 
	}
	
	
	#menu li span { 
		display:none; 
	}
	
	
	#submenu ul {
		clear:both;
		height:15px;
	 	width:750px;
	 	margin:30px 0 1px 0;
	 	text-align:right;
	 	background:#000;
	}
	
	
	#submenu li { 	 	
	 	float:left;
		color:#fff;
		font:bold 10px/14px Arial, sans-serif; 
		border-right:1px solid #999;
	}
	
	
	#submenu li a { 
	 	color:#FFF;
		display:block;
		padding:0 20px;
		text-decoration:none;	
	}	

	
	#submenu li a:hover { 
	 	color:#fff;
		background:#666;		
	}	
	
	#submenu li a.current:hover, #submenu li a.current {
		background:none;
		color:#f7941d;
	}
	
	#extracontent.nieuws li {
		background:url('../images/background_dotted_li_b.gif') repeat-x;
		color:#985d17; 
	}
		
	#extracontent.downloads li {
		background:url('../images/background_dotted_li_w.gif') repeat-x;		
		color:#666; 
	}
	
	#extracontent li {
		padding:5px 0;
		display:block;
		font:normal 11px/14px Arial, sans-serif;
	}
	
	#extracontent.nieuws li div.bericht {
		color:#000;
	}
	
	div.bericht p {

	}


	#content ul { margin:5px 15px 0px 15px;}
	#content li {
		list-style-type:none;
		background:url('../images/bullet.gif') no-repeat;
		background-position:0 50%;
		color:#a3620a;
		padding-left:12px;
	}
		
	
/*---------------------------------------------------------------------------- 	
    													   			 Extra  */	
    													   			 
    													   			 
/* Clearfix */
.clearfix:after {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0; }
.clearfix 		{	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }   

.orange { color:#f7941d; }