html, body { width: 100%; height: 100%; font-family: Tahoma, Geneva, Sans-Serif; color: #582f0b; margin: 0; padding: 0; font-size: 12px; }
body { background: url(/images/backgrounds/page/safari_gradient.png); background-repeat: repeat-x !important; background-color: #AA924E; }

body.rimba { background: url(/images/backgrounds/page/rimba_gradient.png); background-color: #B2934B; }
body.bush { background: url(/images/backgrounds/page/bush_gradient.png); background-color: #358B80; }
body.safari { background: url(/images/backgrounds/page/safari_gradient.png); background-color: #AA924E; }
body.ocean { background: url(/images/backgrounds/page/ocean_gradient.png); background-color: #01325A; }
body.desert { background: url(/images/backgrounds/page/desert_gradient.png); background-color: #AA914E; }
body.mangrove { background: url(/images/backgrounds/page/mangrove_gradient.png); background-color: #63903B; }
body.dierenpark { background: url(/images/backgrounds/page/park_gradient.png); background-color: #564710; }

body > form { background-image: url(/images/backgrounds/page/safari.jpg); background-repeat: no-repeat; background-position: 50% 0; width: 100%; min-height: 100%; }
body.rimba > form { background-image: url(/images/backgrounds/page/rimba.jpg); }
body.bush > form { background-image: url(/images/backgrounds/page/bush.jpg); }
body.safari > form { background-image: url(/images/backgrounds/page/safari.jpg); }
body.ocean > form { background-image: url(/images/backgrounds/page/ocean.jpg); }
body.desert > form { background-image: url(/images/backgrounds/page/desert.jpg); }
body.mangrove > form { background-image: url(/images/backgrounds/page/mangrove.jpg); }
body.dierenpark > form { background-image: url(/images/backgrounds/page/park.jpg); }

a, p, span, label { line-height: 16px; }

a { color: #0e6297; cursor: pointer; }
a:visited, a:active { color: #083C5B; }
a:hover { color: #4281A8; }
a.no-underline { text-decoration: none; }
a img { border: none; }
a, img { outline: 0; }

span.date { font-size: 95%; color: #8f745b; display: block; margin-bottom: 5px; }

a.button { height: 27px; padding-left: 5px; float: left; }
a.button span { float: left; height: 100%; padding-right: 6px; background-position: right 0; background-repeat: no-repeat; line-height: 26px; }
a.green-button { background-image: url(/images/buttons/green-left.png); color: White; }
a.green-button span { background-image: url(/images/buttons/green-right.png); }
a.blue-button { background-image: url(/images/buttons/blue-left.png); color: White; }
a.blue-button span { background-image: url(/images/buttons/blue-right.png); }

h1 { color: #225227; margin: 4px 0; font-family: 'Lucida Sans', 'Lucida Grande', Sans-Serif; font-size: 28px; }
h2 { color: #0e6297; margin: 5px 0; font-family: 'Lucida Sans', 'Lucida Grande', Sans-Serif; font-size: 18px; }
h3 { color: #582f0b; margin: 0; font-size: 14px; margin-bottom: 2px; }
h4 { font-family: 'Lucida Sans', 'Lucida Grande', Sans-Serif; }

hr { color: #cbbb6e; background: #cbbb6e; text-align: left; border: none; border-bottom: 1px solid #cbbb6e; margin: 0; clear: both; }
div.hr { border-bottom: 1px solid #cbbb6e; clear: both; margin-top: 4px; padding-top: 4px; }
div.hr hr { display: none; }
div.hr.space { margin: 15px 0px; }

.clear { clear: both; }
.business { color: #225227; }
.business h2 { color: #225227; }

span.tab { padding-left: 60px; }

.action-sticker { float: right; color: White; background: url(/images/icons/action-icon.png) no-repeat; width: 81px; height: 82px; text-align: center; }
.action-sticker span { margin-left: -2px; }
.action-sticker .number { font-size: 26px; margin-top: 23px; display: block; }
.action-sticker .text { position: relative; top: 2px; }

.paging-container { text-align: center; }
.paging { margin: 0 3px; }

div#wrapper { width: 960px; min-height: 100%; margin: 0 auto; background-color: #f6f3e0; position: relative; }
	div.shadow-left { background: url(/images/backgrounds/shadow-left.png) repeat-y; height: 100%; width: 14px; position: absolute; left: -14px; top: 0; }
	div.shadow-right { background: url(/images/backgrounds/shadow-right.png) repeat-y; height: 100%; width: 14px; position: absolute; right: -14px; top: 0; }

div#header { z-index: 1; background: url(/images/backgrounds/header-bar.png) repeat-x; width: 100%; height: 60px; position: relative; }
	ul#menu { width: 700px; float: left; font-family: 'Lucida Sans', 'Lucida Grande', Sans-Serif; font-size: 16px; font-weight: bold; margin: 0; padding: 25px 0 0 10px; list-style: none; }
		ul#menu li { float: left; padding: 0 0 0 12px; height: 35px; }
			ul#menu li a { color: #225227; height: 100%; padding-right: 12px; float: left; text-decoration: none; line-height: 36px; }
			ul#menu li a:hover { color: #0f2d12; }
		ul#menu li.active { background: url(/images/buttons/menu-left.png) no-repeat; }
			ul#menu li.active a { color: #0f2d12; background: url(/images/buttons/menu-right.png) no-repeat right 0; }
	div#language { float:left; left:-45px; position:relative; top:5px; }
	img#logo { position: absolute; right: 0px; margin-right: 10px; margin-top: -10px; z-index: 5; }

div#content { background: url(/images/backgrounds/content-gradient.png) repeat-x; width: 940px; min-height: 400px; padding: 10px; position: relative; }
	ul#tabs { list-style: none; margin: 0; padding: 0; margin-top: -5px; height: 26px; }
	ul#tabs li { float: left; padding: 0px 10px; line-height: 26px; }
	ul#tabs li.active { background-color: #7BAD35; }
	ul#tabs li a { color: #225227; text-decoration: none; }
	ul#tabs li.active a { color: White; font-weight: bold; }
	div.hr.tabs { margin-top: 0; padding-top: 0; margin-bottom: 5px; }
	
	ul#breadcrumb { list-style: none; padding: 0; margin: -5px 0 0 -5px; height: 26px; }
	ul#breadcrumb li { float: left; padding: 0px 5px; line-height: 26px; }	
	
	div.side-block { position: relative; background-position: center bottom; background-repeat: no-repeat; padding: 12px; width: 195px; margin: 0px 0px 20px 16px; float: left; overflow: hidden; min-height: 245px; }
	div.side-block a { text-decoration: none; display: block; margin: 5px 0; }
	div.side-block a.read-more { display: inline; }
	div.side-block h2 { margin-top: 0px; }
	div.side-block a.button { bottom: 5px; position: absolute; }
	div.side-block.top { height: 266px; position: relative; }
		div.side-block.top a.banner { margin-left: -12px; position: absolute; bottom: -8px; }
	
	ul#carousel { float: left; width: 702px; height: 290px !important; list-style: none; margin: 0; padding: 0; overflow: hidden; position: relative; }
		ul#carousel li { float: left; overflow: hidden; width: 100px; height: 292px; }
		ul#carousel li a { text-decoration: none; }
		ul#carousel li a span.heading { margin-top: 14px; margin-bottom: 4px; color: White; font-family: 'Lucida Sans', 'Lucida Grande', Sans-Serif; font-size: 24px; display: block; }
		ul#carousel li span.overlay { width: 100%; position: absolute; font-weight: bold; opacity: 0; filter: alpha(opacity=0); padding-left: 5px; color: White; left: 0; cursor: pointer; display: block; }
		ul#carousel li span.overlay-small { height: 30px;  bottom: 30px; line-height: 30px; font-size: 11px; padding-left: 3px; }
		ul#carousel li span.overlay-big { height: 60px; bottom: 15px; width: 350px; }
		ul#carousel li.rimba span { background-color: #d96917; }
		ul#carousel li.bush span { background-color: #e4c736; }
		ul#carousel li.safari span { background-color: #8ac734; }
		ul#carousel li.ocean span { background-color: #0099ff; }
		ul#carousel li.desert span { background-color: #218992; }
		ul#carousel li.mangrove span { background-color: #7b35ac; }
		ul#carousel li.dierenpark span { background-color: Red; }
	
	div#main { float: left; width: 465px; min-height: 620px; }
	div.wider { width: 700px !important; }
	div#main a.second-link { margin-left: 66px; }

div#footer { border-top: 1px solid #ebe3b6; height: 50px; width: 100%; position: relative; margin-top: 50px; }
	div#footer span { margin: 19px 0 0 15px; float: left; }
	img#the-green-key { float: right; margin: 0 15px 0; width: 40px; }
	img#made-in-arnhem { float: right; margin: 12px 15px 0; }
	
	div.shadow-bottom { background: url(/images/backgrounds/shadow-bottom.png) repeat-x; height: 14px; width: 100%; position: absolute; bottom: -14px; }
	

div.header-picture { height: 290px; width: 700px; overflow: hidden; float: left; margin-bottom: 20px; }

div.content div.item { margin-bottom: 20px; }
div.content div.item > img, div.content div.item > a > img { float: left; margin-right: 10px; margin-bottom: 10px; }
div.content div.item p { margin-top: 0px; }
div.content div.more-links { margin: 0 0 30px; }

div.content div.item span.name, span.about { display: block; font-weight: bold; }
div.content div.item span.function { display: block; }
div.content div.item div.person { float: left; }
div.content div.item div.person.with-picture { width: 530px; }

div.ecosystem-content { margin-top: 15px; }
.ecosystem-title { position: absolute; z-index: 1; padding: 0 20px 5px 20px; top: 50px; opacity: 0.8; filter: alpha(opacity=80); }

.galleria_container { overflow: hidden; height: 500px; }
.galleria_container.small { height: 100%; }
.galleria { list-style: none; padding: 0; margin-left: 25px; }
.galleria li { display: block; width: 60px; height: 40px; overflow: hidden; float: left; margin: 20px 10px 10px 0; position: relative;
               background-repeat: no-repeat; background-position: center center; cursor: pointer; border: 1px solid White; background-color: White; }
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img { cursor: pointer; }
.galleria li.active div img, .galleria li.active div{ display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: none !important; width: auto; height: auto; }
.galleria li .caption { display: block; padding-top: .5em; }

.jcarousel-container { position: absolute; top: 450px; *top: 462px; }
.header-picture .jcarousel-container { top: 245px; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 880px; }
.header-picture .jcarousel-clip { width: 670px; }
.jcarousel-list { z-index: 1; position: relative; top: 0; left: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */