/*
mandantenspezifisches css-file cms11: noah
*/

/*imperia fixes 2015-03-31 */
.boxLinks{clear:both;}

#wrapper .moduleContent .moduleHabitatContent .boxImgFloat {
    margin: 4px 4% 0 0;
    float: left;
    width: 50%;
}

/*start ew72 2015-03-31 - ersetzt version 2015-01-19  */

/* sprites */
.gridContent .spriteIcons {
    background-image: url("/_common/img/sprites/sprite_icons_noah.gif");
}

.gridContent .spriteGalleryIcons {
    background-image: url("/_common/img/sprites/sprite_gallery_icons_noah.png");
}

a, a:hover {
    color: #329ec6;
}

/*.moduleHeader*/
.moduleHeader {
    height: 110px;
}

.moduleHeader .boxLogo {
    height: auto;
    padding-top: 20px;
}

.innerModuleSocialInteraction {
    height: 40px;
    border-bottom: none;
}

.gridContent {
    padding-top: 5%;
}

/* moduleSideNavi */
.moduleSideNavi .boxInnerWrapper > ul > li.active > a {
    background: #20b3d2;
}

/* moduleContentTeaser */
.moduleContentTeaser header hr {
    background: #20b3d2;
}

.moduleContentTeaser header span {
    background: #20b3d2;
}

/* moduleNoahMap */
.moduleNoahMap {
    position: relative;
    margin: 0 0 20px 0;
}

.moduleNoahMap .boxPin {
    width: 19px;
    height: 31px;
    display: block;
    position: absolute;
    background: url("/_common/img/sprites/sprite_icons_noah.gif") no-repeat -550px -532px;
}

.moduleNoahMap .boxPin .boxName {
    top: 80%;
    left: -30%;
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
}

.moduleNoahMap .boxPin .boxTooltip {
    display: none;

    z-index: 1;
    bottom: 80%;
    width: 200px;
    right: -30px;
    padding: 10px;
    background: #fff;
    position: absolute;
    border: 1px solid #000;
}

.moduleNoahMap .boxPin .boxTooltip p {
    margin: 0;
    color: #000;
    font-size: 14px;
}

.moduleNoahMap .boxPin .boxTooltip .boxTitle {
    font-weight: bold;
}

.moduleNoahMap .boxPin:hover .boxTooltip {
    display: block;
}

/* moduleNoahNews */
.moduleNoahNews {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d0d3d6;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 80%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #ffffff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 80%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 80%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 80%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 80%, #f5f5f5 100%);
}

.moduleNoahNews > p {
    margin-bottom: 10px;
}

.moduleNoahNews .boxToggleBody {
    padding: 10px 0;
}

.moduleNoahNews .boxToggleBody p {
    margin: 0;
}

.moduleNoahNews .boxPrint {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 1%;
    text-indent: -99999px;
    background-position: 0 -677px;
}

.moduleNoahNews .boxEmail {
    background-position: -90px -678px;
    color: #20b3d2;
    padding: 2px 0 0 25px;
    text-decoration: none;
}

.moduleNoahNews .boxToggle {
    background-position: -500px -730px;
    width: 15px;
    height: 15px;
    color: #20b3d2;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 0 0 20px;
    text-decoration: none;
}

.moduleNoahNews .boxToggle.is-open {
    background-position: -150px -730px;
}

