/* @group Boxes */
/* @group ALLE BOXES */

/* Horizontaal patroon */
#linebg {
	display: block;
	position: absolute;
	right: 0;
	top:  0;
	width: 100%;
	height: 525px;
	background: transparent url(DesignerImages/linebg.jpg) repeat-x; 
	z-index: 0;
	}

/* Totale omliggende container */
#container {
	position: relative;
	left: 0;
	top:  75px;
	width: 950px;
	height: 449px;
	background: transparent;
	zoom: 1;
	z-index: 9;
	}

	/* Marge linkerkant "grijze blokken" */
	#left {
		float: left;
		width: 49px;
		height: 449px;
		background: transparent url(DesignerImages/lef_bg.gif) 0 -75px no-repeat;
		border-right: 1px solid #33337c;
		}

	/* Logo */
	#logo {
		float: left;
		height: 449px;
		width: 149px;
		background: transparent url(DesignerImages/logo.gif) no-repeat;
		border-right: 1px solid #33337c;
		}
		
	/* Menu DIV - zie menu.css - voor specificaties van het menu */
	#menubox {
		float: left;
		width: 139px;
		overflow: hidden;
		height: 449px;
		background: transparent;
	  	padding: 0 5px 0 5px;
	  	margin: 0;
	  	line-height: normal;
	  	border-right: 1px solid #33337c;
	  	}

	/* totaal omliggende DIV voor content - image en teksten	Zie  website_scroller.css (website.css) 
	voor specifaties #content en #maincontent en scroller  */
	
	#main {
		float: left;
		width: 749px;
		height: 449px;
		margin: 0;
		padding: 0;
		background: #000065;
		border-right: 1px solid #33337c;
		_overflow: hidden;
		}

		/* Image DIV achtergrondimage gekoppeld bestand - banner_img */
		#mainimage {
			/*float: left;*/
			position: absolute;
			left: 350px;
			width: 599px;
			height: 449px;
			z-index: 4;
			}
		#mainimageintro {
			/*float: left;*/
			position: absolute;
			left: 200px;
			width: 749px;
			height: 449px;
			z-index: 4;
			}
		
	/*#navigatie -> NAVIGATIE.CSS*/

/* @end */
/* @end */

/* @group Category */

/* ---- Category links weergave van categorylink in content --- */
#categorylinks {
	border-top: solid #5c5c9d 1px;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

/* OPSOMMING CONTRUCTIE in de categorie */
#categorylinks ul {
	margin: 0;
	padding: 0;
	}

/* OPSOMMING CONTRUCTIE in de categorie */
#categorylinks li {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none outside !important;
	height: auto;
	background: transparent;
	margin-bottom: 10px;
	}

/* SUBTITEL in de categorie */	
#categorylinks h3 {
	font-size: 11px;
	margin: 0px;
	color: #e76809;
	font-weight: bold;
}

/* LIJNEN in de categorie */
#categorylinks hr {
	border: 0;
	color: #5c5c9d;
	background: #5c5c9d;
	height: 1px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
	}

/* Correctie IE lijn */
* html body #categorylinks hr {
	width: 100%;
	}

/* LINKS in de categorie */
#categorylinks a,
#categorylinks a:link,
#categorylinks a:visited,
#categorylinks a:active {
	color: #8080b2;
	text-decoration: none;
	letter-spacing: normal;
	font-weight: bold;
	text-decoration: none;
	}

#categorylinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

/* LEADER MET THUMB in de categorie */	
div.catthumb {
	margin-top: 5px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: transparent url(DesignerImages/thumb.gif) no-repeat;
	overflow: hidden;
	}

/* @end */

/* @group Widgets */

/* @group Dropdownlist */

/* ---->> CUSTOM PULLDOWNMENU <<---- */

div.selvalue {
  float:left;
  width:150px;
  height:20px;
  font-size:9px;
  padding-left:8px;
  display: none;
}

/* EERSTE NIVO BUTTONS */
div.dropdownlist {
	display: block;
	margin-left: 9px;
	width: 240px;
	height: 18px;
	border: 1px solid #733300;
	margin-bottom: 6px;
	cursor:pointer;
	float: left;
	}
	
* html div.dropdownlist {
	margin-top: 3px;
	margin-left: 5px;
}

/* EERSTE NIVO TITEL */
div.dropdownlist .title {
	padding-left:20px;
	background: transparent url(DesignerImages/dropdown_arrow_f1.gif) no-repeat;
	color: #733300;
	text-transform: uppercase;
	font-size:  10px;
	line-height: 18px;
	font-weight: bold;
	}
div.dropdownlist .titlehover{
	padding-left:20px;
	background: transparent url(DesignerImages/dropdown_arrow_f2.gif) no-repeat;
	color: #733300;
	text-transform: uppercase;
	font-size:  10px;
	line-height: 18px;
	font-weight: bold;
}

