/* Die messeabhängige CSS fuer das KATI-Redesign */

/*
 * Die User-Login-Box soll immer den Style der aktuellen Messe haben
 */
 
/***************************************************/
/* Styles für den @it-htgd                         */
/***************************************************/
div#body {
/*    background-image:url(/static/witu/img/htgd_kati_bottom.jpg) !important; */
/*    background-position: center 148px;*/
/*    background-repeat: repeat-y;*/
}

div#content {
/*    background-image:url(/static/witu/img/htgd_kati_top.jpg) !important; */
/*    background-position: center top;*/
/*    min-height: 573px;*/
/*    height: 573px; /* IE6 */*/
}

/***************************************************/
/* Styles für den @it-Rahmen                       */
/***************************************************/
div#hauptinhalt h2.rubrik { 
    border:none; 
} 
div#body div#hauptinhalt div#kati_advertisement, 
div#body div#hauptinhalt div#kati_base {
    border: 1px solid #E7E7E7;
}

div#hauptinhalt div#beitrag_box_oben {
     border: none; 
} 

/***************************************************/
/* Styles für die User-Status-Box                  */
/***************************************************/

div#body div#hauptinhalt div#kati_base div#floating_login_box_border {
    background-color: #fefefc;
    border: 1px solid #919499;
    width: 200px;
    padding: 25px 10px 20px 10px;
    z-index: 101;
    float:right;
}


div#body div#hauptinhalt div#kati_base div#usr_status_box {
/*    margin-left:575px;*/
    float:right;
