/* iperdi
   copyright by unlooped.com
================================================================================
GLOABALS #
*/

    * {
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 10px;
        list-style: none;
    }
    
    .clear {
        clear: both;
    }
    
    .bhl {
        font-size: 12px !important;
    }
    
    .fleft {
        float: left;
        margin: 0 10px 0 0;
    }
    
    input[type=radio] {
        border: 0;
    }
    
/* iperdi
   copyright by unlooped.com
================================================================================
GLOABALS #
*/
    
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
     
    .clearfix {
        display: inline-block;
    }
     
    html[xmlns] .clearfix {
        display: block;
    }
     
    * html .clearfix {
        height: 1%;
    }

/*
================================================================================
GLOBAL COLORS #
*/

    body {
        background: #EBF8FD; /* HELLBLAU */
    }
    
    .footer {
        background: #EBF8FD url(../gfx/footerbg.png) left top no-repeat;
    }
    
    .readmore {
        color: #FFF; /* WEIS */
    }
    
    h2, .news .ndate, a, .footer p, .rightmenu a, .iperdi, .leftmenu a:hover, .leftmenu .active, .rightmenu li ul li a:hover, .footer a:hover, .rightmenu li ul li .active, .rightsubmenu a:hover, .hbut1, .footer .iperdi, .newsNavigation .iperdi, .bhl, h3 span, .jobsearchhits span, .jobsubtitle,.joblocations, .cancielist .title, .blue2row span {
        color: #007397; /* BLAU */
    }
    
    .breadcrumps .lastchild a {
        color: #007397; /* BLAU */
    }
    
    .news a, h3, p, .page, .rightmenu li ul li a, .text, .sportfolio a, .breadcrumps a, .searchresults .snippet, .jobsearchresults .snippet, .cancielist span, .mailtolink {
        color: #747474; /* GRAU */
    }
    
    .rightsubmenu a, .globalsearch input, .globalsearch label, .footer a, .newsNavigation a, .candidatureform input, .formbottomspace, .candidatureform select, .candidatureform textarea {
        color: #666; /* DUNKELGRAU */
    }
    
    .leftmenu a, .mainnavi ul a {
        color: #6F6F6F; /* HELLGRAU */
    }
    
    .globalsearch .searchterm {
        color: #999; 
    }
    
    #quicksearch input, #quicksearch select {
        color: #666; 
    }
    
    .content {
        background: #FFF url(../gfx/contentbg.png) left top no-repeat;
    }
    
    .branches .content {
        background: #FFF url(../gfx/contentbg_wo.png) left top no-repeat;
    }
    

/*
================================================================================
HEADINGS #
*/

    h1 a {
        background: transparent url(../gfx/iperdi_logo.png) left top no-repeat;
        display: block;
        width: 294px;
        height: 62px;
        text-indent: -9999px;
        margin: 1px 15px 9px 8px;
    }
    
    h2 {
        margin: 30px 0 15px 19px; 
        font-size: 11px;
        font-weight: normal;
    }
    
    a {
        font-size: 12px;
    }
    
    .page h2 {
        margin: 0 0 20px;
        font-size: 16px;
    }
    
    h3 {
        font-size: 11.5px;
        margin: 5px 0 0 0;
        font-weight: normal;
    }
    
    h3 span {
        font-size: 11px;
        font-weight: bold;
    }
    
    .iperdi {
        font-size: 11px;
    }
    
    i b {
        font-size: 11px;
    }
    

/*
================================================================================
CLASSES #
*/

    #wrapper {
        width: 960px;
        margin: 16px auto;
        position: relative;
    }
    
    #header {
        margin: 0 0 16px;
        height: 60px;
        position: relative;
    }
    
    .home .footer {
        background: none;
        margin-top: 64px;
    }
    
    .header, .footer {
        padding: 15px;
    }

/*
================================================================================
RIGHT HEADER #
*/

    .rightheader {
        width: 399px;
        position: absolute;
        right: 0;
        top: 106px;
    }
    
/*
================================================================================
GLOBAL SEARCH #
*/
    .globalsearch {
        float: right;
        margin: 6px 5px 0 0;
        height: 22px;
    }
    
    #searchterm {
        width: 114px;
        line-height: 22px;
        background: none;
        position: absolute;
        left: 811px;
        top: 9px;
        height: 20px;
        width: 110px;
    }
    
    .globalsearch .submit {
        border: 0;
        text-indent: -9999px;
        width: 30px;
        height: 20px;
        cursor: pointer;
        background: none;
        position: absolute;
        left: 925px;
        top: 8px;
    }
    
    #searchterm,
    .globalsearch .submit {
        display: block;
        float: left;
        border: 0;
    }

    .globalsearch .submit:hover {
        background-position: 0 -19px;
    }
    
/*
================================================================================
HEADER TOP #
*/    
    
    #findOnFB {
        width: 112px;
        height: 29px;
        position: absolute;
        right: 4px;
        bottom: 1px;
        background: transparent url('../gfx/findonfb.png') scroll no-repeat left top;
    }
    
    #findOnFB a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border: 0;
        display: block;
        text-decoration: none;
    }
    
