* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

html {
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 0;
}

.background_home_info {
	background: #02929a url(/images/achtergrond_home_info.jpg) repeat-x bottom;
}

.background_park {
	background: #006baf url(/images/achtergrond_park.jpg) repeat-x bottom;
}

.background_nature_preserve_specie {
	background: #b2cc15 url(/images/achtergrond_nature_preserve_specie.jpg) repeat-x bottom;
}

.background_kids {
	background: #feca12 url(/images/achtergrond_kids.jpg) repeat-x bottom;
}

.background_gathering_party {
	background: #db1026 url(/images/achtergrond_gathering_party.jpg) repeat-x bottom;
}

.background_school {
	background: #a64798 url(/images/achtergrond_school.jpg) repeat-x bottom;
}

.background_press {
	background: #f38c0b url(/images/achtergrond_press.jpg) repeat-x bottom;
}

.background_contact {
	background: #ec1c8c url(/images/achtergrond_contact.jpg) repeat-x bottom;
}

table, p, div, span, ul, a {
	font-family: arial;
	font-size: 11px;
}

table {
	border-collapse: collapse;
	border-color: #bbbbbb;
}

img {
	display: block;
	border: none;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

.leftSubMenu a {
	text-decoration: none;
	color: #000000;
}

.header {
	height: 393px;
}

.clear {
	clear: both;
}

.bottomSpacer {
	clear: both;
	height: 40px;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 990px;
	text-align: left;
	z-index: 1;
}

.logo {
	position: absolute;
	top: 30px;
	left: 0;
	width: 270px;
	height: 270px;
	z-index: 2;
}

.bottomMenu {
	position: absolute;
	margin-left: 15px;
	bottom: 0;
	color: #666666;
}

.bottomMenu a {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
}

.bottomMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.bottomMenu ul li {
	padding: 0;
	margin: 0;
	float: left;
}

#leftContainer {
	position: relative;
	float: left;
	width: 795px;
	background: #ffffff;
	z-index: 0;
}

#rightContainer {
	position: relative;
	float: right;
	width: 195px;
	z-index: 0;
}

.top_text h1 {
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 10px;
}

.top_text p {
	font-weight: bold;
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top:0;
	padding-bottom: 0;
}

