/* Content-Bereich: enthaelt die linke Navigation, die Content-Teaser und die rechten Content-Boxen
                    zudem werden die News- und Messetermine angezeigt

                    Hoehe auf der Home-Seite fix
 */
#content {
    position: relative;
    float: left;
    width: 846px;
    /*height: 282px;*/
    padding-bottom: 24px; /* konstanter Abstand zur Unterkante */
    background: #ffffff;
}







/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* -----                                                                                                    -------- */
/* -----                                Linke Navigation auf Home                                           -------- */
/* -----                                                                                                    -------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */


/* linke Navigation im Content-Bereich */
#leftNavigation {
    position: relative;
    float:left;
    width: 198px;
    height: 282px;
    margin-right: 18px;
    background: url(../images/home/bg_box_left.gif) left top no-repeat;
}

#leftNavigation #leftNavBoxTitle .csc-header h1.csc-firstHeader {
    height: 24px;
    padding:0;
    margin:0;
    padding-left: 12px;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;

    vertical-align: middle;
}


#leftNavigation #leftNavBoxContent {
    padding-top: 18px;
}

#leftNavigation #leftNavBoxContent .csc-textpic {
    padding-left: 12px;
    margin-bottom: 9px;
}


#leftNavigation #leftNavBoxContent .csc-textpic .csc-textpic-text p,
#leftNavigation #leftNavBoxContent .csc-textpic .csc-textpic-text .csc-textpicHeader h1,
#leftNavigation #leftNavBoxContent .csc-textpic .csc-textpic-text .csc-textpicHeader h1 a {
    margin: 0;
    padding: 0;
    height: 26px;
    vertical-align: middle;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #73736e;
    text-transform: none;
    text-decoration: none;

}

#leftNavigation #leftNavBoxContent .csc-textpic .csc-textpic-text .csc-textpicHeader h1 a:hover {
    color: #0067a1;
}

#leftNavigation #leftNavBoxBottomLinks {
    float: left;
    clear: both;
    position: absolute;
    bottom: 0px;
}

#leftNavigation #leftNavBoxBottomLinks .csc-header h1 {
    margin: 0;
    padding: 0;
    padding-left: 12px;
    /*background: url(../images/navigation/item_hover.gif) 12px 5px no-repeat;*/
}

#leftNavigation #leftNavBoxBottomLinks .csc-header h1 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0.01em;
    color: #0067a1;
    text-transform: none;
    text-decoration: none;
    background: url(../images/navigation/item_hover.gif) 0px 5px no-repeat;
    padding-left: 10px;

}

#leftNavigation #leftNavBoxBottomLinks .csc-header h1 a:hover {
    color: #73736e;
    background: url(../images/navigation/item_normal.gif) 0px 5px no-repeat;
}


#content_area {
    float:left;
    width: 414px;
    height: 282px;
    margin-right:18px;
    overflow: hidden;

    /* min-height-hack */
    min-height:10px;
    height:auto !important;
    /*height:10px;*/
}


/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* -----                                                                                                    -------- */
/* -----                                Rechte Content-Boxen auf Home                                       -------- */
/* -----                                                                                                    -------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */



/* rechte Content-Boxen */
#rightContentBoxes {
    float:left;
    width:198px;
    height:282px;
    background: #efefef;
    overflow: hidden;
}

#rightContentBoxes #box1 {
    position: relative;
    width: 174px;
    height: 132px;
    overflow: hidden;
    background: url(../images/common/bg_right_contentbox_1.gif) left top no-repeat;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 18px;
}

#rightContentBoxes #box2 {
    position: relative;
    width: 174px;
    height: 132px;
    overflow: hidden;
    background: url(../images/common/bg_right_contentbox_2.gif) left top no-repeat;
    padding-left: 12px;
    padding-right: 12px;
    /*padding-bottom: 18px;*/
}

#socialmediaHome {
    position: relative;
    float: left;
    height: 74px;
    overflow: hidden;
    width: 174px;
    
    background: url(../images/common/bg_right_contentbox_3_socialmedia.gif) left top no-repeat;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom:12px;
    /*padding-bottom: 18px;*/

}

#content .contentSocialMediaBoxWrapper {
    background: none;
    padding-left:0;	
}
/* ----------------------------------------------------------------------------------------------------------------- */
/* IE-HACK:
 * passt das falsche IE-Verhalten an das richtiger Browser an
 * IE addiert die Paddingwerte nicht auf die Gesamtdimension des Elementes, sondern
 * behaehlt z.Bsp. die width-Angabe bei
 */