/*
================================================================================
NAVIGATION #
*/

    #navbar {
        padding: 0 0 0 5px;
        height: 38px;
        background: transparent url(../gfx/navibg.png) -2px -1px no-repeat;
        position: relative;
        z-index: 9999;
    }

    .mainnavi {
        
        list-style-type: none;
        height: 38px;
        
        
        
    }
    
    .mainnavi li {
        padding: 0 0 0 15px;
        float: left;
        display: block;
        height: 38px;
        line-height: 38px;
    }

    .mainnavi a {
        display: block;
        font-size: 13px;
        height: 27px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }
    
    .mainnavi a::after {
        content: '|';
        font-weight: normal;
        color: #93C8DA;
        margin-left: 15px;
    }
    
    .mainnavi li:hover ul {
        position: absolute;
        z-index: 9999;
    }
    
    .mainnavi ul {
        padding: 0;
        z-index: 9999;
        width: auto;
        margin: 12px 0 0 -15px;
    }
    
    .mainnavi ul li {
        background: transparent url(../gfx/submenbg.png);
        float: none;
        height: 32px;
        min-width: 130px;
        padding: 0;
        margin: 0;
    }
    
    .mainnavi ul a {
        background: none;
    }
    
    .mainnavi ul a:after {
        content: "";
    }
    
    .mainnavi ul a {
        background: transparent;
        font-size: 12px;
        text-indent: 0;
        background: transparent url(../gfx/submenuline.png) left bottom no-repeat;
        text-decoration: none;
        padding: 0 20px;
        line-height: 32px;
        font-size: 11px;
        height: 32px;
        width: auto;
        cursor: pointer;
        min-width: 130px;
    }
    
    .mainnavi ul a:hover {
        background: #D8F4F8 url(../gfx/submenuline.png) left bottom no-repeat;
    }
    
    .mainnavi .readmore {
        display: none;
    }
    
    ul.subnav {
        display: none;
    }
    
    .branches .leftmenu ul.subnav {
        display: block;
        cursor: pointer;
    }
    
    .mainnavi li:hover ul.subnav {
        display: block;
    }
    
    li.navibusiness,
    li.naviaspirant,
    li.naviabout,
    li.naviestablishments,
    li.navicontact {
        background: transparent url('../gfx/navarrow.png') scroll no-repeat 90% center;
    }
    .navibusiness a::after,
    .naviaspirant a::after,
    .naviabout a::after,
    .naviestablishments a::after,
    .navicontact a::after {
        margin-left: 25px;
    }

/*
================================================================================
META MENU HOVER #
*/
        
    .subnavicurrent a {
        background: none;
        padding: 0;
    }
/*
================================================================================
QUICKSEARCH #
*/
    
    .home #quicksearch {
        width: 948px;
        height: 56px;
        margin: 5px;
        background: transparent url('../gfx/quicksearch-home.png') left top no-repeat;
    }
    
    #quicksearch {
        height: 56px;
        position: relative;
        background: transparent url('../gfx/quicksearch.png') left top no-repeat;
    }
    
    
    .home #quicksearch form {
        padding: 15px 0;
    }
    
    #quicksearch label {
        font-size: 16px;
        color: #007297;
    }
    
    #jobname,
    #cityzip {
        position: absolute;
        height: 20px;
        border: 0;
        font-size: 12px;
        background: transparent;
        top: 19px;
        outline: none;
    }
    
    #jobname {
        left: 132px;
        width: 253px;
    }
    
    #cityzip {
        left: 400px;
        width: 206px;
    }
    
    #ambit {
        height: 45px;
    }
    
    #ambitSelect {
        position: absolute;
        left: 623px;
        top: 19px;
        width: 80px;
        height: 20px;
        font-size: 11px;
        color: #666;
        line-height: 20px;
        cursor: pointer;
    }
    
    #ambitSelectItems {
        margin-top: 19px;
        margin-left: -8px;
        padding: 5px 0;
        background: #fff;
    }
    #ambitSelectItems li {
        font-size: 11px;
        color:  #666;
        cursor: pointer;
        line-height: 1.5em;
        padding: 0 10px;
    }
    
    #ambitSelectItems li:hover {
        background: #EBF8FD;
    }
    
    #ambitSelectItems li.selected {
        color: #007297;
    }
    
    .home #quicksearch .submit {
        left: 706px;
        top: 11px;
        height: 34px;
        width: 128px;
        background: transparent url('../gfx/quicksearch-submit.png') left top no-repeat;
    }
    
    #quicksearch .submit {
        position: absolute;
        width: 128px;
        height: 34px;
        left: 704px;
        top: 10px;
        border: 0;
        background: transparent url('../gfx/quicksearch-submit-small.png') left top no-repeat;
        text-indent: -9999px;
        display: block;
        cursor: pointer;
    }
    
    #quicksearch .submit:hover {
        background-position: 0 -34px;
    }
    
    .home a.jobsonline {
        top: 22px;
    }
    
    a.jobsonline {
        position: absolute;
        left: 830px;
        top: 20px;
        color: #CC0000;
        font-size: 12px;
        margin-left: 20px;
    }
    
    .quicksearch .jobsonline {
        float: right;
        padding-right: 30px;
        padding-top: 7px;
        color:#CD0000;
        font-size: 11.5px;
        text-decoration: none;
    }
    
    .jobsonline span {
        font-size: 12px;
        font-weight: bold;
    }
    
    .jobsonline:hover {
        text-decoration: underline;
    }