.top_text a {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

.top_text a:hover {
	text-decoration: underline;
}

.searchContainer {
	position: absolute;
	bottom: 10px;
}

.searchContainer input {
	border: none;
	font-size: 11px;
	color: #666666;
	padding-left: 5px;
	padding-top: 3px;
	width: 135px;
}

.searchContainer .searchInput {
	position: relative;
	float: left;
	border: 1px solid #999999;
	height: 22px;
	background: #ffffff;
	width: 143px;
	color: #999999;
}

.searchContainer .searchButton {
	position: relative;
	float: left;
	height: 22px;
	width: 22px;
	background: url(/images/zoeken_btn.jpg) no-repeat;
	cursor: pointer;
}

.bottomRight h1 {
	background: url(/images/rightColumnTitleBg.jpg);
	margin-left: 8px;
	font-size: 16px;
	width: 171px;
	height: 27px;
	line-height: 27px;
	padding-left: 7px;
	margin-top: 0;
	margin-bottom: 8px;
}

.bottomRight p {
	margin-left: 15px;
	margin-top: 8px;
	_margin-top: 0;
	width: 165px;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 20px;
}

.bottomRight table {
	margin-left: 15px;
	width: 150px;
}

table {
	text-align: left;
}

.bottomRight a, .bottomRight table {
	font-size: 11px;
}

/* top right css / different color choices */
.topRight {
	position: absolute;
	height: 393px;
	width: 195px;
}

.animalLogo {
	position: absolute;
	top: 40px;
	left: 48px;
	width: 97px;
	height: 97px;
	z-index: 1;
}

.top_bear {
	background: url(/images/top_right_bg.png) no-repeat;
}

.top_bear h1 {
	color: #4471b3;
}

.top_bear .animalLogo {
	background: url(/images/top_beer.png) no-repeat;
}

.top_elephant {
	background: url(/images/topright_olifant.png) no-repeat;
}

.top_elephant h1 {
	color: #f09ebb;
}

.top_elephant .animalLogo {
	background: url(/images/top_olifant.png) no-repeat;
}

.top_lion {
	background: url(/images/topright_leeuw.png) no-repeat;
}

.top_lion h1 {
	color: #f7b900;
}

.top_lion .animalLogo {
	background: url(/images/top_leeuw.png) no-repeat;
}

.top_zebra {
	background: url(/images/topright_zebra.png) no-repeat;
}

.top_zebra h1 {
	color: #ffffff;
}

.top_zebra .animalLogo {
	background: url(/images/top_zebra.png) no-repeat;
}

.top_dino {
	background: url(/images/topright_dino.png) no-repeat;
}

.top_dino h1 {
	color: #d5d600;
}

.top_dino .animalLogo {
	background: url(/images/top_dino.png) no-repeat;
}

.top_rhino {
	background: url(/images/topright_rino.png) no-repeat;
}

.top_rhino h1, .top_rhino p, .top_rhino a {
	color: #d1d2d3;
}

.top_rhino .animalLogo {
	background: url(/images/top_rino.png) no-repeat;
}

.top_cat {
	background: url(/images/topright_poes.png) no-repeat;
}

.top_cat h1 {
	color: #fef8e6;
}

.top_cat .animalLogo {
	background: url(/images/top_poes.png) no-repeat;
}

/* end top right css / different colors*/

.top_text {
	margin-top: 145px;
	margin-left: 14px;
	margin-right: 14px;
}

/* bottom right css / different color choices */

.bottomRight {
	position: absolute;
	top: 393px;
	width: 195px;
}

.bottom_bear {
	background: #fef9c0;
}

.bottom_elephant {
	background: #c2e9f7;
}

.bottom_lion {
	background: #f2c6ca;
}

.bottom_zebra {
	background: #f9f6c5;
}

.bottom_dino {
	background: #f8c6dd;
}

.bottom_rhino {
	background: #e8d1e4;
}

.bottom_cat {
	background: #fce1c7;
}

/* end bottom right css / different colors*/

/* bottom footer css / different colors*/
.rightFooter {
	position: relative;
	float: right;
	width: 195px;
	height: 10px;
}

.footer_bear {
	background: url(/images/contentrightbottom.png) no-repeat;
}

.footer_elephant {
	background: url(/images/contentrightbottom_olifant.png) no-repeat;
}

.footer_lion {
	background: url(/images/contentrightbottom_leeuw.png) no-repeat;
}

.footer_zebra {
	background: url(/images/contentrightbottom_zebra.png) no-repeat;
}

.footer_dino {
	background: url(/images/contentrightbottom_dino.png) no-repeat;
}

.footer_rhino {
	background: url(/images/contentrightbottom_rino.png) no-repeat;
}

.footer_cat {
	background: url(/images/contentrightbottom_poes.png) no-repeat;
}

.leftFooter {
	position: relative;
	float: left;
	width: 795px;
	background: url(/images/contentbg_bottom.png) no-repeat;
	height: 10px;
}

/* end bottom footer css / different colors*/

.home_ticker {
	position: absolute;
	top: 298px;
	right: 4px;
	z-index: 1;
}

/* content css */
.content {
	position: relative;
	width: 795px;
	text-align: left;
	background: #ffffff;
	margin-bottom: 15px;
	min-height: 100px;
	_height: 100px;
}

.home {
	padding-top: 43px;
}

form {
	z-index: 1000;
}

.standard {
	width: 780px;
}

.standardContent {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 30px;
	_margin-left: 30px;
	line-height: 14px;
}

.standardContent h1 {
	margin-top: 0;
	padding-top: 0;
	line-height: 27px;
}

.leftInnerColumn {
	position: relative;
	float: left;
	width: 195px;
}

.rightInnerColumn {
	position: relative;
	float: right;
	width: 195px;
}

.rightInnerColumn img {
	position: relative;
	float: right;
}

.leftInnerColumn img {
	position: relative;
	float: left;
	left: 15px;
}
/* end content css */

div.newsbox {
	float: left;
	width: 375px;
	height: 209px;
	position: relative;
	left: 15px;
	margin-right: 15px;
	_margin-right: 5px;
	cursor: pointer;
	overflow: hidden;
}

div.newsbox a {
	cursor: pointer;
	text-decoration: none;
}

div.newsbox a:hover {
	text-decoration: none;
}

div.newsbox img.newsbox_graphic {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
}

img.newsbox_icon {
	width: 63px;
	cursor: pointer;
	height: 63px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}

span.rightbar_link {
	display: block;
	width: 165px;
	text-align: right;
}

span.newsbox_title {
	cursor: pointer;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	bottom: 35px;
	-bottom: 25px;
	left: 81px;
}

span.newsbox_subtitle {
	cursor: pointer;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 81px;
}




div.iconblock {
	width: 180px;
	height: 205px;
	background: url(/images/iconblock_bg.png) no-repeat;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
	_margin-right: 5px;
	cursor: pointer;
	color: black;
}

div.iconblock a {
	text-decoration: none;
	cursor: pointer;
}

div.iconblockhome {
	width: 180px;
	height: 205px;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 5;
}

.iconblock_link {
	text-decoration: none !important;
	cursor: pointer;
}

div.iconblock img, div.iconblockhome img {
	cursor: pointer;
}

span.iconblock_title {
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	left: 8px;
	top: 10px;
}

span.iconblock_text {
	cursor: pointer;
	display: block;
	font-size: 12px;
	position: absolute;
	left: 8px;
	top: 26px;
}

div.iconblock_icon {
	cursor: pointer;
	position: absolute;
	width: 178px;
	height: 160px;
	left: 1px;
	right: 0;
	margin-top: 56px;
	z-index: 4;
}

img.iconblock_overlay {
	cursor: pointer;
	position: absolute;
	width: 178px;
	left: 1px;
	right: 0;
	margin-top: 56px;
	z-index: 5;
}

img.iconblock_overlay_bottom {
	cursor: pointer;
	position: absolute;
	width: 180px;
	left: 0px;
	right: 0;
	bottom: 0;
	z-index: 5;
}

img.iconblock_flash_overlay_bottom {
	cursor: pointer;
	position: absolute;
	width: 180px;
	left: 0px;
	right: 0;
	bottom: 0;
	z-index: 250;
}


div.iconblock_bar {
	cursor: pointer;
	position: absolute;
	bottom: 5px;
	right: 8px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	padding-right: 25px;
	z-index: 5;
}

.cam_block {
	width: 180px;
	height: 156px;
	background: url(/images/cam_bg.png) no-repeat;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

.cam_block_small {
	width: 180px;
	height: 105px;
	background: url(/images/cam_bg_small.png) no-repeat;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

.cam_block_ruler {
	height: 1px;
	width: 170px;
	margin-left: 5px;
	background: #cccccc;
	margin-top: 5px;
}

.cam_block_title {
	font-size: 13px;
	font-weight: bold;
	margin-left: 8px;
	margin-top: 10px;
}

.cam_block_text {
	font-size: 12px;
	margin-left: 8px;
}

.cam_block_item_icon {
	margin-left: 8px;
	margin-top: 5px;
	float: left;
	width: 53px;
	height: 29px;
	background: url(/images/cam.png) no-repeat;
}

.cam_block_item_title {
	margin-left: 8px;
	margin-top: 13px;
	float: left;
}

.cam_block_item_more {
	margin-right: 8px;
	margin-top: 10px;
	float: right;
	width: 19px;
	height: 20px;
	background: url(/images/cam_arrow.png) no-repeat;
}

img.newsbox_arrow {
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 6px;
}

div.column{
	float: left;
}

div.column-sidebar{
	width: 180px;
	/* margin: 13px 15px 0px 15px; */
	margin-right: 15px; /* */
	display: inline;
}

div.column-content{
	width: 375px;
	padding: 13px 12px 0px 15px; /* */
	display: inline;
}

div.column-content-big{
	width: 585px;
	padding: 13px 12px 0px 15px; /* */
	display: inline;
}

div#animal{
	background-color: red;
}

div#animal div.main{
	width: 375px;
	float: left;
	display: inline;
}
div#animal div.side-bar{
	width: 180px;
	display: inline;
	float: right;
}