/* moduleTabs */
.moduleTabs li {
    width: auto;
    padding: 7px;
    background: #20b3d2;
    background: -moz-linear-gradient(top, #20b3d2 0%, #0184a0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20b3d2), color-stop(100%, #0184a0));
    background: -webkit-linear-gradient(top, #20b3d2 0%, #0184a0 100%);
    background: -o-linear-gradient(top, #20b3d2 0%, #0184a0 100%);
    background: -ms-linear-gradient(top, #20b3d2 0%, #0184a0 100%);
    background: linear-gradient(to bottom, #20b3d2 0%, #0184a0 100%);
}

/* moduleFooterNavi / Buttons */
.moduleFooterNavi,
.blueButton {
    background: #20b3d2; /* Old browsers */
    background: -moz-linear-gradient(top, #20b3d2 0%, #247797 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20b3d2), color-stop(100%, #247797)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #20b3d2 0%, #247797 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #20b3d2 0%, #247797 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #20b3d2 0%, #247797 100%); /* IE10+ */
    background: linear-gradient(to bottom, #20b3d2 0%, #247797 100%); /* W3C */
}

.ie9 .moduleFooterNavi,
.ie9 .blueButton {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwYjNkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDc3OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.ie8 .moduleFooterNavi, .ie7 .moduleFooterNavi, .ie6 .moduleFooterNavi,
.ie8 .blueButton, .ie7 .blueButton, .ie6 .blueButton {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20b3d2', endColorstr='#247797', GradientType=0); /* IE6-8 */
}

.moduleFooterNavi ul li {
    border-right: 1px solid #54d1ff;
}

.moduleFooterNavi ul li:first-child {
    border-left: 1px solid #54d1ff;
}

/* moduleFooter */
.moduleFooter {
    background-color: #247797;
}

.moduleContent .boxSubheadline .boxText span {
    background-color: #20b3d2;
}

.moduleContent .boxSubheadline .boxBorderTop {
    border-top: 1px solid #20b3d2;
}


/*end ew72  2015-03-31  */

/*start ew72  2015-03-31 - habitatatlas ws  */

    /* control module */
     .moduleHabitatFilter {
            -webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
            -moz-box-shadow:0 2px 6px rgba(0,0,0,.5);
            box-shadow:0 2px 6px rgba(0,0,0,.5);
            background:#f3f4f6; /* Old browsers */
            background:-moz-linear-gradient(top,  #f3f4f6 0%, #e0e2e5 100%); /* FF3.6+ */
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f4f6), color-stop(100%,#e0e2e5)); /* Chrome,Safari4+ */
            background:-webkit-linear-gradient(top,  #f3f4f6 0%,#e0e2e5 100%); /* Chrome10+,Safari5.1+ */
            background:-o-linear-gradient(top,  #f3f4f6 0%,#e0e2e5 100%); /* Opera 11.10+ */
            background:-ms-linear-gradient(top,  #f3f4f6 0%,#e0e2e5 100%); /* IE10+ */
            background:linear-gradient(to bottom,  #f3f4f6 0%,#e0e2e5 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f6', endColorstr='#e0e2e5',GradientType=0 ); /* IE6-9 */
            padding:15px;
            margin-bottom:60px;
        }
        .moduleHabitatFilter .boxSeperate {
            float:left;
            width:115px;
        }
        .moduleHabitatFilter .boxMain {
            width:100%;
            margin-left:115px;
            padding-left:15px;
            border-left:1px solid #fff;
        }
        .moduleHabitatFilter .boxCheckWrap {
            width:35%;
            float:left;
            margin-bottom:10px;
        }
        .moduleHabitatFilter .boxSeperate .boxCheckWrap {
            width:auto;
            float:none;
        }
        .moduleHabitatFilter label,
        .moduleHabitatFilter input[type=checkbox] {
            display:inline-block;
            position:relative;
        }
        .moduleHabitatFilter input[type=checkbox] {
            opacity:0;
            float:left;
        }
        .moduleHabitatFilter label {
            margin-left: 18px;
            display: block;
        }
        .moduleHabitatFilter label:before {
            content:' ';
            display:block;
            position:absolute;
            left:-20px;
            top:2px;
            border:2px solid #b4b4b4;
            width:12px;
            height:12px;
        }
        .ie8 .moduleHabitatFilter label:before {
            display:none;
        }
        .moduleHabitatFilter label:after {
            content:' ';
            display:block;
            position:absolute;
            left:-16px;
            top:6px;
            background:#b4b4b4;
            width:8px;
            height:8px;
            -webkit-transform:scale(0);
            -moz-transform:scale(0);
            -ms-transform:scale(0);
            -o-transform:scale(0);
            transform:scale(0);
            -webkit-transition:-webkit-transform .3s;
            -moz-transition:-moz-transform .3s;
            -ms-transition:-ms-transform .3s;
            -o-transition:-o-transform .3s;
            transition:transform .3s;
        }
        .moduleHabitatFilter input:checked ~ label:after {
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            transform:scale(1);
        }

        .ie8 .moduleHabitatFilter label:after {
            display:none;
        }
        .moduleHabitatFilter .boxHabitat1:before {
            border-color:#0098d4;
        }
        .moduleHabitatFilter .boxHabitat2:before {
            border-color:#a9b509;
        }
        .moduleHabitatFilter .boxHabitat3:before {
            border-color:#d42d12;
        }
        .moduleHabitatFilter .boxHabitat4:before {
            border-color:#cf6800;
        }
        .moduleHabitatFilter .boxHabitat5:before {
            border-color:#e6af11;
        }
        .moduleHabitatFilter .boxHabitat6:before {
            border-color:#333399;
        }
        .moduleHabitatFilter .boxHabitat1:after {
            background:#0098d4;
        }
        .moduleHabitatFilter .boxHabitat2:after {
            background:#a9b509;
        }
        .moduleHabitatFilter .boxHabitat3:after {
            background:#d42d12;
        }
        .moduleHabitatFilter .boxHabitat4:after {
            background:#cf6800;
        }
        .moduleHabitatFilter .boxHabitat5:after {
            background:#e6af11;
        }
        .moduleHabitatFilter .boxHabitat6:after {
            background:#333399;
        }

        @media all and (max-width: 920px) {

            .moduleHabitatFilter .boxSeperate {
                width: 100%;
                float: none;
            }
            .moduleHabitatFilter .boxMain {
                width:100%;
                margin-left:0;
                padding-left:0;
                border-left:none;
                border-top:1px solid #fff;
                padding-top:10px;
            }
            .moduleHabitatFilter .boxCheckWrap {
                width:50%;
                float:left;
            }
            .moduleHabitatFilter .boxSeperate .boxCheckWrap {
                width:auto;
                float:none;
            }

        }
        @media all and (max-width: 540px) {

            .moduleHabitatFilter .boxCheckWrap {
                width:100%;
                float:none;
            }
           
            #wrapper .moduleContent .moduleHabitatContent .boxImgFloat {
                margin: 4px 9% 0 0;
            }
        }
        
       /* content module */
       
       .moduleHabitatContent > h1 {
            font-size:22px;
            font-size:1.375rem;
            margin:0;
       }
        .moduleHabitatContent > h2 {
            font-size:16px;
            font-size:1rem;
            margin:0 0 20px 0;
       }
        .moduleHabitatContent > section {
            padding-bottom:10px;
            margin-bottom:20px;
            border-bottom:1px solid #d0d3d6;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 80%, #f5f5f5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff), color-stop(100%,#f5f5f5));
            background: -webkit-linear-gradient(top, #ffffff 80%,#f5f5f5 100%);
            background: -o-linear-gradient(top, #ffffff 80%,#f5f5f5 100%);
            background: -ms-linear-gradient(top, #ffffff 80%,#f5f5f5 100%);
            background: linear-gradient(to bottom, #ffffff 80%,#f5f5f5 100%);
        }
        .moduleHabitatContent > section h1 {
            font-size:20px;
            font-size:1.25rem;
            margin:0 0 10px 0;
       }
        .moduleHabitatContent .boxImage {
            max-width:280px;
            padding-right:1px;
            border-right:20px solid #b4b4b4;
       }
       .moduleContent a.boxStandaloneLink {
            display:block;
            margin:0 0 5px 0;
        }
        .moduleHabitatContent .boxImage.boxHabitat1 {
            border-color:#0098d4;
        }
        .moduleHabitatContent .boxImage.boxHabitat2 {
            border-color:#a9b509;
        }
        .moduleHabitatContent .boxImage.boxHabitat3 {
            border-color:#d42d12;
        }
        .moduleHabitatContent .boxImage.boxHabitat4 {
            border-color:#cf6800;
        }
        .moduleHabitatContent .boxImage.boxHabitat5 {
            border-color:#e6af11;
        }
        .moduleHabitatContent .boxImage.boxHabitat6 {
            border-color:#333399;
        }

        @media all and (min-width: 540px) {
             /* 
            .moduleHabitatContent .boxBody {
                float:right;
                width:50%;
            }
            
            /* evil , ma 2015-04-01
            .moduleHabitatContent .boxImage {
                float:left;
                width:44%;
            }*/

            .moduleHabitatContent > section h1 {
                font-size:18px;
                font-size:1.125rem;
                margin-bottom:5px;
           }

            .moduleHabitatContent > h1 {
                font-size:26px;
                font-size:1.625rem;
                margin:0;
           }
            .moduleHabitatContent > h2 {
                font-size:14px;
                font-size:0.875rem;
                margin:0 0 20px 0;
           }
            
        }
        
        @media all and (min-width: 920px) {
            
            .moduleHabitatContent .boxLinks .boxStandaloneLink {
                display: inline-block;
                margin: 0 25px 5px 0;
            }

            .moduleHabitatContent > section h1 {
                font-size:20px;
                font-size:1.25rem;
                margin-bottom:5px;
           }

            .moduleHabitatContent > h1 {
                font-size:30px;
                font-size:1.875rem;
                margin:0;
           }
            .moduleHabitatContent > h2 {
                font-size:20px;
                font-size:1.25rem;
                margin:0 0 20px 0;
           }
            
        } 
        

/* end ew72  2015-03-31 - habitatatlas ws  */



@media all and (min-width: 768px){
    body {background:url("/imperia/md/images/gkss/bgimages/bg_desktop_seabottom.jpg") no-repeat scroll center -30px #fff;}
    
    /*start ew72  2015-01-19  end ew72  2015-01-19  */
      .moduleHeader {
        height: 180px;
    }

    .moduleHeader .boxLogo {
        padding-top: 30px;
    }

    
}


.moduleHabitatContent .boxImgFloat {
    float: left;
    margin: 4px 9% 0 0;
    width: 50%;
}

/* 
.innerModuleSocialInteraction .boxLanguage {
    bottom: -41px;
} */