/*
================================================================================
CONTENT #
*/

    .leftcontent {
        float: left;
        width: 653px;
        margin-top: -3px;
        margin-left: 10px;
        padding: 0 0 180px 0;
    }
    
    .content {
        margin-top: 6px;
        padding: 6px;
    }
    
    .home .content {
        background: none;
        padding: 0;
        margin: 0;
    }
    
    .content p {
        font-size: 12px;
        line-height: 19px;
    }
    
    .content .hpic {
        margin: -21px 0 9px;
    }
    
    blockquote {
        font-size: 10px !important;
    }
            
    .anews .bhl {
        font-size: 12px !important;
    }
    
    .news {
        margin: 18px 0 0 12px;
        width: 800px;
        line-height: 17px;
    }
    
    .news li {
        margin: 0 0 15px;
    }

    .news .newslink {
        font-size: 12px;
        text-decoration: none;
    }

    .news .newslink:hover, .news .newslink:hover span {
        text-decoration: underline;
    }
        
    .news .ndate {
        display: block;
        font-size: 12px;
        margin: -5px 0 2px 0px;
    }
    
    .news .ntext, .page {
        display: block;
        font-size: 11px;
    }
    
        
    .vacancies {
        width: 653px;
        padding: 13px 0 0;
        background: transparent url(../gfx/contenttrenner.jpg) 20px 20px no-repeat;
        bottom: 111px;
    }
    
    .vacancies .vtext h2 {
        margin-top: 20px;
        font-size: 11px;
    }
    
    .vacancies .tojob, .page .tojob {
        padding: 17px 170px 0 0;
        width: 1px;
        height: 1px;
        background: transparent url(../gfx/tojobs.png) 0 0 no-repeat;
        text-indent: -999px;
        display: block;
        margin: 19px 0 0 19px;
    }
    
    .page .tojob {
        margin: 0;
    }
    
    .vtext p {
        margin-top: 20px;
        margin-left: 19px;
        font-size: 11px;
        color: #737373;
    }
    
    #newsWrap {
        margin: 17px 15px;
        background: transparent url('../gfx/sep-news.png') scroll no-repeat;
    }
    
    .newscon {
        padding: 20px 0;
        background: transparent url('../gfx/sep-news.png') scroll no-repeat left bottom;
    }
    
    .newscon h2 {
        margin-top: 0;
        margin-left: 11px;
        font-size: 14px;
        font-weight: bold;
    }
    
        .vacancies h2 {
            margin-bottom: 12px;
            font-size: 12px;
            font-weight: bold;
        }
    
        .cancielist {
            margin-left: 10px;
        }
    
        .cancielist li {
            width: 214px;
            height: 110px;
            float: left;
            position: relative;
        }
        
        .cancielist .title {
            display: block;
            margin: 19px 0 0 67px;
            width: 130px;
            font-size: 11px;
            line-height: 15px;
        }

        .cancielist .desc {
            display: block;
            margin: 1px 0 0 67px;
            width: 130px;
            line-height: 14px;
        }
        
        .cancielist .link {
            position: absolute;
            display: block;
            width: 50px;
            height: 0;
            padding: 16px 0 0;
            overflow: hidden;
            font-size: 0;
            background: transparent url(../gfx/more.png) left top no-repeat;
            left: 148px;
            top: 77px;
        }
        
        .cancielist .packer .desc, .cancielist .worker .desc, .cancielist .stocklogistic .desc {
            top: 35px;
        }

        .cancielist .telassist .desc, .cancielist .stockhelper .desc, .cancielist .phoneconsulant .desc {
            top: 53px;
        }
        
        .stockhelper_large, .plumber_large, .stocklogistic_large, .phoneconsulant_large {
            padding: 30px 0 0 130px;
            height: 120px;
        }



        .cancielist .stocklogistic {
            background: transparent url(../content/sangebote/fachkraft_lagerlogistik.png) left top no-repeat;
        }
        
        .stocklogistic_large {
            background: transparent url(../content/jobbilder/lagerlogistik.png) left top no-repeat;
        }

        .cancielist .stockhelper {
            background: transparent url(../content/sangebote/kommissionerer.png) left top no-repeat;
        }
        
        .stockhelper_large {
            background: transparent url(../content/jobbilder/kommisionierer.png) left top no-repeat;
        }
        
        .cancielist .phoneconsulant {
            background: transparent url(../content/sangebote/telefonische_kundenberater.png) left top no-repeat;
        }
        
        .phoneconsulant_large {
            background: transparent url(../content/jobbilder/telefonische_fachan.png) left top no-repeat;
        }
        
        
        
        .plumber_large {
            background: transparent url(../content/jobbilder/gas_wasser.png) left top no-repeat;
        }

        .cancielist .packer {
            background: transparent url(../content/sangebote/verpackungshelfer.png) left top no-repeat;
        }
        
        .cancielist .telassist {
            background: transparent url(../content/sangebote/beraterin.png) left top no-repeat;
        }
        
        .cancielist .worker {
            background: transparent url(../content/sangebote/maurer.png) left top no-repeat;
        }
        
        
        
        
        .cancielist a {
            display: block;
            height: 100%;
            width: 100%;
            text-decoration: none;
        }
        
    .readmore {
        text-indent: -9999px;
        font-size: 0;
        padding: 9px 10px 0 0;
        margin: 0 0 0 10px;
        background: transparent url(../gfx/abg.png) left 2px no-repeat;
    }
    
    
    .content object, .content embed {
        z-index: 1;
    }
    
    .text, .textblue {
        display: block;
        text-decoration: none;
        font-size: 12px !important;
        line-height: 17px;
        margin-bottom: 10px;
    }
    
    .formtopspace {
        margin: 20px 0 0;
    }
    
    .formbottomspace {
        margin: 0 0 20px !important;
    }

/*
================================================================================
LEFT MENU #
*/

    .leftmenu {
        float: left;
        margin: 45px 0 0 9px;
        width: 155px;
        min-height: 200px;
    }
    
        .leftmenu li {
            background: transparent url(../gfx/leftmenuline.jpg) left bottom no-repeat;
            margin: 0 0 8px;
            padding: 0 0 10px 20px;
            font-size: 11px;
            color: #727272;
        }
        
        .leftmenu a {
            text-decoration: none;
            font-size: 11px;
        }
        
        .leftmenu a .readmore {
            display: none;
        }
        
        .leftmenu li ul {
            display: none;
            margin: 10px 0 0;
        }
        
        .leftmenu .liactive ul {
            display: block;
        }
        
        .leftmenu li.active {
            color: #007297;
        }
        
        .leftmenu li li {
            background: transparent url(../gfx/bluearrow.png) left center no-repeat;
            padding: 0 0 0 9px;
            margin: 0 0 5px;
            font-size: 10.5px;
            color: #727272;
            cursor: pointer;
        }
        
        .leftmenu li li:hover {
            color: #007297;
        }

/*
================================================================================
RIGHT MENU #
*/

    .rightmenu {
        float: right;
        width: 257px;
        background: transparent url(../gfx/rightmenbg.png) right top no-repeat;
        padding-top: 10px;
    }
    
        .rightmenu li {
            margin: 0 0 15px;
            padding-bottom: 16px;
            width: 210px;
            background: transparent url(../gfx/rightmenuline.png) left bottom no-repeat;
        }
        
        .rightmenu .lastelement {
            padding-bottom: 0;
            background: none;
        }
        
        .rightmenu a {
            padding: 0 0 10px;
            background:url(../gfx/line.png)left top no-repeat;
            display: block;
            text-decoration: none;
            font-size: 11px;
        }
        
        .rightmenu a .readmore {
            display: none;
        }
        
        .rightmenu li ul li {
            background: transparent;
            margin: 0;
            padding: 1px 0 0;
        }
        
        .rightmenu li ul li a {
            display: inline;
            text-decoration: none;
            font-size: 11px;
            font-weight: normal;
            line-height: 17px;
        }
        
        .rightmenu li ul li a .readmore {
            display: inline;
        }

