/* ALGEMEEN */
	/* ALGEMENE BROWSER MARGIN/PADDING */
	*{
		margin: 0px; 
		padding: 0px;
		}
	/* EINDE ALGEMENE BROWSER MARGIN/PADDING */	

html{
	
	}
	
body{	
	background: url('../Images/Lay-out/background.jpg'); /*OPTIES: no-repeat, repeat-y, repeat-x*/
	background-position: top left; /*OPTIES: top, bottom, center, left, right, inherit*/
  background-color: #303030;
  font-family: Arial, Calibri, "Trebuchet MS", Arial;
	font-size: 12px;
	color: #000;
	line-height: normal;
	}

img{
	border: 0px;
	}

	/* LINKS */			 
	a:link{
		color: #000; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:hover{
		color: #000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:visited{
		color: #000; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:visited:hover{
		color: #000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
	
	#nav a:link{
		color: #000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 18px;
		}
		
	#nav a:hover{
		color: #000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 18px;
		}
		
	#nav a:visited{
		color: #000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 18px;
		}
		
	#nav a:visited:hover{
		color: #000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 18px;
		}	
	/* EINDE LINKS */
	
	/* H-TAGS */
	h1{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 24px;
		color: #000;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}

	h2{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 18px;
		color: #000;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
		
	h3{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 14px;
		color: #000;
		font-weight: bold;
		line-height: normal;
		text-decoration: none;
		}
				
	h4{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 14px;
		color: #000;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
		
	.h4{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 14px;
		color: #000;
		font-weight: bold;
		line-height: normal;
		text-decoration: none;
		}
				
	h5{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 12px;
		color: #000;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
		
	h6{	
		font-family: Arial, Calibri, "Trebuchet MS", Arial;
		font-size: 11px;
		color: #000;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
	/* EINDE H-TAGS */

/* EINDE ALGEMEEN */

/*CONTAINER(S)*/
#container{
	width: 970px;
	height: auto;
	background-color: #fff;
  margin: auto;
  margin-top: 20px;
	padding: 0px;
	overflow: visible; /*OPTIES: visible(standaard gebruiken), hidden, auto*/
	border: 0px solid #000; /*OPTIES: dashed, dotted, double, solid*/
	position: relative; /*OPTIES: relative(standaard gebruiken), fixed(scrollt mee), absolute(los van andere divisions)*/
	z-index: 1;
	}
		
	/* HEADER(S) */
	#header{
		width: 100%;
		height: 330px;
		background: url('../Images/Lay-out/head.jpg') no-repeat;
		background-position: top left;
		background-color: #fff;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#header2{
		width: 100%;
		height: 330px;
		background: url('../Images/Lay-out/head2.jpg') no-repeat;
		background-position: top left;
		background-color: #fff;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#header3{
		width: 100%;
		height: 330px;
		background: url('../Images/Lay-out/head3.jpg') no-repeat;
		background-position: top left;
		background-color: #fff;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#header4{
		width: 100%;
		height: 330px;
		background: url('../Images/Lay-out/head4.jpg') no-repeat;
		background-position: top left;
		background-color: #fff;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	/* EINDE HEADER(S) */

	/* CONTENT */
	#content{
		width: 955px;
		min-height: 320px;
		height: auto !important;
    height: 320px;    
		background: url('../Images/Lay-out/content.jpg') no-repeat;
		background-position: top left;
		background-color: #fff;
    margin: 0px;
		padding-left: 15px;
		padding-top: 20px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#column{
		width: 700px;
		height: auto;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#note{
		width: 259px;
		height: 237px;
		right: -18px;
		top: -30px;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: absolute;
		z-index: 2;
		}
	
	#banner_right_1{
		width: 190px;
		height: 108px;
		background: url('../Images/Lay-out/button.jpg') no-repeat;
		right: 20px;
		top: 215px;
    margin: 0px;
		padding-top: 20px;
		padding-left: 25px;
		overflow: visible;
		border: 0px solid #000; 
		position: absolute;
		z-index: 2;
		}
	
	#banner_right_2{
		width: 190px;
		height: 108px;
		background: url('../Images/Lay-out/button.jpg') no-repeat;
		right: 20px;
		top: 340px;
    margin: 0px;
		padding-top: 20px;
		padding-left: 25px;
		overflow: visible;
		border: 0px solid #000; 
		position: absolute;
		z-index: 2;
		}
	/* EINDE CONTENT */		
	
	/* NAVIGATIE */
	#nav{
		width: 247px;
		height: auto;
    margin: 0px;
		padding: 0px;
		top: 210px;
		left: 496px;
		overflow: visible;
		border: 0px solid #000; 
		position: absolute; /* Zoveel mogelijk proberen de navigatie onder de content te zetten in xhtml dmv de absolute */
		}
	
	#nav ul{
		width: 100%;
		height: auto;
		list-style-type: none;
		list-style-position: outside;
		}
	
	#nav li{
		width: 100%;
		height: 29px;
		text-align: center;
		line-height: 29px;
		background: url('../Images/Lay-out/nav.png');
		margin-top: 1px;
		}
		
	#nav li:hover{
		background: #eee;
		cursor: pointer;
		}
		
	/* EINDE NAVIGATIE */	

	/* FOOTER */
	#footer{
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-top: 25px;
		bottom: 5px;
		left: 0px;
		overflow: visible;
		border: 0px solid #000;
    	font-size: 10px; 
		position: absolute;
		z-index: 3;
		}
	/* EINDE FOOTER */
	
	/* HOME LIST ITEMS */
	div#column ul
	{
		margin-left: 25px;
		margin-top: 5px;
	}
	
		div#column ul li
		{
			font-style: italic;
			min-height: 20px;
			line-height: 20px;
			list-style-type: square;
		}
	
	/* END HOME LIST ITEMS */
	
/* EINDE CONTAINER(S) */