/*  VDV-Online
    by Strodeweg Media GmbH & Co.KG
    2015 Timo Nooitrust
*/


/* Widths FROM Twitter Bootstrap  */
/* responsive-1200px.css 	Styles for all media that are 1200 pixels wide or wider. 	*/
@media only screen and (min-width: 1200px) {
    #sprungmarke { width: 1200px; }
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen .csc-default,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen ins > a  {
        width: 25%;
    }

}
/* responsive-980px-1199px.css 	Styles for media that are between 980 pixels and 1199 pixels wide. 	*/
@media only screen and (min-width: 980px) and (max-width: 1199px) {
    #sprungmarke { width: 980px; }

    #content_zwei_eins_left {
         width: 62%;
    }
    #content_zwei_eins_right {
         width: 38%;
    }

    #content_eins_zwei_right {
         width: 72%;
    }
    #content_eins_zwei_left {
         width: 28%;
    }
    #content_eins_zwei_left .fce-anzeigen .csc-default,
    #content_eins_zwei_left .fce-anzeigen ins > a  {
        width: 100%;
    }
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen .csc-default,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen ins > a {
        width: 33%;
    }
}

/* responsive-768px-979px.css 	Styles for media that are between 768 pixels and 979 pixels wide.  	*/
@media only screen  and (max-width: 979px) { /* and (min-width: 768px) */

    #sprungmarke { width: 768px; }

    #content_eins_zwei_right {
         width: 72%;
    }
    #content_eins_zwei_left {
         width: 28%;
    }

    #content_zwei_eins_left,
    #content_zwei_eins_right {
        float: none;
        width: auto;
    }

    #content_zwei_eins_left > div,
    #content_zwei_eins_right > div {
         margin-right: 0;
         margin-left: 0;
    }


    #content .fce-anzeigen .csc-default,
    #content .fce-anzeigen ins > a {
        width: 20%;
    }
    #content_eins_zwei_left .fce-anzeigen .csc-default,
    #content_eins_zwei_left .fce-anzeigen ins > a {
        width: 100%;
    }
    #content_zwei_eins_right .fce-anzeigen .csc-default,
    #content_zwei_eins_right .fce-anzeigen ins > a {
        width: 25%;
    }
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen .csc-default,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen ins > a {
        width: 33%;
    }
    #content_zwei_eins_right .news-latest-container .event-latest-date > span > * {
        display: inline-block;
    }

    #footer-nav ul.footer-nav > li {
        width: 33.33%;
    }

    #menu { font-size: 19px; }
    #menu li a { padding: 9px 12.5px; }
    #menu ul.nav2 li { font-size: 17px; line-height: 38px; }
    #submenu { font-size: 19px; }
    #submenu ul.nav2 > li { font-size: 17px; line-height: 38px; }
    #submenu .fce-subnavi {  margin: 0 -10px; }
    #content_eins_zwei_left h3 { padding: 0 15px; }

    /* powermail mobile	fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner, fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
        max-width:95%;
    }
    .tx-powermail-pi1 label {
        pading-left:0!important;
    }
    fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
        width:95%!important;
    }
     */

}

@media only screen and (max-width: 873px) {
    #menu { font-size: 18px; }
    #submenu { font-size: 18px; }
      #submenu .fce-subnavi {  margin: 0 -20px; }
    #content_eins_zwei_left h3 { padding: 0 10px; }
    #menu li a { padding: 9px 10px; }
    #menu ul.nav2 li { font-size: 16px; line-height: 35px; }
    #submenu ul.nav2 > li { font-size: 16px;  line-height: 35px; }
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen .csc-default,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen ins > a {
        width: 50%;
    }
    #content h1, #content_zwei_eins_right h2, #content_zwei_eins_left .csc-firstHeader, #content_eins_zwei_left h3, #content_eins_zwei_right .csc-firstHeader, #content_eins_zwei_right #content_eins_zwei_anzeigen h3 {
        font-size: 26px;
    }
}