/*
================================================================================
FOOTER #
*/

    .footer {
        clear: both;
        padding: 37px 30px 30px 31px !important;
        text-align: center;
    }
    
    .footer .iperdi, .newsNavigation .iperdi {
        font-weight: bold;
        background: none;
        padding-left: 0;
    }
    
    .footer li {
        margin: 0 10px 0 0;
        float: left;
    }
    
    .footer p {
        text-align: center;
    }

    .footer a, .newsNavigation a {
        background: url(../gfx/dot.png) left no-repeat;
        font-size: 10.5px !important;
        line-height: 14px;
        text-decoration: none;
        padding-left: 12px;
        margin-right: 5px;
    }
    
    .footer .nodot, .newsNavigation .nodot {
        background: none;
        padding: 0;
    }
    
    .newsNavigation a, .newsNavigation .iperdi {
        margin-right: 8px; 
    }
    
    .newsNavigation {
        text-align: center;
        margin-top: 20px;
        background: transparent url(../gfx/contenttrenner.jpg) 0 0 no-repeat;
        padding: 19px 0 0;
    }
    
    .newsNavigation .active {
        font-weight: bold;
        text-decoration: underline;
    }
    
/*
================================================================================
PAGE CONTENT LAYER #
*/

    .page {
        float: left;
        padding: 35px 0 65px 36px;
        width: 607px;
        line-height: 17px;
        min-height: 270px;
    }
    
    body.about .page {
        width: 765px;
         padding: 25px 0 35px 15px;
    }
    
    body.branches .page {
        width: 745px;
        position: relative;
        left: 68px;
        top: -35px;
        padding: 0 0 35px 35px;
    }
    
    
/*
================================================================================
CONTENT BUTTONS TOP #
*/

    .individuellpersconcepts, .newjobnewperspectives {
        width: 316px;
        height: 213px;
        position: relative;
        float: left;
        text-decoration: none;
    }

    .individuellpersconcepts {
        background: transparent url(../content/boxes/startpage_unternehmen.jpg) left top no-repeat;
        margin-right: 10px;
    }
    
    .newjobnewperspectives {
        background: transparent url(../content/boxes/startpage_bewerber.jpg) left top no-repeat;
    }
    
    .cBox3 {
        margin: 0 9px;
        width: 304px;
        float: left;
        background: transparent url(../gfx/cbox3bg.png) left top no-repeat;
    }
    
    .cBox3 a {
        text-decoration: none;
    }
    
    .cBox3.first {
        margin-left: 3px;
    }
    
    .cBox3.last {
        margin-right: 0;
    }
    
    .cBox3 img {
        margin: 6px 6px 2px;
    }
    
    .cBox3 > div {
        margin: 2px 6px 6px;
        padding: 15px 10px 10px;
        height: 66px;
        background: #D8F2FB url('../gfx/cboxarrow.png') scroll no-repeat 30px top;
    }
    
    .cBox3 img {
        border: 0;
    }
    
    #start-cBoxes .cBox3 {
        height: 242px;
    }
    
    .hbut1,
    .hbut2,
    .infonow {
        display: block;
    }
    
    .hbut1 {
        font-size: 11px;
    }
    
    .hbut2 {
        margin: 5px 0;
        font-size: 16px;
        color: #5a5a5a;
    }
    
    .infonow {
        background: transparent url('../gfx/infonow.png') scroll no-repeat;
        text-indent: -9999px;
        width: 114px;
        height: 18px;
    }
    
    .infonow a {
        text-decoration: none;
        color: #fff;
        font-size: 10px;
    }
    

    
/*
================================================================================
CANDIDATURE FORM #
*/

    .candidatureform fieldset {
        border: 0;
    }
    
    .candidatureform label {
        display: block;
        font-size: 12px;
        padding: 1px 0 7px;
    }
    
    .candidatureform p {
        font-size: 11px;
        margin: 10px 0 0;
        line-height: 25px;
    }
    
    .candidatureform input, .candidatureform select, .candidatureform textarea {
        border: 1px solid #E2E2E2;
        width: 381px;
        height: 16px;
        font-size: 11px;
        padding: 3px 0 0;
        margin: 0 0 7px;
    }
    
    .candidatureform input[type=radio] {
        width: 16px;
    }
    
    .candidatureform textarea {
        height: 80px;
    }
    
    .candidatureform select {
        padding: 0;
        height: 19px;
    }
    
    .candidatureform .send,.candidatureform .candidatebut {
        background: transparent url(../gfx/sendbutton.png) left top no-repeat;
        width: 144px;
        padding-top: 18px;
        height: 18px;
        display: block;
        overflow: hidden;
        font-size: 0;
        margin-top: 38px;
        margin-bottom: 15px;
        border: 0;
    }
    
    .candidatureform .candidatebut {
        background: transparent url(../gfx/candidatenow.png) left top no-repeat;
    }
    
    
    
/*
================================================================================
CONTENT HEADERS #
*/

    .businesshbg, .candidatehbg, .aboutiperdihbg, .brancheshbg {
        height: 98px;
        float: right;
        margin: 0 0 11px;
        width: 749px;
    }
    
    .businesshbg h2, .candidatehbg h2, .aboutiperdihbg h2, .brancheshbg h2 {
        margin: 69px 0 0 0;
        font-weight: normal;
        font-size: 20px;
    }

    
    .businesshbg {
        background: transparent url(../content/headers/businessheadbg.png) right top no-repeat;
    }
    
    .candidatehbg {
        background: transparent url(../content/headers/candidateheadbg.png) right top no-repeat;
    }
    
    .aboutiperdihbg {
        background: transparent url(../content/headers/aboutiperdihbg.png) right top no-repeat;
    }
    
    .brancheshbg {
        width: 300px;
        float: left;
        padding: 0 0 0 35px;
    }

