/*
BECKHOFF
Author: Salder
Create Date: 09.10.2008
Last Modified: 11.09.2009 Zink,  append standard Beckhoff
*/
@import url("/css/reset.css");
@import url("/css/country.css");
@import url("/css/frame_right.css");
@import url("/css/top_nav.css");
@import url("/css/doku.css");
@import url("/css/events.css");
@import url("/css/sp.css");
@import url("/css/formulare.css");
@import url("/css/jobs.css");
@import url("/css/kontakt.css");
@import url("/css/news_highlights.css");
@import url("/css/press.css");
@import url("/css/footer.css");
@import url("/css/old_content.css");

/* Definition der Schriften */
* {
    font-family: Arial, Helvetica, sans-serif;
}

.lt {
    float: left;
}
.rt {
    float: right;
}
.clr {
    clear: both;
    height: 0;
}
strong {
    font-weight: bold;
}
img {
    display: block;
}
a {
    text-decoration: none;
    color: #ff0000;
}
/* Definition der Farben */
.grey {
    color: #797979;
}
/* Definition der Ueberschriften */
h1 {
    margin: 0;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 125%;
}
h1.border_bottom {
    border-bottom: 1px solid silver;
    padding: 0 0 6px 0;
    width: 522px;
}
h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 14px 0;
}
h3 {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 14px 0;
}
h2.much_padding {
    padding: 10px 0 28px 0; /*12.1.10 geändert - original: padding: 14px 0 32px 0;*/
}
h2.less_padding {
    padding: 0 0 3px 0;
}
h2.border_bottom {
    border-bottom: 1px solid #a3a3a3;
    margin: 20px 0 14px 0;
    padding: 0 0 4px 0;
    position: relative;
}
h2.border_bottom_news {
    border-bottom: 1px solid #a3a3a3;
    margin: 20px 0 0px 0;
    padding: 0 0 4px 0;
    position: relative;
}
/*h3.border_bottom {
    border-bottom: 1px solid #a3a3a3;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 11px 0;
    padding: 0 0 4px 0;
    position: relative;
    font-size: 110%;    
}*/
h3.border_bottom {
    border-bottom: 1px solid silver;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 4px 0;
    font-size: 110%;    
    width: 522px;
}
h2.border_bottom_arrow a img{
    position: absolute;
    bottom: 6px;
    right: 5px;
}
h2.border_bottom a img{
    position: absolute;
    bottom: 6px;
    right: 5px;
}
h3.border_bottom_arrow a img{
    position: absolute;
    bottom: 6px;
    right: 5px;
}
h3.border_bottom a img{
    position: absolute;
    bottom: 6px;
    right: 5px;
}
h2.border_bottom_arrow {
    background: url('/images/admin/pfeil_s.gif') no-repeat 0 1px;
    border-bottom: 1px solid #a3a3a3;
    margin: 20px 0 7px 0;
    padding: 0 0 4px 10px;
    position: relative;
}
h3.border_bottom_arrow {
    background: url('/images/admin/pfeil_s.gif') no-repeat 0 0;
    border-bottom: 1px solid #a3a3a3;
    margin: 0 0 11px 0;
    padding: 0 0 4px 10px;
    position: relative;
}
h2.header_top {
    margin-top: 0px;
    padding-bottom: 10px;    /*Frank 10.3.10*/
    font-size: 125%;         /*Frank 12.1.10*/
}
.anc_more_black {
    background: url('/images/admin/pfeil_s.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #ff0000;
}
.anc_more_white {
    background: url('/images/admin/pfeil_w.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #ffffff;
}
.anc_more_grey {
    background: url('/images/admin/pfeil_g.gif') no-repeat;
    padding: 0 0 0 9px;
    color:#797979;
}
.anc_more_blue {
    background: url('/images/admin/pfeil_b.gif') no-repeat;
    padding: 0 0 0 9px;
    color: #486783;
}
.anc_more_red {
    background: url('/images/admin/pfeil_r.gif') no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 10px;
    color: #ff0000;
}
.anc_more_black_block {
    background: url('/images/admin/pfeil_s.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #ff0000;
    display: block;
}
.anc_more_white_block {
    background: url('/images/admin/pfeil_w.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #ffffff;
    display: block;
}
.anc_more_blue_block {
    background: url('/images/admin/pfeil_b.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #486783;
    display: block;
}
.anc_more_red_block {
    background: url('/images/admin/pfeil_r.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #ff0000;
    display: block;
}
.anc_more_red_training {
    background: url('/images/admin/pfeil_r.gif') no-repeat;
    background-position: 0px 5px;
    padding: 0 0 0 10px;
    color: #ff0000;
    display: block;
}

.anc_back_red {
    background: url('/images/admin/pfeil_back_r.gif') no-repeat;
    padding: 0 0 0 10px;
    color: #ff0000;
}
.anc_back_red_small {
    background: url('/images/admin/pfeil_back_r_small.gif') no-repeat 0 4px;
    font-size: 11px;
    padding: 0 0 0 10px;
    text-decoration: underline;
    color: #ff0000;
}
.anc_top_red_small {
    background: url('/images/admin/pfeil_top_r_small.gif') no-repeat 0 5px;
    font-size: 11px;
    padding: 0 0 0 10px;
    text-decoration: underline;
    color: #ff0000;
}
.anc_info {
    background: url('/images/admin/ico_info.gif') no-repeat 0 2px;
    padding: 2px 0 0 18px;
    color: #ff0000;
}
.anc_mail {
    background: url('/images/admin/ico_mail.gif') no-repeat 0 5px;
    padding: 2px 0 0 18px;
    color: #ff0000;
}
.anc_black {
    color: #000000;
}
.anc_white {
    color: #ffffff;
}
.anc_blue {
    color: #486783;
}
.anc_red {
    color: #ff0000;
}
#frame_wrapper {
    width: 741px;
    margin: 0 0 0 1px;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
}
#frame_teaser {
    width: 741px;
}
#frame_left {
    width: 570px;
    float: left;
}
#frame_left_wide {
    width: 741px;
    float: left;
}
#frame_right {
    width: 165px;
    margin: 0 0 0 6px;
    padding-top: 23px;
    float: left;
}
#frame_right_wide {
    width: 165px;
    margin: 0 0 0 6px;
    padding-top: 0px;
    float: right;
}
#frame_cnt {
    padding: 20px 0 0 13px; /*padding: 23px 0 0 12px; geändert 12.1.10*/
    width: 558px;
}
#frame_cnt_wide {
    padding: 20px 0 0 13px; /*padding: 23px 0 0 12px; geändert 12.1.10*/
    width: 729px;
}
#frame_teaser .teaser_box,
#frame_teaser .teaser_box_nogradiant {
    float: left;
    width: 153px;
    height: 164px;
    padding: 6px 4px 5px 10px;
    margin: 84px 150px 0 0;
    background:    url('/images/admin/teaser_box_bg.gif') repeat-x;
}
#frame_teaser .teaser_box_nogradiant {
    background: url('/images/admin/teaser_box_bg_gradiant.gif') repeat-x;
}
#frame_teaser .teaser_box h3 {
    color: #486783;
    padding: 0;
    margin: 0;
}
#frame_teaser .teaser_box a {
    color: #486783;
}

