/*
* <./css>
* 
* Bestandsnaam:    style.css
* Gecreeerd door:  - onbekend -
* 
* Beschrijving:		 Verzameling opmaakcodes. Bestand zorgt voor scheiding van opmaak van content   
*
* Geschiedenis:       
*
* Bram & Bastiaan	17-mei 12:36		
*   Header toegevoegd, uitlijning en naamgeving "#menu" gewijzigd. #menu -> #titel
*
*/

body 
	{margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF}

.tekst
	{margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF}
	
.titel 
	{margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #044973;
	background: #FFFFFF;}


table
	{margin: 0;
	padding: 3;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	table.cont
	{margin: 0;
	padding: 3;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
td
	{margin: 0;
	padding: 3;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;}	

tr
	{margin: 0;
	padding: 3;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}	

/* Hoof Layout Container + Banner*/
	#menu
		{width: 800px; 
		background-image: URL('../images/top.png');
		color: white;
		height: 120px;
		text-align: left;}	

	#titel
		{width: 800px; 
		background-color:#FFFFFF;
		color: white;
		height: 40px;
		text-align: left;}		

	#container 
		{width: 850px;
		height: 640px; 
		float:center;
		position: relative;
		margin: 0 auto;		
		display: block;
		background-color: #FFFFFF;
		vertical-align: middle;
/*		border-left: 2px solid #515151; */ 
		background-image: url('../IMAGES/background.png');
		background-repeat: no-repeat;}

/* Leftcontainer */
	#leftcontainer
		{width: 200px;
		height: 600px;
		position: absolute;
		left: 40px;
		top: 80px;
		float: left;
		display: block;
		padding-left:5px;
		background-color: transparent;
		text-align: justify;}

	.left
		{width: 122px;
		height: 300px;/* 200 */
		position: absolute;
		left: 68px;
		top: 120px;
		max-height:300px;
		margin-top: 0px;
		padding:0px;
		border: 0px solid #515151;
		background-color: transparent;
		overflow: hidden;
		text-align: left;
		}	

	.left3
		{width: 200px;
		height: 300px;
		float: left;
		display: block;
		margin-top: 15px;
		padding:5px;
		border-bottom: 0px solid #515151; 
		background: transparent;
		text-align: justify;}
		
	.left2
		{width: 200px;
		float: left;
		display: block;
		margin-top: 15px;
		padding:5px;
		border: 0px solid #515151;
		background-color:#FFFFFF;
		text-align: justify;}

	.bottom
		{width: 800px;
		height: 15px;
		float: left;
		vertical-align: bottom;
		display: block;
		margin-top: 15px;
		padding:5px;
		border: 0px solid #515151;
		background-color:#7c6089;
		text-align: justify;}


    .left a {
    padding-bottom: 5px;
    }


/* MainLeftcontainer */
	#mainleftcontainer
		{width: 370px;
		height: 100%;
		float: left;
		display: block;
		padding-left:5px;
		background-color: #FFFFFF;
		text-align: justify;}
	.mainleft
		{width: 370px;
		height: 100%;
		float: left;
		display: block;
		margin-top: 15px;
		padding:5px;
		border: 1px solid #515151;
		background-color:#FFFFFF;
		text-align: justify;}

	
	
/* Rightcontainer */
	#rightcontainer
		{width: 600px;
		height: 400px;
		position: absolute;
		top: 85px;
		right: 20px;
		display: block;
		margin-left:0px;
		padding-left:0px;
		border: 0px solid;
		background-color: transparent;
		text-align: left;}
		
	#logo
	    {width: 293px;
		height: 54px;
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		margin-left:0px;
		padding-left:0px;
		background-image: url(../images/logo.gif);
		background-color: transparent;
		text-align: justify;}		
		
	.right
		{width: 600px;
		height: 310px;
		position: float;
		overflow: auto;
		overflow-x: hidden;
		display: block;
		margin-left:0px;
		padding-left:0px;
		border: 0px solid;
		background-color: transparent;
		text-align: left;}
		
.home
		{width: 500px;
		height: 500px;
		overflow: auto;
		border-top: 1px solid #515151;
		border-right: 1px solid #515151;
		float: left;
		display: block;
		padding:10px;
		margin-top: 15px;
  	    background-image: URL('../images/HomeBG.png');
		background-repeat: no-repeat;
		background-color:#FFFFFF;
		text-align: justify;}

.projecten
		{width: 700px;
		height: 500px;
		overflow: auto;
		border-top: 1px solid #515151;
		border-right: 1px solid #515151;
		float: left;
		display: block;
		padding:10px;
		margin-top: 15px;
  	    background-image: URL('../images/ProjectenBG.png');
		background-repeat: no-repeat;
		background-color:#FFFFFF;
		text-align: justify;}
		
.advies
		{width: 700px;
		height: 500px;
		overflow: auto;
		border-top: 1px solid #515151;
		border-right: 1px solid #515151;
		float: left;
		display: block;
		padding:10px;
		margin-top: 15px;
  	    background-image: URL('../images/AdviesBG.png');
		background-repeat: no-repeat;
		background-color:#FFFFFF;
		text-align: justify;}
	
.contact
		{width: 700px;
		height: 500px;
		overflow: auto;
		border-top: 1px solid #515151;
		border-right: 1px solid #515151;
		float: left;
		display: block;
		padding:10px;
		margin-top: 15px;
  	    background-image: URL('../images/ContactBG.png');
		background-repeat: no-repeat;
		background-color:#FFFFFF;
		text-align: justify;}
		
 /* Rightcontainer */
	#mainrightcontainer
		{width: 370px;
		float: right;
		display: block;
		margin-left:20px;
		padding-left:5px;
		text-align: justify;}
	.mainright
		{width: 370px;
		float: left;
		display: block;
		border: 1px solid #515151;
		padding: 5px;
		margin-top: 15px;
		background-color:#FFFFFF;
		text-align: justify;}


	
a
	{font-family: arial, Helvetica, sans-serif;font-size: 12px; font-weight:bold; text-decoration: none;color:#3957a6;}
a:visited.
	{font-family: arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;color: #3957a6;}
a:active
	{font-family: arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;color: #3957a6;}
a:hover
	{font-family: arial, Helvetica, sans-serif; font-size: 12px;  font-weight:bold; text-decoration: underline; color:#3957a6;}

		
.kop1
	{font-size:16px;
	color:#adcfe2;
	text-decoration: underline;
	font-weight:bold;}
	
.kop2
	{border-bottom: 2px solid #990066;
	font-size:16px;
	font-weight:bold;
	color:#000000 }
	
.kop3
	{border-bottom: 0px solid #990066;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF}

.kop4
	{border-bottom: 2px solid #990099;
	width: 300px;
	font-size:16px;
	font-weight:bold;
	color:#000000 }
	
.kop5
	{border-bottom: 2px solid #990066;
	width: 45 0px;
	font-size:16px;
	font-weight:bold;
	color:#000000 }

input		
	{font-family: verdana, arial;   
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px ridge Black;}

input.form		
	{font-family: verdana, arial;   
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px ridge Black;}

select		
	{font-family: verdana, arial;   
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px ridge Black;}

textarea
	{font-family: verdana, arial;   
	font-size: 11px;
	color: #000000;
	border: 1px ridge Black;}