/*
================================================================================
SONSTIGES #
*/

    .sportfolio li {
        min-height: 85px;
        line-height: 17px;
        font-size: 11px;
    }
    
    .sportfolio a {
        text-decoration: none;
    }
    
    .sportfolio a:hover, .sportfolio a:hover span {
        text-decoration: underline;
    }
    
    .sportfolio img {
        border: 0;
        float: left;
        margin: 0 10px 0 0;
    }
    
    .sportfolio .bhl {
        display: block;
        padding: 5px 0 0;
    }
    
/*
================================================================================
DOWNLOADS #
*/

    .downloads li {
        clear: both;
        background: transparent url(../gfx/dllibglin.png) left bottom no-repeat;
        padding: 0 0 23px;
        margin: 0 0 25px;
        font-size: 11px;
    }

    .downloads img {
        float: left;
        border: 0;
        margin: 0 11px 0 0;
    }
    
    .downloads .bhl {
        display: block;
        padding-top: 12px;
        margin-bottom: 3px;
    }
    
    .downloads a {
        margin-top: 21px;
        display: block;
    }
    
    .downloads .imgdllink {
        margin: 0;
        padding: 0;
    }
    
    .imgdllink img {
        border: 0;
    }
    
/*
================================================================================
SITEMAP #
*/

    .sitemap ul {
        width: auto;
        margin-left: 15px;
    }
    
    .sitemap li {
        width: auto;
    }

    .sitemap a {
        background: none;
    }
    
    
/*
================================================================================
BREADCRUMPS #
*/

    .breadcrumps {
        position: absolute;
        margin: 20px 0 0 -5px;
    }
    
    .breadcrumps li {
        float: left;
        background: transparent url(../gfx/breadcrumpsbg.jpg) right 5px no-repeat;
        padding: 0 10px 0 0;
        margin: 0 0 0 5px;
    }
    
    .breadcrumps a {
        text-decoration: none;
        font-size: 10px;
    }
    
    .breadcrumps .lastchild {
        background: none;
    }
    
/*
================================================================================
SUCHERGEBNISSE #
*/

    .searchresults {
        width: 620px;
        margin: 0 0 30px;
    }

    .searchresults li {
        margin-bottom: 15px;
    }

    .searchresults .snippet, .jobsearchresults .snippet {
        display: block;
        text-decoration: none;
        font-size: 11px;
    }
    
    .searchresults .snippet, .jobsearchresults .branchname {
        margin-left: 5px;
        line-height: 12px;
        color: #333;
        font-size: 11px;
        color: #5BCAF1;
        cursor: pointer;
    }
    
    .searchresults .snippet, .jobsearchresults .branchname:hover {
        text-decoration: underline;padding;
    }
    
    .searchresults .snippet:hover , .jobsearchresults .snippet:hover {
        text-decoration: underline;
    }
    
    .searchhits {
        margin: -20px 0 30px;
    }
    
    .searchhits span {
        font-weight: bold;
        font-size: 10px;
    }
    
    .searchresults .bhl a {
        font-size: 11px;
    }
    

/*
================================================================================
JOB SEARCH #
*/
    .content .jobsearchhits {
        font-size: 13px;
        margin: 0 0 20px 0;
    }
    
    .jobsearchhits span {
        font-size: 12px;
        font-weight: bold;
    }

    .jobsearchresults .bhl a {
        font-size: 12px;
        font-weight: bold;
    }
    
    .jobsearchresults li {
        background: transparent url(../gfx/jobressep.jpg) left bottom no-repeat;
        margin: 0 0 20px;
        padding: 0 0 25px;
    }


/*
================================================================================
JOB CONTENT #
*/

    .jobcontent {
        font-size: 10px;
    }
    
    .jobcontent .bhl {
        display: block;
        font-weight: bold;
    }
    
    .content .jobsubtitle {
        margin: -10px 0 0;
        font-size: 12px;
    }
    
    .contactOnline {
        display: block;
        margin: 20px 0;
    }
    
    .jobcaddress {
        font-size: 11px;
    }
    
    .jobcaddress span {
        display: block;
        font-size: 10px;
    }
    
    .cfjobcaddress {
        margin: 15px 0;
    }
    
    .cfjobcaddress span {
        font-size: 10px;
        display: block;
    }
    
    .candidatureform .bhl {
        font-size: 11px !important;
    }
    
    .joblocations {
        margin: 0 0 10px;
        font-weight: bold;
    }
    
    
/*
================================================================================
PAGE: id98 - Management #
*/

.management {
    position: relative;
}

#management-south {
    background: transparent url('../gfx/sep-news.png') scroll no-repeat left bottom;
    padding-bottom: 5px;
}

#management-north {
    margin-top: 45px;
}

.management h4 {
    position: absolute;
    top: 0;
    left: 21px;
    font-size: 16px;
    color: #007297;
    font-weight: normal;
}

.management > div {
    margin: 20px 0;
}

#management-south > div.top {
    margin-left: 300px;
    margin-top: 10px;
}

#management-south > div.center {
    margin-left: 125px;
}

#management-south > div.bottom {
    margin-left: 20px;
}

#management-north > div.top {
    margin-left: 210px;
}

#management-north > div.center {
    margin-left: 20px;
}

.management-entry {
    position: relative;
    float: left;
    width: 180px;
    cursor: pointer;
}

.management-entry:hover div, .management-entry:hover h5 {
    text-decoration: underline;
}

.management-entry:hover .branch div {
    text-decoration: none;
}

#managePopup .bhl {
    font-weight: bold;
}

#management-south .bottom .management-entry {
    width: 120px;
}

.management-entry div.head {
    height: 149px;
}

#management-north .management-entry div.head {
    height: 140px;
}

.management-entry h5 {
    font-size: 10px;
    font-weight: bold;
    color: #007297;
}

