/* ----------------------- Ab hier die medium ---------------------------*/

@media screen and (max-width: 1219px) {
    
    body {
        overflow: -moz-scrollbars-vertical;
        overflow-x: scroll;
        -ms-overflow-x: scroll;
    }

    #second-wrap, 
    #sitemap-wrap, 
    #bottom-nav, 
    .aside-sub .entry, 
    .aside-info-nav, 
    #breadcrumb, 
    #print, 
    #lpSlideshow {
            display: block;
    }
    #header {
            position: relative;
            overflow: visible;
    }
    #search-lang, #logo {
            display: block;
    }
    #mobileHeader{
            display:none;
    }

    .wrapper { width: 960px; }

    .wrapper:after {
        display: none;
        height: 0;
        width: 0;
        top: 0;
        left: 0;
    }

    /* Header */
    #logo { width: 275px; }

    #logo a { width: 275px; margin-left: 12px;}

    #logo a img { margin: 15px 0 0 0; }

    #header-wrap { width: 685px; }
    /* Main Navigation */
    #mainnav ul li a, #mainnav ul li a:visited, #mainnav ul li a:active{
            padding: 0 14px;
            font-size: 17px;
    }

    #second-wrap, #sitemap-wrap, #bottom-nav {
        width: 100%;
        margin: 0 auto;
    }

    .second-nav-wrapper, .sitemap-header-wrapper, .sitemap-content-wrapper, .bottom-nav-wrapper { width: 960px; }


    /* --------------- Content Slider Dummy -------------------- */
    #lpSlideshow{
        position: relative;
        width: 100%;
        margin-bottom: 12px;

    }

    #lpSlideshow #lpSlides,#lpSlides article {
        width: 100% !important;
        height: 312px !important;
    }

    #lpSlideshow div.next, #lpSlideshow div.prev { top: 93px; }

    #lpSlideshow #lpSlides article .caption { bottom: 97px; }

    #lpSlideshow #lpSlides img {
        width: 100%;
        height: auto;
    }


    /* -------------- Content Style der Startseite ------------- */
    /* ---------   Content & Sidebar Startseite ---------------*/
    #content-wrap-home{ padding: 0; }

    #content-wrap-sub { background-position: -125px 0; }


    /* Home Content */

    .content-home{
            width: 435px;
    }
    .aside-home{
            width: 495px;
    }

    /* Content Page */
    .content-sub{
            width: 592px;
            margin: 0 0 0 20px;
            padding: 30px 10px 60px 30px;
    }
    .content-sub .entry{
            margin-bottom: 27px;
    }
    .content-sub .entry ul{
            margin-bottom: 20px;
    }
    .content-sub .entry ul ul{
            margin-bottom: 0;
    }
    .content-sub .entry .entry-header h1{
            font-size: 26px;
            margin-bottom: 20px;
    }
    .content-sub .entry p{
            width: 100%;
            font-size: 12px;
    }

    .entry .group-infos ul li { width: 250px; }

    /* --------------------- Sidebar Tab Boxen Startseite ------------------------ */
    #aside-l-box, #aside-r-box{ width: 200px; }

    #aside-l-box{ margin-right: 15px; }

    /* Sidebar Page */
    .aside-sub {
        width: 290px;
        padding: 0;
    }

    .aside-nav-wrap .aside-nav > ul li a {
            background: url(../../img/blue-arrow-right.png) 10px 11px no-repeat;
            padding: 2px 0 3px 30px;
    }

    .aside-nav-wrap .aside-nav > ul li a:hover, 
    .aside-nav-wrap .aside-nav > ul li a:focus, 
    .aside-nav-wrap .aside-nav > ul .active a {
            background: url(../../img/blue-arrow-right.png) 10px 11px #fff no-repeat;
            font-size: 12px;
            width: 260px;
    }

    .aside-nav-wrap .aside-nav > ul li > ul li a {
            background: none !important;
            padding: 3px 0 3px 30px;
    }

    .aside-nav-wrap .aside-nav ul li ul .subactive ul li a:link,
    .aside-nav-wrap .aside-nav ul li ul .subactive ul li a:active,
    .aside-nav-wrap .aside-nav ul li ul .subactive ul li a:visited{
            width: 260px;
            padding: 3px 0 3px 30px;
    }
    .aside-sub .entry {
            width: 290px;
    }

    .aside-sub .entry .content{
            width: 125px;
            padding: 10px;
    }
    .aside-sub .entry .content h3,
    .aside-sub .aside-info-nav h4{
            margin-bottom: 5px;
    }
    .aside-sub .aside-info-nav h4{
            font-size: 13px;
    }
    .aside-sub .entry .content p{
            font-size: 11px;
            line-height: 16px;
    }

    .aside-sub .entry .content-text { width: 260px; }

    .aside-sub .entry .content-text p { width: 100%; }

    .aside-sub .entry img {
        margin: 0; 
    }
    .aside-sub .entry .person-info-wrap{
        padding: 10px 0 10px 10px;
        width: 180px;
    }

    .aside-sub .aside-info-nav{
            width: 225px;
            padding: 10px;
    }


    #second-nav { margin: 0 0 0 30px; }

    #second-nav ul li a { padding: 0 5px; }


    /* Sitemap */
    #sitemap-content ul{

            margin-right:10px;
            float: left;
    }

    #s-column-1{
            width: 244px;
            margin-left: 60px;
    }
    #s-column-2{
            width: 163px;
    }
    #s-column-3{
            width: 135px;
    }
    #s-column-4{
            width: 176px;
    }
    #s-column-5{
            width: 132px;
    }

    /* Bottom Navigation */

    #bottom-nav ul{
            float: left;
            margin-right:10px;
    }

    #bn-column-1{
            width:266px;
            margin-left: 60px;
    }
    #bn-column-2{
            width: 180px;
    }
    #bn-column-3{
            width: 255px;
    }
    #bn-column-4{
            width: 159px;

    }
    #custom-search-field {
    display: block;
    background: url(../../img/custom-search-field-bg.png);
    width: 515px;
    height: 31px;
    border: none;
    float: left;
    font-size: 12px;
    color: #29323A;
    padding: 0 5px;

    }
    
    .employeeListWrap .employeeListHeader { max-width: 440px; }
    
    /*Tabbar*/

    #tabbar-drop-down{
            width: 592px;
    }
    #tabbar-drop-down li a{
            width: 147px;
    }
    #tabbar-drop-down #last-tab a{
            width: 148px;
    }

    .blog-column1 { width: 290px; }

    .blog-column2{
        width: 290px;
        margin: 0 0 0 12px;
    }

    #results .result-item-details p {
        width: 230px;
    }
    .fceSliderAdvanced .text-left { width: 366px; }
    /*Fixes Oli*/
    .tx-felogin-pi1 {
        left: 68px;
    }
    #publicationFilter .departmentSelect,
    #publicationFilter .workgroupSelect,
    #publicationFilter select {
        width: 272px;
    }
    .oneRow {
        width: 572px;
    }

    .entry-drop-bottom-wrap { width: 353px; }

    .entry-drop-top-wrap-info { max-width: 372px; }

    .faccetToggle div ul {
        width: 177px;
    }
    #organigramm-wrap .blue-top-box .gray-box {
        width: 188px;
    }
    .jobs-wrap ul li {
        width: 264px;
    }
    #lpSlideshow #lpSlides, #lpSlides article {
        overflow: hidden;
    }
    .aside-nav-wrap header h3 {
        padding-left: 7px;
    }
    .csc-mailform form .csc-form-element input {
        width: 264px;
    }
    #content-wrap-sub .csc-mailform form .csc-form-element {
        width: 290px;
    }
    #content-wrap-sub .csc-mailform form .csc-form-6 {
        width: 570px;
    }
    .csc-mailform form #field-6 {
        width: 554px;
    }
    #content-wrap-sub .csc-mailform form .csc-form-7 {
        width: 570px;
    }
    .csc-mailform form #field-7 {
        width: 544px;
    }
    #content-wrap-sub .expandedList table.grid,
    #content-wrap-sub table.grid {
        width: 592px !important;
    }
    #tabheader li a {
        padding: 0px 12px;
    }
    #results .result-item-details {
        width: 540px;
    }
    #organigramm-bottom .gray-box {
        width: 93px;
    }
    #organigramm-bottom .white-box {
        width: 93px;
    }
    #organigramm-bottom .blue-box,#organigramm-bottom .blue-box img {
        width: 108px;
        
    }
    #organigramm-bottom .blue-box h2{
        margin: 0;
    }
    #organigramm-wrap .blue-top-box {
        width: 160px;
    }
    #organigramm-wrap .top-center {
        margin-left: -91px;
    }
    #organigramm-wrap .top-bottom {
        margin-left: -91px;
        top: 195px;
    }
    #organigramm-wrap .top-long {
        width: 93%;
        top: 415px;
    }
    #organigramm-bottom {
        margin-top: 567px;
    }

    body .greyBack div.csc-textpic-imagewrap {
        width: 260px;
        height: 220px;
    }

    body .greyBack div.csc-textpic-center-outer, body .greyBack div.csc-textpic-center-inner {
        float: none;
        right: 0;
    }
}