body {
	font: 80%/1.5 Verdana, Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
	background-color: #CCCCCC;
	height: 400px;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6, p {
	margin: 1em 0;
}

h1 {
	font: normal 180% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h3 {
	font-size : 125%;
}

h4 {
	font-size : 65%;
}


p.lead {
	font-size: 80%;
}

p.klein {
	font-size: 8px;
}
p.page-navigation {
	text-align: right;
}

/**
 * Anchors
 */
a {
	color: #0A5BAC;
	text-decoration:none
	}

a:hover {
	color: #262626;
}

/**
 * Images
 */
img.impression {
	
}

img.decoration {
	border: 3px solid #D6DEE6;

	display: block;

	float: left;

	margin: 30px 13px 0px 0px;

	width: 174px;
	height: 135px;
}

/** 
 * Forms
 */
form {

}

form .textarea,
form .textfield {
	margin: 1em 0;
}

form label {
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin-right: 5px;
	padding: 5px;
	width: 150px;
}



form .textfield input,
form .textarea textarea  {
	border: 1px solid #C2C2C2;

	display: inline;

	padding: 5px;

	width: 50%;
}

form .textarea textarea {
	width: 70%;
}

form .textfield input:focus,
form .textarea textarea:focus {
	border-color: #CA1111;
}

/* Actions */
form .actions input {
	background: #156DB8;

	border: 1px solid #31506B;

	color: #FFF;

	cursor: pointer;

	display: block;

	margin-left: 90px;
	padding: 5px;
}

/* Errors */
form .error {
	border-left: 2px solid #CA1111;

	font-style: italic;

	padding: 0 5px;
}

/**
 * Other
 */
.clear {
	clear: both;
}

/**
 * Top
 */
#top {
	background: #FFF;
}

/**
 * Head 
 */
#head {
	background-image:url("../images/header.jpg");
	
	margin: 0 auto;
	padding: 20px 0;
	width: 885px;
	height: 110px;
}

/**
 * Company name
 */
#company-name {
	float: left;

	margin: 0;
}

#company-name a {
	background: url("../images/logo.jpg") no-repeat;

	display: block;

	width: 260px;
	height: 80px;
}

#company-name a span {
	display: none;
}

/**
 * By pass
 */
#by-pass-section a {
	display: none;
}

/**
 * Top menu
 */
#top-menu {
	float: right;
	width: 400px;
	border-bottom-style: inset;
}

/* List */
#top-menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#top-menu ul li {
	border-left: 1px solid #6A6A6A;

	display: inline;

	padding: 0 10px;
}

#top-menu ul li:first-child,
#top-menu ul li.first-child {
	border: none;
}

/* Anchors */
#top-menu a {
	color: #0A5BAC;
}

#top-menu a:hover {
	color: #262626;
}

/**
 * Main menu
 */
#main-menu {
	color: #FFF;
	font-size: 110%;
	padding: 5px 5px 50px 5px;
	background: #32CD32;
}

/* List */
#main-menu ul {
	list-style: none;

	margin: 0 auto;
	padding: 0;

	width: 889px;
}

#main-menu li {
	float: left;

	margin-right: 3px;
}

/* Anchors */
#main-menu a {
	color: #FFF;

	display: block;

	padding: 8px 12px;

	text-decoration: none;
}

#main-menu a.active, 
#main-menu a:hover,
#main-menu li:hover a,
#main-menu li.hover a {
	background: #FFF;

	color: #262626;
}

/**
 * Main menu top 10
 */
#main-menu_top_10 {
	color: #FFF;
	font-size: 110%;
	padding: 5px 5px 5px 5px;
	background: #32CD32;
}

/* List */
#main-menu_top_10 ul {
	list-style: none;

	margin: 0 auto;
	padding: 0;

	width: 889px;
}

#main-menu_top_10 li {
	float: left;

	margin-right: 3px;
}

/* Anchors */
#main-menu_top_10 a {
	color: #FFF;

	display: block;

	padding: 8px 12px;

	text-decoration: none;
}