.management-entry .position,
.management-entry .concern,
.management-entry .station {
    font-size: 10px;
    color: #727272;
    line-height: 1.4em;
}

.management-entry li.title {
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 2px;
}

.management-entry p { 
    display: none; 
}

.management-entry p span {
    color: #007297;
    font-weight: bold;
}

#managePopup {
    display: none;
    width: 343px;
    height: 261px;
    position: absolute;
    background: transparent url('../gfx/popup-bubble.png') scroll no-repeat left top;
    z-index: 10;
    line-height: 1.8em;
}

#managePopup .close,
#branchPop .close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 6px;
    right: 11px;
    cursor: pointer;
}

#managePopup .desc {
    padding: 40px;
    font-size: 12px;
}

.legend {
    margin-top: 110px;
}

.managementpic {
    float: left;
    margin: 0 10px 0 0;
}

.persdesc {
    padding: 15px 0 0;
}

.managenttext {
    -webkit-transition-property: all;
    -webkit-transition-duration: 250ms;
    -webkit-transition-timing-function: ease-out;
    
    clear: both;
    padding: 10px 0 0;
    overflow: hidden;
}

.management .text, .management .textblue {
    padding: 0 0 20px 0;
    margin: 0 0 20px;
    background: transparent url(../gfx/dllibglin.png) left bottom no-repeat;
}

.management .textblue {
    background: transparent url(../gfx/bluemanagementline.jpg) left bottom no-repeat;
}

.management .text:last-child {
    background: none;
    margin-bottom:100px;
}

.persdesc .bhl {
    font-weight: bold;
}

/*
================================================================================
GOOGLE MAPS #
*/
    .gmaps {
        position: absolute;
        width: 435px;
        height: 396px;
        border: 1px solid #000;
        right: 7px;
        top: 245px;
        overflow: hidden;
    }
    
    #mapsInfoPopUp {
        height: 120px;
    }
    
    .inforeground {
        z-index: 9999;
    }
    
/*
================================================================================
BRANCHES #
*/

#branches {
    position: relative;
    width: 643px;
    height: 873px;
    background: transparent url('../gfx/map.png') scroll no-repeat;
}

#branches li {
    position: absolute;
    line-height: 23px;
    padding-left: 25px;
    background: transparent url('../gfx/map-entry.png') scroll no-repeat;
    cursor: pointer;
    font-size: 12px;
}

#branches li:hover {
    text-decoration: underline;
}

#branches li.left {
    padding: 0 25px 0 0;
    background-position: right top;
}

#branchPop {
    position: absolute;
    display: none;
    width: 252px;
    height: 432px;
    background: transparent url('../gfx/branchPop.png') scroll no-repeat left top;
    z-index: 1000;
}

#branchPopInfo {
    display: none;
}

#branchPop p {
    margin: 40px 20px 0 40px;
    line-height: 1.6em;
}

#branchPop .choose {
    font-size: 12px;
    display: block;
    margin-bottom: 15px;
}

#branchPop .title {
    color: #007297;
    font-size: 12px;
    display: block;
}

#branchPop .subtitle {
    font-size: 12px;
    display: block;
}

#branchPop .sep {
    margin: 0 0 10px -10px;
    padding: 0 0 7px 10px;
    background: transparent url('../gfx/leftmenuline.jpg') scroll no-repeat left bottom;
}

#branchPop .contactTitle {
    margin: 10px 0 5px -10px;
    padding: 0 0 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #007297;
    display: block;
    background: transparent url('../gfx/leftmenuline.jpg') scroll no-repeat left bottom;
}

#branchPop .contact {
    font-size: 12px;
}

.brancheslist li {
    font-size: 11px;
    width: 200px;
}

.branchsearch {
    width: 332px;
    position: relative;
    height: 100px;
}

.branchsearch fieldset {
    border: 0;
}

.branchsearch .labelplzcity {
    font-size: 11px;
    position: absolute;
    width: 187px;
    display: block;
}

.branchsearch input {
    padding: 4px 0 0;
    position: absolute;
    top: 16px;
    height: 15px;
    border: 1px solid #D6D6D6;
    color: #747474;
    font-size: 11px;
    line-height: 19px;
}

.branchsearch .plzcity {
    width: 167px;
}

.branchsearch .labelradius {
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 180px;
}

.branchsearch .radius {
    padding: 2px 0 0;
    height: 21px;
    border: 1px solid #D6D6D6;
    position: absolute;
    left: 180px;
    top: 16px;
    width: 110px;
    color: #747474;
    font-size: 11px;
}

#branchsearchsubmit {
        border: 0;
        padding-top: 18px;
        overflow: hidden;
        background: transparent url(../gfx/searchbuttonbgold.png) left top no-repeat;
        width: 62px;
        height: 18px;
        cursor: pointer;
        position: absolute;
        top: 55px;
        left: 0;
}

.searcherror {
    color: #F00;
}

#recaptcha_logo, #recaptcha_tagline {
    display: none;
}

#recaptcha_table {
    width: 381px;
}

.dateline {
    display: block;
    float: right;
}

.sortercontainer, .branchsortercontainer {
    position: absolute;
    left: 36px;
    top: 13px;
}

.branchsortercontainer {
    right: 0;
    left: auto;
}

.sorterlabel {
    margin-right: 3px;
}

.blue2row li {
    width: 615px;
    height: 28px;
    background: url(../gfx/2rowbg.png) 0 0 no-repeat;
    margin-bottom: 9px;
}

.blue2row a {
    text-decoration: none;
}

