/* ************************** allgemeinde Styles ***************************** */

    html, body  { margin:0;   padding:0;   height:100%; font: normal 11px/15px Verdana, serif; }
    a img       { border: 0; }

        a               { color: #222; }
        a:hover         { color: #666; }

        th,td              { text-align: left; vertical-align: top;}

        .header { font-weight: bold; }
        input, select, textarea { width: 280px; }
        input.bewerbung { width: 15px; }
        select.eingabe { width: 200px;}

    
/* **************************Hauptelemente *************************** */

    div#mainframe{
                 min-height: 100%;
                 background-color: white;
                 background-image: url(../images/bck_main.png);
                 background-repeat: repeat-y;
                 width: 1008px;
    }


    div#header{
                 position:absolute;
                 height: 78px;
                 background-color: #2a5226;
                                 left: 0;
                 top: 0;
                 z-index: 200;
                 width: 100%;
                 background-image: url(../images/bck_header.png);
                 background-repeat: repeat-x;
    }

    div#footer{ 
                 position:relative;
                 height: 24px;
                 background-color: #2a5226;
                 bottom: 0;
                 width: 100%;
                 margin: -24px 0 0 0;
                 background-image: url(../images/bck_footer.png);
                 background-repeat: repeat-x;
                 z-index: 1000;
    }

        div#undernavi{
                                 background-color: #eee;
                                 width: 723px;
                                 height: 14px;
        }

   
    
/* ********************************** header-Elemente / Navigation ********************* */ 

    img#img_logo{
                 position: absolute;
                 top: 26px;
                 left: 11px;
                 
    }

    img#img_claim{
                 position: absolute;
                 left: 755px;
                 top: 54px;
    }

    ul#navigation{
                 position: absolute;
                 left: 175px;
                 width: 575px;
                 height: 33px;
                 top: 44px;
                 margin: 0;
                 padding: 0;
                 list-style-type: none;
    }
    ul#navigation li {
                float: left;
    }
    ul#navigation li a{
                 display: block;
                 width: 92px;
                 height: 33px;
                 text-indent: -9999px; 
                 letter-spacing: -9999px;
                 background-repeat: no-repeat;
    }
    ul#navigation li a.startseite           { background-image: url(../images/navi_00_noactive.png); }
    ul#navigation li.active a.startseite    { background-image: url(../images/navi_00_active.png); }
    ul#navigation li a.bewerber         { background-image: url(../images/navi_01_noactive.png); }
    ul#navigation li.active a.bewerber      { background-image: url(../images/navi_01_active.png); }
    ul#navigation li a.kunden               { background-image: url(../images/navi_02_noactive.png); }
    ul#navigation li.active a.kunden        { background-image: url(../images/navi_02_active.png); }
    ul#navigation li a.unternehmen          { background-image: url(../images/navi_03_noactive.png); }
    ul#navigation li.active a.unternehmen   { background-image: url(../images/navi_03_active.png); }
    ul#navigation li a.presse               { background-image: url(../images/navi_04_noactive.png); }
    ul#navigation li.active a.presse        { background-image: url(../images/navi_04_active.png); }
    ul#navigation li a.kontakt              { background-image: url(../images/navi_05_noactive.png); }
    ul#navigation li.active a.kontakt       { background-image: url(../images/navi_05_active.png); }
    
    ul#navigation li a.startseite_engl           { background-image: url(../images/engl/navi_00_noactive.png); }
    ul#navigation li.active a.startseite_engl    { background-image: url(../images/engl/navi_00_active.png); }
    ul#navigation li a.bewerber_engl             { background-image: url(../images/engl/navi_01_noactive.png); }
    ul#navigation li.active a.bewerber_engl      { background-image: url(../images/engl/navi_01_active.png); }
    ul#navigation li a.kunden_engl               { background-image: url(../images/engl/navi_02_noactive.png); }
    ul#navigation li.active a.kunden_engl        { background-image: url(../images/engl/navi_02_active.png); }
    ul#navigation li a.unternehmen_engl          { background-image: url(../images/engl/navi_03_noactive.png); }
    ul#navigation li.active a.unternehmen_engl   { background-image: url(../images/engl/navi_03_active.png); }
    ul#navigation li a.presse_engl               { background-image: url(../images/engl/navi_04_noactive.png); }
    ul#navigation li.active a.presse_engl        { background-image: url(../images/engl/navi_04_active.png); }
    ul#navigation li a.kontakt_engl              { background-image: url(../images/engl/navi_05_noactive.png); }
    ul#navigation li.active a.kontakt_engl       { background-image: url(../images/engl/navi_05_active.png); }

        ul#subnavigation{ padding: 0; margin: 0; margin-left: 1px; /*margin-top: -5px;*/ margin-top: 0px; background-image: url(../images/subnavi_li.gif); width: 721px; height: 21px;}
        #subnavigation li{  float: left; list-style-type: none; padding: 3px 8px 2px 8px; background-image: url(../images/subnavi_li.gif); height: 16px; border-right: 1px solid white;}
        #subnavigation li.active{ background-image: url(../images/subnavi_li_active.gif); }
        #subnavigation li a{ text-decoration: none; color: white; font-size: 11px; font-family: Verdana;}

        ul#subsubnavigation{ padding:0; padding-left: 7px; margin: 0; background-color: #eee;  width: 714px; height: 19px; margin-left: 1px; border-bottom: 1px solid #ccc; padding-top: 3px;}
        #subsubnavigation li{  float: left; list-style-type: none; padding-right: 6px; color: #333; }
        #subsubnavigation li.active a{ color: #336633;}
        #subsubnavigation li a{ text-decoration: none; color: #333; font-size: 11px; font-family: Verdana;}
        

