/******************************/
/*                */
/*   webwork by typofaktum    */
/*                */
/******************************/


* {
  padding:0;
  margin:0;
  border:0;
}
h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, dl, fieldset, address {
    margin-bottom: 0.5em;
}

ul {
    padding-left:2em;
    margin-left:0;
}

ol {margin-left:2em; padding:0.5em 0;}
*+html ol, * html ol{margin-left:2.5em;}

/* kein focus */
*:focus { outline: none }


/* Allgemein */
a {text-decoration: none; color: #000;}
#main a{color: #ff9f00;}
#main .news-list-container a {color: #000;}
#main .news-list-container a.mail {color: #ff9f00;}
#main .news-list-container .news-list-morelink a, #main .news-list-container .news-list-lesslink a {color: #ff9f00;}
a:hover {color: #ff9f00;}
a.orange {color: #ff9f00;}
a.internal-link:visited, #main a.internal-link:visited { color: #868F98; }
a.external-link-new-window:visited { color: #868F98; }
a.mail:visited { color: #868F98; }

body {background: url(../img/background-2.png) top center repeat-y #ffffff; font-family: arial, helvetica, sans-serif; color: #000; font-size: 8.25pt;}

#all {margin: auto; background-color: #ffffff; width: 990px;}

/* Oben */
#top {height: 295px; width: 990px;}

#topleft, #topright {width: 185px; height: 285px; border-bottom: 10px solid #ffffff; float: left;}

/* Oben Links */
#topleft {background: url(../img/back-top-left.png) bottom no-repeat #ffe8bf;}
#topright {background: url(../img/back-top-right.png) bottom no-repeat #ffe8bf;}

/* Oben Rechts */
ul#langmenu {padding: 20px 0 0 13px; list-style: none; font-size: 8.25pt; color: #000; height: 88px;} /* height 138/205 */
#langmenu li {line-height: 1.5em;}
#langmenu li a {text-decoration: none; color: #87888a;}
#langmenu li a:hover {color: #ff9f00;}

form#searchform {margin-left: 13px;}
input#sword {width: 149px; height: 15px; padding: 5px;}
.go-button {background-color: #ffe8bf; margin-top: 7px; margin-left: -2px;}

/* Oben Mitte */
#topmiddle {width: 600px; height: 295px; float: left; padding-left: 10px; padding-right: 10px;}

#headerimg {width: 600px; height: 250px;}

#breadcrumb {width: 600px; height: 35px; margin-top: 10px; background: url(../img/back-top-middle.png) bottom no-repeat #ffe8bf; font-size: 8.25pt; color: #000;}

div#breadcrumb p {padding: 14px 0 0 14px; white-space: nowrap;}


/* Unterer Teil */

#leftcol, #rightcol {float: left; width: 185px;}

/* Rechte Spalte */
.content-right, .right-news {background: url(../img/back-rightcol-top.png) top no-repeat #ededee;}
/*.content-right {padding-bottom:2px!important;}*/
#rightcol {line-height: 1.4em;}
#rightcol div.news-latest-morelink a {color: #ff9f00; font-weight: bold;}
.right-news .news-latest-container {padding: 0px;}
.content-right .news-latest-container {padding: 0px;}

div.right-news {padding: 4px 0 0 0; border-bottom: 10px solid #fff;}
.right-news p {padding: 0; margin: 0; line-height: normal; font-size: 8.25pt;}
.right-news .newsheader, .content-right .newsheader, .content-right .tx-tfsimpleevent-pi2 h3 {color: #ffa200; padding: 8px 7px 0 13px; margin: 0; font-size: 1.1em;}
.right-news div.news-latest-item, .right-news div.news-list-item {padding: 9px 7px 8px 13px; border-bottom: #fff solid 1px;}
h3 + div.news-latest-item {padding-top: 0px!important;}
h3 + div.news-list-item {padding-top: 0px!important;}
.right-news div.latest-container {font-size: 8.25pt;}
.right-news span.news-latest-date {color: #000; font-weight: bold;}
.right-news span.news-latest-date .the-date { font-weight: normal; }

div.content-right {padding: 4px 0px 0 0px; border-bottom: 10px solid #fff;}
.content-right .csc-first-header, .content-right .csc-firstHeader {color: #ffa200; margin: 0; font-size: 1.1em;}
.content-right p.bodytext {}

.content-right div.news-latest-item {padding: 0px 7px 0px 13px;}
.content-right div.csc-header-n1 {padding: 8px 7px 0 13px;}

div.content-right > p, div.right-news > p {padding: 8px 7px 0 13px;}

/* Linke Spalte */
.content-left {background: url(../img/back-leftcol-top.png) top no-repeat #ededee; border-bottom: 10px solid #fff;}
.content-left .csc-first-header, .content-left .csc-firstHeader {color: #ffa200; margin: 0; font-size: 1.2em;}


#mainnav li a {color: #868f98;}
#mainnav li.act > a {color: #ff9f00;}

#mainnav p#home {padding: 19px 0 19px 15px; margin: 0;}

#mainnav ul#nav1, #mainnav ul.nav2, #mainnav ul.nav3 {list-style: none; list-style-position: outside; padding: 0; margin: 0;}
#mainnav ul#nav1 > li {border-bottom: 1px solid #fff; position: relative; }
#mainnav ul#nav1 > li.first {border-top: 1px solid #fff;}
#mainnav ul#nav1 > li.sub {border-bottom: 0px solid #fff;}
#mainnav ul#nav1 > li.cur {border-bottom: 0px solid #fff;}
#mainnav ul#nav1 > li.cur a {color: #ff9f00;}
#mainnav ul#nav1 > li > a {display: block; line-height: 19px; font-weight: bold; padding: 1px 0 0 15px;}
#mainnav ul#nav1 > li > a:hover {color: #ff9f00; background-color: #e1e1e2;}
#mainnav ul#nav1 > li.act > a:hover, #mainnav ul#nav1 > li.sub > a:hover {color: #868f98; background-color: #ededee;}
#mainnav ul#nav1 > li.sub a:hover {color: #ff9f00;}

#mainnav .act ul.nav2 {
  padding-bottom: 0px;
  left:auto;
  position:relative;
  top:auto;
  display: block;
  background-color: #ededee;
  width: auto;
  border-left: none;
  line-height: normal;  
}

#mainnav .no ul.nav2 {
  padding-bottom: 0px;
  left:185px;
  position:absolute;
  top:0px;
  display: none;
  background-color: #ededee;
  width: 150px;
  z-index: 15;
  border-left: 1px solid #ffffff;
  line-height: 19px;  
}
/** html #mainnav .no ul.nav2 {background-color:#ffffff;}
* html div#mainnav {position: relative;}*/
* html #mainnav ul#nav1 li{padding: 2px 0; position: relative;}
#mainnav .act ul.nav2 li {padding: 2px 0; position: relative;}
#mainnav .no ul.nav2 li {padding: 1px 0 0 0; position: relative; border-bottom: 1px solid #ffffff; }
#mainnav ul.nav2 li a {display: block; padding-left: 10px;}
#mainnav .act ul.nav2 li a {padding-left: 27px;}
#mainnav ul.nav2 li a:hover {color: #ff9f00;}
#mainnav ul.nav2 li.cur a {color: #ff9f00;}


#mainnav .no .no ul.nav3 {
  padding-bottom: 0px;
  left:150px;
  position:absolute;
  top:0px;
  display: none;
  background-color: #ededee;
  width: 130px;  
  z-index: 15;
}

#mainnav .act ul.nav3 {
  padding-bottom: 0px;
  left:auto;;
  position:relative;
  top:auto;
  display: block;
  background-color: #ededee;
  width: auto;
  line-height: normal;
  border-left: none;  
}

#mainnav .no ul.nav3 {
  padding-bottom: 0px;
  left:185px;
  position:absolute;
  top:0px;
  display: none;
  background-color: #ededee;
  width: 130px;  
  z-index: 15;
  border-left: 1px solid #ffffff;
  line-height: 19px;
}

#mainnav .no ul.nav3 li {padding: 1px 0 0 0; position: relative; border-bottom: 1px solid #ffffff;}
#mainnav .act ul.nav3 li {padding: 2px 0;}
#mainnav .act ul.nav3 li a {display: block; padding-left: 39px;}
#mainnav .no ul.nav3 li a {padding-left: 10px;}
#mainnav ul.nav3 li a:hover {color: #ff9f00;}

#mainnav p#sitemap {padding: 0 0 0 15px; margin: 0; line-height: 60px;}
#mainnav p#sitemap a, #mainnav p#home a {color: #868f98;}
#mainnav p#sitemap a:hover, #mainnav p#home a:hover {color: #ff9f00;}
#mainnav ul.nav2 li.last {
  border-bottom: none
}
#global .csc-first-header, #global .csc-firstHeader {padding: 10px 0 0 15px;}

/* MAIN CONTENT */

#main {float: left; width: 600px; margin-left: 10px; margin-right: 10px;}

/* content FCEs */
div.csc-frame-rulerBefore {border-top: 1px solid #CCCCCC; /*margin-bottom: 10px;*/ padding-top: 10px;}

#content {width: 600px; overflow: hidden;}

#content ul {margin: 0 0 10px 0; padding: 0 0 0 15px;}
#content ul li {font-weight: bold; white-space: nowrap;}

#content p.bodytext {padding: 0;margin-bottom: 10px;}

#content div.col3cont ul li {font-weight: normal;}

#content div.col3cont {clear: both;}
#content .col3cont .column {float: left; width: 190px; overflow: hidden;}

#content div.col3img {clear: both; width: 600px;}
#content .col3img .column {float: left; width: 188px; overflow: hidden; padding-bottom: 10px;}
#content .col3img .col1 {padding-right: 18px;}
#content .col3img .col2 {padding-right: 18px;}
#content .col3img .col3 {float: right; width: 188px;}

#content .col4img .column {float: left; width: 135px; overflow: hidden; padding-bottom: 10px;}
#content .col4img .col1 {padding-right: 20px;}
#content .col4img .col2 {padding-right: 20px;}
#content .col4img .col3 {padding-right: 20px;}
#content .col4img .col4 {float: right; width: 135px;}

.padding {padding: 0 13px;}

p.csc-linkToTop {padding: 0; margin: 0; width: 600px; clear: both; margin-bottom: 10px;}
h2.subhead {margin-bottom: 10px;}
div.h2space {margin: 0; padding: 0; height: 10px;}

/***   Neue FCEs   ***/
h1.head {padding: 0; margin: 0;}
h2.sub  {}

.padding div.leftmargin {float: left; margin-left: -13px; margin-right: 20px; width: 188px; margin-bottom: 15px; overflow: hidden;}
.padding div.leftmarginbig {float: left; margin-left: -13px; margin-right: 20px; width: 290px; margin-bottom: 15px; overflow: hidden;}

/* FCE 11 */
div.box-layout {width: 600px; overflow: hidden; height: 295px; border-bottom: solid 10px #fff;}
div.box-layout div.box {background-color: #ededef; width: 295px; overflow: hidden; height: 295px;}
div.box-layout div.left {float: left; border-right: solid 10px #fff;}
div.box-layout div.right {float: right;}
div.box-layout div.box h2 {width: 270px; padding-left: 13px; font-size: 15px; margin: 13px 0; color: #ffa200; overflow: hidden;}
div.box-layout div.box p {width: 270px; padding: 0 0 0 13px; height: 72px; margin: 0;}
div.box-layout div.box img.logo {height: 43px; float: right; padding-right: 13px;}
div.box-layout div.box a {color: #ffa200;}
div.box-layout div.box a:visited {color: #868F98;}


/**** v2.2.1.1 unused  ****/
#fce-v2211 {border-top: 1px solid #ccc; width: 600px; padding: 15px 0;}
#fce-v2211 p.top {padding-bottom: 20px;}


/**** v2.2.1.2 ****/
.fce-v2212 {background: url(../img/fce_v2212-top-border.png) right top no-repeat; width: 600px; clear: both;}
.fce-v2212 .orange-box-outer {width: 197px; float: left; margin-left: -13px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-right: 10px; margin-bottom: 3px;}
.fce-v2212 .orange-box-inner {width: 170px; background-color: #f29700; padding: 8px 5px 5px 12px; margin-bottom: 9px;}
.fce-v2212 .orange-box-inner h1 {padding: 0 0 3px 0;margin:0; font-weight: bold; font-size:13px;}
.fce-v2212 div.orange-box-outer + h1.head {padding-top: 10px;}
.fce-v2212 div.orange-box-outer + h2.subhead {padding-top: 10px;}

/* FCE 12 */

div.fce-12 {margin-bottom: 10px;}

/**** v2.2.1.3 unused ****/
.fce-v2213 {border-top: 1px solid #ccc; width: 600px; padding: 15px 0 25px 0; clear: both;}
div.imgv2213 {float: left; margin-left: -13px; margin-right: 20px; width: 290px; margin-bottom: 15px; overflow: hidden;}


/**** v2.2.1.4 unused ****/
#fce-v2214 {border-top: 1px solid #ccc; width: 600px; padding: 15px 0 25px 0; clear: both;}
div.imgv2214 {float: left; margin-left: -13px; margin-right: 20px; width: 187px; margin-bottom: 15px; overflow: hidden;}

/**** v2.2.1.5 ****/
.fce-v2215 {background: url(../img/fce_v2212-top-border.png) right top no-repeat; width: 600px; clear: both;}
div.v2215-outer-box {float: left;  margin-left: -13px; margin-right: 10px; margin-bottom: 15px;}
.fce-v2215 .orange-box-outer {width: 197px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-bottom: 9px;}
.fce-v2215 .orange-box-inner {width: 170px; background-color: #f29700; padding: 8px 5px 5px 12px; margin-bottom: 9px;}
.fce-v2215 .orange-box-inner h1 {padding: 0 0 3px 0;margin:0; font-weight: bold; font-size:13px;}

.fce-v2215 div.v2215-outer-box + h1.head {padding-top: 10px;}
.fce-v2215 div.v2215-outer-box + h2.subhead {padding-top: 10px;}

/* v2.2.1.7 unused */

#fce-v2217 {border-top: 1px solid #ccc; width: 600px; padding: 15px 0 25px 0; clear: both;}

/* Footer */
#footer {width: 600px; height: 64px;}
#footer p.top a {color: #ccc; font-weight: bold;}
#footer p.copy {float: right;padding: 10px 0 0 0; color: #cccccc; margin: 0;}

/* NEWS */
div.news-list-container {border-top: solid 1px #ccc;}
span.news-latest-morelink a, .news-list-morelink a, .news-list-lesslink a{color: #ff9f00; white-space: nowrap;}
span.news-latest-morelink a:visited, .news-list-morelink a:visited, .news-list-lesslink a:visited { color: #868F98;}
.news-list-item {
  /*margin-bottom: 10px;*/
  padding: 10px 13px;
}

h2.news-list-date {font-size: 8.25pt; font-weight: normal; margin: 0; padding: 0;}

.news-list-item h3 {font-size: 12pt; margin: 0; padding: 0;}

.news-list-content {
  display: none;
}

.news-list-content p.bodytext img{float: none;}

.news-list-container img {margin: 0;}

div.news-list-img {width: 100px; height:100px; margin-left: -13px; padding: 0 13px 5px 0; float: left;}

.news-single-item h3 {font-weight: normal; font-size: 8.25pt;}
.news-single-item h2 {margin-bottom: 0;}

div.news-single-img {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.clearer {
  clear: both;
}

div.news-list-container p.top {padding: 0; margin: 0; width: 600px; clear: both;}

/* Contact form */
#contactform, #customerrequestform {
  color: #868F98;
}

#contactform input, #customerrequestform input {
  color: #000000;
}

.tx_powermail_pi1_fieldwrap_html {
  clear: left;
}

.tx_powermail_pi1_fieldwrap_html label {
  background-color: #EDEDEE;
  width: 110px;
  height: 13px;
  display:block;
  float:left;
  margin-bottom: 2px;
  font-weight: bold;
  padding: 6px 6px 6px 12px;
}

/* some special styles for several fields */
/* uid 203 */
div#powermaildiv_uid203 label, #powermaildiv_uid203 input#uid203 {height: 26px;}


#customerrequestform .tx_powermail_pi1_fieldwrap_html_textarea label { height: 75px;}

#customerrequestform div.powermail_radio_inner {clear: left; background-color: #EDEDEE; width: 599px; height: 25px;}
#customerrequestform .powermail_radio_inner label {width: 190px; border-right: 2px solid #fff; margin-bottom: 2px;}
#customerrequestform .tx_powermail_pi1_fieldwrap_html_radio p.tx_powermail_pi1_fieldwrap_html_radio_title {width: 581px; background-color: #ffffff; font-weight: bold; height:13px; margin-bottom:2px; padding:6px 6px 6px 12px; margin-top: 2px;}

#customerrequestform .tx_powermail_pi1_fieldwrap_html_label {width: 581px; background-color: #ffffff; font-weight:bold; height:13px; margin-bottom:2px; padding:6px 6px 6px 12px; margin-top: 2px;}

#customerrequestform .powermail_radio_inner input {width: 30px; margin-top: 5px; margin-bottom: 2px;}
#customerrequestform .tx_powermail_pi1_fieldwrap_html input {height: 13px;}



.tx_powermail_pi1_fieldwrap_html input, .tx_powermail_pi1_fieldwrap_html textarea {
  background-color: #EDEDEE;
  margin-left: 2px;
  width: 451px;
  /*height: 13px;*/
  float: left;
  padding: 6px 6px 6px 12px;
  font-family: arial, helvetica, sans-serif;
  color: #000;
  font-size: 8.25pt;
}

.tx_powermail_pi1_fieldwrap_html textarea {
  height: 150px;
  margin-bottom: 2px;
  font-family: arial, helvetica, sans-serif;
  color: #000;
  font-size: 8.25pt;
}
#customerrequestform .tx_powermail_pi1_fieldwrap_html textarea {height: 75px;}


#customerrequestform div.tx_powermail_pi1_fieldwrap_html_submit {
  margin-left: 128px;
}

div.tx_powermail_pi1_fieldwrap_html_submit {
  margin-left: 120px;
}

.tx_powermail_pi1_fieldwrap_html_select {
  position: relative;
}

/* Easy Select Box */
  .easy-select-box{
    position:relative;
    width:463px;
     float: left;
    color: #868F98;
    margin-left: 2px;
      
  }
 #main.easy-select-box a {
 color: #868F98;  
}
  .easy-select-box .easy-select-box-disp,
  .easy-select-box .easy-select-box-disp:visited{
    background: #EDEDEE url(../img/arrow.gif) ;
    background-position: right;
    background-repeat: no-repeat;
    display:block;
    padding:5px 0 0 5px;
    height: 20px;
    width: 463px;
    text-decoration:none;
    color: #868F98;

  }
  .easy-select-box .easy-select-box-disp:hover{
    position:relative;
    text-decoration:none;
  }
  .easy-select-box ul{
    position:absolute;
    top:100%;
    left:0;
    border:1px solid #EDEDEE;
    display:none;
    z-index:99;
    width:454px;
    max-height:300px;
    overflow:auto;
    background:#FFFFFF;
  }
  .easy-select-box ul li a,
  .easy-select-box ul li a:visited{
    padding:5px 0 0 5px;
    background:#FFF;
    display:block;
    color: #868F98;
    cursor:default;
  }
  .easy-select-box ul li a:hover{
    background:#EDEDEE;
    color: #868F98;
    text-decoration:none;
  }
  
  .easy-select-box ul li {
    background: none;
     list-style-type: none;
  }

.ixmation-dropdown-option {
  display: none;
  left:122px;
  position:absolute;
  top:28px;
  background-color: #EDEDEE;
  width: 438px;
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #000000;
}

.ixmation-dropdown-current {
  background-color: #EDEDEE;
  background-image: url(../img/arrow.gif);
  background-position: right;
  background-repeat: no-repeat;
  margin-left: 2px;
  width: 451px;
  padding: 6px 6px 6px 12px;
  height: 13px;
  display:block;
  float: left;
  cursor: pointer;
  color: #000000;
}


.ixmation-dropdown-current {
  background-color: #EDEDEE;
  background-image: url(../img/arrow.gif);
  background-position: right;
  background-repeat: no-repeat;
  margin-left: 2px;
  width: 451px;
  padding: 6px 6px 6px 12px;
  height: 13px;
  display:block;
  float: left;
  cursor: pointer;
  color: #000000;
}
.ixmation-dropdown-option div {
  width: 438px;
  cursor: pointer;
}

#powermaildiv_uid3 label {
  height: 150px;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  display: none;
}

#powermaildiv_uid17 {
  padding-top: 15px;
}

.powermail_check_inner label {
  float: left;
  width: auto;
  background-color: transparent;
  color: #000000;
  font-weight: normal;
}

.powermail_check_inner input, .ui-checkbox {
  float: left;
  clear: left;
  margin-left: 130px;
  height: 20px;
  width: 20px;
  margin-top: 3px;
}

#contactform .powermail_submit, #customerrequestform div.tx_powermail_pi1_fieldwrap_html_submit input.powermail_submit {
  height: 25px;
  width: 100px;
  background-color: #ff7f00;
  margin-top: 15px;
  color: #ffffff;
  font-size: 15px;
  padding: 0;
}

#contactform legend, #customerrequestform legend {
  display: none;
}

div.tx-powermail-pi1_thx h2{padding: 9px 7px 9px 13px;}
div.tx-powermail-pi1_thx {border-top: 1px solid #CCCCCC; margin-bottom: 10px;}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
}

.ui-checkbox {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../img/checkbox.gif);
  background-position: left top;
}

.ui-checkbox-state-checked, .ui-checkbox-state-checked-hover {
  background-position: left -20px;
}

.news-list-lesslink {
  display: none;
}

/* csc sitemap, indexedsearch */
.csc-sitemap, .tx-indexedsearch {padding: 0 13px;}
#content .csc-header h1 {padding-left: 13px;}
div.tx-indexedsearch-searchbox {display: none;}

/* dommenu */
ul#dommenu {padding: 20px 0 0 13px; list-style: none; font-size: 8.25pt; color: #000; height: 96px;}
ul#dommenu li a{color:#87888A; text-decoration: none;}
ul#dommenu li.act a{color:#000; text-decoration: none;}
ul#dommenu li a:hover {color: #ff9f00;}

/* jobs & career */
.career-latest-title a{font-weight: bold;}
/*.content-right .news-latest-container {margin-bottom: 7px;}*/
.news-single-item {padding: 0 13px;}
/* Backlinks ausblenden */
.news-single-item div.news-single-backlink {display: none;}
.jobs-morelink a{color: #ff9f00; white-space: nowrap;}
div.jobs-morelink {padding: 0 7px 9px 13px;}

.filelink-label {font-size:12pt; font-weight: bold;}
.filelink img{vertical-align:middle;}

div.news-single-item div.news-single-timedata {display: none;}
li.news-amenu-item-year {display: none;}

.tx-kuloplayer-pi1 { padding-left: 13px;}


/*
div#fairs {display:none;}
*/
#fairs h1 {
padding: 8px 7px 0 13px !important;
}

#fairs a {
    color: #FF9F00;
}

.imgpro {position: relative;}
.imgpro > img {position: absolute; top:0px;left:0px;z-index:100;}
.imgpro > img + img {z-index:50;}

.imgpro div {background-image: clear.gif;}
.clear {position:absolute;}
/*

jQuery('img').wrap('<span class="imgpro"></span>');
jQuery('.imgpro').prepend('<img src="fileadmin/site/css/clear.gif" />');
*/

#tfsimpleevent-event0 .lastrow {
  display: none;
}