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

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

img{
	border: 0px;
	}

.floatright{
  float: right;
  margin-left: 20px;
  
  }

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

	h2{	
		font-family: Verdana, Calibri, "Trebuchet MS", Verdana;
		font-size: 16px;
		color: #0088ce;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
		
	h3{	
		font-family: Verdana, Calibri, "Trebuchet MS", Verdana;
		font-size: 14px;
		color: #0088ce;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
				
	h4{	
		font-family: Verdana, Calibri, "Trebuchet MS", Verdana;
		font-size: 12px;
		color: #0088ce;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
				
	h5{	
		font-family: Verdana, Calibri, "Trebuchet MS", Verdana;
		font-size: 10px;
		color: #0088ce;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
		
	h6{	
		font-family: Verdana, Calibri, "Trebuchet MS", Verdana;
		font-size: 9px;
		color: #0088ce;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}
	/* EINDE H-TAGS */

/* EINDE ALGEMEEN */

/*CONTAINER(S)*/
#container{
	width: 100%;
	height: auto;
  margin: 0px;
	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: 150px;
		background: url('Images/layout/header.png') repeat-x;
		background-position: top left;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#header .logo{
    margin-top: 20px;
    margin-left: 10px;
    }
  
  #adres{
    top: 30px;
    left: 800px;
    width: 200px;
    position: absolute;
    }
  
  #foto_header{
    position: absolute;
    top: 0px;
    left: 220px;
    z-index: 5;}
	/* EINDE HEADER(S) */

	/* CONTENT */
	#content{
		width: 749px;
		height: auto;
    margin-left: 250px;
    margin-top: 94px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}

	#content-top{
		width: 749px;
		height: 24px;
		background: url('Images/layout/content-top.png') no-repeat;
		background-position: top left;
    margin-left: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
		
	#content-middle{
		width: 749px;
		height: auto;
		background: url('Images/layout/content-middle.png') repeat-y;
		background-position: top left;
    margin-left: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
		
	#content-bottom{
		width: 749px;
		height: 24px;
		background: url('Images/layout/content-bottom.png') no-repeat;
		background-position: top left;
    margin-left: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#column{
		width: 700px;
		min-height: 280px;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	/* EINDE CONTENT */		
	
	/* NAVIGATIE */
	#nav{
		width: 192px;
		height: auto;
		background: url('Images/layout/nav_hoek.png') no-repeat;
		background-position: bottom left;
    margin: 0px;
    padding-bottom: 4px;
    top: 150px;
    left: 0px;
		overflow: visible;
		border: 0px solid #000; 
		z-index: 3;
		position: absolute; /* Zoveel mogelijk proberen de navigatie onder de content te zetten in xhtml dmv de absolute */
		}
	
	#nav ul{
		width: auto;
		height: auto;
		margin: 0px;
		list-style-type: none;
		list-style-position: outside;
		}
	
	#nav li{
		width: 188px;
		height: 34px;
		vertical-align: middle;
		line-height: 30px;
		background: url('Images/layout/menu.png') no-repeat bottom left;
		padding-left: 10px;
		/*float: left; Bij een horizontaal menu float: left anders weglaten*/
		}
		
	#nav li:hover{
		width: 188px;
		height: 34px;
		vertical-align: middle;
		line-height: 30px;
		background: url('Images/layout/menu_current.png') no-repeat;
		padding-left: 10px;
		cursor: pointer;
		/*float: left; Bij een horizontaal menu float: left anders weglaten*/
		}
		
	#nav li.current{
		width: 188px;
		height: 34px;
		vertical-align: middle;
		line-height: 30px;
		background: url('Images/layout/menu_current.png') no-repeat;
		padding-left: 10px;
		/*float: left; Bij een horizontaal menu float: left anders weglaten*/
		}
		
	/* voor als er een knop actief moet staan */
	/*
	#nav li.current{
		width: auto;
		height: auto;
		padding: 0px;
		}
	*/

		/* SUBMENU */
		#nav ul ul{
			width: auto;
			height: auto;
			margin: 0px;
			list-style-type: none;
			list-style-position: outside;
			}
	
		#nav ul ul li{
			width: auto;
			height: auto;
			padding: 0px;
			}
		/* EINDE SUBMENU */
		
	/* EINDE NAVIGATIE */	

	/* FOOTER */
	#footer{
		width: auto;
		height: auto;
    margin-left: 270px;
    margin-top: 10px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#copyright{
		width: auto;
		height: auto;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	/* EINDE FOOTER */
	
/* EINDE CONTAINER(S) */