body, #publerBody {
	text-align: center; /* Center the contents for IE */
	margin: 0; padding: 0;
	background-color: #99cc33;
	background-image: url(../../images/cb/bg/body.gif);
	background-position:	top center;	
	background-repeat: repeat-y;
}

.home, .accueil {background: #99cc33 url(../../images/cb/bg/home.gif) top center repeat-y;}
.bedrijf.vestigingen, .company.branches, .uber-uns.standorte, .betrieb.standorte , .entreprise.succursales  {background: #ff9900 url(../../images/cb/bg/vestigingen.gif) top center repeat-y;}
.bedrijf, .company, .entreprise, .uber-uns, .betrieb  {background-color: #ff9900;}
.producten, .products, .produkte, .produits {background-color: #663300;}
.faq {background-color: #008dcd;}
.contact, .kontakt {background-color: #993399;}

#container {
	position:relative;
	width:799px;		/* Page width */
	margin: 0 auto; 	/* First one for top spacing, second one for center alignment */
	text-align: left;	/* IE undo center alignment */
	min-height: 550px;
}
* html #container { height: 550px; }
.home #container, .accueil #container {background: url(../../images/cb/art/home1.gif) right 138px no-repeat;}
/*.home #container.img2, .accueil #container.img3 {background: url(../../images/cb/art/home2.jpg) right 138px no-repeat;}
.home #container.img3, .accueil #container.img3 {background: url(../../images/cb/art/home3.jpg) right 138px no-repeat;}
*/
#header {
	position: relative;
	height: 138px;
	background: #FFF url(../../images/cb/header/Home.jpg) top right no-repeat;
}
	div.Home { background: #FFF url(../../images/cb/header/Home.jpg) top right no-repeat !important;}
	div.Bedrijf { background: #FFF url(../../images/cb/header/Bedrijf.jpg) top right no-repeat !important;}
	div.Producten { background: #FFF url(../../images/cb/header/Producten.jpg) top right no-repeat !important;}
	div.FAQ { background: #FFF url(../../images/cb/header/FAQ.jpg) top right no-repeat !important;}
	div.Contact { background: #FFF url(../../images/cb/header/Contact.jpg) top right no-repeat !important;}
	
	div.head_broodverv { background: #FFF url(../../images/cb/header/head_broodverv.jpg) top right no-repeat !important;}
	div.head_toast { background: #FFF url(../../images/cb/header/head_toast.jpg) top right no-repeat !important;}
	div.head_koek { background: #FFF url(../../images/cb/header/head_koek.jpg) top right no-repeat !important;}
	
	#logo { margin-left: 5px;}
	
	#company-name a{
		position: absolute;
		top: 29px;
		right: 20px;
		width: 270px;
		height: 30px;
		padding: 0; margin: 0;
		text-indent: -5555px;
    outline: 0;
	}

	#mainnav {
		position: absolute;
		left: 109px; 
		top: 61px;
		width: 689px;
		padding: 0; margin: 0;
		padding-left: 16px;
		list-style: none;
		z-index: 120;
	}
		
		#mainnav li{
			display: block; 
			float: left;
			width: 94px;			
		}
		#mainnav li a {
			display: block; 
			width: 81px;	
			height: 20px;
			padding: 0; margin: 0;
			padding-left: 13px;
			padding-top: 23px;
			background: url(../../images/cb/menu/tab.gif) top center no-repeat;
			font-size: 12px;
			text-decoration: none;
			color: black;
		}
		#mainnav li a.home:hover, #mainnav li a.accueil:hover  { background: url(../../images/cb/menu/blauw.gif) center 19px no-repeat; color: white; }
		#mainnav li a.bedrijf:hover, #mainnav li a.company:hover, #mainnav li a.entreprise:hover , #mainnav li a.uber-uns:hover , #mainnav li a.betrieb:hover{ background: url(../../images/cb/menu/rood.gif) center 19px no-repeat; color: white; }
		#mainnav li a.producten:hover, #mainnav li a.products:hover, #mainnav li a.produkte:hover, #mainnav li a.produits:hover  { background: url(../../images/cb/menu/oranje.gif) center 19px no-repeat; color: #00458b; }
		#mainnav li a.faq:hover { background: url(../../images/cb/menu/geel.gif) center 19px no-repeat; color: black; }
		#mainnav li a.contact:hover, #mainnav li a.kontakt:hover { background: url(../../images/cb/menu/paars.gif) center 19px no-repeat; color: white; }
		#mainnav li.current a, #mainnav li.currentParent a {			
			height: 37px;
			padding-top: 6px;
			font-weight: bold;			
		}
		.home #mainnav li a.home, .accueil #mainnav li a.accueil { background: url(../../images/cb/menu/blauw.gif) top center no-repeat !important; color: white;}
		.bedrijf #mainnav li a.bedrijf, .company #mainnav li a.company, .entreprise #mainnav li a.entreprise, .uber-uns #mainnav li a.uber-uns, .betrieb  #mainnav li a.betrieb { background: url(../../images/cb/menu/rood.gif) top center no-repeat !important; color: white;}
		.producten #mainnav li a.producten, .products #mainnav li a.products, .produkte #mainnav li a.produkte, .produits #mainnav li a.produits { background: url(../../images/cb/menu/oranje.gif) top center no-repeat !important; color: #00458b;}
		.faq #mainnav li a.faq { background: url(../../images/cb/menu/geel.gif) top center no-repeat !important;}
		.contact #mainnav li a.contact, .kontakt #mainnav li a.kontakt { background: url(../../images/cb/menu/paars.gif) top center no-repeat !important; color: white;}
			.contact #mainnav ul li a.contact, .kontakt #mainnav ul li a.kontakt { background: none !important;}
		#mainnav li.li-news, #mainnav li.li-nieuws, #mainnav li.li-nachrichten, #mainnav li.li-actualite { display: none !important; }
			#mainnav li ul {
				position: absolute;
				left: 0px; 
				top: 43px;
				height: 33px;
				padding: 0; margin: 0;
				margin-left: 0px;
				padding-left: 23px;
				width: 505px;
				list-style: none;
				display: none;
			}
			.producten #mainnav li ul, .products #mainnav li ul, .produkte #mainnav li ul, .produits #mainnav li ul { width: 666px; }
			#mainnav li.current ul, #mainnav li.currentParent ul { display: block;}
			.home #mainnav li ul, .home #search, .accueil #mainnav li ul, .accueil #search { background: #00458b;}
			.bedrijf #search, .bedrijf #mainnav li ul a, .company #search, .company #mainnav li ul a, .entreprise #search, .entreprise #mainnav li ul a, .uber-uns #search, .betrieb #search, .uber-uns #mainnav li ul a, .betrieb #mainnav li ul a{background: #970000; color: white;} 
				.bedrijf #mainnav li ul li.current a, .company #mainnav li ul li.current a, .entreprise #mainnav li ul li.current a, .ubre-uns #mainnav li ul li.current a {color: #ff9000; }
			.producten #mainnav li ul, .producten #mainnav li ul a, .products #mainnav li ul, .products #mainnav li ul a, .produkte #mainnav li ul, .produkte #mainnav li ul a, .produits #mainnav li ul, .produits #mainnav li ul a {background: #FB8F00; color: white;} 
				.producten #mainnav li ul li.current a, .products #mainnav li ul li.current a, .produkte #mainnav li ul li.current a, .produits #mainnav li ul li.current a {color: #00458b; }
			.faq #search {background: #FFD400;}
			.contact #search, .kontakt #search, .contact #mainnav ul li a { background: #590066; color: white !important;}
			#mainnav li ul li.current a { font-weight: bold !important;}
			#mainnav li ul li {
				position: relative;
				left: -9990px; 
				margin: 0;padding: 0;
				color: white;
				width: 94px;
			}
			.producten #mainnav li ul li, .products #mainnav li ul li, .produkte #mainnav li ul li, .produits #mainnav li ul li, .contact #mainnav li ul li, .kontakt #mainnav li ul li  { width: 145px;margin-right: 43px;}
			
			#mainnav li.current ul li, #mainnav li.currentParent ul li { left: 0px !important; }
			
			#mainnav li.current ul li a, #mainnav li.currentParent ul li a {
				background: none !important;
				margin: 0 !important;
				padding: 10px 0 8px 6px !important; 
				font-size: 11px;
				font-weight: normal;				
			}
			#mainnav li ul li a {
				height: auto !important;	
				width: 88px;
			}
			.producten #mainnav li ul li a, .products #mainnav li ul li a, .produkte #mainnav li ul li a, .produits #mainnav li ul li a, .contact #mainnav li ul li a, .kontakt #mainnav li ul li a { width: 145px; color: white;}
			
		#languages {
			list-style: none;
			margin: 0; padding: 0;
			position: absolute;
			top: 115px;
			left: 11px;
		}
		#languages li {
			margin: 0; padding: 0;
			float: left;
		}
		#languages li a {
			display: block;
			margin: 0px;padding: 0px 3px;
			font-size: 11px;
			float: left;
			text-decoration: none;
			color: black;
			text-transform: uppercase;
			width: 16px; height: 10px;
			text-indent: -5555px;
      outline: 0;
		}
		#languages li.gb a { background: url(/images/cb/icons/UK.jpg) center center no-repeat; }
		#languages li.d a { background: url(/images/cb/icons/D.jpg) center center no-repeat; }
		#languages li.f a { background: url(/images/cb/icons/F.jpg) center center no-repeat; }
		#languages li.nl a { background: url(/images/cb/icons/NL.jpg) center center no-repeat; }
		
		#languages li a:hover {
			text-decoration: underline;
		}
		#languages li.current a, #languages li.currentParent a {		
			font-weight: bold;
		}
		
		#search {
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0px;
			top: 104px;
			width: 679px;
			text-align: right;
			padding: 5px;
			z-index: 0;
			background: #00458b;
			height: 23px;
		}
		* html #search { right: -1px;}
		.producten #search, .products #search, .produkte #search, .produits #search { z-index: 1000; width: 148px;background: #FB8F00; }
		
		#search input{
			font-family: verdana;
			font-size: 10px;
		}
		#search input.text {
			border: 2px inset #7d8fa2;
			width: 70px;
			height: 13px;
		}
		#search input.submit {
			border: none;
			background: none;
			color: white;
			font-weight: bold;
			padding: 4px; margin: 0;
		}
		.faq #search input.submit {color: black; }
		