/* TWEEDE NIVO ACHTERGROND */
div.dropdownlist .list {
	margin-top: -1px;
	position:absolute;
	display: none;
	border:  1px solid #733300;
	color: #733300;
	width:  auto;
    width:  240px;
    max-height: 400px;
    height: expression(this.scrollHeight > 400 ? "400px" : "auto"); /* IE */
    overflow:auto;
	}
	
	
/* TWEEDE NIVO BUTTONS */
div.dropdownlist .list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
/* TWEEDE NIVO BUTTONS */
div.dropdownlist .list li {
	margin: 0;
	padding: 0 3px 0 3px;
	height: 18px;
	list-style-type: none;
	background: #c48d53 !important;
	border-top: 1px solid #733300;
	color: #733300;
	font-size:  11px;
	line-height: 18px;
	font-weight: normal;
	}

/* TWEEDE NIVO BUTTONS ROLLOVER */
div.dropdownlist .list li:hover,
div.dropdownlist .list li.over {
	margin: 0;
	padding: 0 3px 0 3px;
	color: #733300 !important;
	list-style-type: none;
	background: #fff5e5 !important;
	}

/* @end */
#loadcounter {
  position:absolute;
  display: none;
}
/* @end */

/* @group Projects */
#projectcontrols {
  width: 599px;
  height:30px;
  display:block;
  position:absolute;
  top:449px;
/*  left:350px;*/
  border-bottom: 1px solid #33337c;
  border-top: 1px solid #33337c;
  z-index:6;	
}

.projectbutton {
	color:  #96a1a8;
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	margin-right: 1px;
	cursor: pointer;
	_cursor: hand;	
}

#projectcontrols .projectbutton:hover,
#projectcontrols .projectbutton .over,
#projectcontrols .selected {
	color: white !important;
}

#slideshow {
	background: #00005b;
	width: 289px;
}

#moreinfo {
	width: 139px;
}

#contactform {
	width: 139px;
	margin-right: 0;
}

/* Laden van afbeeldingen box */
#teller {
	position: absolute;
	top:  420px;
	width: 584px;
	padding-left: 15px;
	line-height: 30px;
  	height: 30px;
  	display:block;
  	z-index:1;
  	background: #96a1a8;
  	color: #00005b;
  	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
  	}
/* @end */

/* @group Livesearch */

/* ---- LIVESEARCH / SNELZOEKEN  ---- */

/* ---- INVULVELD DIV --- */
#livesearch {
	float: left;
  	width: 153px;
  	display: block;
  	height: 25px;
  	}

/* ---- INVULVELD alle specificaties --- */
#livesearch input {
  	color: #00005b;
	font-size: 11px;
  	font-weight: bold;
  	padding: 3px;
  	width: 262px;
  	border: 1px solid #00005b;
  	background: #8080b2;
	}

/* ---- SNELZOEK RESULTATEN --- */

/* ---- ALGEMENE DIV resultaten --- */
#spotlightresults {
	clear: both;
	display: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	background: white;
	}

/* ---- ALGEMENE OPSOMMING resultaten --- */
#spotlightresults ul, 
#spotlightresults ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* ---- U VINDT NIET WAT U ZOEKT OMVATTENDE DIV--- */
#zoekhulpdiv {
	border-bottom: 1px solid #00005b;
	width: auto;
	height: auto;
	background: white;
}

/* ---- U VINDT NIET WAT U ZOEKT TEKST --- */
#spotlightresults .zoekhulp {
	color: #00005b;
	font-size: 12px;
	font-weight: normal;
}

/* ---- MEER HULP BIJ ZOEKEN LINK --- */
#spotlightresults .zoekhulp a,
#spotlightresults .zoekhulp a:link,
#spotlightresults .zoekhulp a:visited,
#spotlightresults .zoekhulp a:active {
	color: #00005b;
	text-decoration: none;
	letter-spacing: normal;
	border-bottom: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

#spotlightresults .zoekhulp a:hover {
	color: #e8690a;
	text-decoration: none;
	border-bottom: none;
	display: block;
	text-transform: uppercase;
	}

/* ---- CATEGORIE van resultaten --- */
#spotlightresults ul li {
	border-top:1px solid #00005b;
  	background: #ff7200;
	color: #00005b;
	padding: 0;
	display: block;
	margin: 0;
	font-size: 12px;
  	font-weight: normal;
	}
	
/* ---- MARGE ONDER de resultaten van een categorie --- */
#spotlightresults ul ul {
	margin-bottom: 3px;
}

/* ---- ACHTERGROND RESULTATEN --- */
#spotlightresults ul li ul li {
	background: white;
	padding: 0 0 0 5px;
	margin: 0;
	display: block;
}

/* ---- RESULTAAT --- */
#spotlightresults ul li ul li a {
	color: #e8690a !important;
	font-weight: normal;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	padding: 0 3px 0 0;
	display: block;
	background: white;
	}
/* ---- IE HOOGTE RESULTAAT Correctie --- */	
* html #spotlightresults ul li ul li a {
	height: 15px;
}

#spotlightresults ul li ul li a:hover {
	color: #00005b !important;
	text-decoration: none !important;
	}

/* @end */



#honing {
  display:  none;
}