div.column-content-bar{
	width: 180px;
	display: inline;
	/* margin: 13px 15px 0px 7px; /* */
}

span.title{
	font-weight: bold;
}
.home_info {
	color: #1c8088;
}

.park {
	color: #01569f;
}

.nature_preserve_specie {
	color: #5eac25;
}

.kids {
	color: #f39e08;
}

.gathering_party {
	color: #9e1019;
}

.school {
	color: #5c1c56;
}

.press {
	color: #a35719;
}

.contact {
	color: #a10d69;
}

.std_home_info a,
.std_home_info h1,
.std_home_info h2,
.std_home_info h3,
.std_home_info h4,
.std_home_info h5,
.std_home_info h6 {
	color: #1c8088;
}

.std_park a,
.std_park h1,
.std_park h2,
.std_park h3,
.std_park h4,
.std_park h5,
.std_park h6 {
	color: #01569f;
}

.std_nature_preserve_specie a,
.std_nature_preserve_specie h1,
.std_nature_preserve_specie h2,
.std_nature_preserve_specie h3,
.std_nature_preserve_specie h4,
.std_nature_preserve_specie h5,
.std_nature_preserve_specie h6 {
	color: #5eac25;
}

.std_kids a,
.std_kids h1,
.std_kids h2,
.std_kids h3,
.std_kids h4,
.std_kids h5,
.std_kids h6 {
	color: #f39e08;
}

