html, body {
	margin: 0;
	padding: 0;

	height: 100%;
}
body {
	background-color: #fcbf33;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: 0 120px;

	color: white;

	font-family: arial;
	font-size: 10pt;
	line-height: 150%;


}
#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
h2 {
	margin: 10px;
	font-size: 12px;
	color: #fff;
}
p {
	margin: 10px 10px;
	text-align: justify;

	color: #fff;
}
#contentbox a {
	color: #ffd84b;
}
a.internal {
	background: url(../images/driehoek.gif) no-repeat 0px 1px;
	padding: 0 20px;

	margin: 10px;
	color: #ffd84b;

	text-decoration: none;
}

#flashcontent {
	position: absolute;
	z-index: 0;

	height: 100%;
	width: 100%;

	top:0;
}

form {
}

form input, form textarea, form select {
	background: url("../images/form_bg.jpg") repeat scroll 0 0 #fff;
	border: 0px;

	font-family: arial;
	font-size: 11px;
	padding: 2px;
}
form input {
	width: 190px;
}
#contentbox form input.button {
	display: block;

	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/form_button_green.gif);

	width: 66px;
	height: 23px;
	padding-bottom: 1px;

	font-size: 9px;
	color: #3cac4a;

	margin-left: 315px;
}

form textarea {
	width: 275px;
	height: 80px;
}
form label {
	display: block;
	float: left;

	width: 100px;

	color: #257425;

}
form div {
	margin: 10px;
}

/**
 * ALPHA
 */


#contentbox-content ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}
#contentbox-content ul li {
	background: url(../images/driehoek.gif) no-repeat 2px;
	padding: 0 25px;
	margin: 10px 0;

	color: #fff;
}
#contentbox-content ul li a {
	color: #fff;
	text-decoration: none;

}
#contentbox-content.recipes ul {
	margin: 10px;
	padding: 0 15px;

	list-style-type: disc;
}
#contentbox-content.recipes ul li {
	background: none;
	padding: 0 5px;
	margin: 5px 0;
}

/**
 * HEADER
 */
#header {
	position: absolute;
	z-index: 1;

	background: url(../images/header_bg.jpg) repeat-x;

	height: 200px;
	width: 100% ;

	min-width: 950px !important;
}

#header-logo {
	position: absolute;
	top:0;
	left: 0;

	z-index: 1;

	background-image: url(../images/header_logo.jpg);
	cursor: pointer;
	width: 191px;
	height: 136px;
}
#header-bottomleft {
	position: absolute;
	z-index: 2;

	top: 136px;
	left: 0;

	width: 20px;
	height:  44px;

	background-image: url(../images/header_bottomleft.png);
}
#header-bottom {
	position: absolute;
	z-index: 0;

	right: 0px;
	top: 136px;


	width: 724px;
	height: 59px;

	background-image: url(../images/header_bottom.png);
}
#header-shadow {
	position: absolute;
	z-index: 1;

	top: 136px;

	width: 100%;
	height: 6px;

	background-image: url(../images/header_shadow.png);
}
#fruits {
	position: absolute;

	z-index: 2;
	margin: 0;
	padding: 0;

	top: 58px;
	right: 0 !important;
	right: -1px;

	width: 113px;
	height: 148px;

	background-image: url(../images/header_visual_right.png);
}
#header-distributors {
	position: absolute;
	top: 15px;
	right: 100px;

	z-index: 5;
}
#header-distributors img {
	margin: 0 0 3px 2px;
}
#header-distributors form {
	margin: 0;
	padding: 0;
}
#header-distributors form div {
	padding: 2px;
	margin: 0;
}
#header-distributors form input,#header-langage select {
	padding: 3px;
	margin: 0;
	color: #ff9900;
	width: 175px;
	font-size: 90%;
}

#header-langage {
	background: url("../images/countryselect.png") no-repeat scroll 0 0 transparent;
	position: absolute;
	right: 300px;
	padding-top:22px;
	top: 14px;
	z-index: 10;
}

#header-langage select {
	height:21px;
	width: 125px;
}

#header-distributors form input.button {
	display: block;

	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/form_button_yellow.gif);

	width: 66px;
	height: 23px;
}

/**
 * CONTENT
 */
#content {
	padding-top: 160px;
	padding-bottom: 90px;
}


#contentbox {
	z-index: 1;

	position: relative;
	left: 275px;
	width: 494px;
}
#contentbox table {
	height: auto;
}
#contentbox-left {
	width: 8px;
	background-image: url(../images/content_left.png);
}
#contentbox-right {
	width: 6px;
	background-image: url(../images/content_right.png);
}
#contentbox-top {
	height: 10px;
}
#contentbox-bottom {
	height: 62px;
}
#contentbox-content {
	vertical-align: top;
	padding: 20px 20px 0 20px;

	height: 360px;
}
#contentbox a img {
	border: 1px solid #fff;
	padding: 3px;
}

#contentbox.green #contentbox-top  {
	background-image: url(../images/content_green_top.png);
}
#contentbox.green #contentbox-bottom {
	background-image: url(../images/content_green_bottom.png);
}
#contentbox.green #contentbox-content {
	background: #5fd559 url(../images/content_green_bg.jpg) no-repeat bottom;
}
#contentbox.green #contentbox-content.small {
	background: #5fd559 url(../images/contentsmall_green_bg.jpg) no-repeat bottom;
}

