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

body{
	background: url('../Images/layout/background.jpg') no-repeat; /*OPTIES: no-repeat, repeat-y, repeat-x*/
	background-position: top center; /*OPTIES: top, bottom, center, left, right, inherit*/
	background-color: #5ec418;
	font-family: "Trebuchet MS", Verdana;
	font-size: 13px;
	line-height: 18px;
	color: #3c3b3d;
	line-height: normal;
	}

img{
	border: 0px;
	}

hr{
  background: #fff;
  border: 0px;
  height: 1px;
  width: 200px;
  }

	/* LINKS */			 
	a:link{
	color: #fff;
	text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
	border: 0px;
		}
		
	a:hover{
		color: #fff; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:visited{
		color: #fff;
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	a:visited:hover{
		color: #fff; 
		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-weight: normal;
		}
		
	#nav a:hover{
		color: #fff; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	#nav a:visited{
		color: #fff; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	#nav a:visited:hover{
		color: #fff; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	#column a:link{
		color: #FF0000; 
		text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		font-weight: normal;
		}
		
	#column a:hover{
		color: #FF0000; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
		}
		
	#column a:visited{
	color: #FF0000;
	text-decoration: none; /*OPTIES: ipv underline --> border-bottom*/
	border: 0px;
		}
		
	#column a:visited:hover{
		color: #FF0000; 
		text-decoration: underline; /*OPTIES: ipv underline --> border-bottom*/
		border: 0px;
				
		}
		
		
	/* EINDE LINKS */
	
	/* H-TAGS */
	
	h1{
	font-family: "Trebuchet MS", Verdana;
	font-size: 19x;
	color: #5ec418;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
		}

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

/* EINDE ALGEMEEN */