#main-menu_top_10 a.active, 
#main-menu_top_10 a:hover,
#main-menu_top_10 li:hover a,
#main-menu_top_10 li.hover a {
	background: #FFF;

	color: #262626;
}

/**
 * Main menu top 10 sub
 */
#main-menu_top_10_sub {
	color: #FFF;
	font-size: 75%;
	padding: 5px 5px 5px 5px;
	background: #32CD32;
}

/* List */
#main-menu_top_10_sub ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 889px;
	}

#main-menu_top_10_sub li {
	float: left;
	margin-right: 4px;
}

/* Anchors */
#main-menu_top_10_sub a {
	color: #FFF;

	display: block;

	padding: 8px 12px;

	text-decoration: none;
}

#main-menu_top_10_sub a.active, 
#main-menu_top_10_sub a:hover,
#main-menu_top_10_sub li:hover a,
#main-menu_top_10 li.hover a {
	background: #FFF;

	color: #262626;
}

/**
 * Main menu jongens
 */
#main-menu-jongens {
	background: #91C1FF;
	color: #DBFFFF;
	font-size: 110%;
	padding: 5px 5px 50px 5px;
}

/* List */
#main-menu-jongens ul {
	list-style: none;

	margin: 0 auto;
	padding: 0;

	width: 889px;
}

#main-menu-jongens li {
	float: left;

	margin-right: 3px;
}

/* Anchors */
#main-menu-jongens a {
	color: #FFF;

	display: block;

	padding: 8px 12px;

	text-decoration: none;
}

#main-menu-jongens a.active, 
#main-menu-jongens a:hover,
#main-menu-jongens li:hover a,
#main-menu-jongens li.hover a {
	background: #FFF;

	color: #262626;
}

/**
 * Main menu - sub level
 */
#main-menu-jongens li ul {
	background: #FFF;

	border: 1px solid #262626;
	border-top: none;

	font-size: 90%;

	margin: -5px 0 0 -1px;

	position: absolute;
	left: -1000em;

	width: 15em;
}

#main-menu-jongens li ul li {
	border-bottom: 1px solid #DDD;

	float: none;

	margin: 0 6px;
}

#main-menu-jongens li ul li:last-child {
	border-bottom: none;
}

/* Anchors */
#main-menu-jongens li ul a,
#main-menu-jongens li:hover ul a,
#main-menu-jongens li.hover ul a {
	border: none;

	color: #0A5BAC;

	padding: 5px 8px;
} 

#main-menu-jongens li ul a.active {
	color: #CA1111;
}

#main-menu-jongens li ul a:hover {
	color: #262626;
}

#main-menu-jongens li:hover ul,
#main-menu-jongens li.hover ul {
	left: auto;
}

/**
 * Main menu meisjes
 */
#main-menu-meisjes {
	background: #FEBAF2;
	color: #FFF;
	font-size: 110%;
	padding: 5px 5px 50px 5px;
}

/* List */
#main-menu-meisjes ul {
	list-style: none;

	margin: 0 auto;
	padding: 0;

	width: 889px;
}

#main-menu-meisjes li {
	float: left;

	margin-right: 3px;
}

/* Anchors */
#main-menu-meisjes a {
	color: #FFF;

	display: block;

	padding: 8px 12px;

	text-decoration: none;
}

#main-menu-meisjes a.active, 
#main-menu-meisjes a:hover,
#main-menu-meisjes li:hover a,
#main-menu-meisjes li.hover a {
	background: #FFF;

	color: #262626;
}

/**
 * Main menu - sub level
 */
#main-menu-meisjes li ul {
	background: #FFF;

	border: 1px solid #262626;
	border-top: none;

	font-size: 90%;

	margin: -5px 0 0 -1px;

	position: absolute;
	left: -1000em;

	width: 15em;
}

#main-menu-meisjes li ul li {
	border-bottom: 1px solid #DDD;

	float: none;

	margin: 0 6px;
}

#main-menu-meisjes li ul li:last-child {
	border-bottom: none;
}

/* Anchors */
#main-menu-meisjes li ul a,
#main-menu-meisjes li:hover ul a,
#main-menu-meisjes li.hover ul a {
	border: none;

	color: #0A5BAC;

	padding: 5px 8px;
} 