/* ############## TABLES #################*/

/*kleine News*/
.small
{
 font-size:85%;
}

/* Event */
.event_table {
    width: 534px;
}
.event_table td, .event_table th { 
    border-bottom: 1px solid #eeeeee; 
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top; 
}
.event_table th { 
    border-bottom: 1px solid silver; 
    font-size: 14px; 
    font-weight: bold; 
} 
.event_table img {
    display: inline;
    left: 7px;
    position: relative;
    top: -3px;
}
.event_table_date {
    width: 95px;
    padding-right:5px;
}
.event_table_fair {
    width: 204px;
    padding-right:20px;
}
.event_table_country {
    width: 140px;
    padding-right:20px;
}
.event_table_country_grey {
    width: 140px;
    padding-right:20px;
    color: #999999;
}
.event_table  THEAD TR .header {
    cursor: pointer;
}

.event_table  THEAD TR .headerSortUp {
    cursor: pointer;
}

.event_table  THEAD TR .headerSortDown {
    cursor: pointer;
}



/* ############## News_Table on Applications & Solutions  #################*/

.news_table {    
width: 490px;
}
.news_table td, .news_table th { 
    border-bottom: 1px solid #eeeeee; 
    padding-top: 5px;
    vertical-align: top; 
}
.news_table td { 
    padding-bottom: 5px;
} 
.news_table th { 
    border-bottom: 1px solid silver; 
    padding-bottom: 5px;
    font-size: 14px; 
    font-weight: bold; text-align:right;
} 
.news_table img {
    display: inline;
    left: 7px;
    position: relative;
    top: -3px;
}
.news_table_date {
    width: 95px;
    padding-right:5px;
}
.news_table_fair {
    width: 204px;
    padding-right:20px;
}
.news_table_country {
    width: 140px;
    padding-right:20px;
}
.news_table_country_grey {
    width: 140px;
    padding-right:20px;
    color: #999999;
}
.news_table  THEAD TR .header {
    cursor: pointer;
}
.news_table  THEAD TR .headerSortUp {
    cursor: pointer;
}
.news_table  THEAD TR .headerSortDown {
    cursor: pointer;
}
.anc-news-table-more {
    background:url('/images/admin/pfeil_r_small.gif') no-repeat right center;
    font-size:86%;
    padding-right:12px;
}
.anc-news-table-less {
    background:url('/images/admin/pfeil_back_r_small.gif') no-repeat left center;
    text-align:right;
    font-size:86%;
    padding-left:10px;
}




