*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}body,html{background-image:url(images/bg-gras.gif);font-family:Arial,Verdana,Helvetica,sans-serif;background-color:#5A7B3A;color:#686868;line-height:24px;font-size:16px}
/* MAIN ITEMS */
.matchedContent{width:100%;margin:auto;padding:8px;background-color:#FFF;overflow:hidden}
.clear{clear:both}
img{border:0}
a:link,a:visited,a:active{color:#5AA90E;text-decoration:underline}
a:hover{color:#E77D00}
/* font n size */
#header,#menu,#container,#content,#footer{width:100%;max-width:1024px;margin-left:auto;margin-right:auto}
h1,h2{font-size:1em;margin:0;padding:0}
h3,h4{font-size:.938em;margin:0;padding:0}
.normalHide{display:none}
.mobHide{display:inline}
.plainText{font-size:12px;color:#686868;max-width:500px}
#container{margin-left:auto;margin-right:auto}
#header{height:92px;background-color:#fff;margin-bottom:0;margin-left:auto;margin-right:auto}
.headerPos{max-width:1006px;margin-left:9px;margin-right:9px;height:92px;background:url(images/at-head-bg.jpg) no-repeat top left}
#logo{padding-top:5px;padding-left:20px;float:left;width:60%;display:inline-block}
#logo img{width:100%;height:auto}
#sharebg{float:right;background-image:url(images/bord.png);background-repeat:no-repeat;width:115px;height:87px;margin-right:inherit;display:inline-block}
#share{padding-top:14px;padding-left:14px;text-align:left}
#menu{min-height:53px;background-color:#fff;margin-left:auto;margin-right:auto}
ul#menuOrange{max-width:1006px;margin-left:9px;margin-right:9px;background:url(images/menu/bg-menu-orange.gif) repeat-x top left;font-weight:700;list-style:none;display:block;background-color:#fe8900}
ul#menuOrange a{display:block;height:27px;line-height:26px;background:url(images/menu/div-orange.gif) no-repeat top right;color:#FFF;text-decoration:none;padding:0 14px}
ul#menuOrange a:hover{color:#FFE100;background-color:#2EC0F5;font-weight:700;border-bottom:1px solid #fff;border-top:1px solid #fff}
ul#menuGreen{max-width:1006px;margin-left:9px;margin-right:9px;background:url(images/menu/bg-menu-green.gif) repeat-x top left;font-weight:700;list-style:none;text-align:left;font-size:15px;color:#FFF;display:block;clear:both;background-color:#88d066}
ul#menuGreen a{display:block;height:26px;line-height:26px;background:url(images/menu/div-green.gif) no-repeat top right;color:#FFF;text-decoration:none;padding:0 9px}
ul#menuGreen a:hover{color:#FFE100;background-color:#2EC0F5;font-weight:700;border-bottom:1px solid #fff}
ul#menuOrange li,ul#menuGreen li{display:inline-block;text-align:center}
#content{min-height:53px;background-color:#fff;margin-left:auto;margin-right:auto}
#contentPos{width:100%;padding:9px}
div#contentPos p{max-width:700px;padding-bottom:10px}
#footer{padding:9px;margin-top:10px;background-color:#fff;margin-left:auto;margin-right:auto}
#footer img{float:left;margin:3px}
#footer .disclaimer{clear:both;text-align:right;padding-top:9px}
/* home*/
#welcome{width:100%;height:560px;background:url(images/at-welcome-bg.jpg) no-repeat top left;margin-left:auto;margin-right:auto;background-size:contain}
.welcomeText{float:left;width:470px;height:170px;color:#875921;font-weight:700;padding-left:25px;padding-top:80px;padding-right:0}
.flashRight{float:right;width:576px;height:170px}
.flashBottom{width:972px;height:387px}
ul.homeTopAnimals{width:59%;margin-right:1%;border-left:1px solid #FF9800;border-right:1px solid #FF9800;border-top:1px solid #FF9800;list-style:none;float:left}
ul.homeTopAnimals li{clear:both;border-bottom:1px solid #FF9800;min-height:127px;padding:10px}
ul.homeTopAnimals li.SubHeading{background-image:url(images/subpage/bg-orange.jpg);font-weight:700;color:#FFF;height:27px;width:100%;min-height:27px;padding:0}
ul.homeTopAnimals li img{float:right;margin-left:10px;margin-bottom:10px}
ul.homeTopAnimals li.SubHeading H1{padding-left:5px;line-height:27px}
ul.homeTopAnimals H2{font-weight:700;font-size:16px}
.adCol2Home{width:40%;float:left}
.adHomeCenter{width:100%;text-align:center;padding-bottom:9px}
/* ISLANDS */
ul.islands{list-style:none;width:670px;background-image:url(images/islands/island-bg.png);background-repeat:repeat;display:block;float:left}
ul.islands.right{float:right}
ul.islandsVervolg{width:1006px}
ul.islands li{float:left;width:200px;height:140px;background-image:url(images/islands/island-bg.png);background-repeat:repeat-x;background-position:top left;text-align:center}
ul.islands.right li{float:right}
ul.islands li img{margin-top:12px;margin-bottom:-4px}
ul.islands li a{color:#FFF;text-decoration:none;font-size:12px;text-align:center;font-weight:700}
ul.islands li a:hover{color:#FFE100}
.orangeText{color:#F90;font-weight:700;font-size:1.2em;float:left;padding:8px 0}
.orangeText h1{margin-top:-5px}
.nextPage{float:right;padding:15px 0;font-weight:700;font-size:20px}
.nextPage a{background-color:#5AA90E;text-decoration:none;padding:10px 15px;margin:5px;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#FFF}
.nextPage a:hover{background-color:#E77D00}
/* ani page */
.backPage{padding:8px 0;font-weight:700;font-size:1.1em}
ul.animals{width:59%;margin-right:1%;border-left:1px solid #FF9800;border-right:1px solid #FF9800;border-top:1px solid #FF9800;list-style:none;float:left}
ul.animals li{clear:both;border-bottom:1px solid #FF9800;padding:10px;width:100%;display:inline-block}
ul.animals li.subHeading{background-image:url(images/subpage/bg-orange.jpg);font-size:14px;font-weight:700;color:#FFF;height:27px;width:100%;min-height:27px;padding:0}
ul.animals li img{margin-left:1%;margin-bottom:1%;border:1px solid #FF9800;width:48%;height:auto;max-width:300px}
ul.animals li.subHeading H1{padding-left:5px;line-height:27px}
ul.animals H2{font-weight:700;font-size:20px;padding-bottom:10px}
ul.animals H3{font-weight:700;font-size:18px}
ul.animals H4{font-weight:700;font-size:16px}
ul.animals li.animalFacts{min-height:262px;background-color:#B7D585;border-bottom:none;background-image:url(images/islands/animal-fact-bg.png);background-repeat:repeat-x;background-position:top left;color:#000;line-height:28px;font-size:14px;font-weight:700}
ul.animals li.animalFacts img{margin-bottom:0;border:none;max-width:162px}
.animalsRight{float:right;width:40%}
ul.factsList{width:100%}
ul.factsList li{clear:none;border:none;padding:0;list-style-type:disc;margin:0 15px;display:list-item;width:97%;padding-bottom:14px}
/* wall and coloring */
ul.wallColor{width:100%;padding:8px;font-size:14px;color:#FFF;line-height:18px;font-weight:700;list-style:none;display:inline-block;margin-bottom:8px}
ul.wallColor.orange{background-color:#FF9800}
ul.wallColor.green{background-color:#9EC647}
ul.wallColor li.header{width:100%;text-align:left}
ul.wallColor H3{color:#FF0;font-size:17px;padding-bottom:4px}
ul.wallColor li{float:left;width:33%;text-align:center;padding:8px}
ul.wallColor li img{margin-bottom:2px;max-width:94px;width:auto;height:70px}
ul.wallColor li a:link img,ul .wallColor li a:visited img,ul .wallColor li a:active img{border:2px solid #FF0}
ul.wallColor li a:hover img{border:2px solid #C00}
/* Gallery */
.gallery h1,.gallery h2{color:#FF9800;padding-bottom:10px}
ul.numbermenuSize{font-size:14px;padding-bottom:5px;padding-top:5px;font-weight:700;list-style:none}
ul.numbermenuSize li{display:inline-block;text-align:center;padding-bottom:3px}
ul.numbermenuSize li a{display:inline-block;padding:5px;width:32px;line-height:14px;text-decoration:none;border:1px solid #ccc;color:#fff;background-color:#ABB0A7;border-radius:5px}
ul.numbermenuSize li a:hover{color:#FFE100;background-color:#2EC0F5;font-weight:700;border-bottom:1px solid #fff}
ul.numbermenuSize li.active a{background-color:#2EC0F5}
ul.gallery{width:661px;list-style:none;font-size:12px;color:#FFF;line-height:18px;font-weight:700}
ul.gallery.orange{background-color:#FF9800}
ul.gallery.green{background-color:#9EC647}
ul.gallery.right{float:right;margin-left:9px}
ul.gallery.left{float:left;margin-right:9px}
ul.gallery li{float:left;width:130px;min-height:140px;max-height:140px;text-align:center;padding:6px;line-height:14px;display:inline-block}
ul.gallery li img{margin:4px;width:auto;height:90px}
ul.gallery li a:link img,ul .gallery li a:visited img,ul .gallery li a:active img{border:2px solid #FF0}
ul.gallery li a:hover img{border:2px solid #C00}
/* Sheet page */
.fullPage{width:100%;padding:8px;font-size:14px}
.fullPage h1{color:#F90;font-size:18px;padding:20px 0}
.fullWidth{width:100%;text-align:center}
.fullWidth h1{color:#F90;font-size:28px;padding:20px 0}
.fullWidth h2{padding-bottom:10px}
.colorSheet{float:left;width:687px;padding-top:8px;text-align:center;display:block;min-height:300px}
.colorSheet img{max-width:687px!important;height:auto;padding-bottom:8px;min-height:100px}
.colorSheetAd{float:right;width:309px;padding-left:9px;padding-top:8px}
.butPrintBack{width:100%;text-align:center;font-size:20px;font-weight:700;padding:15px;display:block}
.butPrintBack a{padding:10px 22px;text-decoration:none;border:1px solid #ccc;color:#fff;background-color:#8FBE79;border-radius:5px;min-height:31px}
.butPrintBack a:hover{color:#FFE100;background-color:#2EC0F5}
/* ad code */
.adIslands336{width:336px;float:right}
.adIslands336.left{float:left}
.adIslands970,.adAnimals970,.adGallery970,.adSheet970{width:100%;display:inline-block;text-align:center}
.adAnimals970,.adGallery970{padding-bottom:8px}
.adSheet970{padding:8px}
.adAnimals300600{width:336px;float:right;display:inline-block;padding-bottom:8px}
.adAnimals336{width:40%;float:right;display:inline-block;padding-bottom:10px;text-align:center}
.adGallery336{float:right;display:inline-block;padding-bottom:10px;text-align:-webkit-center}
/* ad code check remove? */
.ad1Visible{display:inherit}
.ad2Visible{display:none}
/* youtube */
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

@media only screen and (max-width: 870px) {
ul.homeTopAnimals{width:100%}
.adCol2Home{width:100%}
}
@media only screen and (max-width: 767px) {
.normalHide{display:inline}
.mobHide{display:none}
#container{min-width:100%}
#content{width:100%;position:relative}
#header{width:100%;height:auto}
.headerPos{background-size:cover;height:auto;background-position:bottom;margin:0;min-height:60px}
#logo{max-width:98%;padding-bottom:10px;padding-left:0;margin-left:auto;margin-right:auto}
#logo img{width:100%!important;height:100%!important;max-height:100px;display:block;max-width:330px}
#sharebg{height:auto;background-image:none;background-color:transparent;float:none;margin-right:0;padding:4px;display:inline-block}
#share{width:98%;float:none;background-color:#fff;height:auto;padding:0}
.shareItem{float:left;padding-left:4px}
#menu{width:100%;height:auto;padding-bottom:2px}
ul#menuOrange,ul#menuGreen{background-image:none;height:auto;clear:both;padding-top:3px}
ul#menuOrange li{float:left;display:inline}
ul#menuOrange a{width:auto;background-color:#F90;border-top:1px solid #fff;height:30px;font-size:12px;line-height:30px;padding:0 6px}
ul#menuGreen li{width:34px}
ul#menuGreen li.search{display:none}
ul#menuGreen a{background-color:#0C9;border-top:1px solid #fff;height:30px;padding:2px 10px;font-size:12px}
ul#menuGreen a,ul#menuOrange a{background-image:none;border-left:1px solid #fff}
#footer{width:100%}
#content,#welcome{width:100%}
#welcome{min-height:334px;height:inherit;background-size:100% auto;background:url(images/at-welcome-bg-sm.jpg) no-repeat top left}
.flashRight,.flashBottom{display:none}
.welcomeText{float:none;width:100%;height:100%;padding:335px 4px 4px;font-size:14px;display:block}
ul#menuOrange,ul#menuGreen{margin-left:4px;margin-right:4px}
#contentPos{padding:0}
ul.homeTopAnimals{width:100%;float:none}
.adCol2Home{width:100%;float:none}
ul.islands{width:100%}
ul.islands li{width:50%}
ul.islands li img{width:160px!important}
.orangeText,.nextPage{float:none;width:99%}
.nextPage a{display:block}
ul.animals{width:100%;float:none}
ul.animals li img{width:100%!important;height:100%;margin:0;padding-left:0;padding-right:0;padding-bottom:10px;border:none;max-width:300px}
ul.animals li.animalFacts{min-height:70px;border-bottom:1px solid #FF9800}
.animalsRight{float:none;width:100%}
ul.animals li.animalFacts{line-height:20px}
select{padding:5px;font-size:100%}
ul.gallery{width:100%}
ul.gallery img{width:100%;height:auto}
ul.gallery li{float:left;width:50%;min-height:10px;text-align:center;padding:8px;line-height:14px;display:inline-block}
ul.gallery.right{float:right;margin-left:0}
ul.gallery.left{float:left;margin-right:0}
.fullWidth,.butPrintBack{width:100%}
.fullWidth h1{color:#F90;font-size:18px;padding:10px 0}
.butPrintBack{padding-bottom:0}
.butPrintBack a{display:block;width:100%;margin:2px 0;padding:10px}
.colorSheet{float:none;width:100%;padding-top:2px}
.colorSheet img{width:100%!important;height:100%}
.fullPage img{max-width:260px!important;height:100%}
/* Ad code keep */
.adIslands336,.adAnimals336,.adAnimals300600{float:none;width:100%;text-align:center;display:inline-block;padding:8px 0}
.adAnimals336{padding-top:10px}
.colorSheetAd{float:none;width:100%;text-align:center;display:inline-block;padding-left:0}
/* ad codes remove check */
.ad1Visible{display:none}
.ad2Visible{display:inherit}
}
@media only screen and (max-width: 520px) {
ul.animals li img{max-width:200px}
}
@media only screen and (max-width: 480px) {
ul.animals li img{width:100%!important;height:100%;margin:0;padding-left:0;padding-right:0;padding-bottom:10px;border:none;max-width:none}
}
/* cookie css START */
.cc_dialog{min-height:50vh;min-width:100%;padding:2rem!important}
.light.cc_dialog button.cc_b_cp{background-color:transparent!important;color:#8c8c8c!important;margin-left:1.5rem!important;font-weight:400;   font-size: 13px;}
.light.cc_dialog .cc_dialog_text{color:#555;font-size:.9rem}
.light.cc_dialog button.cc_b_ok{font-size: 1.18rem;    text-transform: uppercase;     min-width: 180px;}
.cc_dialog > div{max-width:750px;margin:auto}
@media only screen and (max-width: 760px) {
.cc_dialog.simple{min-width:100%}
}
/* cookie css END */