.blue2row span {
    display: block;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.blue2row .left {
    float: left;
    width: 224px;
    font-weight: bold;
}

.blue2row .right {
    float: right;
    width: 389px;
}

/* HEADER Animation webkit */

#intelligenteHeader {
    -webkit-animation: intelligenteHeader linear;
    -webkit-animation-duration: 22s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes intelligenteHeader {
    0%   {opacity: 0}
    5%   {opacity: 1}
    20%   {opacity: 1}
    25%   {opacity: 0}
}

#personelvermittlungHeader {
    -webkit-animation: personelvermittlungHeader linear;
    -webkit-animation-duration: 22s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes personelvermittlungHeader {
    20%   {opacity: 0}
    25%   {opacity: 1}
    45%   {opacity: 1}
    50%   {opacity: 0}
}
#personalloesungenHeader {
    -webkit-animation: personalloesungenHeader linear;
    -webkit-animation-duration: 22s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes personalloesungenHeader {
    50%   {opacity: 0}
    55%   {opacity: 1}
    70%   {opacity: 1}
    75%   {opacity: 0}
}
#iperdiHeader {
    -webkit-animation: iperdiHeader linear;
    -webkit-animation-duration: 22s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes iperdiHeader {
    75%   {opacity: 0}
    80%   {opacity: 1}
    95%   {opacity: 1}
    100%   {opacity: 0}
}

.firstHeaderBg {
    background: url("./img/firstBg.png") no-repeat;
    -webkit-animation: firstHeaderBg linear;
    -webkit-animation-duration: 36s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes firstHeaderBg {
    0%   {opacity: 0}
    5%   {opacity: 1}
    15%   {opacity: 1}
    20%   {opacity: 0}
}
.secHeaderBg {
    background: url("./img/secBg.png") no-repeat;
    -webkit-animation: secHeaderBg linear;
    -webkit-animation-duration: 36s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes secHeaderBg {
    15%   {opacity: 0}
    20%   {opacity: 1}
    30%   {opacity: 1}
    35%   {opacity: 0}
}
.thirdHeaderBg  {
    background: url("./img/thirdBg.png") no-repeat;
    -webkit-animation: thirdHeaderBg linear;
    -webkit-animation-duration: 36s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes thirdHeaderBg {
    30%   {opacity: 0}
    35%   {opacity: 1}
    45%   {opacity: 1}
    50%   {opacity: 0}
}
.fourthHeaderBg  {
    background: url("./img/fourthBg.png") no-repeat;
    -webkit-animation: fourthHeaderBg linear;
    -webkit-animation-duration: 36s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes fourthHeaderBg {
    45%   {opacity: 0}
    50%   {opacity: 1}
    60%   {opacity: 1}
    65%   {opacity: 0}
}
.fiftheaderBg  {
    background: url("./img/fifthBg.png") no-repeat;
    -webkit-animation: fiftheaderBg linear;
    -webkit-animation-duration: 36s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes fiftheaderBg {
    60%   {opacity: 0}
    65%   {opacity: 1}
    75%   {opacity: 1}
    80%   {opacity: 0}
}
.sixthHeaderBg  {
    background: url("./img/sixthBg.png") no-repeat;
    -webkit-animation: sixthHeaderBg linear;
    -webkit-animation-duration: 36s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes sixthHeaderBg {
    75%   {opacity: 0}
    80%   {opacity: 1}
    100%   {opacity: 1}
    105%   {opacity: 0}
}

/* HEADER Animation Firefox */

#intelligenteHeader {
    -moz-animation: intelligenteHeader linear;
    -moz-animation-duration: 22s;
    -moz-animation-iteration-count: infinite;
}

@-moz-keyframes intelligenteHeader {
    0%   {opacity: 0}
    5%   {opacity: 1}
    20%   {opacity: 1}
    25%   {opacity: 0}
}

#personelvermittlungHeader {
    -moz-animation: personelvermittlungHeader linear;
    -moz-animation-duration: 22s;
    -moz-animation-iteration-count: infinite;
}

@-moz-keyframes personelvermittlungHeader {
    20%   {opacity: 0}
    25%   {opacity: 1}
    45%   {opacity: 1}
    50%   {opacity: 0}
}
#personalloesungenHeader {
    -moz-animation: personalloesungenHeader linear;
    -moz-animation-duration: 22s;
    -moz-animation-iteration-count: infinite;
}

@-moz-keyframes personalloesungenHeader {
    50%   {opacity: 0}
    55%   {opacity: 1}
    70%   {opacity: 1}
    75%   {opacity: 0}
}
#iperdiHeader {
    -moz-animation: iperdiHeader linear;
    -moz-animation-duration: 22s;
    -moz-animation-iteration-count: infinite;
}

@-moz-keyframes iperdiHeader {
    75%   {opacity: 0}
    80%   {opacity: 1}
    95%   {opacity: 1}
    100%   {opacity: 0}
}

.firstHeaderBg {
    background: url("./img/firstBg.png") no-repeat;
    -moz-animation: firstHeaderBg linear;
    -moz-animation-duration: 36s;
    -moz-animation-iteration-count: infinite;
}
@-moz-keyframes firstHeaderBg {
    0%   {opacity: 0}
    5%   {opacity: 1}
    15%   {opacity: 1}
    20%   {opacity: 0}
}
.secHeaderBg {
    background: url("./img/secBg.png") no-repeat;
    -moz-animation: secHeaderBg linear;
    -moz-animation-duration: 36s;
    -moz-animation-iteration-count: infinite;
}
@-moz-keyframes secHeaderBg {
    15%   {opacity: 0}
    20%   {opacity: 1}
    30%   {opacity: 1}
    35%   {opacity: 0}
}
.thirdHeaderBg  {
    background: url("./img/thirdBg.png") no-repeat;
    -moz-animation: thirdHeaderBg linear;
    -moz-animation-duration: 36s;
    -moz-animation-iteration-count: infinite;
}
@-moz-keyframes thirdHeaderBg {
    30%   {opacity: 0}
    35%   {opacity: 1}
    45%   {opacity: 1}
    50%   {opacity: 0}
}
.fourthHeaderBg  {
    background: url("./img/fourthBg.png") no-repeat;
    -moz-animation: fourthHeaderBg linear;
    -moz-animation-duration: 36s;
    -moz-animation-iteration-count: infinite;
}
@-moz-keyframes fourthHeaderBg {
    45%   {opacity: 0}
    50%   {opacity: 1}
    60%   {opacity: 1}
    65%   {opacity: 0}
}
.fiftheaderBg  {
    background: url("./img/fifthBg.png") no-repeat;
    -moz-animation: fiftheaderBg linear;
    -moz-animation-duration: 36s;
    -moz-animation-iteration-count: infinite;
}
@-moz-keyframes fiftheaderBg {
    60%   {opacity: 0}
    65%   {opacity: 1}
    75%   {opacity: 1}
    80%   {opacity: 0}
}
.sixthHeaderBg  {
    background: url("./img/sixthBg.png") no-repeat;
    -moz-animation: sixthHeaderBg linear;
    -moz-animation-duration: 36s;
    -moz-animation-iteration-count: infinite;
}
@-moz-keyframes sixthHeaderBg {
    75%   {opacity: 0}
    80%   {opacity: 1}
    100%   {opacity: 1}
    105%   {opacity: 0}
}


/* ?!? */

@font-face {
    font-family: CorporateS;
    src: url('CorporateS-Light.otf');
}

.home #teaserWrap {
    margin: 10px 0;
    padding-top: 5px;
    background: transparent url('../gfx/teaserwrap.png');
    width: 960px;
    height: 253px;
}

#teaserWrap {
    margin: 9px 0 6px;
}

#cssHeader {
    position: relative;
    height: 245px;
    background: #E8F3FC;
}
#intelligenteHeader, #personelvermittlungHeader, #personalloesungenHeader, #iperdiHeader {
    position: absolute;
    width: 940px;
    height: 150px;
    font-size: 18px;
    opacity: 0;
    z-index: 4;
}