/****************************************
BECKHOFF Standard
****************************************/


/* Floating & Clearer */
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}
.clearBoth {
    clear: both;
}
.onePix {
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}
.noPaddingLeft {
    padding-left: 0;
}




/*Animation auf der Startseite*/
/* Container setzt das Raster fuer das Bild */
.gridAnimationPictureStart {
    width: 570px;
    padding: 0 0 20px 0px;
}



/*********** Startseite ***********/
/* Container setzt das Raster fuer das Banner */
.gridStartPicture {
    width: 570px;
    padding: 0 0 20px 1px;
}
.gridStartPictureSmall {
    width: 403px;
    padding: 0 0 20px 1px;
}
#StartpageContentLeft {
    width: 354px;
    /*background-color: lime;*/
    /*margin-top:-20px;
    margin-left:-2px;*/
}
/* Container fuer die Highlights mitte */
#StartpageContentMiddle {
    width: 166px;
    /*margin-top:-20px;*/
    margin-left: 38px;
    /*background-color: red;*/
}
/* Container fuer die Navigation rechts */
#StartpageContentRight {
    width: 165px;
    margin-left: 12px;
    /*margin-top: 25px;
    background-color: silver;*/
}
/* Container fuer News */
#StartpageNews {
    border-top: 1px solid #336699;
}
#StartpageNews a{
    text-decoration: none;    
}
#StartpageNews img {
    padding-right: 7px; 
    border: none; 
    float: left;
}
#StartpageNews a.pfeil {
    background-image: url(/images/admin/pfeil_r.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    padding: 0px 0 0px 10px;
}
#StartpageFooter {
    margin-top: 10px;
    padding: 25px 0 0 2px;
    font-size: 86%;
    color: #ff0000;
    /*font-size: 10px;*/
}
#NewsHeadline {
    padding-top: 1px;
    padding-bottom: 5px;
    font-size: 120%;
    color:#336699;
    /*background: none;    */
    font-weight: bold;
}
#NewsRss {
    padding: 0px;
    float: right;
}
p.news {
    padding: 13px 0 12px 0;
    font-size: 110%;
}
p.news_small {
    padding: 7px 0 12px 0;
    font-size: 110%;
}



/* ################################################################################################# */


/* Container fuer den Hauptinhalt Newsarchiv/Highlightarchiv von TK */
#NewsHighlightsArchivContentLeft {
    width: 558px;
    margin-left:12px;    
}
#StartpageNewsArchiv {
    border-bottom:1px solid #eeeeee;
    padding-bottom:7px;
    padding-top:7px;    
}
#StartpageNewsArchiv.last {
    border-bottom:0px solid #fff;
}
#StartpageNewsArchiv a{
    text-decoration: none;        
}
#StartpageNewsArchiv p.left{
    width:60px;
    float:left;
    font-size:100%;
}
#StartpageNewsArchiv div.text{
    margin-left:60px;
    font-size:100%;
}
#ArchivZurueck{
    margin-top:15px;
}
#ArchivZurueck a{
    text-decoration:none;
}
#ArchivZurueck img {
    display: inline;
}
/* Ende TK */



/* ################################################################################################# */