/*     padding-top:21px; */   /* AW: So lange es den "Zurück-Button gibt, muss das hier weg" */
    width:179px;
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content,
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content {
    background:#EFEFEF;                                  /* Anpassen!*/
    border-bottom:1px solid #EFEFEF;                     /* Anpassen!*/
    border-left:1px solid #EFEFEF;                       /* Anpassen!*/
    border-right:1px solid #EFEFEF;                      /* Anpassen!*/
    font-size:1em;
/*    font-weight:bold;*/
    letter-spacing:normal;
/*    padding: 6px 11px 9px 10px;*/
    padding: 5px;
    position: relative;
    font-family: Verdana, sans-serif, Arial;    /* Anpassen!*/
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input[type="text"],
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content input[type="text"]{
    font-weight:normal;
    font-family: "Sans";    /* Anpassen!*/
    
}
div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input[type="text"],
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content input[type="text"],
div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input[type="password"],
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content input[type="password"]{
    width:98%
    
}


div#body div#hauptinhalt div#kati_base div#usr_status_box div.content p,
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content p{
    letter-spacing: normal;
}

div#body div#hauptinhalt div#kati_base div#usr_status_box h2.headline,
div#body div#hauptinhalt div#kati_base div#floating_login_box h2.headline {
    clear: none;
    background:#EFEFEF;                                  /* Anpassen!*/
    border-bottom: 2px solid #CB001D;
    color:#000000;                                       /* Anpassen!*/
    font-size:0.95em;                                    /* Anpassen!*/
    font-weight:bold;
    padding: 2px 6px;
    text-transform:none;
    margin:0px;
    font-family: Verdana,sans-serif,Arial;             /* Anpassen!*/
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content {
/*    min-height: 105px;*/
}

/* die folgenden 3 Regeln ersetzen die 3 vorherigen, da ie6 keine Attributselektoren versteht | skj 02.01.08 */
/*div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input#username_login_form_fixed {*/
/*    width:151px;*/
/*}*/
/*div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input#passwd_login_form_fixed,*/
/*div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input#passwd1_login_form_fixed {*/
/*    width:110px;*/
/*}*/
/*div#body div#hauptinhalt div#kati_base div#usr_status_box div.content input.button {*/
/*    position:absolute;*/
/*    margin-left:8px;*/
/*    width:30px;*/
/*}*/


div#body div#hauptinhalt div#kati_base div#usr_status_box div.content a,
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content a {
    font-size:1em;
    font-weight:400;
    color: #CB001D;                                                                                                   /* Anpassen!*/
    background: transparent url(http://www.messe-duesseldorf.de/wire_ca/images/arrow.gif) no-repeat scroll 0px 3px; /* Anpassen!*/
    padding-left:12px;
    letter-spacing: normal;
    text-decoration:none;
    display:inline-block;
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content a:hover,
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content a:hover {
    color: #CB001D;                                                                                                   /* Anpassen!*/
    text-decoration: underline; /* Anpassen!*/
}
div#body div#hauptinhalt div#kati_base div#usr_status_box div.content a *{
    color: #CB001D;                                                                                                   /* Anpassen!*/
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content a:hover *{
    color: #CB001D;                                                                                                   /* Anpassen!*/
    text-decoration: underline; /* Anpassen!*/
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content ul,
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content ul {
    padding-left:0px;
    /* Damit die Links in einen Bereich hinrücken, wo sie nicht mehr
       vom floaten des passwd-Feldes gestört werden, wird padding-top gesetzt */
    padding-top: 4px;
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content ul.logged_in {
    /* Damit die Links in einen Bereich hinrücken, wo sie nicht mehr
       vom floaten des passwd-Feldes gestört werden, wird padding-top gesetzt */
    padding-top: 11px;
}

div#body div#hauptinhalt div#kati_base div#usr_status_box div.content ul li,
div#body div#hauptinhalt div#kati_base div#floating_login_box div.content ul li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
/*    border: 1px solid #E3F1FC;*/
}

/*div#body div#hauptinhalt div#kati_base div#outdiv_login_form_fixed,*/
/*div#body div#hauptinhalt div#kati_base div#outdiv_login_form_floating {*/
/*  margin-top: 0.4em;*/
/*}*/

div#body div#hauptinhalt div#kati_base div#usr_status_box_message_login_form_fixed img,
div#body div#hauptinhalt div#kati_base div#usr_status_box_message_login_form_floating img{
  position: relative;
  top: 4px;
}

div#body div#hauptinhalt div#kati_base div#login_for_exhs_login_form_fixed,
div#body div#hauptinhalt div#kati_base div#login_for_exhs_login_form_floating {
    margin: 3px 0px 9px 0px;
    padding: 0px;
}
div#body div#hauptinhalt div#kati_base div#login_for_visitors_and_press_login_form_fixed,
div#body div#hauptinhalt div#kati_base div#login_for_visitors_and_press_login_form_floating {
    margin: 3px 0px 9px 0px;
    padding: 0px;
}

/***************************************************/
/* Styles für den Flash-Plan-Link                  */
/***************************************************/
div#body div#hauptinhalt div#kati_base div#flash_plan_box {
    float:right;
    margin-top: 15px;
    width:179px;
}

div#body div#hauptinhalt div#kati_base div#flash_plan_box div.content {
    background:#EFEFEF;                                  /* Anpassen!*/
    border-bottom:1px solid #EFEFEF;                     /* Anpassen!*/
    border-left:1px solid #EFEFEF;                       /* Anpassen!*/
    border-right:1px solid #EFEFEF;                      /* Anpassen!*/
    font-size:1em;
    font-weight:bold;
    letter-spacing:normal;
/*    padding: 6px 11px 9px 10px;*/
    padding: 5px;
    position: relative;
    font-family: Verdana, sans-serif, Arial;    /* Anpassen!*/
}


div#body div#hauptinhalt div#kati_base div#flash_plan_box h2.headline {  
    clear: none;
    background-color: #EFEFEF;                            /* Anpassen!*/
    border-bottom: 2px solid #CB001D;
    color:#000000;                                       /* Anpassen!*/
    font-size:0.95em;                                    /* Anpassen!*/
    font-weight:bold;
    padding: 2px 6px;
    text-transform:none;
    margin:0px;
    font-family: Verdana,sans-serif,Arial;             /* Anpassen!*/
}