#intelligenteHeader span, #personelvermittlungHeader span, #personalloesungenHeader span, #iperdiHeader span {
    position: absolute;
    font-family: CorporateS, Verdana;
    color: #1D8EB2;
     -webkit-text-stroke:1px transparent;
     text-stroke:1px transparent;
}
#HeaderText1 {
    left: 117px;
    top: 33px;
    font-size: 18px;
}
#HeaderText2 {
    font-size: 32px;
    top: 58px;
    left: 72px;
}
#HeaderText3 {
    left: 188px;
    top: 103px;
    font-size: 18px;
}
#HeaderText4 {
    top: 92px;
    left: 306px;
    font-size: 32px;
}
#HeaderText5 {
    top: 33px;
    left: 125px;
    font-size: 18px;
}
#HeaderText6 {
    font-size: 32px;
    top: 58px;
    left: 73px;
}
#HeaderText7 {
    top: 70px;
    left: 343px;
    font-size: 18px;
}
#HeaderText8 {
    top: 106px;
    left: 163px;
    font-size: 18px;
}
#HeaderText9 {
    font-size: 32px;
    top: 94px;
    left: 255px;
}
#HeaderText10 {
    left: 117px;
    top: 33px;
    font-size: 18px;
}
#HeaderText11 {
    font-size: 32px;
    top: 58px;
    left: 70px
}
#HeaderText12 {
    left: 141px;
    top: 109px;
    font-size: 18px;
}
#HeaderText13 {
    font-size: 32px;
    top: 97px;
    left: 170px;
}
#HeaderText14 {
    font-size: 32px;
    left: 74px;
    top: 56px;
}
#HeaderText15 {
    left: 158px;
    top: 65px;
    font-size: 18px;
}
.firstHeaderBg, .secHeaderBg, .thirdHeaderBg, .fourthHeaderBg, .fifthHeaderBg, .sixthHeaderBg {
    width: 477px;
    height: 150px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}


.igz img {
    position: relative;
    left: 0;
    top: 11px;
    border: 0;
}


#iperdiheader2_hype_container {
    position: relative;
    overflow: hidden;
    width: 948px;
    height: 186px;
    margin: 0 5px;
}

.igzb {
    margin: 30px 0;
}

#adminbar {
    padding-top: 25px;
}

#adminbar h1, #adminbar h1 span {
    font-size: 20px;
    color: #007397;
    font-weight: normal;
}

#adminbar h1 span {
    color: #900;
}

#adminbar h2 {
    margin: 0 0 15px;;
    font-size: 12px;
    color: #666;
}

#adminbar ul {
    margin: 0 0 0 15px;
}

#adminbar li {
    list-style-type: decimal;
    font-size: 12px;
    color: #666;
    margin: 5px 0;
}

#adminbar li span {
    font-size: 12px;
    font-weight: bold;
}

#adminbar li .blue {
    color: #007397;
}

#adminbar li .red {
    color: #900;
}

#adminbar .adminbarbutton, #adminbar .adminbarbuttonsave, #adminbar .adminbarcancelbutton {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 406px;
    top: 90px;
    width: 128px;
    height:34px; 
    background: transparent url(../gfx/acpbutton.png) left top no-repeat;
    text-indent: -999px;
}

#adminbar .adminbarbutton:hover {
    background-position: 0 -34px;
}

#adminbar .adminbarbuttonsave {
    background-position: 0 -103px;
}

#adminbar .adminbarbuttonsave:hover {
    background-position: 0 -137px;
}

#adminbar .adminbarcancelbutton {
    top: 130px;
    background: transparent url(../gfx/adminbuttoncancel.png) left top no-repeat;
    width: 128px;
    height: 26px;
}

#adminbar .adminbarstatus {
    border-top: 1px solid #CCC;
    color: #007397;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
}


.moreuppermargin {
    margin-top: 10px;
}

.sortersel, .sorterseldist {
    display: block;
    float: right;
    width: 138px;
    height: 18px;
    background: transparent url(../gfx/branchselectbg.jpg) left top no-repeat;
    line-height: 19px;
    padding: 0 10px;
    overflow: hidden;
}

.sorterseldist {
    width: 80px;
    background: transparent url(../gfx/sortbyselectbg.jpg) left top no-repeat;
}


#branchSelect, #sorterSelect {
    min-width: 80px;
    height: auto;
    background: #FFF;
    max-height: 280px;
    overflow-y: scroll;
    width: auto;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    margin-top: 18px;
    padding-bottom: 6px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: default;
}

#sorterSelect {
    overflow: hidden;
}

#branchSelect li:hover, #sorterSelect li:hover {
    background-color: #EBF8FD;
}