/*CONTAINER(S)*/
#container{
	width: 970px;
	height: auto;
  margin: auto;
	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: 950px;
		height: 40px;
		background: url('../Images/layout/kop.jpg') repeat-x;
		background-position: top left;
    margin-left: 10px;
    margin-top: 180px;
		overflow: visible;
		color: #fff;
		font-size: 14px;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
	
	#locatie{
    margin-left: 10px;
    top: 10px;
		overflow: visible;
		color: #fff;
		font-size: 14px;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}

	#header form{
	  right: 10px;
	  top: 7px;
    position: absolute;
    z-index: 3;
    }
  
  #header form input{
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    font-family: "trebuchet MS", Verdana;
    }
  
  #header form input.field{
    border: 0px;
    background: #858486;
    height: 21px;
    width: 140px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    margin-left: 20px;
    }
	
	/* EINDE HEADER(S) */

	/* CONTENT */
	#content{
		width: 950px;
		min-height: 500px;
		height: auto !important;
		height: 500px;
		background: #fff;
		background-position: top left;
		margin-top: 0px;
		padding: 10px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		line-height: 18px;
		z-index: 2;
					
		}
	
	#column{
		width: 452px;
		min-height: 444px;
    height: auto !important;		
		height: 444px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 18px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		
		}
	
	#table_container{
		width: 950px;
		height: auto;
		background-position: top left;
    /*margin: 10px; /* SAFARI LAAT DAN DE GEHELE CONTENT DIV 10PX ZAKKEN */
    margin-bottom: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}
		
		/* TABEL CONTAINER INHOUD */
		
		/* KOLOM 1*/		
		#kolom1{
	width: 231px;
	height: auto;
	background: url('../Images/layout/red-dash.jpg') repeat-y;
	background-position: top right;
	vertical-align: top;
	}
    
		#kolom2{
      width: 488px;
      height: auto;
      vertical-align: top;
	  }
    
		#kolom3{
      width: 231px;
      height: auto;
      background: url('../Images/layout/red-dash.jpg') repeat-y;
      background-position: top left;
      vertical-align: top;
      }
      
    #kolom1_tab1{
      width: 220px;  
      overflow: hidden;
      margin-left: -10px;
      margin-top: -5px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom1_tab1 thead{
      background: #5ec418;
      height: 34px; 
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      }

    #kolom1_tab1 thead td{
      padding-left: 10px;
      height: 34px;
      }

    #kolom1_tab1 tbody{
      background: #7ed046;
      min-height: 30px;
      height: auto !important;
      height: 30px; 
      font-size: 14px;
      line-height: 21px;
      color: #fff;
      }

    #kolom1_tab1 tbody td{
      padding-left: 4px;
      height: 5px;
      vertical-align: middle;
      cursor: pointer;
      }

    #kolom1_tab1 tbody img{
      margin-right: 10px;
      }

    #kolom1_tab2{
      width: 220px;  
      overflow: hidden;
	  font-size: 14px;
      margin-left: -10px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom1_tab2 thead{
      background: #ffb600;
      height: 34px;   
      font-size: 14x;
      line-height: 14px;
      color: #fff;
      }

    #kolom1_tab2 thead td{
      padding-left: 10px;
      height: 34px;
      }

    #kolom1_tab2 thead img{
      margin-right: 10px;   
      vertical-align: middle;
      }

    #kolom1_tab2 tbody{
      background: #ffc533;
      min-height: 30px;
      height: auto !important;
      height: 30px; 
      font-size: 14px;
      line-height: 21px;
      color: #fff;
      }

    #kolom1_tab2 tbody td img{
      cursor: pointer;
      vertical-align: middle;
	  padding-top: 0px;
	  padding-bottom: 0px;
      }
      
    #kolom1_tab3{
      width: 220px;  
      overflow: hidden;
      margin-left: -10px;
      position: relative;
      z-index: 2;  
	         
      }
    
    #kolom1_tab3 thead{
      background: #ff0001;
      height: 34px;   
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      }

    #kolom1_tab3 thead td{
      padding-left: 10px;
      height: 34px;	  
      }

    #kolom1_tab3 tbody{
      background: #ff3334;
      min-height: 30px;
      height: auto !important;
      height: 30px; 
      font-size: 14px;
      line-height: 21px;
      color: #fff;
      }

    #kolom1_tab3 tbody td{
	padding-left: 4px;
	height: 10px;
	vertical-align: middle;
	cursor: pointer;
      }

    #kolom1_tab3 tbody img{
      margin-right: 10px;
   	}
    
    /* EINDE KOLOM 1*/
    
    /* KOLOM 3 */
    
    #kolom3_tab1{
      width: 220px;  
      overflow: hidden;
      margin-right: -10px;
      margin-top: 0px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom3_tab1 thead{
      background: #5ec418;
      height: 34px;   
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      }

    #kolom3_tab1 thead td{
      padding-left: 10px;
      cursor: pointer;
      height: 34px;
      }

    #kolom3_tab1 thead img{
      margin-right: 10px;   
      vertical-align: middle;
      }

    #kolom3_tab2{
      width: 220px;  
      overflow: hidden;
      margin-right: -10px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom3_tab2 thead{
      background: #5f0783;
      height: 34px;   
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      }

    #kolom3_tab2 thead td{
      padding-left: 10px;
      cursor: pointer;
      height: 34px;
      }

    #kolom3_tab2 thead img{
      margin-right: 10px;   
      vertical-align: middle;
      }
      
    #kolom3_tab2 tbody{
      background: #7f399c;
      min-height: 30px;
      height: auto !important;
      height: 30px; 
      font-size: 14px;
      line-height: 21px;
      color: #fff;
      }

    #kolom3_tab2 tbody td{
      padding-left: 4px;
      height: 30px;
	  font-size: 14px;
      vertical-align: middle;
      }

    #kolom3_tab2 tbody img{
      margin-right: 10px;
      }
    
    #kolom3_tab2 #winkelwagen td{
      height: 20px;
      font-size: 12px;
      line-height: 12px;
      }
      
    #kolom3_tab2 #winkelwagen2 td{
      padding-left: 40px;
      }
      
    #kolom3_tab3{
      width: 220px;  
      overflow: hidden;
      margin-right: -10px;
      margin-top: -9px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom3_tab3 thead{
      background: #5f0783;
      height: 34px;   
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      border-top: 1px solid #fff;
      }

    #kolom3_tab3 thead td{
      padding-left: 10px;
      cursor: pointer;
      height: 34px;
      }

    #kolom3_tab3 thead img{
      margin-right: 10px;   
      vertical-align: middle;
      }
      
    #kolom3_tab4{
      width: 220px;  
      overflow: hidden;
      margin-right: -10px;
      margin-top: -9px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom3_tab4 thead{
      background: #5f0783;
      height: 34px;   
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      border-top: 1px solid #fff;
      }

    #kolom3_tab4 thead td{
      padding-left: 10px;
      cursor: pointer;
      height: 34px;
      }

    #kolom3_tab4 thead img{
      margin-right: 10px;   
      vertical-align: middle;
      }
      
    #kolom3_tab5{
      width: 220px;  
      overflow: hidden;
      margin-right: -10px;
      position: relative;
      z-index: 2;          
      }
    
    #kolom3_tab5 thead{
      background: #009ff3;
      height: 34px;   
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      }

    #kolom3_tab5 thead td{
      padding-left: 10px;
      cursor: pointer;
      height: 34px;
      }

    #kolom3_tab5 thead img{
      margin-right: 10px;   
      vertical-align: middle;
      }
      
    #kolom3_tab5 tbody{
      background: #33b2f5;
      min-height: 30px;
      height: auto !important;
      height: 30px; 
      font-size: 12px;
      line-height: 18px;
      color: #fff;
      }

    #kolom3_tab5 tbody td{
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 0px;
      padding-bottom: 0px;
      height: 1px;
      vertical-align: middle;
      }

    #kolom3_tab5 tbody img{
      margin-right: 10px;
      }
    
    #kolom3_tab5 input{
      padding-left: 5px;
      padding-right: 5px;
      border: 0px;
      background: #66c5f8;
      vertical-align: middle;
      margin-bottom: 10px;
      font-size: 14px;
      color: #fff;
      font-family: "Trebuchet MS";
      }
      
    #kolom3_tab5 input.field{
      width: 190px;
      height: 21px;
      padding-top: 5px;
	  background: #66c5f8;
      }
      
    #kolom3_tab5 input.button{
      width: 200px;
      height: 26px;
      text-align: left;
      
	  padding-left: 25px;
      border: 0px;
      background: url('../Images/layout/double_arrow.png') no-repeat left center;
      vertical-align: middle;
      margin-bottom: 0px;
      font-size: 14px;
      color: #fff;
      font-family: "trebuchet MS";
      cursor: pointer;
      }
          
    /* EINDE KOLOM 3 */
		
		/* EINDE TABEL CONTAINER INHOUD */
	/* EINDE CONTENT */		
	
	/* NAVIGATIE */
	#nav{
		width: 100%;
		height: auto;
		background: url('/img/layout/nav_bg.jpg') no-repeat;
		background-position: top left;
		font-size: 14px;
		line-height: normal;
		color: #fff;
		top: -170px;
		left: 0px;
		overflow: visible;
		border: 0px solid #000; 
		position: absolute; /* Zoveel mogelijk proberen de navigatie onder de content te zetten in xhtml dmv de absolute */
		z-index: 4;
		}
	
	#nav ul{
		width: auto;
		height: auto;
		left: -10px;
		list-style-type: none;
		list-style-position: outside;
		position: relative;
		}
	
	#nav li{
		width: auto;
		height: auto;
		margin-left: 10px;
		float: left; /*Bij een horizontaal menu float: left anders weglaten*/
		}
			
	/* EINDE NAVIGATIE */	

	/* FOOTER */
	#footer{
		width: 100%;
		height: 30px;
		background: url('/img/layout/footer_bg.jpg') no-repeat;
		background-position: top left;
		text-align: center;
		color: #fff;
		line-height: 12px;
		padding-top: 15px;
		overflow: visible;
		border: 0px solid #000; 
		position: relative;
		z-index: 2;
		}

	/* EINDE FOOTER */
	
/* EINDE CONTAINER(S) */