div#body div#hauptinhalt div#kati_base div#flash_plan_box div.content a,
div#body div#hauptinhalt div#kati_base div#flash_plan_box div.content a {
    font-weight:normal;
    color: #CB001D;                                                                                                   /* Anpassen!*/
    background: transparent url(http://www.messe-duesseldorf.de/wire_ca/images/arrow.gif) no-repeat scroll 0px 3px; /* Anpassen!*/
    padding-left:12px;
    letter-spacing: normal;
    text-decoration:none;
    display:inline-block;    
}

div#body div#hauptinhalt div#kati_base div#flash_plan_box div.content a *{
    color: #0B5778;                                                                                                   /* Anpassen!*/
}


/***************************************************/
/* Styles für die Wortbildmarke                    */
/***************************************************/
div#body div#hauptinhalt div#kati_base div#trademark_box {
    float:right;
    margin-top: 15px;
    width:179px;
}

div#body div#hauptinhalt div#kati_base div#trademark_box div.content {
    background:#EFEFEF;                                  /* Anpassen!*/
    border-bottom:1px solid #EFEFEF;                     /* Anpassen!*/
    border-left:1px solid #EFEFEF;                       /* Anpassen!*/
    border-right:1px solid #EFEFEF;                      /* Anpassen!*/
    font-size:1em;
    font-weight:bold;
    letter-spacing:normal;
/*    padding: 6px 11px 9px 10px;*/
    padding: 5px;
    position: relative;
    font-family: Verdana, sans-serif, Arial;    /* Anpassen!*/
}


div#body div#hauptinhalt div#kati_base div#trademark_box h2.headline {
    clear: none;
    background-color: #EFEFEF;                           /* Anpassen!*/
    border-bottom: 2px solid #CB001D;
    color:#000000;                                       /* Anpassen!*/
    font-size:0.95em;                                     /* Anpassen!*/
    font-weight:bold;
    padding: 2px 6px;
    text-transform:none;
    margin:0px;
    font-family: Verdana,sans-serif,Arial;                /* Anpassen!*/
}

/*********************/
/* Der Zürück-Button */
/*********************/

div#body div#hauptinhalt div#kati_base div.history_back_div_top {
    float:right;
/*     margin:10px 0px; */
    padding: 0px 0px 6px;
    text-align: center;
}
div#body div#hauptinhalt div#kati_base div.history_back_div_bottom {
    float:right;
/*     margin:10px 0px; */
/*     padding: 7px 0px 6px; */
    padding: 6px 0px 0px;
    text-align: center;
/*     width:177px; */
}
div#body div#hauptinhalt div#kati_base div.history_back_div_top a ,
div#body div#hauptinhalt div#kati_base div.history_back_div_bottom a {
    color:#0B5778;
}

/*********************************/
/* Downloadliste der Aussteller **/
/*********************************/

div#body div#hauptinhalt div#kati_base div#gpo_content div.gpo_hidden_div a.dl_list_link {
    color:#CB001D;
    text-decoration:none;
    background-image:url(http://www.messe-duesseldorf.de/wire_ca/images/arrow.gif);
    background-position:2px 4px;
    background-repeat:no-repeat;
    padding-left:15px;
}

div#body div#hauptinhalt div#kati_base div#gpo_content div.gpo_hidden_div a:hover.dl_list_link {
    text-decoration:underline;
}

div#body div#hauptinhalt div#kati_base div#gpo_content div.downloadInfoTitle {
    font-size:14px;
    color:#CB001D;
    font-weight:bold;
    border-bottom:solid thin #EDEDED;
    padding-bottom:10px;
    margin-bottom:10px;
}

div#body div#hauptinhalt div#kati_base div#gpo_content div.downloadInfoContent a.downloadInfoLink {
    text-decoration:none;
    color:#CB001D;
}