/* Standard Settings
------------------------------------------------------------- */
body {
	background: #fff url('../img/bg.jpg') repeat-x;
	color: #919191;
	font-family: Tahoma, Geneva, sans-serif;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#topbar { background: url('../img/topbarbg.jpg') repeat-y; height: 36px; border-bottom: 1px solid #fff; }
#header { background: url('../img/header.png') no-repeat; height: 177px; position: relative; }
#container { background: url('../img/shadowbigft.jpg') no-repeat; background-position: bottom; width: 960px; float: left;  }
#footer { clear: both; margin: 0 0 10px 0; text-align: center; }

#column1 { float: left; width: 230px; }
#column2 { float: left; margin-left: 20px; padding-top: 30px; }
#column3 { float: left; margin: 30px 0 0 20px; width: 198px; }

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
h1, h2, h3 { margin: 0 0 10px 0; color: #0099cc; }
p { color: #919191; font-size: 12px; line-height: 18px; margin: 0 0 10px 0; }
p a, #teamleden a, #adres a { color: #73930a; text-decoration: none; border-bottom: 1px solid #b2cc5f; }
p a:hover, #teamleden a:hover, #adres a:hover { color: #0099cc; border-bottom: 1px solid #86bfd4; }

	.small-column { width: 460px; }
	.large-column { width: 700px; }
	.moreinfo { 
		background: url('../img/meerinfo.gif') no-repeat; 
		display: block; height: 0 !important; overflow: hidden; padding-top: 22px; width: 88px;
	}
	.moreinfo:hover { background-position: -88px 0; }
	.contactbtn { 
		background: url('../img/contactbtn.gif') no-repeat; 
		display: block; height: 0 !important; overflow: hidden; padding-top: 22px; width: 88px;
	}
	.contactbtn:hover { background-position: -88px 0; }
	.mapsbtn { 
		background: url('../img/mapsbtn.gif') no-repeat; 
		display: block; height: 0 !important; overflow: hidden; padding-top: 22px; width: 88px;
	}
	.mapsbtn:hover { background-position: -88px 0; }
	.right { float: right; }
	.left { float: left; }
	.alignright { position: absolute; right: 0; top: 0; }
	iframe { float: left; margin: 0 20px 0 0; -moz-box-shadow: 0px 0px 7px #969696; -webkit-box-shadow: 0px 0px 7px #969696; background: #fff; padding: 4px; }

	#topbar ul { display: inline; float: right; margin: 10px 40px 0 0; }
	#topbar ul li { display: inline-block; float: left; margin: 5px 5px; }
	#topbar ul li a { background: url('../img/languageoptions.gif') no-repeat; display: block; text-decoration: none;width: 20px;height: 14px;}
	#topbar ul li a.lang-nl { background-position: 0 0; }
	#topbar ul li a.lang-nl:hover { background-position: 0 -14px; }
	#topbar ul li a.lang-fr { background-position: -20px 0; }
	#topbar ul li a.lang-fr:hover { background-position: -20px -14px; }
	#topbar ul li a.lang-en { background-position: -40px 0; }
	#topbar ul li a.lang-en:hover { background-position: -40px -14px; }
	#topbar ul li a.lang-es { background-position: -60px 0; }
	#topbar ul li a.lang-es:hover { background-position: -60px -14px; }
	
	#topbar ul li a span { visibility: hidden; }
	
	#header a#logo span { visibility: hidden; }
	#header a#logo { 
		background: url('../img/logo.png') no-repeat; 
		display: block; height: 153px; width: 487px;
		position: absolute; left: 13px; top: 10px; 
		text-decoration: none;
	}
	
	#navigator li a { 
		background: url('../img/navitems.jpg') no-repeat;
		display: block; height: 38px; width: 230px;
		text-decoration: none;
	}
	
	
	
	
		#navigator li ul { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 0 0 10px; }
		#navigator li ul li { background: url('../img/li-shadow.jpg') bottom no-repeat; border-bottom: 1px solid #ccc; padding: 4px 4px 7px 10px; }
		#navigator li ul li a { background: none; display: inline; color: #919191; font-size: 14px; text-transform: uppercase; }
		#navigator li ul li a:hover { color: #87a71d; }
		
		#navigator li ul li ul { border: none; margin: 2px 0 0 0; }
		#navigator li ul li ul li { background: none; border: none; font-size: 11px; }
		#navigator li ul li ul a { font-size: 12px; }
		#navigator li ul li ul a:hover { color: #0099cc; }
	
	#navigator li a#li-home { background-position: 0 0; }
	#navigator li a#li-home:hover, #navigator li a#li-home-active { background-position: -230px 0; }
	#navigator li a#li-producten  { background-position: 0 -38px; }
	#navigator li a#li-producten:hover { background-position: -230px -197px; }
	#navigator li a#li-producten-active { background-position: -230px -197px; height: 45px; }
	#navigator li a#li-bedrijf, #navigator li a#li-company { background-position: 0 -76px; }
	#navigator li a#li-bedrijf:hover { background-position: -230px -76px; }
	#navigator li a#li-bedrijf-active { background-position: 0 -196px; height: 45px;Ê}
	
	#navigator li a#li-producten-active { background-position: -230px -197px; height: 45px; }
	
	#navigator li a#li-certificaten { background-position: 0 -114px; }
	#navigator li a#li-certificaten:hover, #navigator li { background-position: -230px -114px; }
	#navigator li a#li-certificaten-active { background-position: -230px -114px;}
	/* #navigator li a#li-certificaten-active { background-position: 0 -242px; height: 45px; } <= {uitklap item} */
	#navigator li a#li-contact { background-position: 0 -152px; height: 45px; }
	#navigator li a#li-contact:hover, #navigator li a#li-contact-active { background-position: -230px -152px; height: 45px; }
	#navigator li a.last-item { height: 45px; }
	#navigator li a span { visibility: hidden; }
	#navigator li a#li-werkwijze { background-position: 0 -287px; }
	#navigator li a#li-werkwijze:hover,#navigator li a#li-werkwijze-active { background-position: -230px -287px; }
	
	#navigator li a#li-verpakkingen { background-position: 0 -370px; }
	#navigator li a#li-verpakkingen:hover, #navigator li a#li-verpakkingen-active { background-position: -230px -370px; }


		div#nav-top { background: url('../img/navtop.jpg') no-repeat; height: 29px; }
		div#nav-bottom { background: url('../img/navbottom.jpg') no-repeat; *background: none; height: 120px; border: none; }
	
	div.box { position: relative; margin: 0 0 20px 0; padding: 0 0 30px 0; }
		.box-footer-small { background: url('../img/shadowft.png') no-repeat bottom; }
		/*.box-footer-large { background: url('../img/shadowft-big.png') no-repeat bottom;*/ }
	div.box ol { margin: 7px 0 10px 20px; }
	div.box ol li { list-style-type: decimal; color: #73930a; font-size: 16px; line-height: 25px; margin: 0 0 0 5px; }
	div.box ol li span { color: #919191; }
	div.box img { 
		background: #fff; padding: 3px; border: 1px solid #ccc; margin: 5px 18px 0 0; 
		-moz-box-shadow: 0px 0px 7px #969696; -webkit-box-shadow: 0px 0px 7px #969696; 
	}
	.box ol { margin-left: 20px; _margin-left:0;}
	
	table#info { margin: 0 0 10px 0; }
	table#info { font-size: 14px; }
	table#info tr td.first { color: #a3c039; font-weight: bold; width: 100px; }
	table#info tr { line-height: 20px; }
	
	#teamleden { font-size: 12px; }
	#teamleden li { float: left; margin: 0 20px 20px 0; }
	#teamleden li div.photo { float: left; width: 175px; }
	#teamleden a { padding-bottom: 2px; }
	#teamleden li ul { float: left;  width: 146px; }
	#teamleden li ul li { line-height: 24px; margin: 0; display: inline; width: 146px; }
	#teamleden li ul li.name { color: #048bbd; font-size: 14px; }
	
	#adres { margin: 0 0 10px 0; font-size: 13px; }
	#adres a { padding-bottom: 2px; }
	#adres li { line-height: 18px; }
	#adres .email { margin-top: 10px; }
	.mapsbtn { margin-top: 40px; margin-bottom: 40px; }
	
	div.sidebar {
		background: url('../img/sidebarbg.jpg') no-repeat;
		padding: 12px;
		min-height: 355px;
	}
	.sidebar h3 { color: #959595; font-size: 14px; }
	.sidebar ul { 
		background: #fff; position: relative; padding: 5px; width: 190px; margin: 0 0 20px 0; 
		-moz-box-shadow: 0px -1px 10px #969696; -webkit-box-shadow: 0px -1px 10px #969696; 
	}
	.sidebar li.title { margin: 0 0 5px 0; }
	.sidebar li.link { position: absolute; bottom: -5px; left: 55px; }
	
	.title { text-transform: uppercase; }
	.green { color: #8fb161; }
	.orange { color: #cc9900; }
	.red { color: #993300; }
	
	#footer { margin-bottom: 17px; font-size: 11px; }
	#footer ul { padding: 7px 0 0 0; }
	#footer ul li { display: inline; margin: 0 10px; }
	#footer ul li a { color: #919191; text-decoration: none; }
	#footer ul li a:hover { color: #0099cc; padding-bottom: 1px; border-bottom: 1px solid #86bfd4; }
	
	
	
	
/* Debugging */

.cake-sql-log { border-collapse: collapse; border: 1px solid gray; width: 90%; margin: 0 auto;}
.cake-sql-log td { border: 1px solid gray; padding: 2px;}
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}

/* Bjorn */
ul li.evelina {
	list-style-type:disc;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:10px;
	margin:0 0 10px 20px;
}