/* Container fuer den Hauptinhalt */
#NewsHighlightsContentLeft {
    width: 241px;
    /*background-color: lime;*/
    margin-left:12px;
}

/* Container fuer die Highlights mitte */
#NewsHighlightsContentMiddle {
    width: 241px;
    margin-left: 41px;
    /*background-color: red;*/
}
/* Container fuer die Navigation rechts */
#NewsHighlightsContentRight {
    width: 166px;
    margin-left: 42px;
    /*margin-top: 25px;
    background-color: silver;*/
}
/* Container fuer Links */
#NewsHighlightsLinks {
    border-top: 1px solid #336699;
    text-align:right;
    padding-top:4px;
    padding-bottom:18px;
}
/* Container fuer Links */
#NewsHighlightsLinksUnten {
    border-top: 1px solid #336699;
    margin-top:0px;
    padding-top:4px;
    padding-bottom:18px;
}
#NewsHighlightsLinks a, #NewsHighlightsLinksUnten a{
    text-decoration: none;    
    color:#336699;
}


/* Mittlere-Boxen auf der Startseite */
#StartpageContentMiddle .hl_box .hl_box2{
    height:110px;    
}
#StartpageContentMiddle .hl_box a {
    color:#336699; 
    background-repeat:no-repeat;
    background-position: 0px 0px;
    display:block;
    height:110px;    
    padding-top:5px;    
}
#StartpageContentMiddle .hl_box2 a {
    color:#336699; 
    background-repeat:no-repeat;
    background-position: 0px 0px;
    display:block;
    height:110px;    
    padding-top:0px;    
}
#StartpageContentMiddle .hl_box li{
    padding: 0px 0 9px 9px;
    background-image:url(/images/admin/pfeil_b.gif);
    background-repeat:no-repeat;
    background-position:0 1px; 
    margin:0;    
}
#StartpageContentMiddle .hl_box2 li{
    padding: 0px 0 9px 9px;
    background-image:url(/images/admin/pfeil_b.gif);
    background-repeat:no-repeat;
    background-position:0 1px; 
    margin:0;    
}
#StartpageContentMiddle .hl_box_flash {
    padding: 6px 0 12px 0;
}
#StartpageContentMiddle .hl_box_flash a {
    width: 155px;
    display: block;        
    padding-bottom: 2px;
}


/* Mittlere-Boxen auf der Newsseite */
#NewsHighlightsContentMiddle .hl_box a {
    color:#336699; 
    background-repeat:no-repeat;
    background-position: 0px 0px;
    display:block;
    padding:0;  
    margin:0;  
}
#NewsHighlightsContentMiddle .hl_box2 a {
    color:#336699; 
    background-repeat:no-repeat;
    background-position: 0px 0px;
    display:block;
    padding:0;  
    margin:0;  
}
#NewsHighlightsContentMiddle .hl_box li{
    padding: 15px 0 9px 9px;
    background-image:url(/images/admin/pfeil_b.gif);
    background-repeat:no-repeat;
    background-position:0 15px; 
}
#NewsHighlightsContentMiddle .hl_box2 li{
    padding: 8px 0 9px 9px;
    background-image:url(/images/admin/pfeil_b.gif);
    background-repeat:no-repeat;
    background-position:0 8px; 
}



/* ################################################################################################# */
/* Download-Seiten 3-spaltig*/
/* Container setzt das Raster fuer das Bild */
.gridProductPictureDownload {
    width: 570px;
    padding: 0 0 20px 1px;
}
/* Container für Headline*/
#DownloadHead, #DownloadHeadInfo {
    background-image:url(/images/admin/pfeil_s.gif);
    background-repeat:no-repeat;
    background-position: 0px 1px;
    padding-left: 10px;
    padding-bottom: 3px;
    font-size: 14px;
    font-weight:bold;
    border-bottom: 1px solid silver;
    width:520px;
}
#DownloadHeadInfo {
    background-image:none;
    padding-left: 1px;
    width:529px;
}
/* Container für Headline*/
#DownloadHead a, #DownloadHeadInfo a{
    color: #000000;
    text-decoration:none;
}
/* Container auf der linken Seite */
#DownloadLeft, #DownloadLeftInfo {
    color: red;
    width: 188px;
    margin-top: 5px;
    margin-bottom: 20px;
    /*background-color:#666666;*/
}
#DownloadLeftInfo {
    padding-top: 8px;
    width: 75px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}