#main {
	margin-top: 10px;
}

body.koek-biscuit #main,
body.broodvervangers #main,
body.toast-snacks #main {
	margin: 0;
}

div#wrapper{ float:left;width:100%;padding: 0; margin:0;} /* workaround */
div#contents{
	margin: 0 0 0 110px;	/*Geef de margins zo breed als de columns */
} 

.merken #sub-navigation li, .marken #sub-navigation li, .brands #sub-navigation li, .marques #sub-navigation li { display: none;}
ul#sub-navigation{
	float:left;
	width: 97px;				/* De breedte + padding + border + margin moet even breed zijn als de margins van de contents */
	margin-left:-798px; 	/* Zo breed als de container */
	margin-top: 30px;
	list-style: none;
	padding: 0;
	padding-left: 11px;
}
#sub-navigation li {
	padding: 0; margin: 9px 7px;
} 
#sub-navigation a{ 
	text-decoration: none;
	font-weight: normal;
	color: black;
	display: block;
}
#sub-navigation a:hover { text-decoration: none; color: #ffac40;} 
#sub-navigation li.current a{ font-weight: bold; color: #ffac40; }

div#footer{
	display: inline; /* We hate bill gates... */
	clear:left;
	text-align: right; 
	width: 470px;
	float: right;
	margin-right: 8px;
	padding-top: 3px;
	background: url(../../images/cb/bg/footer.gif) top right repeat-x;
	color: #9c9d9f;
	margin-bottom: 30px;
}
.home #footer, .accueil #footer { width: 486px;}
.vestigingen #footer, .branches #footer  { width: 349px; }
#footer a {
	color: #9c9d9f;
}
.hide {display: none;}
a img { border: 0; }