/* responsive-767px-max.css 	Styles for all media that are less than 768 pixels wide. 	*/
@media only screen and (max-width: 767px) {
    #sprungmarke { width: 480px; }


    #navsection li {
        width: 50%;
    }
    #footer-nav ul.footer-nav > li {
        width: 50%;
    }

    #content_eins_zwei_left,
    #content_eins_zwei_right {
        float: none;
        width: auto;
    }

    #content_eins_zwei_left > div,
    #content_eins_zwei_right > div {
         margin-right: 0;
         margin-left: 0;
    }


    #content .news-latest-item h3 {
       clear:both;
       padding-top: 15px;
    }
       #content_eins_zwei_left h3 { padding: 0 20px; }

    #content .fce-anzeigen .csc-default,
    #content .fce-anzeigen ins > a,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen .csc-default,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen ins > a {
        width: 33.33%;
    }

    #footer-text #overlay {
        display: inline-block;
        float: none;
        margin: 20px -20px 0;
        position: static;
     }

    #footer-text #overlay > div {
        clear: none;
        margin-left: 10px;
        background-size: 195.6px 170.4px;
        height: 30px;
        float:left;
    }
    #footer-text #overlay > div a { line-height: 30px; }
    #footer-text #overlay div.tel, #footer-text #overlay div.tel.hover {   background-position: -164px -60px; width: auto; padding: 0 15px 0 45px; }
    #footer-text #overlay div.intern, #footer-text #overlay div.intern.hover { background-position: -164px -96px;  width: auto; padding: 0 15px 0 45px;}
    #footer-text #overlay div.suche, #footer-text #overlay div.suche.hover { background-position: -164px -131px;  width: auto; padding: 0 0 0 30px;}
    #footer-text #overlay div.suche input[type="text"] { margin:  0; padding: 0 10px; background-color:#d1ded3; }
    #footer-text #overlay div.suche input[type="submit"] { margin:  0; height: 30px; cursor: pointer; }
    #footer-text #overlay div.intern input[type="submit"] { margin: 0; height: 30px; }

    #menu-wrapper {height:auto;}
    #menu-wrapper .innerwrapper {
        padding-bottom: 20px;
    }
    #menu { position: static!important;
    height:auto; font-size: 20px;
    line-height: 43px;
    }
    #menu ul.nav2 li { font-size: 18px; line-height: 40px; }
      #menu li .mobile { display: inline; }
      #submenu { display: none; }

    #menu ul {
        float: none;
        width: auto;
    }
    #menu ul.nav1 > li {
        float:none;
        border-bottom: 1px solid #d9e6b1;
    }
    #menu ul.nav2 {
        position: static;
    }
    #menu ul.nav1 > li > a {
         padding: 0 0 0 10px;
        display: block;
        width: auto;
    }
    #menu ul.nav1 > li.act {
        border-bottom: 3px solid #f7f7db;
        border-top: 3px solid #f7f7db;
    }
    #menu ul.nav2 > li > a {
        padding: 0 0 0 30px;
        display: block;
        width: auto;
    }
    #menu li.hover > ul.nav3 {
          display:block;
          z-index:10;
    }
    #menu li.hover > ul.nav3 > li > a {
        padding: 0 0 0 60px;
        width: auto;
        display: block;
        background: #c4db9b url("/fileadmin/templates/15/list-menu-style.png") no-repeat scroll 30px -2px;
    }

    #menu li.hover ul.nav3 > li.hover a {
        background: #ACD084 url("/fileadmin/templates/15/list-menu-style.png") no-repeat scroll 30px -122px;

    }

    #content,#footer-nav,#footer-text {
        opacity: 1.0 !important;
      }
    .tx-cal-controller  { display:none; }

    div.csc-textpic-center .csc-textpic-center-outer,
    div.csc-textpic-center .csc-textpic-center-inner,
    div.csc-textpic-left .csc-textpic-imagewrap,
    div.csc-textpic-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-left .csc-textpic-imagewrap,
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none!important;
        right: auto!important;

    }
    .fce-anzeigen div.csc-textpic-center .csc-textpic-center-inner {
        float: right!important;
        right: -50%!important;
    }
    .fce-anzeigen div.csc-textpic-center .csc-textpic-center-outer {
        float: right!important;
        right: 50%!important;
    }
    .csc-textpic-intext-left-nowrap-160 .csc-textpic-text,
    .csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-left:0!important;
    }

}

/* Styles for all media that are less than 591 pixels wide. 	*/
@media only screen and (max-width: 590px) {
    #content .fce-anzeigen .csc-default,
    #content .fce-anzeigen ins > a,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen .csc-default,
    #content_eins_zwei_right #content_eins_zwei_anzeigen .fce-anzeigen ins > a {
        width: 50%;
    }
}

/* responsive-480px.css 	Styles for all media that are less than 481 pixels wide. 	*/
@media only screen and (max-width: 480px) {
    #sprungmarke { width: 320px; }

     #footer-nav {
         display:none
     }

    #navsection li {
        width: 100%;
    }

    #navsection li a {
        height: 83px;
    }
    .nobr {
        white-space: normal;
    }
    #content_eins_zwei_right,
    #content_eins_zwei_left,
    #content_zwei_eins_right,
    #content_zwei_eins_left {
        overflow:hidden;
    }

}

/* POWERMAIL  TODO - Needs cleanup as it copied directly from fileadmin*/
@media only screen and (max-width: 570px) {

    fieldset.tx-powermail-pi1_fieldset select, fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
    fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend,
    fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
        width:280px;
    }
    fieldset.tx-powermail-pi1_fieldset fieldset legend {
        position: relative;
    }
    fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner,
    fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
        margin-left:0;
    }
    .error {
        margin-left:-102px;
    }

}

@media only screen and (max-width: 400px) {

    fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
        width: 95%;
    }

    fieldset.tx-powermail-pi1_fieldset select, fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
    fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
        width: 95%;
    }
}


/* -------------------------  PRINTLAYOUT START ------------------------- */

@media print {
    .social-media-icons,
    #menu-wrapper,
    #content_eins_zwei_left,
    .lineFooter,
    #footer-nav,
    #overlay,
    #footer-text .footer-nav,
    #content_eins_zwei_anzeigen,
    #cookie-bar,
    #navsection,
    .lineWhite, .lineGray {
        display:none;
    }

    #content_eins_zwei_right {
        float: none;
        width: auto;
    }

    #footer-text,
    #footer-text .footer-text,
    #footer-text .footer-text a {
        text-align: left!important;
        color: #000000;
        background-color: #ffffff;
    }
    #content {
        padding-top: 50px;
    }
}
/* -------------------------  PRINTLAYOUT END ------------------------- */

@media screen and (min-width: 320px) and (max-width: 480px){
    .jobshortdetails,.jobshortdetails{
        width: 300px;
    }
}