/*
* <./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: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background : #dddddd;}
table
	{margin: 0px;
	padding: 3px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}
td
	{margin: 0px;
	padding: 3px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;}	

/* Hoof Layout Container + Banner*/
	#menu
		{width: 100%; 
		background-color:#009900;
		color: white;
		height: 40px;
		text-align: left;}	
		
	#Root
		{width: 100%; 
		background-color:#FFFFFF;
		color: white;
		height: 10px;
		text-align: left;}	

	#titel
		{width: 100%; 
		background-color:#555555;
		color: white;
		height: 40px;
		text-align: left;}		

	#bodycontainer
		{width:760px;
		padding-bottom:5px;
		background-color:#FFFFFF;}
		

	#container 
		{width: 750px; 
		float:left;
		display: block;}

/* Leftcontainer */
	#leftcontainer
		{width: 160px;
		float: left;
		display: block;
		padding-left:5px;
		text-align: justify;}
	.left
		{width: 160px;
		color:#0066FF;
		font-weight:bold;
		float: left;
		display: block;
		margin-top: 15px;
		padding:1px;
		background-color:#fcfcfc;}


/* MainLeftcontainer */
	#mainleftcontainer
		{width: 370px;
		float: left;
		display: block;
		padding-left:5px;
		text-align: justify;}
	.mainleft
		{width: 370px;
		float: left;
		display: block;
		margin-top: 15px;
		padding:1px;
		background-color:#fcfcfc;
		text-align: justify;}
		
	
/* Rightcontainer */
	#rightcontainer
		{width: 560px;
		float: right;
		display: block;
		margin-left:5px;
		margin-right:5px;
		padding-top:1px;
		padding-left:5px;
		text-align: justify;}
	.right
		{width: 560px;
		float: left;
		display: block;
		padding:1px;
		margin-top: 15px;
		background-color:#fcfcfc;
		text-align: justify;}
		
		
 /* Rightcontainer */
	#mainrightcontainer
		{width: 370px;
		float: right;
		display: block;
		margin-left:10px;
		padding-left:5px;
		text-align: justify;}
	.mainright
		{width: 370px;
		float: left;
		display: block;
		border: 1px solid #515151;
		padding: 5px;
		margin-top: 15px;
		background-color:#fcfcfc;
		text-align: justify;}

a
	{font-family: verdana, arial, sans-serif;font-size: 12px;text-decoration: none;color: #0066FF;}
a:visited.
	{font-fmily: verdana, arial; font-size: 12px;text-decoration: none;color: #0066FF;}
a:active
	{font-family: verdana, arial;font-size: 12px;text-decoration: none;color: #0066FF;}
a:hover
	{font-family: verdana, arial;font-size: 12px;text-decoration: underline;color: #0066FF;}


.TekstMain
	{font-family: verdana, arial;   
	font-size: 11px;
	font-weight: normal;
	color:#0066FF;}
		
.kop1
	{border-bottom: 1px solid #009900;
	color:#009900;
	font-size:16px;
	font-weight:bold;}

.kop2
	{color:#009900;
	font-size:14px;
	font-weight:bold;}

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;}