#main-menu-meisjes li ul a.active {
	color: #CA1111;
}

#main-menu-meisjes li ul a:hover {
	color: #262626;
}

#main-menu-meisjes li:hover ul,
#main-menu-meisjes li.hover ul {
	left: auto;
}

/**
 * Container
 */
#container {
	background: #FFF url("../images/container-back.png") repeat-y right;
	border: 2px solid #FFF;
	margin: -50px auto 0 auto;
	min-height: 300px;
	width: 885px;
}


#container_top_10 {
	background: #FFF url("../images/container-back.png") repeat-y right;
	border: 2px solid #FFF;
	margin: 0px auto 0 auto;
	min-height: 300px;
	width: 885px;
}
/**
 * Impression
 */
#impression {
	float: left;

	margin: 0;

	width: 635px;
}

#impression img {
	display: block;
}

/**
 * Breadcrumbs
 */
#breadcrumbs {
	color: #666;

	font-size: 90%;

	margin: 0;
}
 
/**
 * Contact
 */
#contact {
	background: #156DB8 url("../images/contact-back.gif") repeat-y;

	color: #FFF;

	float: right;

	padding: 20px;

	width: 210px;
	min-height: 160px;
}

#contact h1 {
	font-size: 170%;
	font-weight: normal;

	margin: 0 0 .5em 0;
}

#contact address {
	font-style: normal;

	margin: .5em 0;
}

/* Anchors */
#contact a {
	color: #FFF;

	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
}

/**
 * Core
 */
#core {
	float: left;
	padding: 10px 10px;
	margin: 0 auto;
	width: 98%;
	/* background-image: url(../images/background_fruit.jpg); */
	background-repeat: no-repeat;
	background-position: top right;
}

#core_logistics {
	float: left;
	padding: 10px 20px;
	margin: 0 auto;
	width: 95%;
	background-image: url(../images/back_logistics.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}


#core_dairying {
	float: left;
	padding: 10px 20px;
	margin: 0 auto;
	width: 95%;
	background-image: url(../images/back_dairying.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#core_participations {
	float: left;
	padding: 10px 20px;
	margin: 0 auto;
	width: 95%;
	background-image: url(../images/back_participations.jpg);
	background-repeat: no-repeat;
	background-position: top right;

}

#core_community {
	float: left;
	padding: 10px 20px;
	margin: 0 auto;
	width: 95%;
	background-image: url(../images/back_community.jpg);
	background-repeat: no-repeat;
	background-position: top right;


}

#core_fruitfarming {
	float: left;
	padding: 10px 20px;
	margin: 0 auto;
	width: 95%;
	background-image: url(../images/back_fruitfarming.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

/**
 * News
 */
#news {
	width: 250px;

	float: right;
}

/* Headings */
#news h1 {
	color: #FFF;

	font-size: 200%;
}

/* Impression */
#news p.impression {
	margin: 0;
}

#news p.impression img {
	display: block;
}

/**
 * News head 
 */
#news-head {
	background: #3D3D3D url("../images/news-head-back.gif") repeat-y left;

	position: relative;

	padding: 5px 20px;
}

/* Headings */
#news-head h1 {
	margin: .1em 0;
}

#news-head p {
	border-left: 1px solid #D3D3D3;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;

	margin: 0;
	padding: 15px 10px;
}

/* Anchors */
#news-head a {
	color: #FFF;
}

#news-head a:hover {
	color: #D3D3D3;
}

/**
 * News item
 */
#news .news-item {
	border-bottom: 1px solid #FCFCFC;

	padding: 15px 20px;
}

/* Headings */
#news .news-item h2 {
	color: #403334;

	font-size: 140%;

	margin: 0;
}

#news .news-item p {
	margin: 0;
}

/* Anchors */
#news .news-item a:hover {
	color: #000;
}

/**
 * Latest projects
 */
#latest-projects {

}

/**
 * Project
 */