.std_gathering_party a,
.std_gathering_party h1,
.std_gathering_party h2,
.std_gathering_party h3,
.std_gathering_party h4,
.std_gathering_party h5,
.std_gathering_party h6 {
	color: #9e1019;
}

.std_school a,
.std_school h1,
.std_school h2,
.std_school h3,
.std_school h4,
.std_school h5,
.std_school h6 {
	color: #5c1c56;
}

.std_press a,
.std_press h1,
.std_press h2,
.std_press h3,
.std_press h4,
.std_press h5,
.std_press h6 {
	color: #a35719;
}

.std_contact a,
.std_contact h1,
.std_contact h2,
.std_contact h3,
.std_contact h4,
.std_contact h5,
.std_contact h6 {
	color: #a10d69;
}

.poll_bar {
	height: 13px;
}

.poll_home_info {
	background: #1c8088;
}

.poll_park {
	background: #01569f;
}

.poll_nature_preserve_specie {
	background: #5eac25;
}

.poll_kids {
	background: #f39e08;
}

.poll_gathering_party {
	background: #9e1019;
}

.poll_school {
	background: #5c1c56;
}

.poll_press {
	background: #a35719;
}

.poll_contact {
	background: #a10d69;
}

.content h1 {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
}

.content h2 {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
}

.content p {
	margin-top: 0;
}

.content h3, .content h4, .content h5, .content h6 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

/* Submenu */
.leftSubMenu {
	width: 180px;
	left: 15px;
	float: left;
	position: relative;
	line-height: 14px;
	margin-bottom: 30px;
}

.leftSubMenu a {
	font-weight: bold;
}

.leftSubMenu a:hover {
	color: #c10819;
	text-decoration: none;
}

.leftSubMenu a.active {
	color: #c10819;
}

.leftSubMenu h1 {
	font-size: 12px;
	width: 180px;
	height: 27px;
	margin: 0;
	color: #ffffff;
	margin-bottom: 10px;
}

.leftSubMenu .padMe {
	padding-left: 10px;
	padding-top: 6px;
	font-size: 12px;
}

.leftSubMenu .sub {
	background: url(/images/bull.gif) no-repeat 0 5px;
	position: relative;
	padding-left: 8px;
	margin-left: 20px;
	_margin-left: 10px;
	float: left;
}

.leftSubMenu .sub a {
	font-weight: normal;
	font-style: italic;
}

.leftSubMenu .subMenu {
	padding-bottom: 10px;
}

.leftSubMenu h1.bg_home_info {
	background: url(/images/bg_home_info.jpg);
}

.leftSubMenu h1.bg_park {
	background: url(/images/bg_park.jpg);
}