#contentbox.brown #contentbox-top  {
	background-image: url(../images/content_brown_top.png);
}
#contentbox.brown #contentbox-bottom {
	background-image: url(../images/content_brown_bottom.png);
}
#contentbox.brown #contentbox-content {
	background: #f1eadd url(../images/content_brown_bg.jpg) no-repeat bottom;
}

#contentbox.red #contentbox-top  {
	background-image: url(../images/content_red_top.png);
}
#contentbox.red #contentbox-bottom {
	background-image: url(../images/content_red_bottom.png);
}
#contentbox.red #contentbox-content {
	background: #ef8496 url(../images/content_red_bg.jpg) no-repeat bottom;

}
#contentbox.red #contentbox-content.small {
	background: #ef8496 url(../images/contentsmall_red_bg.jpg) no-repeat bottom;
}


/**
 * FOOTER
 */
#footer {
	position: absolute;
	bottom: 0 !important;
	width: 100%;

}
#bottom {
	z-index: 2;

	position: absolute;
	bottom: 0;
	height: 25px;
	width: 100%;

	background-image: url(../images/footer_bg.jpg);
}
#bottom-top {
	z-index: 1;
	bottom: 25px;
	position: absolute;

	width: 768px;
	height: 57px;

	background-image: url(../images/footer_top.png);
}
#fruits-bottom {
	z-index: 4;
	bottom: 0;
	position: absolute;

	margin: 0;
	padding: 0;

	width: 104px;
	height: 100px;

	background-image: url(../images/footer_visual_bottom.png);
}
#footer-shadow {
	position: absolute;
	z-index: 2;

	bottom: 25px;

	width: 100%;
	height: 6px;

	background-image: url(../images/footer_shadow.png);
}
#footer-packs {
	position: absolute;
	z-index:0;

	bottom: 0px;
	right: 0;

	width: auto;
	height: auto;

	text-align: right;
}
#footer-caption {
	position: absolute;
	z-index: 2;

	padding: 5px 0 4px 0 ;
	bottom: 3px;
	right: 10px;

}
#footer-caption img {
	margin: 0px 5px;
	border: 0;
}

#parrot {
	position: absolute;
	bottom: 0px;
	left: 50px;

	z-index: 50;


	background: url(../images/parrot.png) no-repeat;
	width: 89px;
	height: 119px;
}

/**
 * NAVIGATION
 */
#navigation {
	position: absolute;
	z-index:5;
	top: 90px;
	left: 100px;

}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation ul li {
	float: left;
	padding-right: 2px;
	background: url(../images/navigation_spacer.jpg) no-repeat right top;
}
#navigation ul li a {
	display:block;
	float: left;
	padding: 5px 15px 0px 15px;
	height: 20px;
}
#navigation ul li a:hover {
	background: url(../images/navigation_hover.jpg) repeat-x;
}
#navigation ul li a.active {
	background: url(../images/navigation_active.png) no-repeat bottom !important;
	height: 41px;
}

#navigation ul li a img {
	border: 0
}

/**
 * SUBMENU
 */
#submenu {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 156px;

	width: 189px;
	height: 265px;
}
#submenu-top {
	width: 189px;
	height: 19px;

	background: url(../images/submenu_top.png);
}
#submenu-bottom {
	width: 189px;
	height: 15px;

	background: url(../images/submenu_bottom.png);
}
#submenu-left {
	width: 8px;
	height: 231px;

	background: url(../images/submenu_left.png);
}
#submenu-right {
	width: 7px;
	height: 231px;

	background: url(../images/submenu_right.png);
}
#submenu-content {
	width: 174px;
	height: 221px;

	background: url(../images/submenu_bg.png);

	vertical-align: top;
	padding: 0px 0 0 0;
}
#submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}
#submenu ul li a {
	display: block;
	height: 25px;
}
#submenu ul li a img {
	border: 0;
}
.asholder {
	position: relative;
}

#promo{
	width: 100%;
	text-align: center;
}
#promo img{
	border: solid 5px #ff6;
}
a.file{
	display:inline-block;
	padding-left:20px;
	line-height:18px;
}
a.file[href$='.zip'], a.file[href$='.rar'], a.file[href$='.gzip'] {
background:transparent url(../images/files/compress.png) center left no-repeat;
}
a.file[href$='.pdf'] {
background:transparent url(../images/files/pdf.png) center left no-repeat;
}
a.file[href$='.png'], a.file[href$='.gif'], a.file[href$='.jpg'] ,a.file[href$='.jpeg'] {
background:transparent url(../images/files/image.png) center left no-repeat;
}
a.file[href$='.doc'], a.file[href$='.xdoc'] {
background:transparent url(../images/files/word.png) center left no-repeat;
}
a.file[href$='.exl'], a.file[href$='.xexl'], a.file[href$='.csv'],a.file[href$='.xml']{
background:transparent url(../images/files/exl.png) center left no-repeat;
}
a.file[href$='.exl'], a.file[href$='.ppt']{
background:transparent url(../images/files/exl.png) center left no-repeat;
}
a.file[href$='.avi'], a.file[href$='.mov'], a.file[href$='.mpeg'], a.file[href$='.mpeg4'], a.file[href$='.mpg'], a.file[href$='.qt']{
background:transparent url(../images/files/film.png) center left no-repeat;
}
a.file[href$='.mp3'], a.file[href$='.wma']{
background:transparent url(../images/files/music.png) center left no-repeat;
}