#latest-projects .project {
	background: #F1F5F8;
	border: 2px solid #D6DEE6;
	padding: 4px;
	margin: 1em 0;
	width: 170px;
	height: 210px;
}


#fillerdiv {
	height: 210px;
	width: 10px;
	margin-bottom: 1px;
}

#imageholder {
	height: 500px;
	width: 116px;
	margin-bottom: 1px;
	float: right;
	border-color: #000;
}

.imagespacer {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #F1F5F8;
	padding-left: 8px;
	padding-right: 8px;
	border: 2px solid #D6DEE6;
}
/* Description */
#latest-projects .project .description {
	float: left;
	padding: 0 6px;
	width: 160px;
}

/* Headings */
#latest-projects .project h3,
#latest-projects .project p {
	margin: .5em 0;
}

/* Images */
#latest-projects .project img {
	display: block;
	float: left;
	width: 161px;
	height: 103px;
}

/* Anchors */
#latest-projects .project a.view-more-link {
	float: left;
	background: url("../images/arrow.gif") no-repeat right 7px;
	padding-right: 15px;
	clear: right;
}

/**
 * Projects
 */
#projects {

}

/**
 * Project
 */
#projects .project {
	background: #F1F5F8;

	border: 2px solid #D6DEE6;

	float: left;

	padding: 4px;
	margin: .5em;

	width: 165px;
}

/* Headings */
#projects .project h2 {
	color: #CA1111;

	font-size: 150%;

	margin: .25em 0;
}

#projects .project p {
	margin: .25em 0;
}

/* Images */
#projects .project img {
	display: block;
}

/* Links */
#projects .project.link {
	cursor: pointer;
}

#projects .project.link:hover {
	background-color: #FFF;

	border-color: #CA1111;
}

/**
 * Images list
 */
.images-list {
	list-style: none;

	margin: 1em 0;
	padding: 0;
}

.images-list li {
	float: left;

	margin: .5em;
}

.images-list img {
	border: 2px solid #D6DEE6;

	display: block;
}

/**
 * Brands list
 */
.brands-list {
	float: right;

	list-style: none;

	margin: 1em 0;
	padding: 0;
}

.brands-list li {
	float: left;

	margin: .5em;
}

.brands-list img {
	display: block;
}

/**
 * Files list
 */
.files-list {
	list-style: none;

	margin: 1em 0;
	padding: 0;
}

.files-list li {
	background-repeat: no-repeat;
	background-position: 0 10px;

	border-top: 1px solid #e3e3e3;

	min-height: 54px;

	padding: 10px 0 10px 64px;
}

.files-list li.pdf-item { background-image: url("../images/icons/file-pdf.jpg"); }

.files-list a {
	font-weight: bold;
}


/**
 * Foot
 */
#foot {
	background: #32CD32 url("../images/foot-back.gif") no-repeat;
	clear: both;
	color: #000;
	font-size: 90%;
	padding: 50px 15px 10px 15px;
}

/* Anchors */
#foot a {
	color: #000;
}

#foot a:hover {
	color: #FFF;
}

/**
 * Foot-jongens
 */
#foot-jongens {
	background: #91c1FF url("../images/foot-back-jongens.gif") no-repeat;
	clear: both;
	color: #000;
	font-size: 90%;
	padding: 50px 15px 10px 15px;
}

/* Anchors */
#foot-jongens a {
	color: #000;
}

#foot-jongens a:hover {
	color: #000;
}

/* Other */
#foot-jongens .separator {
	padding: 0em;
}

/**
 * Foot-meisjes
 */
#foot-meisjes {
	background: #FEBAF2 url("../images/foot-back-meisjes.gif") no-repeat;
	clear: both;
	color: #000;
	font-size: 90%;
	padding: 50px 15px 10px 15px;
}

/* Anchors */
#foot-meisjes a {
	color: #000;
}

#foot-meisjes a:hover {
	color: #000;
}

/* Other */
#foot-meisjes .separator {
	padding: 0 .5em;
}


/**
 * Copyright
 */
#copyright {
	float: left;
}

/**
 * Foot menu
 */
#foot-klompen {
	float: right;
}


