/* ------------------------------------------------------ */
/* Copyright 2007 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/

@import url("reset.css");

body {
	background: #511904 url(../images/background.jpg) repeat center top;
	color: #8F867C;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	padding: 25px 0;
}

body#popup { padding: 0; }

a {
	color: #5B8E1E;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Basic structure -------------------------------------- */
/* ------------------------------------------------------ */

div#container {
	position: relative;
	margin: 0 auto;
	width: 936px;
}

div#left {
	float: left;
	width: 210px;	
}

div#content {
	float: left;	
	width: 466px;
	margin: 0 5px;
	padding: 0 20px;
}

div#home {
	float: left;	
	margin: 0 5px;	
	width: 506px;
}

div#right {
	float: right;
	width: 210px;
}

div#footer {
	clear: both;
	margin: 5px 0 0 0;
}

/* Wrap ------------------------------------------------- */
/* ------------------------------------------------------ */

div.wrap {
	position: relative;
	width: 100%;
	background: url(../images/wrap.gif) repeat-y;
}

div.wrap-top {
	position: relative;
	width: 100%;
	background: url(../images/wrap-top.gif) no-repeat left top;
}

div.wrap-bottom {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(../images/wrap-bottom.gif) no-repeat left bottom;
}

div.wrap-bottom#leaf {
	background: url(../images/wrap-leaf.gif) no-repeat left bottom;
}

/* Logo ------------------------------------------------- */
/* ------------------------------------------------------ */

div#logo {
	position: absolute;
	width: 232px;
	height: 185px;
	left: -16px;
	top: -8px;
	z-index: 1000;
}

div#logo a {
	display: block;
	width: 232px;
	height: 185px;
	background: url(../images/logo.png) no-repeat;
	cursor: pointer;
}

* html div#logo a {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingmethod=image src='../images/logo.png');
}

div#logo a span {
	display: none;
}

/* Content ---------------------------------------------- */
/* ------------------------------------------------------ */

div#content {
	font-size: 1.1em;
}

body#page2 div#content { background: url(../images/hd2.jpg) no-repeat; padding-top: 234px; }
body#page3 div#content { background: url(../images/hd3.jpg) no-repeat; padding-top: 234px; }
body#page4 div#content { background: url(../images/hd4.jpg) no-repeat; padding-top: 234px; }
body#page5 div#content { background: url(../images/hd5.jpg) no-repeat; padding-top: 234px; }

div#content p {
	margin: 1.1em 0;
}

div#content strong {
	font-weight: bold;
}

div#content em {
	font-style: italic;
}

div#content h1 {
	font-size: 1.8em;
	margin-bottom: 25px;
	color: #A97E56;
}

div#content div.ugc {
	line-height: 1.5em;
	margin-bottom: 25px;	
}

div#content div ul {
	list-style: disc;
	margin: 1.1em 2.2em;
}

div#content div ol {
	list-style: decimal;
	margin: 1.1em 2.2em;
}

div#content table tr td {
	padding: 3px 3px 3px 0;
	border-bottom: 1px solid #580A03;
}

/* Left ------------------------------------------------- */
/* ------------------------------------------------------ */

div#left ul#menu {
	margin: 195px 0 0 0;
	min-height: 219px; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 219px; /* For IE */	
}

ul#menu li a {
	display: block;
	background-image: url(../images/menu.gif);	
	background-repeat: no-repeat;
}

ul#menu li a span {
	display: none;
}

* html ul#menu li a span {
	display: block;
	visibility: hidden;
}

#mn1 a { height: 38px; background: 0 0; }
#mn2 a { height: 38px; background-position: 0 -38px; }
#mn3 a { height: 38px; background-position: 0 -76px;	}
#mn4 a { height: 38px; background-position: 0 -114px; }
#mn5 a { height: 42px; background-position: 0 -152px; }

#mn1 a:hover, #mn1 .selected { background-position: -210px 0;}
#mn2 a:hover, #mn2 .selected { background-position: -210px -38px;}
#mn3 a:hover, #mn3 .selected { background-position: -210px -76px;}
#mn4 a:hover, #mn4 .selected { background-position: -210px -114px;}
#mn5 a:hover, #mn5 .selected { background-position: -210px -152px;}

/* Right ------------------------------------------------ */
/* ------------------------------------------------------ */

div#right {
	font-size: 1.1em;
}

div#right div {
	line-height: 1.5em;
	padding: 0 15px;
	margin: 15px 0;
}

div#right div.image {
	padding: 0;
}

div#right div.image a {
	display: block;
	width: 210px;
	cursor: pointer;	
}

div#right div.sample a {
	display: block;
	width: 180px;
	cursor: pointer;	
}

div#right div.image span,
div#right div.sample span {
	display: none;
}

div#right a#kpana { height: 134px; background: url(../images/kp-ana.png) no-repeat; }
div#right a#kpdvd { height: 245px; background: url(../images/kp-dvd.png) no-repeat; }
div#right a#kpvlees { height: 105px; background: url(../images/kp-vlees.png) no-repeat; }
div#right a#kpmap { height: 60px; background: url(../images/kp-map.png) no-repeat; }
div#right a#kpsamples { height: 57px; background: url(../images/kp-samples.gif) no-repeat; }
div#right a#kpsample1 { height: 106px; background: url(../images/kp-sample1.jpg) no-repeat; }
div#right a#kpsample2 { height: 106px; background: url(../images/kp-sample2.jpg) no-repeat; }

* html div#right a#kpana { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingmethod=image src='../images/kp-ana.png'); }
* html div#right a#kpdvd { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingmethod=image src='../images/kp-dvd.png'); }
* html div#right a#kpvlees { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingmethod=image src='../images/kp-vlees.png'); }
* html div#right a#kpmap { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingmethod=image src='../images/kp-map.png'); }

/* Footer ----------------------------------------------- */
/* ------------------------------------------------------ */

div#footer {
	position: relative;
	font-size: 1.0em;
	color: #6A645D;
	background: #290B02 url(../images/footer.gif) repeat-y;
}

div#footer-top {
	position: relative;
	width: 100%;
	background: url(../images/footer-top.gif) no-repeat left top;
}

div#footer-bottom {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(../images/footer-bottom.gif) no-repeat left bottom;
}

div#footer ul {
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}

div#footer ul li {
	display: inline;
	padding: 0 5px 0 10px;
	background: url(../images/footer-li.gif) no-repeat left center;	
}

div#footer ul li.first {
	background: none;
}

div#footer div.frameborder {
	padding: 5px;
}