/* 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;
    position: relative;
    z-index: 10;
}


#content #content_area,
.lp_container_big #content #content_area {
    float:left;
    width: 414px;
    margin-right:18px;
    /*margin-left:  214px;*/
    position: relative;
    display: block;

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

    
}


.lp_container_big #content #content_area {
    width: 846px;
    margin-right: 0;
}

.lp_container #content #content_area {
    width: 632px;
    margin-right: 0;
}

#content #content_area #content_area_stuff {
    clear: both;
    width: 100%;
}



#content #content_area .csc-header h1,
#content #lp_content_area .csc-header h1,
#content #lp_content_big_area .csc-header h1 {
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 1px;
    color: #0067a1;
    text-transform: uppercase;
    text-decoration: none;

    margin-bottom: 0px;
}

#content #content_area .csc-header h1.csc-firstHeader,
#content #lp_content_area .csc-header h1.csc-firstHeader,
#content #lp_content_big_area .csc-header h1.csc-firstHeader {
    margin-top: 0;
}

/* Absatz der direkt auf eine Headline folgt */
#content #content_area .csc-header + p.bodytext,
#content #lp_content_area .csc-header + p.bodytext,
#content #lp_content_big_area .csc-header + p.bodytext {
    margin-top: 10px;
}




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


/* linke Navigation im Content-Bereich */
#leftNavigation {
    position: relative;
    float:left;
    width: 184px;
    height: 282px;
    left:0;
    margin-left: 12px;
    margin-right: 18px;
    top:-100px;
    z-index: 1000;
    border:1px;
    /*background: url(../images/main/bg_box_left.gif) left top no-repeat;*/
}

#leftNavigation #leftNavBoxTitle {
    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;

    background: url(../images/main/bg_box_left_head.gif) left top no-repeat;
}

#leftNavigation #leftNavBoxContentSpace {
    background: url(../images/main/bg_box_left_repeat.gif) left top repeat-y;
}

#leftNavigation #leftNavBoxContentSpace #leftNavBoxContent {
    float:left;
    width: 182px;
    /*padding-top: 18px;*/
    background: #f6f6f6 url(../images/main/bg_box_left.gif) left top no-repeat;
     /* min-height-hack */
    min-height:221px;
    height:auto !important;
    height:221px;
}

#leftNavigation #leftNavBoxContentSpace .leftBorder,
#leftNavigation #leftNavBoxContentSpace .rightBorder {
    float: left;
    width: 1px;

    /* WICHTIG: fuer IE */
    height: 100%;
    overflow: hidden;
    /* ---------------- */
}

#leftNavigation #leftNavBoxBottomSpace {
    width:184px;
}

#leftNavigation #leftNavBoxBottomSpace #leftNavBoxBottom {
    float: left;
    padding-top: 18px;
    background: url(../images/main/bg_box_left_bottom.gif) left top no-repeat;
    width: 182px;
    height: 68px;

}

#leftNavigation #leftNavBoxBottomSpace .leftBorderBottom,
#leftNavigation #leftNavBoxBottomSpace .rightBorderBottom {
    float: left;
    width: 1px;
    background: url(../images/main/bg_box_left_bottomBorder.gif) left top no-repeat;
    height: 68px;
    /*display: none;*/
}


#leftNavigation #leftNavBoxContentSpace #leftNavBoxContent .csc-textpic {
    float: left;
    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: 22px;
    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;

}

#leftNavigation #leftNavBoxBottomLinks .csc-header h1 a:hover {
    color: #73736e;
}


#contentTeaser {
    float:left;
    width: 414px;
    height: 282px;
    margin-right:18px;
    overflow: hidden;
    /*background: #efefef;*/
}


/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* -----                                                                                                    -------- */
/* -----                                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;
    margin-bottom:12px;
    /*padding-bottom: 18px;*/
}

/*#rightContentBoxes #box3 {*/
    /*position: relative;*/
    /*width: 174px;*/
    /*height: 65px;*/
    /*overflow: hidden;*/
    /*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;*/

/*}*/

/* ----------------------------------------------------------------------------------------------------------------- */
/* 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 {
    \width: 198px; /* for IE5 and IE6 in quirks mode */
    w\idth: 198px; /* for IE6 in standards mode */
  }

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


#rightContentBoxes .rightContentBox .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;
}


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





/* 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;
}


/*
*
*  Landing-Page
*
*/


.contentLp {
    position: relative;
    padding-bottom: 40px;
}

.contentLp .contentLpRow {
    position: relative;
    width: 100%;
}

.contentLp .contentLpRow .contentLpLeft
{
    position: relative;
    width: 432px;
    float: left;
}

.lp_container_big #content #content_area {
    position: relative;
}

.lp_container_big #content #content_area .contentLp .contentLpRow .contentLpLeft
{
    position: relative;
    width: 646px;
    float: left;
}

.contentLp .contentLpRow .contentLpRight
{
    position: relative;
    width: 200px;
    float: left;
}

div.contentLp div.contentLpRow div.contentLpRight img {
    width: 150px;
    height: auto;
    right: 0;
    /*margin-bottom: 20px;*/
}

/* zuruecksetzen socialmedia */
div.contentLp div.contentLpRow div.contentLpRight .contentSocialMediaBox img {
    width: auto;
}

.contentLp .contentLpRow .contentLpRight img.clickEnlargeZoom {
    width: auto;
    height: auto;
    margin-bottom:0;
}