/*
mandantenspezifisches css-file
pfad /[cms\d\d]/mres/css/main.css
für erweiterungen oder zum überschreiben von css-definitionen

*/

.ui-autocomplete{
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 0.9 em !important;
}

/*h abitatatlas */

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




/*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  */



/* control module adaption 4 coastmap*/
     .moduleCoastmapFilter {
            -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;
        }
        .moduleCoastmapFilter .boxSeperate {
            float:left;
            width:115px;
        }
        .moduleCoastmapFilter .boxMain {
            width:100%;
            margin-left:115px;
            padding-left:15px;
            border-left:1px solid #fff;
        }
        .moduleCoastmapFilter .boxCheckWrap {
            width:35%;
            float:left;
            margin-bottom:10px;
        }
        .moduleCoastmapFilter .boxSeperate .boxCheckWrap {
            width:auto;
            float:none;
        }
        .moduleCoastmapFilter label,
        .moduleCoastmapFilter input[type=checkbox] {
            display:inline-block;
            position:relative;
        }
        .moduleCoastmapFilter input[type=checkbox] {
            opacity:0;
            float:left;
        }
        .moduleCoastmapFilter label {
            margin-top:2px;
            margin-left: 18px;
            display: block;
        }
        .moduleCoastmapFilter label:before {
            content:' ';
            display:block;
            position:absolute;
            left:-20px;
            top:2px;
            border:2px solid #b4b4b4;
            width:12px;
            height:12px;
        }
        .ie8 .moduleCoastmapFilter label:before {
            display:none;
        }
        .moduleCoastmapFilter 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;
        }
        .moduleCoastmapFilter input:checked ~ label:after {
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            transform:scale(1);
        }

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

        #geoData{
        	margin:30px 0 0 0;padding:5px;border:15px solid #0098d4;width:250px;display: none;
        }
        
        .cmDataHitBox, .cmDataLinkBox  {margin-top: 0.3em;margin-bottom: 0.3em;}
		.scHits{font-weight:bold;}
		.cmDataLinkBox{font-weight:bold;margin-top: 0.5em;}	
		#mapinfo{margin-top:1em;font-style: italic;width:390px;}

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

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

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

            .moduleCoastmapFilter .boxCheckWrap {
                width:100%;
                float:none;
            }
           
            
        }
        
        
.moduleCarousel .refTeaser ,  .moduleCarousel .refHeadline {display:none;}