* {
	padding:0;
	left: auto;
}

/* definitie van tekst face en groote en kleur*/
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#333;
	line-height:1.5;
	background-color: #FCF8EF
}
/*definitie van tekstkleur links*/
a:link {color:#c00}
a:visited{color:#036}
a:hover{color:#069}
a:active{color:#069}

/*headings*/
h1, h2, h3{
	margin:1em 0 .3em 0;
	color:#000;
	border-bottom:1px solid #eee
}

h1{
	font-size:140%;
	margin-top:0;
}

h2{
	font-size:120%;
}	

h3{
	font-size:100%;
}

/*lijstjes*/
ul{list-style-type:none}
li{
	padding-left:105px;
	background: transparent url("images/nav_bullet.gif") no-repeat 10px 7px;
}

#header{
	width:100%;
	height: 100px;
	background: url("images/graan2.jpg") repeat-x 0 100%;
	margin: -27px 0 30px 0;
	padding:0 0 8px 0;
	border-bottom-style:solid;
	border-bottom-width:thick;
	border-bottom-color:#FF6600;
}

#header #sitename{
	font-size:80%;
	padding:0 0 0 25px;
	color: #ccc;
	text-align: right;
	display:block;
}

#container
  {
  background-color: #F5F0E9;
  width:1000px;
  margin:0px auto;
  position:relative;
  text-align:left;
  background-position:center;
  border:1px solid #CCC;
}

#ScrollBar{
/* Typical fixed height and fixed width example */

width: 590px;
height: 600px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/

position: relative;
margin: 5px auto;
padding: 5px;
scrollbar-arrow-color: #cebca5;
scrollbar-face-color: #a3907c;
scrollbar-highlight-color: #F5FBEF;
scrollbar-3dlight-color: #CCC;
scrollbar-shadow-color:  #000;
scrollbar-darkshadow-color: #333;
scrollbar-track-color: #F5FBEF;
}

/*#logo{
	display: block;
	position:absolute;
	top: 10px;
	margin: 0 0 10px 10px;
	
}*/

#nav{
	font-weight:bold;
	/*overflow:auto;*/
	margin:0 50px 0 50px;
	position:absolute;
	top:39px;
	
}

#nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li{
	background: #B36407;
	float:left;
	margin-right:3px;
	margin-top: 27px;
	padding:0;
}

#nav li.right{
	float:right;
	margin-right:0;
	margin-left: 150px;
}

#nav li.active{
	background-color:#fb6500;
}

#nav a{
	text-decoration:none;
	color:#fff;
	display:block;
	padding: 10px 4px 5px 10px;
	
}

#nav a:hover{
	color:#000;
}



/*indeling van pagina in drie kolommen*/
#wrap{
	margin: 0 auto;
	width:85%;
}

#content-wrap{
	position:relative;
	width:100%;
	background: transparent url("images/content_wrap_bg.gif") repeat-y 180px 0;
}

#content{
	margin: 0 25% 0 200px;
	
}

#kolom-links{
	position:absolute;
	top:0;
	left:5px;
	width:170px;
	margin: 0;
	background: url("images/logo_2.gif") no-repeat;
	background-position:top;
	padding-top:130px;
	padding-left:5px;
}

#kolom-rechts{
	width:180px;
	position:absolute;
	top:0px;
	right:10px;
	padding-top:1px;
}


#achtergrond-rechts{
	padding: 10px;
	background: #f6f6f6 url("images/featurebox_bg_01.gif") no-repeat 100% 100%;
	margin: 0 0 1.5em 0;
	height: 400px;
	width: 165px;
}

/* eigen achtergrond kleur actieve link*/
.styleActievelink {
	font-weight: bolder;
	color: #000000;
}

 table.categorie {
	 border-collapse: collapse;
 }
 .categorie th {
	 font-weight: bold;
	 font-size:120%;
 }
 
  table.assortiment{
	 border-collapse: collapse;
 }
 .assortiment th {
	font-weight: bold;
	font-size:120%;
	padding:0px 10px 0px 10px;
	text-align: left;
	vertical-align: top;
 }
  .assortiment td {
	padding:0px 5px 20px 10px;
	text-align: left;
	vertical-align: top;
 }

  .assortiment em {
	padding:0px 0px 20px 0px;
	text-align: left;
	vertical-align: top;
 }

/* informatie tbv contactformulier */
/*
	#formulier {
		background-color:#FCF8EF;
	}

  #persoon label {
  float:left;
  margin:0px 0px 8px 4px;
  width:125px;
  }
 
   br {
  clear:left;
  }

  #persoon input {
  width:200px;
  }

  #persoon select {
  margin: 0px 12px 6px 131px;
  }

  #persoon {
	padding-left:5px;
	margin:15px 15px 5px 15px;
	width:450px;
  }
  
  #soort {
	padding-left:5px;	  
	margin:0px 15px 5px 15px;
	width:450px;
  }
 
  #reactie {
	padding-left:5px;
	margin:0px 15px 5px 15px;
	width:450px;
  }
  
  #reactie textarea {
  margin:0px 0px 9px 0px;
  }

  #klaar {
  border:none;
  width:150px;
  }

  #zendknop {
	border:hidden;
	
	padding-left:5px;
	margin:0px 15px 5px 15px;
	width:450px;
  }
*/  
  #klaar {
  border:none; 
  width:150px;
  }

  #klaar input {
  width:150px; 
  }
  
  #klaar legend {
  display:none;
  }
  
  .fout {
    font-weight:bolder;
    color:#990000;
  }.tabelkop {
	color: #333;
	background-color: #DFDFDF;
	font-weight: bolder;
}


/*********************************  styles for order form **********************************/
/*
body, td, th, input  { 
	font-family: Verdana, arial, helvetica, sans-serif; 
	font-size: 12px; 
	}
h1	{ font-size:1.5em; }	
a:link, a:visited	{ color:#339 }		

table { border:1px dashed #337 }
td  { text-align:left; vertical-align:top; padding:4px 6px }
th	{ 
  text-align:center; font-size: 14px;
  padding:6px 8px;
  background-color:#eef0f7;
  border-bottom:1px dashed #337
  }
th.first { text-align:left }
tr.even { background-color:#eef0f7 }
tr.odd {}
td.qty { text-align:center }
td.lbl, td.cur { text-align:right }
td.gtot { text-align:right; background-color:#eef0f7; font-weight:bold }
td.btns { text-align:center }
input.cur { text-align:right }
input.btn { 
	background-color:#336;
	color:#fff;
	margin:2px 0 
	}*/