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

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

img{
	border: 0px;
	}

	/* LINKS */			 
	a:link{
		color: #e9292f; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:hover{
		color: #040707; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:visited{
		color: #e9292f; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:visited:hover{
		color: #040707; 
		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: 14px;
		}
		
	#nav a:hover{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-weight: bold;
		font-size: 14px;
		}
		
	#nav a:visited{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 14px;
		}
		
	#nav a:visited:hover{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-weight: bold;
		font-size: 14px;
		}
		
	#nav li li a:link{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 11px;
		}
		
	#nav li li a:hover{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 11px;
		}
		
	#nav li li a:visited{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 11px;
		}
		
	#nav li li a:visited:hover{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-size: 11px;
		}
	/* EINDE LINKS */
	
	/* H-TAGS */
	h1{	
		font-family: Verdana, Calibri, "Trebuchet MS", Verdana;
		font-size: 18px;
		color: #e9292f;
		font-weight: normal;
		line-height: normal;
		text-decoration: none;
		}

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

/* EINDE ALGEMEEN */

/*CONTAINER(S)*/
#background{
  position: fixed;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background: url('Images/layout/loading.gif') center center no-repeat;
  }

#background-spar{
  position: fixed;
  z-index: 1;
  background: url('Images/layout/spar.jpg') no-repeat;
  width: 100%;
  height: 768px;
  overflow: hidden;}

#container{
	width: 100%;
	position: relative; /*OPTIES: relative(standaard gebruiken), fixed(scrollt mee), absolute(los van andere divisions)*/
	z-index: 1;
	}
		
	/* HEADER(S) */
	#header{
		width: 606px;
		height: 108px;
		background: url('Images/layout/head.png') no-repeat;
		background-position: top left;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		}
	
	#adres{
    position: absolute;
    top: 5px;
    left: 470px;
    z-index: 3;
    line-height: 16px;}
	/* EINDE HEADER(S) */

	/* CONTENT */
	#content-home{
		width: 243px;
		height: 440px;
		background-color: #f7f7f7;
    margin-left: 109px;
    margin-top: 53px;
		padding-bottom: 0px;
		overflow: auto;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		visibility: visible;
		}
	
	#content-home #column{
		width: 207px;
		height: 410px;
		background: url('/img/layout/text_bg.jpg') no-repeat;
		background-position: top left;
    margin: 5px;
    top: 10px;
    margin-left: 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		overflow: visible;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		}
		
	#content-projecten{
		width: 486px;
		height: 440px;
		background-color: #f7f7f7;
    margin-left: 109px;
    margin-top: 53px;
		padding-bottom: 0px;
		overflow: auto;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		visibility: visible;
		}
	
	#content-projecten #column{
		width: 207px;
		height: 410px;
		background: url('/img/layout/text_bg.jpg') no-repeat;
		background-position: top left;
    margin: 5px;
    top: 10px;
    margin-left: 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		overflow: visible;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		}
	
	#content{
		width: 486px;
		height: 440px;
		background-color: #f7f7f7;
    margin-left: 109px;
    margin-top: 53px;
		padding-bottom: 0px;
		overflow: auto;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		visibility: visible;
		}
	
	#column{
		width: 440px;
		height: 410px;
		background: url('/img/layout/text_bg.jpg') no-repeat;
		background-position: top left;
    margin: 5px;
    top: 10px;
    margin-left: 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		overflow: visible;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		}
	
	#project_image{
    width: 300px;
    height: 440px;
    left: 620px;
    top: 161px;
    background: #e9292f; /*#e9292f*/
    position: absolute;
    }
    
  #project_image2{
    width: 300px;
    height: 440px;
    left: 620px;
    top: 161px;
    background: #000; /*#e9292f*/
    position: absolute;
    }
  
  #project_image img{
    margin-top: 10px;
    margin-left: 10px;
    }

  #project_image2 img{
    margin-top: 10px;
    margin-left: 10px;
    }
  
  #image_column{
    width: 248px;
    height: 440px;
    left: 387px;
    top: 161px;
    position: absolute;
    z-index: 3;
    }
  
  #column ul{
    margin-left: 15px;}
  
  #contact_gegevens{
    position: absolute;
    left: 375px;
    top: 500px;
    z-index: 3;
    }

	/* EINDE CONTENT */		
	
	/* NAVIGATIE */
	#nav{
		width: 121px;
		height: 462px;
		background: url('Images/layout/nav.png') no-repeat;
		background-position: top left;
		left: 0px;
		top: 150px;
    margin: 0px;
		padding: 0px;
		overflow: visible;
		border: 0px solid #040707; 
		position: absolute; /* Zoveel mogelijk proberen de navigatie onder de content te zetten in xhtml dmv de absolute */
		z-index: 3;
		}
	
	#nav #menu{
		width: 109px;
		height: auto;
		margin-top: 11px;
		padding-bottom: 50px;
		padding-top: 20px;
		background: url('Images/layout/menu.png') no-repeat left bottom;
		background-color: #e9292f;
		list-style-type: none;
		list-style-position: outside;
		}
	
	#nav #menu .li{
		min-height: 40px;
		height: auto !important;
		background: url('Images/layout/arrow.png') no-repeat left 3px;
		padding-left: 20px;
		/*float: left; Bij een horizontaal menu float: left anders weglaten*/
		}
		
	/* voor als er een knop actief moet staan */
	/*
	#nav li.current{
		width: px;
		height: px;
		padding: px;
		}
	*/

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

	/* FOOTER */
	#footer{
		background: url('/img/layout/footer_bg.jpg') no-repeat;
		background-position: top left;
    top: 630px;
		overflow: visible;
		border: 0px solid #040707; 
		position: absolute;
		z-index: 2;
		}
	
	#copyright{
		background: url('/img/layout/copyright_bg.jpg') no-repeat;
		background-position: top left;
		overflow: visible;
		border: 0px solid #040707; 
		position: relative;
		z-index: 2;
		}
	
	#copyright ul li{
    float: left;
    list-style-type: none;
    }
	/* EINDE FOOTER */
	
/* EINDE CONTAINER(S) */