#kolomlinks {
	padding-left: 0px;
	padding-right: 15px;
	float: left;
	padding-bottom: 10px;
	width: 195px;
	padding-top: 0px;
}

#kolom2en3 {
	padding-left: 0px;
	padding-right: 15px;
	float: left;
	padding-bottom: 10px;
	width: 405px;
	padding-top: 0px;
}

#babynamentopkolom {
	padding-left: 0px;
	padding-right: 5px;
	float: left;
	padding-bottom: 10px;
	width: 430px;
	padding-top: 0px;
}

#babynamentopkolom_2009 {
	padding-left: 0px;
	padding-right: 5px;
	float: left;
	padding-bottom: 10px;
	width: 600px;
	padding-top: 0px;
}

#kolom4rechts {
	padding-left: 5px;
	padding-right: 0px;
	float: left;
	padding-bottom: 10px;
	width: 400px;
	padding-top: 0px;
	background-color: FF6600;
}

#forumblok {
	padding-left: 20px;
	padding-right: 0px;
	float: left;
	padding-bottom: 10px;
	width: 400px;
	padding-top: 12px;
	background-color: FF6600;
}

#letterblok {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 420px;
	padding-top: 0px;
	font-size: 30px;
}

#babynamenblok {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	padding-bottom: 10px;
	width: 420px;
	padding-top: 0px;
	font-size: 15px;
}

#kolommetlinks {
	padding-left: 20px;
	padding-right: 0px;
	float: left;
	padding-bottom: 10px;
	width: 400px;
	padding-top: 12px;
	background-color: FF6600;
	min-height: 160px;
}


#form_container {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	padding-bottom: 10px;
	width: 410px;
	padding-top: 0px;
}

#linkblok {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 400px;
	padding-top: 0px;
	font-size: 12px;
}

#kolommetlinks {
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	padding-bottom: 0px;
	width: 398px;
	padding-top: 0px;
	min-height: 160px;
}

#kolommetlinks2 {
	padding-left: 0px;
	padding-right: 0px;
	float: none;
	padding-bottom: 0px;
	width: 398px;
	padding-top: 0px;
	min-height: 160px;
	font-size: 100%;
}

.hide {display:none;}

#store_links {
	width: 390px;
	height: 400px;
	font-size: 9px;
	
}

#2009_form {
					position:			relative;
				}
		
			/* Form Elements */
				#2009_form label {
					position:			relative;
					display:			block;
					float:				left;
					width:				500px;
					clear:				both;
					border:				1px solid #dedede;
					padding:			5px;
					font-size:			1.2em;
					line-height:		30px;
					margin-bottom:		5px;
				}
				
				#2009_form label.nocontent {
					border:				none;
				}
				
				#2009_form label.active {
					background-color:	#DBF9C7;
					border:				1px solid green;
				}
				
				#2009_form label.error {
					background-color:	#ecd0ce;
					border:				1px solid red;
				}				
				
				#2009_formlabel.required {
					background-image:	url(../images/required.gif);
					background-repeat:	no-repeat;
					background-position:center left;
				}	
				
				#2009_form label.isgood {
					background-image:	url(../images/tick.gif);
					background-repeat:	no-repeat;
					background-position:center left;
				}
				
				#2009_form label input {
					width:				200px;
					float:				right;
					padding:			5px;
					font-size:			1.2em;
					border:				2px solid #afafaf;
				}
				#2009_form label input.active {
					border:				2px solid green;
				}
				#2009_formlabel input.error {
					border:				2px solid red;
				}				
				#formsubmit {
					width:				150px;
				}
				
				
				/* Info pop up classes */
				#2009_form .infopop {
					display:			block;
					position:			absolute;
					left:				513px;
					top:				-11px;
					background:			transparent url(../images/popBox.gif) no-repeat top left;
					line-height:		40px;
					color:				white;
					font-size:			1.2em;
					width:				270px;
					height:				62px;
					line-height:		62px;
					text-indent:		30px;
				}
				
				#2009_form .errorpop {
					background-image:	url(../images/popBoxWarning.gif);
				}