@charset "UTF-8";
/* CSS Document */

/*
FARBWERTE:
Dunkel-Blau: #373E3F
Hell-Blau: #82B4D2
Schrift Blau #6D96AA
SCHRIFTEN:
*/

@import 'font.css';


/*  STANDARDS */

::-webkit-input-placeholder {
  color: #6D96AA;
}

:-moz-placeholder { /* Firefox 18- */
   color: #6D96AA;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #6D96AA;
}

:-ms-input-placeholder {
   color: #6D96AA;
}
h1, h2, h3, h4, h5 { font-weight:normal; }
a { text-decoration: none; /*color:#0A94D6;*/ color:#6D96AA; }


.clear { clear:both; }
.font_bold { font-family:"MetaBold"; }
.font_meta { font-family:"Meta"; letter-spacing:-0.02em; }
.font_normal { font-family:"MetaNormal"; }

/*  GRUNDGERÜST */
html { font-size:16px;  }
body { padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; -webkit-font-smoothing:antialiased; /* Bessere Schriftglättung in webkit-Browsern */ }
#cookienote #cookienoteinner { max-width: 752px; padding-right:100px; margin: 0 auto; position: relative; }
#wrapper { width:100%; }
        .container { max-width:1042px; margin:0 auto; clear:both; }
        .innercontainer { max-width:852px; margin:0 auto; }
        .innercontainer.border { border-bottom: 1px solid #CCDAE1; padding-bottom:15px; padding-top:10px; }
        .contentblock.nobg:last-child .innercontainer.border { border-bottom:none; padding-bottom:0; }

        #header { position:relative; }
        #header_inner { padding:20px 0 35px 0; }

        #logo { margin-top:25px; float:left; width:226px; height:52px; background:url(/standards/images/logo.svg) no-repeat left top; background-size:100%; }
        #logo a { display:inline-block; width:100%; height:100%; }

        #metanavigation { height:15px; }
        #metanavigation ul { float:right; margin:0; padding:0;}
        #metanavigation ul li { float:left; list-style: none; font-size:11px; font-size:0.688rem; padding:0 0 0 10px; }
        #metanavigation ul li a { color:#6D96AA; }



        #opennav_button { display:none; }
        .suche { width:297px; float:right; border-bottom: 1px solid #6D96AA; margin-top:48px; padding:0 45px 8px 0; background:#FFFFFF url(/standards/images/icon_suche.png) right top no-repeat; height:21px; position:relative; }
            .suche input { background:#FFFFFF; width:100%; outline: none; border:none; font-size:17px; font-size:1.063rem; color:#6D96AA; }
            .suche input.searchsubmit { width:35px; position:absolute; right:0; top:4px; height:21px; border:0; outline:none; background:none; cursor:pointer; }

        #mainnav_wrapper { background: #82B4D2; height:43px; }
        #mainnav_inner ul { margin:0; padding:0; text-align: justify;}
            #mainnav_inner ul li { display:inline-block; float:none; list-style: none; font-size:17px; font-size:1.063rem; line-height:117.6%; /*padding:8px 22px 11px 22px;*/padding:8px 0 11px 0; margin-top:5px; /*margin-right:26px;*/ position:relative; }
            /*#mainnav_inner ul li:last-child { margin-right:0; }*/
            #mainnav_inner ul li.active { margin-top:0; border-top:5px solid #FFFFFF; }
            #mainnav_inner ul li a { color:#373E3F; }
            #mainnav_inner ul li.active a, #mainnav_inner ul li a:hover { color:#FFFFFF; }

            #mainnav_inner ul li ul.subnav { display:none; float:left; background: #82B4D2; padding:8px 22px 5px 22px; margin-right:26px; position:absolute; top:38px; left:0; z-index:200; }
            #mainnav_inner ul li ul.subnav li { float:none; display:block; margin-top:0; padding-top:2px; text-align:left; }
            #mainnav_inner ul li ul.subnav li a { color:#373E3F; }
            #mainnav_inner ul li ul.subnav li.active { border-top:none; margin-top:0px; }
            #mainnav_inner ul li ul.subnav li.active a, #mainnav_inner ul li ul.subnav li a:hover { color:#FFFFFF; }

        #bottomgradient { width:100%; height:665px; padding-bottom:34px; position:relative; background: url(/standards/images/footer_gradient.png) center bottom no-repeat; }
        #background, #background_fade { width:100%; height:665px; position:absolute; top:0; left:0; z-index:20; background-position: center center; background-repeat:no-repeat; background-size:cover; }
        #background_fade { display:none; z-index:10; }
        #topgradient { width:100%; height:665px; position:absolute; top:0; left:0; z-index:20; background: url(/standards/images/mainnav_gradient.png) left top repeat-x; }

            #content { height:100%; color:#373E3F; }
                #content_inner { position:relative; width:852px;}
                    .label { font-size:18px; font-size:1.125rem; line-height:100%; float:left; padding:6px 12px 6px 18px; }
                    #container_left, #container_right { margin-top: 34px; }
                    #container_left { width:512px; padding-right:16px; height:372px; overflow:hidden; position:relative; float:left; }
                        #container_left_nav { background:#EEEEEE; /*background:rgba(238,238,238, 0.81);*/ height:61px; overflow:hidden; }
                            #container_left_nav ul { margin:0; padding:0; height:61px; float:left; }
                                #container_left_nav ul li { list-style:none; }
                            #container_left_nav h3 { display:none; }
                            #container_left_nav .label { margin:0; background:#DFDFDF;/*background:rgba(223,223,223, 0.81);*/ border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding-right:16px;  }
                        #container_left_nav .label.ui-tabs-active { background:#FFFFFF;/*background:rgba(255,255,255, 0.81); */ }
                            #container_left_nav .label a { border:none; outline:none; display:block; background:url(/standards/images/label_arrow.png) right center no-repeat; padding-right:16px; color:#373E3F; }
                        .container_left_content { position:absolute; height:257px; width:446px; top:61px; padding:24px 32px 30px 34px; background:rgba(255,255,255, 0.81); }
                            #container_left h2 { margin:0 0 8px 0; font-size:36px; font-size:2.250rem; line-height:105.6%; font-weight: normal; padding:0; float:none; display:block; }
                            .container_left_content .subhead { font-size:20px; font-size:1.250rem; padding:0 0 8px 0; }
                            .container_left_content .content { line-height:118.8%; height:80px; }
                                .container_left_content .content p { margin:0; }
                            .linkbutton, .linkbutton.details { background:#373E3F; padding:6px 14px; float:left; font-size:18px; font-size:1.125rem; }
                            .linkbutton a, .linkbutton.details a, .linkbutton input { display:block; padding-right:20px; background:url(/standards/images/linkbutton_arrow.png) right center no-repeat; color:#FFFFFF;}
                    #container_right { width:324px; float:left; height:372px; overflow:hidden; }
                        #container_right .label { background:rgba(113,170,204, 0.81); color:#FFFFFF; }

                        #container_right_content { background:rgba(205,225,237, 0.81); padding:12px 12px 0 18px; font-size:12px; font-size:0.750rem; line-height:150.0%; }
                            #container_right_content h2 { margin:0 0 10px 0; font-size:23px; font-size:1.438rem; font-weight: normal; padding:0; }
                            #container_right_content img { float:left; padding:0 13px 24px 0; }
                        #container_right_nav { background:rgba(205,225,237, 0.81); font-size:12px; font-size:0.750rem; padding-top: 30px; }
                            #container_right_nav ul { margin:0; padding:0; }
                            #container_right_nav ul li { padding:0 23px 0 18px; list-style: none; border-top:1px solid #90BDD7; height:34px; background-position: 18px center; background-repeat:no-repeat;}
                            #container_right_nav ul li a { display:block; padding-left:35px; height:100%; color:#373E3F; line-height:34px; background:url(/standards/images/container_right_nav_arrow.png) right center no-repeat; }



                #kruemelnav { font-size:11px; font-size:0.688rem; line-height:100%; padding:20px 0 20px 0;}
                    #kruemelnav ul { margin:0; padding:0; }
                    #kruemelnav ul li { list-style: none; float:left; padding-right:9px; font-weight:bold; }
                    #kruemelnav ul li a { background:url(/standards/images/metanav_arrow.png) right center no-repeat; padding-right:15px; font-weight:normal; color:#6D96AA; }

                #headimage_container { position:relative; }
                    #headimage { padding:0 1px 0 1px }
                    #headimage img { width:100%; }
                    .contentblock { background:url(/standards/images/content_devider.png) center bottom no-repeat; padding:0 0 30px 0; position:relative; z-index:20; }
                    .contentblock.nobg { background:none; padding-bottom:0; /*padding-bottom:15px;*/ }
                    .contentblock.nobg:last-child { background:url(/standards/images/content_devider.png) center bottom no-repeat; padding-bottom:30px; }
                        .button_zurueck { background:#FFFFFF;padding:0 12px 6px 8px; z-index:100; }
                            .button_zurueck a { background:url(/standards/images/button_back.png) left center no-repeat; padding-left:12px; font-size:14px; font-size:0.875rem; color:#373E3F; }
                        .innercontainer h1, .innercontainer h2 { font-size:36px; font-size:2.250rem; padding:14px 24px 5px 0; margin:0; }
                        .innercontainer h2 { font-size:28px; font-size:1.850rem; }
                        .innercontainer h1 { margin-top:-20px; padding-top:20px; z-index:20;position:relative;  background:#FFFFFF; float:left; display:inline;}
                        .innercontainer h1.h2-style, .content_text h2 { margin-top:0px; float:none; display:block;}
                        .innercontainer h1.h2-style.padding_back_button { padding-top:55px; }

                        .innercontainer h2.small, .content_text h2, h3 { font-size:18px; font-size:1.125rem; font-weight:bold; padding-bottom:15px; }

                        h3 { padding-bottom:0.8em; padding-top:1.2em; margin:0; }

                .content_container { float:left; display:inline; /*width:100%;*/ }

                        .teaser { clear:both; font-size:18px; font-size:1.125rem; line-height:138.9%; margin:0.2em 0 0.611em 0; }
                            .teaser p { margin:0; }
                        .content_container .content_bild_container { float:left; margin:6px 16px 25px 0; }
                        .content_container .content_bild_container img { float:left; padding:0; }
                        .content_container .content_bild_container .content_bild_bu,
                        .content_text .content_bild_bu  { font-size:11px; font-size:0.688rem; width:185px; }
                        .content_text { clear:both; font-size:14px; font-size:0.875rem; line-height:157.1%; }
                            .content_text ul { margin:0; padding:0; }
                            .content_text ul li { list-style:none; background:url(/standards/images/list_bullet.png) left 9px no-repeat; padding:0 0 10px 16px; line-height:157.1%; margin:0; font-weight:bold; }
                            .innercontainer.border .content_text ul li { font-weight:normal; }
                            .content_text p { margin:0; margin-bottom:0.714em; margin-bottom:1em; }

                            .content_text img, .content_text p img { padding:6px 16px 20px 0; float:left; }
                            .content_text img.bild_manuelle_ausrichtung, .content_text p img.bild_manuelle_ausrichtung { float:none; }
                            .content_text a, .content_text p a { font-weight:bold; }
                            .content_text  a:hover { text-decoration:underline; }
                                .content_text .download a { background:url(/standards/images/icon_download.png) left center no-repeat; padding-left:25px; /*color:#000000; font-weight:normal;*/ fonte-weight:bold; color:#6D96AA;}
                            .content_text h4, .content_text .content_accordion h3 {  margin:0; /*color:#0A94D6;*/ color:#6D96AA; padding:0.3em 0 0.3em 0; }
                            .content_text .content_accordion h3  { font-size:15px; font-size:0.938rem; line-height:157.1%; cursor:pointer; border:0; outline:none;background:url(/standards/images/suchergebnis_arrow.png) left 14px no-repeat; padding-left:12px; }

                            .content_text .content_accordion h3.ui-state-active { background:url(/standards/images/load_arrow_down_small.png) left center no-repeat; }
                            .content_accordion_inhalt { padding-left:12px; }

                            .mfp-close { font-size:inherit; }
                            .popup-image { border:none; outline:none; }
                            .popup-gallery .content_bild_bu, .popup-image .content_bild_bu { display:none; }
                    .nach_oben { clear:both; padding-top:15px; }
                    .nach_oben a { background:url(/standards/images/nach_oben_arrow.png) right center no-repeat; padding-right:15px; float:right; font-size:11px; font-size:0.688rem; color:#6D96AA; }

                    .download_container { width:136px; padding:14px; background:#E5ECF0; float:right; display:inline; margin-left:26px;  }
                        .download_container h3 { font-size:21px; font-size:1.313rem; margin:0; padding:0; }
                        .download_container img { width:100%; padding:10px 0 12px 0; }
                        .download_container .description { font-size:14px; font-size:0.875rem; line-height:118.8%; }
                        .button_download, .linkbutton.details { background:#6D96AA; padding:5px 10px 5px 5px; float:left; margin-top:12px; }
                        .linkbutton.details { padding:5px 10px; }
                            .button_download a, .linkbutton.details a { display:inline-block; float:left; font-size:14px; font-size:0.875rem; line-height:100%; color:#FFFFFF; padding-left:28px; background:url(/standards/images/icon_download.png) left top no-repeat; }
                            .button_download.vcf a { background:url(/standards/images/icon_download_vcf.png) left top no-repeat; }
                            .linkbutton.details a { background:url(/standards/images/button_arrow.png) right center no-repeat; padding-left:0; padding-right:12px; }
                            .download_container a.textlink { font-weight:bold; font-size:12px; font-size:0.750rem; padding-top:8px; display:block; float:none; }
                            .download_container a.textlink:hover { text-decoration:underline; }
                    .ansprechpartner { border-bottom:1px solid #CCDAE1; padding:15px 0 30px 0; }
                        .ansprechpartner h3 { padding:0; }
                        .ansprechpartner img { float:left; margin:3px 15px 0 0; }
                        .personenangaben { font-size:14px; font-size:0.875rem; position:relative; padding-left:135px; }
                            .personenangaben h3 { font-size:21px; font-size:1.313rem; margin:0 0 3px 0 }
                                .quali { font-weight:bold; padding-bottom:22px; }
                                .kontakt_sekretariat { float:left; margin-right:40px; }
                                .kontakt { line-height:157.1%; }
                                .kontakt a { font-weight:bold; }
                                .kontakt a:hover { text-decoration:underline; }
                                .button_download.vcf { position:absolute; right:0; bottom:0; }
                                .linkbutton.details { position:absolute; right:90px; bottom:0; padding-right:10px; }

                    #kontaktformular { background:#E5ECF0; margin-top:40px; }
                        #kontaktformular h3 { font-size:21px; font-size:1.313rem; margin:0;padding:22px; padding-bottom:0; font-weight:normal; }
                            .formblock { padding:22px 22px 10px 22px; border-bottom:1px solid #B6CAD4; clear:both; }
                                .box { float:none; }
                                .box.float { float:left; margin-right:25px; }
.box.agb_checkbox { font-size:12px; padding-top:6px; }
                                .box.formfielderror { color:#FF0000; }
                                    .box label { font-size:14px; font-size:0.875rem; }
                                    .box label.captchalabel { font-size:11px; font-size:0.688rem; }
                                    .box select { background:#FFFFFF;border:none; outline:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin:3px 0 12px 0; height:23px; width:86px; }
                                    .box select.big { width:262px; }
                                    .box input { height:23px; border:none; outline:none; margin:3px 0 12px 0; width:262px; padding:0 8px; }

.box.agb_checkbox input { width:auto;height:12px; }
.box input.breit { width:98.02%; padding:0 0.99%; }
                                    .box input#captcha, .box input#newsletter_captcha { width:158px; }
                                    .box textarea { width:98.02%; border:none; outline:none; margin:3px 0 12px 0; height:100px; padding:4px 0.99%; }
                                    .box img { margin:3px 22px 12px 0; float:left; }
                                    .box .linkbutton { float:right;padding:5px 10px; }
                                        .box .linkbutton input { margin:0;padding:0 15px 0 0; width:auto; height:auto; font-size:15px; font-size:0.938rem;  }

                                    #error, #noerror { padding:15px 0 10px 0 }
                    #suchergebnis_suche { background:#E5ECF0; clear:both; padding:18px 0 18px 21px; }
                        #suchergebnis_suche .suche { border-bottom:0; float:left; margin:0; padding:4px 40px 4px 12px; width:255px; background-position: 275px center; margin-right:30px; }
                        #suchergebnis_suche #suche_nach { font-size:18px; font-size:1.125rem; line-height:80%; }
                        #suchergebnis_suche #anzahl { font-size:14px; font-size:0.875rem; }

                    #suchergebnisse, #aktuelles { margin:30px 0 20px 0; border-bottom:1px solid #CCDAE1; clear:both; }
                    #aktuelles { margin-top:0; }
                        .suchergebnis, .aktuelles { border-top:1px solid #CCDAE1; padding:18px 33px 14px 0; background: url(/standards/images/suchergebnis_arrow.png) right center no-repeat }
                        .aktuelles:first-child { border-top:0; }
                        .aktuelles p img, .suchergebnis p img { padding:6px 16px 25px 0; float:left; display:none; }
                            .suchergebnis .title, .aktuelles .title { background:url(/standards/images/suchergebnis_title.png) left center no-repeat; padding-left:35px; line-height:26px; font-size:21px; font-size:1.313rem;}
                            .suchergebnis p, .aktuelles p { margin:0; font-size:14px; font-size:0.875rem; line-height:157.1%; padding:7px 0 0 0; }
                        #load_more { width:100%; text-align: center; background:url(/standards/images/load_arrow_down.png) center bottom no-repeat; margin-bottom:5px; padding-bottom:12px; color:#6D96AA; font-size:18px; font-size:1.125rem; line-height:172.2%; }
        #footer { padding:10px 0 0 0; margin-bottom:85px; font-size:11px; font-size:0.688rem; line-height: 118.2%; position:relative; }
            #footer a { color:#6D96AA; }
            #footer_left { width:655px; float:left; }
                ul.footernav { margin:0 0 0 42px; padding:0; float:left; }
                ul.footernav:first-child { margin:0; }    
										ul.footernav li { list-style:none; padding:0 0 1px 0;}
                    ul.footernav li:first-child { margin:0 0 0.8em 0; font-weight:bold; }
            #footer_right { width:195px; float:right; border-left:1px solid #DFE0E0; color:#696E6F; }
                #footer_kontakt { float:right; text-align:left; }
                #footer_kontakt p { margin:0 0 0.8em 0; }                    

/* digiAnf styles */
.container_digianf {
    margin-top: 16px;
    display: flex;
    padding: 24px 34px;
    background: rgba(255, 255, 255, 0.81);
}
.container_digianf_left {
    display: flex;
    align-items: center;
}
.container_digianf_left img {
    width: 170px;
    height: 70.73px;
}
.container_digianf_right {
    margin-left: 16px;
}
.container_digianf_right h2 {
    font-size: 24px;
    font-weight: bold;
    padding: 0;
}
.container_digianf_right h3 {
    padding: 16px 0 0 0;
    font-size: 17px;
}
.container_digianf_right p {
    margin: 6px 0;
    font-size: 16px;
}
.container_digianf_right .linkbutton {
    float: right;
}
.container_digianf_right a {
    font-family: 'MetaNormal';
}