.leftSubMenu h1.bg_nature_preserve_specie {
	background: url(/images/bg_natuur.jpg);
}

.leftSubMenu h1.bg_kids {
	background: url(/images/bg_kids.jpg);
}

.leftSubMenu h1.bg_gathering_party {
	background: url(/images/bg_bijeenkomsten.jpg);
}

.leftSubMenu h1.bg_school {
	background: url(/images/bg_scholen.jpg);
}

.leftSubMenu h1.bg_press {
	background: url(/images/bg_pers.jpg);
}

.leftSubMenu h1.bg_contact {
	background: url(/images/bg_contact.jpg);
}

ul.subgroups{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.subgroups li{
	display: block;
	clear: both;
	padding: 10px 0;
	border-bottom: 1px solid #b2b2b2;
}

ul.subgroups li.first{
	border-top: 1px solid #b2b2b2;
}

ul.subgroups li span {
	float: left;
}
ul.animals {
	display: block;
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
}
ul.subgroups li ul.animals li {
	border: none;
	padding: 0;
	float: left;
}

ul.subgroups li ul.animals li a {
	text-decoration: underline;
	color: #000000;
}

.animalItem a {
	color: #000000;
	text-decoration: none;
}

.animalItem {
	position: relative;
	float: left;
	width: 90px;
	height: 59px;
	border: 1px solid white;
	background: #ececec;
	/*border-top: none;
	border-left: none;*/
	background-repeat: no-repeat;
	cursor: pointer;
}

.animalLink {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 88px;
}

.animalLink:hover {
	text-decoration: none;
}

.lastAnimalItem {
	/*border-right: none;*/
}

.bottomAnimalItem {
	/*border-bottom: none;*/
}

div.category-item{
	width: 87px;
	float: left;
	height: 57px;
	display:inline;
	background-color: #e8e8e8;
	text-align: center;
	position: relative;
}

div.category-item img.mouseover{
	display: none;
	position: absolute;
	width: 82px;
	height: 40px;
	top: 2px;
	left: 2px;
	z-index: 2;
}

div.category-item a{
 	position:absolute;
	width: 87px;
	height: 57px;
	z-index: 10;
	left: 0;
	top: 0;
}

div.category-item a img{
	height:40px;
}

.trivia {
	width: 180px;
	height: 205px;
	background: url(/images/iconblock_bg.png) no-repeat;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
}

.trivia h1 {
	font-size: 14px;
	margin: 10px;
	padding: 0;
}

.trivia h2 {
	font-size: 13px;
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

.trivia p {
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

.trivia img {
	margin: 0;
	padding: 0;
	left: -10px;
}

.trivia ul {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
}

.trivia ul li {
	background: url(/images/bull.gif) no-repeat 0 5px;
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
}

.webcam {
	width: 180px;
	height: 40px;
	background: url(/images/webcam_bg.png) no-repeat;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	padding-top: 10px;
}

.webcam a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 45px;
}

.webcam a:hover {
	text-decoration: underline;
}

ul.topSubMenu {
	position: absolute;
	background: #ffffff;
	padding: 10px;
	margin-top: 0;
	margin-left: 7px;
	_margin-top: 14px;

	_margin-left: -70px;
	padding-top: 3px;
	width: 150px;

	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);

}

ul.topSubMenu li a {
	margin-top: 3px;
}

div.media-block {
	width: 180px;
	height: 105px;
	background: url(/images/cam_bg_small.png) no-repeat;
	left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

div.media-block h1 {
	color: #01569F;
	font-size: 14px;
	margin: 10px;
	padding: 0px;
}

div.media-block div {

	margin: 10px 10px 0px;

	height: 25px;

	background: left center no-repeat;
}

div.media-block div.media-block-webcam {
	background-image: url(/images/cam.png);
}

div.media-block div.media-block-photo {
	background-image: url(/images/photo.png);
}

div.media-block div a {
	display: block;

	padding: 5px 0px 5px 55px;

	font-size: 12px;
	font-weight: normal;

	text-decoration: none;
}

div.media-block div.media-block-photo div {
	display: none;
}