/* ******************************** Footer-Elemente ****************************** */

    img#img_linkzuorange{
                 position: absolute;
                 top: 8px;
                 left: 20px;
    }
    
    div#footer ul#footernavigation{
                left: 200px;
                width: 760px;
                margin: 0;
                padding: 5px 0 0 0 ;
                list-style-type: none;
                margin: -10px 0 0 245px;
    }
    
    
    div#footer ul#footernavigation li{
                float: right;
                padding: 0 10px 0 10px;
                border-right: 1px solid white;
    }   
    div#footer ul#footernavigation li.lastelement{
                border-right: 0;
    }
    div#footer ul#footernavigation li a{
                color: white;
                text-decoration: none;
    }
    
    
    * html #footernavigation{
        margin: 0px 0 0 245px !important;
    }
    *+html #footernavigation{
        margin: 0px 0 0 245px !important;
    }
    
    
/* ***************************** Content Strukturen ********************************** */
    
    div#rightframe{
                width: 725px;
                 /* margin: 0 0 0 280px; */
                 margin: 0;
                padding: 78px 0 60px 0;
                float: left;
    }
    
    .content        { padding: 0 120px 0 120px; width: 425px;}  
    .content h1         {  }
    
    
    div#banner{
                
                margin: 0 0 0px 0;
    }   
    div#banner img{
                margin: 1px;
    }
    
    
    div#leftframe{
        padding: 76px 0 30px 0;
        position: relative;
        width: 280px;
        margin: 0;
        margin-left: 725px;
       /* float: left;*/
        z-index: 100;
        line-height: 18px;
    }
    
    div#leftframe*{
        line-height: 18px;
    }
    
    div.boxes{
        width: 230px;
        background-color: white;
        border: 5px solid white;
        border-width: 0 5px 5px 5px;
        margin: -5px 0 0 20px;
    }
    img.boxeshead{
        border: 5px solid white;
        margin: 20px 0 0 20px;
                cursor: pointer;
    }
    div.boxes hr{
                background-color: #ccc; /* Farbe für Opera und Firefox */
                color: #ccc; /* Farbe für Internet Explorer (IE) */
                border: 0;
                height: 1px; 
                width: 226px;
                margin: 5px 0 8px 3px;
                padding: 0;
                text-align: center;
    }

        .content hr, .contentheader hr{
                background-color: #ccc; /* Farbe für Opera und Firefox */
                color: #ccc; /* Farbe für Internet Explorer (IE) */
                border: 0;
                height: 1px; 
                width: 576px;
                margin-left: 2px;
                margin-top: 18px;
                margin-bottom: 45px;
                padding: 0;
                text-align: left;
    }
        .contentheader {
                                padding-top: 45px;
        }


        #headline{             padding-left: 60px;  }

/* ********************************** Formular-Styles ***************************** */



/* ********************************** Text-Styles ***************************** */
    
    .content            {    font: normal 11px/18px Verdana, serif; }
    .partnerstrong      { font: normal 14px/16px Verdana, serif; }

    
    div.boxes p         { margin: 0; padding: 4px; color: #666;}
    div.boxes span.title    { color: #333;   font-weight: bold; }

    #box_neustejobs { overflow-y: scroll; overflow-x: hidden; height: 90px;}
    #box_neustejobs a { text-decoration: none; }
    
    #box_internejobs { overflow-y: scroll; overflow-x: hidden; height: 90px;}
    #box_internejobs a { text-decoration: none; }

        div.text_highlight { color: #2A5226; }
        div.text_highlight a { color: #2A5226; }



/* ******************************* Stellenanzeigen Widget ****************************/

    table#stellenanzeigen {     width: 100%;    }
        table#stellenanzeigen th {      color: #044718; border-bottom: 1px solid #044718; text-align: left; }
        table#stellenanzeigen td {       border-bottom: 1px solid #e6e6e6; }

/* ******************************* News Widget *************************************/
        div#box_news { color: #666; }
        div#box_news a { text-decoration: none; color: #333; }



/* ******************************* Event Overview  und Stellenangebote *************************************/

        #events td, #jobs td    {   font-size:11px; padding-left:5px; padding-right:5px; }
      #events td.datum   {   font-size:11px; width:135px; padding-left:5px; padding-right:5px; }
        #events th              {   font-size:11px; min-width:135px; padding-left:5px; padding-right:5px; }
        #events td div         { width:125px; }

        #events .tr0        {   background-color: #eee; }
        #events .tr1        {   background-color: #ddd; }

        #jobs .tr1      {   background-color: #eee; }
        #jobs .tr2      {   background-color: #ddd; }
        
        
        #innerfade, #innerfade li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        #innerfade li img {
            margin: 1px;
        }



/* ****************************** Bewerbungsformular ****************************/
#bewerbungstabs ul.bewerbung {
    list-style-type: none;
    background-color: #ffefe5;
    width: 608px;
    height: 25px;
    margin-left: 0px; 
    padding-left: 8px;
    padding-top: 5px;
    padding-right: 0;
}
* html #bewerbungstabs ul.bewerbung {
    width: 615px;
    padding-left: 4px;
}

#bewerbungstabs ul.bewerbung li {
    display: block; 
    float: left;
    margin: 2px;
}

#bewerbungstabs ul.bewerbung {
margin-left: -200px;
}


#flags{
    position: absolute;
    left: 962px;
    top: 30px;
    width: 54px;
}
#flags img{
    margin-right: 3px;
}