/* Container Mitte */
#DownloadMiddle, #DownloadMiddleInfo {
    color: red;
    width: 198px;
    padding-left: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    /*background-color: #00FF00;*/
}
#DownloadMiddleInfo {
    width: 383px;
    color: black;
}
/* Container auf der rechten Seite */
#DownloadRight, #DownloadRightInfo {
    color: red;
    width: 163px;
    padding-left: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    /*background-color:#666666;*/
}
#DownloadRightInfo {
    padding-top: 8px;
    width: 63px;
    text-align:right;
    color:#000000;
}
/* Container für Links*/
#DownloadColumn, #DownloadColumn3 {
    padding-top: 8px;
    width: 93px;
}
#DownloadColumn3 {
    width: 370px;
}
/* Container für Trennlinie*/
#DownloadLine {
    padding-left: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid silver;
    margin:0;
    height:2px;
    width:520px;
}

/* ################################################################################################# */
/* Training Section */
.training_city_box { 
    padding: 0px 0px;  
}
.training_city_value {
    float: left;
    font-weight:bold;
    line-height:24px;     
}


/* ################################################################################################# */
/* CMS Universal Linkbox */
.anc_box {
    float: left;
    margin: 0 20px 0px 0;
    width: 500px;
}
.anc_box ul{
    padding: 20px 0 0 0;
}
.anc_box li{
    padding: 0 0 20px 0;
}
.anc_box a{
    background: url(/images/admin/pfeil_r.gif) no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 10px;
    color: #ff0000;
}

/* ################################################################################################# */
/* CMS Universal Text */
/* Definition der Absatzformate */
.u_text p {
    margin: 0;
    padding-bottom: 15px;    
}

.u_text_height p {
    margin: 0;
    padding-bottom: 15px;
    line-height: 20px;
}

/* ################################################################################################# */
/* CMS Universal 10 - Content in cols */
.content-2-cols {}
.content-2-cols .col-1,
.content-2-cols .col-2 {
    width: 50%;
}
.content-3-cols {}
.content-3-cols .col-1,
.content-3-cols .col-2,
.content-3-cols .col-3 {
    width: 33%;
}
.content-4-cols {}
.content-4-cols .col-1,
.content-4-cols .col-2,
.content-4-cols .col-3,
.content-4-cols .col-4 {
    width: 25%;
}
.content-cols .col-2 .col-inner,
.content-cols .col-3 .col-inner,
.content-cols .col-4 .col-inner {
    padding: 0 0 0 10px;
}

/* ################################################################################################# */
/* CMS Universal 11 - Content wrapper with margin left and right */
.content-wrapper-margin-left {
    margin-left: 92px;
}
.content-wrapper-margin-right {
    margin-right: 50px;
}

/* ################################################################################################# */
/* CMS InfoCol 18 - List with links */
ul.list-links li {
    background-image: url("/images/admin/pfeil_r.gif");
    background-position: 0 0.25em;
}

/* ################################################################################################# */
/* CMS Head 01 - Image, Link [NEW] */

div.header-image {
    position: relative;
}
a.header-image-link,
a.header-image-link:hover {
    display: block;
    width: 125px;
    height: 41px;
    position: absolute;
    bottom: 5px;
    left: 16px;
    background-repeat: no-repeat;
}
a.header-image-link-presentation-de,
a.header-image-link-presentation-de:hover {
    background-image: url("/images/admin/button-start-presentation-de.png");
}
a.header-image-link-presentation-en,
a.header-image-link-presentation-en:hover {
    background-image: url("/images/admin/button-start-presentation-en.png");
}
a.header-image-link-flyer,
a.header-image-link-flyer:hover {
    background-image: url("/images/admin/button-download-flyer.png");
}
* html a.a.header-image-link-presentation-de,
* html a.a.header-image-link-presentation-de:hover {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/admin/button-start-presentation-de.png' ,sizingMethod='crop');
}
* html a.a.header-image-link-presentation-en,
* html a.a.header-image-link-presentation-en:hover {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/admin/button-start-presentation-en.png' ,sizingMethod='crop');
}
* html a.a.header-image-link-flyer,
* html a.a.header-image-link-flyer:hover {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/admin/button-download-flyer.png' ,sizingMethod='crop');
}