@media all
{

    /* ######################################################################################################
    ** ### Standard-Formatierungen ##########################################################################
    ** ######################################################################################################
    */

    html
    {
        height: 100%;
    }

    body
    {
        margin: 28px auto 30px auto;
        padding: 0;
        min-height: 101%;
        font-family: Verdana, Arial;
        font-size: 10pt;
        color: #2d4a6d;
        line-height: 1.3em;
        background-color: #d7d8db;
        background-image: url(body_bg.gif);
        background-repeat: repeat-x;
        background-position: 0 0;
    }
 
    /* Formatierung für den FreeTextBox-Editor ################################*/
    .FTBbody 
    {
        font-family: verdana, arial;
        font-size: 10pt;
        color: #2d4a6d;
        line-height: 1.3em;
        background-color: #d7d8db;       
        background-image: none;
    }
   /*##########################################################################*/
   
   
    img
    {
        border: 0px;
    }

    ul, ol, dl
    {
        margin: 1em 0 1em 1em;
    }
    
    ul
    {
        list-style-image:url(bullet.gif);   
    }   
    
    li
    {
        margin-left: 1.0em;
        margin-top:0.5em;
        line-height: 1.3em;
    }

    dt
    {
        font-weight: bold;
    }

    dd
    {
        margin: 0 0 1em 2em;
    }

    a:link, a:visited, a:hover
    {
        font-family: verdana, arial;
        font-size: 10pt;
        font-weight: normal;
        color: #d3515e;
        text-decoration: underline;
    }

    a:hover
    {
    }


    /* ######################################################################################################
    ** ### Skin-Formatierungen ##############################################################################
    ** ######################################################################################################
    */

    /*
    ---------------------------------------------------
    Rahmen-Formatierung der Seite
    ---------------------------------------------------
    */

    #Spacer1
    {
        height: 25px;
        overflow:hidden;  /* für IE, damit die Höhe korrekt angezeigt wird */
    }

    #Spacer2
    {
        height: 10px;
        overflow:hidden;  /* für IE, damit die Höhe korrekt angezeigt wird */
    }

    #Spacer3
    {
        height: 10px;
        overflow:hidden;  /* für IE, damit die Höhe korrekt angezeigt wird */
    }

    #outer /* DIV Container */
    {
        margin: 0px auto 0px auto;
        width: 780px;
        background-color: #ffffff;
        background-image: url(container1_bg.gif);
        background-repeat: repeat-y;
    }

    #inner /* DIV Container */
    {
        width: 780px;
        height: auto;
        background-image: url(container2_bg.gif);
        background-repeat: no-repeat;
    }

    /*
    ---------------------------------------------------
    Control-Formatierung "Terms of Use" ###############
    ---------------------------------------------------
    */

    #TermsOfUseBox /* DIV Container */
    {
        margin: 0px auto 0px auto;
        width: 740px;
        height: 10px;
        text-align: right;
    }

    a:link.TermsOfUseLink, a:visited.TermsOfUseLink, a:hover.TermsOfUseLink
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    a:hover.TermsOfUseLink
    {
        text-decoration: underline;
    }

    .TermsOfUseLinkSep /* Seperator */
    {
        font-size: 10px;
    }
    
    /*
    ---------------------------------------------------
    Control-Formatierung "BreadCrumb" #################
    ---------------------------------------------------
    */

    #BreadCrumb
    {
        font-size: 1em;
        color: #3366cc;
        margin-bottom: 10px;
        border-bottom: solid 1px #999999;
    }

    .BreadCrumbSep
    {
        font-size: 12px;
        font-weight: bold;
        color: #9e0029;
    }

    .PageTitleBox /* DIV-Container */
    {
        position: relative;
        font-size: 18px;
        font-weight: bold;
        color: #9e0029;
        margin-bottom: 15px; /*border: solid 1px #e1baba;     padding: 10px;         background-color: #e6dada;*/
    }
    
    .PageTitleText /* Label-Control */
    {
    }

    /*
    ---------------------------------------------------
    Header-Formatierung ###############################
    ---------------------------------------------------
    */

    #header1 /* DIV Container -- Logo und Navigation*/
    {
        margin: 0px auto 0px auto;
        width: 740px;
        height: 48px;
    }

    #header2 /* DIV Container -- HeaderImage*/
    {
        clear: both;
        margin: 0px auto 0px auto;
        width: 740px;
        height: 125px;
    }

    #logo
    {
        float: left;
        width: 200px;
        height: 48px;
        background-image: url(logo_wePlan.gif);
    }

    #nav
    {
        float: right;
        text-align: left;
        width: 540px;
        padding-top: 18px;
    }

    #MenuBox /* DIV Container */
    {
        width: 540px;
        height: 30px;
        background-image: url(nav_bg.gif);
        overflow:hidden;  /* für IE, damit die Höhe korrekt angezeigt wird */
    }

    /*
    ---------------------------------------------------
    Main-Formatierung #################################
    ---------------------------------------------------
    */

    #main
    {
        margin: 0px auto 0px auto;
        text-align: left;
        width: 720px;
        background-color: #d7d8db;
        padding: 10px 10px 10px 10px;
        overflow: hidden;
    }

    #mainTop
    {
        margin: 0px auto 0px auto;
        width: 740px;
        height: 4px;
        background-image: url(main_top_bg.gif);
        overflow:hidden; /* für IE, damit die Höhe korrekt angezeigt wird */
    }

    #mainBottom
    {
        margin: 0px auto 0px auto;
        width: 740px;
        height: 4px;
        background-image: url(main_bottom_bg.gif);
        overflow:hidden; /* für IE, damit die Höhe korrekt angezeigt wird */
    }

    #mainLeft
    {
        float: left;
        width: 510px;
        padding-right: 10px;
        margin-bottom: 20px;
        border-right: solid 1px #999999;
    }

    #mainRight
    {
        float: right;
        width: 190px;
        font-size: 8pt;
    }
    
    #mainRight a:link
    {
     font-size:8pt;   
    }

    #mainRight img
    {
        border: solid 1px #2d4a6d;
    }
    
    #mainLeft img
    {
        border: solid 1px #2d4a6d;
    }

    #MainPaneCSS
    {
    }

    #clearing
    {
        clear: both;
        border-bottom: solid 1px #999999;
        margin-bottom: 20px;
    }

    #footer2
    {
        width: 780px;
        height: 20px;
        background-color: #ffffff;
        background-image: url(footer_bg.gif);
    }


    /* ######################################################################################################
    ** ### Navigation Formatierung ##########################################################################
    ** ######################################################################################################
    */

    .Menu
    {
        position: relative;
        top: -1px;
        left: 25px;
        width: auto;
        height: 30px;
    }

    /*
    ---------------------------------------------------
    Static Item #######################################
    ---------------------------------------------------
    */
    
    StaticMenuStyle
    {
        padding: 0px 0px 0px 0px;
    }

    .StaticMenuItemStyle
    {
        height: 30px;
        text-align: center;
        padding: 0px 2px 0px 2px;
    }

    a:link.StaticMenuItemStyle, a:visited.StaticMenuItemStyle, a:hover.StaticMenuItemStyle
    {
        height: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
    }

    a:hover.StaticMenuItemStyle
    {
        color: #9e0029;
    }

    .StaticHoverStyle
    {
        border-top: 1px solid #9e0029;
        border-bottom: 1px solid #9e0029;
        background-color: #e6dbd5;
    }

    /*
    ---------------------------------------------------
    Dynamic Item #######################################
    ---------------------------------------------------
    */
   
    .DynamicMenuStyle
    {
        border: 1px solid #9e0029;
        padding: 0px 1px 0px 1px;
    }

    .DynamicMenuItemStyle
    {
        text-align: left;
        padding: 0px 5px 0px 5px;
        height: 20px;
        background-color: #e6dbd5;
        margin-top: 1px;
        border-style:none;
        font-size:1em;
    }

    a:link.DynamicMenuItemStyle, a:visited.DynamicMenuItemStyle, a:hover.DynamicMenuItemStyle
    {
        font-family: Arial;
        font-size: 1em;
        font-weight: normal;
        color: #990000;
        text-decoration: none;
    }

    a:hover.DynamicMenuItemStyle
    {
        color: #990000;
    }

    .DynamicHoverStyle
    {
        background-color: #ddc8bd;
    }

    /* ######################################################################################################
    ** ### Standard-Formatierungen für die Listen: Aktuelles, Presse ########################################
    ** ######################################################################################################
    */

    .ListenCount
    {
        text-align: right;
        padding-right: 10px;
    }

    .ListenJobKategorie, .ListenNewsErstellt
    {
        white-space: nowrap;
    }

    .ListenTitel
    {
        font-weight: bold;
    }

    a:link.ListenLink, a:visited.ListenLink, a:hover.ListenLink
    {
        text-decoration:none
    }

    a:hover.ListenLink
    {
        text-decoration:underline
    }

    .ListenSeparator /* Tabellenzeile zwischen den Items*/
    {
    }

    .ListenLine /* Linie als Trenner in der Tabellenzeile*/
    {
        border: solid 1px #999999;
        height: 1px;
    }

    .ListenMehr /* Link "mehr" zu Detailansicht */
    {
    }

    .MsgListe /* Meldung für "Keine Einträge" */
    {
    }
    
    .NewsTeaser /* News-Anreisser (Kurzer Text) in der Newsliste*/
    {
    }

    /* ######################################################################################################
    ** ### Standard-Formatierungen für die Liste: Jobs ######################################################
    ** ######################################################################################################
    */

    .jobListe
    {
        margin: 0 auto 0 auto;
    }

    /* ######################################################################################################
    ** ### Standard-Formatierungen für Detailansicht Jobs ###################################################
    ** ######################################################################################################
    */

    body.JobDetails
    {
        background-color: #cccccc;
        background-image: none;
    }

    #JobDetailsOuter
    {
        margin: 0px auto 0px auto;
        width: 500px;
        background-color: Transparent;
    }

    #JobDetailsMain
    {

    }
    
    #JobDetailsTop
    {
    }

    #JobDetailsHeader
    {
        text-align: right;
        padding-bottom: 10px;
    }

    #JobDetailsFooter
    {
        text-align: right;
        margin-top: 10px;
    }
    
    .VorlageJobsTabelle
    {
        font-size:10pt;
        background-color:#ffffff;
        border: solid 1px #000000;
    } 
   
    TD.VorlageJobsTabelle
    {
        margin: 0 0 0 0;
        padding:0 0 0 0;
    }
    
    TD.VorlageJobsMain
    {
       padding:10px; 
    }
    
    .JobDetailsFooter /* Betrifft die Vorlage*/
    {
        width:100%;
        font-size:8pt;
        padding: 10px;
    }
   
    a:link.JobDetailsFooterLink, a:visited.JobDetailsFooterLink, a:hover.JobDetailsFooterLink
    {
        font-size:8pt;
    }


    /* ######################################################################################################
    ** ### Standard-Formatierungen für Detailansicht Aktuelles ##############################################
    ** ######################################################################################################
    */

    .NewsDetailsBox
    {
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 10px;
        background-color: #e4e5e8;
    }

    #NewsDetailsHeader
    {
        border-bottom: solid 1px #999999;
        height: 20px;
    }

    .NewsDetailsDatum
    {
        float: left;
    }

    .NewsDetailsTitel
    {
        clear: both;
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    #NewsDetailsInhalt
    {
    }
    
    #NewsDetailsInhalt img
    {
        border:solid 1px #2d4a6d;
    }

    .CloseBox 
    {
        position: relative;
        bottom: 5px;
        float: right;
    }
    
    a:link.CloseButton, a:visited..CloseButton, a:hover..CloseButton
    {
        text-decoration: none        
    }
    
    a:hover.CloseButton
    {
        color:#ff0033;   
    }

    /* ######################################################################################################
    ** ### Standard-Formatierungen für den NewsTeaser #######################################################
    ** ######################################################################################################
    */
    
    .NewsTeaserBox
    {
        float:left;
        padding-left:10px;
        width:188px;
        font-size:8pt;
    }
    
    .NewsTeaserTitel
    {
        font-size:13pt;
        font-weight:bold;
        padding-bottom:10px;
        display:block;
    }
    
    .TeaserNewsErstellt
    {
    }
    
    a:link.NewsTeaserLink, a:visited.NewsTeaserLink, a:hover.NewsTeaserLink
    {
        font-size:8pt;
        text-decoration:none;
    }
    
    a:hover.NewsTeaserLink
    {
        text-decoration:underline;
    }

    /* ######################################################################################################
    ** ### Standard-Formatierungen für Tabellendiagramm we-plan #############################################
    ** ######################################################################################################
    */

    #diagramm
    {
        white-space: nowrap;
        color: #ffffff;
        text-align: center;
    }

    .title1
    {
        background-color: #5f5f5f;
    }

    .title2
    {
        background-color: #ba002f;
    }

    .spalte1
    {
        background-color: #999999;
    }

    .spalte2
    {
        background-color: #cc9999;
    }

    /* ######################################################################################################*/
}



@media print
{
    /* ######################################################################################################*/

    body
    {
        margin: 0;
        padding: 0;
        font-family: verdana;
        font-size: 10pt;
        color: #000000;
    }
    
    .VorlageJobsTabelle
    {
        font-size:10pt;
        background-color:#ffffff;
        border: 0;
    } 

    #Spacer1, #TermsOfUseBox, #header1, #Spacer2, #Spacer3, #header2, #BreadCrumb, #mainTop, #mainBottom, #JobDetailsHeader, #JobDetailsFooter, .JobDetailsHeaderImage
    {
        display: none;
    }


    /* ######################################################################################################*/
}