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

.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-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;}