* html #rightContentBoxes #box1 {
    \width: 198px; /* for IE5 and IE6 in quirks mode */
    w\idth: 198px; /* for IE6 in standards mode */
    \height: 150px;
    h\eight: 150px;
  }

* html #rightContentBoxes #box2,
* html #socialmediaHome {
    \width: 198px; /* for IE5 and IE6 in quirks mode */
    w\idth: 198px; /* for IE6 in standards mode */
  }

/* ----------------------------------------------------------------------------------------------------------------- */

#rightContentBoxes .rightContentBox .csc-header h1.csc-firstHeader,
#socialmediaHome .csc-header h1.csc-firstHeader {
    height: 24px;
    padding:0;
    margin:0;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;

    vertical-align: middle;
}

#rightContentBoxes .rightContentBox {
    letter-spacing: 0.01em;
    font-size: 10px;
    line-height: 14px;
}

#rightContentBoxes .rightContentBox p.bodytext {
    margin-top:12px;
}





/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */


/* unterer Content-Bereich mit News, Messeterminen und Partnerlogos */
#contentBottom {
    float: left;
    height: 74px;
    margin-top : 18px;
}


/* News- und Messetermine-Bereich */
#newsAndEvents {
    float: left;
    width: 630px;
    height: 74px;
    margin-right: 18px;
    background: url(../images/home/bg_news_events.gif) left top no-repeat;
}

#newsAndEvents #news {
    position: relative;
    float: left;
    /*width: 410px;*/
    width: 423px;
    height: 70px;
    overflow: hidden;
    /*padding-left: 12px;*/
    padding-top: 4px;
}

* html #newsAndEvents #news {
    \width: 422px; /* for IE5 and IE6 in quirks mode */
    w\idth: 422px; /* for IE6 in standards mode */
    \height: 74px; /* for IE5 and IE6 in quirks mode */
    h\eight: 742px; /* for IE6 in standards mode */
  }

#newsAndEvents #news .newsItem {
	position: relative;
	/*top: -10px;*/
}

#newsAndEvents #news .news-list-container {
	position: relative;
	height: 48px;
	overflow: hidden;
}

#newsAndEvents #news .csc-header h1.csc-firstHeader,
#newsAndEvents #news #news_headline {
    height: 24px;
    padding:0;
    margin:0;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #73736e;
    text-transform: uppercase;
    text-decoration: none;

    vertical-align: middle;
}

#newsAndEvents #news #news1, #news2 {
    position:relative;
    overflow: hidden;
    float: left;
    width: 198px;
    height: 41px;
}

#newsAndEvents #news #news2 {
    margin-left:12px;
}

#newsAndEvents #news .news_content {
    padding-right:6px;    
}

#newsAndEvents #news .news_content p {
    margin:0;
    letter-spacing: 0.01em;
}


#newsAndEvents #news .news_link {
    position: absolute;
    bottom: 0;
    right:12px; 
}





#newsAndEvents #event1 {
 	position: relative;
    float: left;
    width: 183px;
    height: 74px;
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 4px
}



/* Partner-Logos */
#partnerLogos {
    height: 74px;
    overflow:hidden;
    width:100%;
}

#partnerLogos_td {
	white-space:no-wrap;
}

#partnerLogos .csc-textpic {
	position:relative;
}

#partnerlogos_content {
}

#partnerLogos dl.csc-textpic-image {
	margin:0;
}

#partnerlogos_content .content_fragment DIV.csc-textpic DIV.csc-textpic-imagewrap {
   white-space:nowrap;
}

#partnerlogos_content .content_fragment DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI{
   float:none;
}

/* Footer-Navigation und Copyright */
#footer {
    width: 882px; /* 2*8px fuer padding abziehen */
    background: url(../images/misc/bg_shadow_bottom.jpg) no-repeat;
    padding-top: 10px;
    padding-left:8px;
	padding-right:8px;
}

#footerNavigation {
	display:block;
	font-familiy:Verdana,Arial,sans-serif;
	font-size:9px;
}

#footerNavigation span {
        position:relative;
        display:inline-block;
}

#footerNavigation a {
    color: #73736e;
}

#footerNavigation a:hover {
    color: #0067a1;
}

#footerCopyright {
	display:block;
}