/* --------------------------------------------------------------*/
/* screen css */
/* ------------------------------------------------------------- */

/* --------------------------------------------------------------*/
/* general */
/* --------------------------------------------------------------*/

html {
    overflow-y: scroll;
    overflow-x: auto;
}

body {
    background: url("../images/body_bg.jpg") no-repeat scroll center top #0A0A0C;
    color: #CCC4B9;
    font-family: Verdana;
    font-size: 76%;
    margin: 0;
    padding: 0;
    text-align: center;
}

div#main {
    margin: 0 auto;
    padding-left: 10px;
    text-align: left;
    width: 990px;
}

#content_container .wrap h1,
#content_container .wrap h2,
#content_container .wrap h3,
#content_container .wrap h6 {
    color: #01BBAA;
    font-size: 1.2em;
    font-weight: normal;
    margin: 5px 0 0;
}

#content_container .wrap h3 {
    font-size: 1.5em;
}

#content_container .wrap h3.headerline {
    border-top: 1px solid #01BBAA;
	color: #01BBAA;
	margin-top: 0;
    padding-top: 8px;
}

#content_container h5 {
    font-size: 3.6em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -0.04em;
    margin: 0;
    padding: 17px 0 22px 0;
}

p {
    font-size: 0.9em;
    line-height: 18px;
    margin: 5px 0 7px;
}

a {
    text-decoration: none;
	outline: none;
}

.clickable {
	cursor: pointer;
}

.no_border {
    border: none !important;
    padding: 0 !important;
}

.no_padding {
    padding: 0 !important;
}

.clear {
	clear: both;
}

.right {
	float: right;
}

.hidden {
	display: none !important;
}

.nl {
	background-image: none !important;
	margin-bottom: 0 !important;
}

a.usr-pdf {
    display: inline-block;
    margin: 4px 18px 4px 0;
    padding-left: 20px;
    background: url(../images/icon_pdf.png) left center no-repeat;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    color: white !important;
}

a.usr-pdf:hover {
    text-decoration: underline;
}

a.usr-contact {
    display: inline-block;
    margin: 4px 18px 4px 0;
    padding-left: 20px;
    background: url(../images/icon_contact.png) left center no-repeat;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    color: white !important;
}

a.usr-contact:hover {
    text-decoration: underline;
} 

a.usr-gallery, a.usr-video {
    background: url("../images/icon_gallery.png") no-repeat scroll left center transparent;
    color: white !important;
    display: inline-block;
    margin: -2em 0 0 18px;
    font-size: 0.9em;
    font-weight: bold;
    padding: 4px 0 4px 20px;
    position: relative;
    text-decoration: none;
    top: -2.2em;
}

a.usr-video {
	background-image: url("../images/icon_video.png");
}

/* --------------------------------------------------------------*/
/* img_hover_140_82 */
/* --------------------------------------------------------------*/

.img_hover_140_82 li {
    height: 25px !important;
    width: 156px !important;
}

.img_hover_140_82 img {
    clip: rect(0px 140px 41px 0px);
    margin-top: 20px !important;
    position: absolute;
}

.img_hover_140_82 img:hover {
    margin-top: -21px !important;
    clip: rect(41px 140px 82px 0px);
}

/* --------------------------------------------------------------*/
/* img_hover_180_280 */
/* --------------------------------------------------------------*/

.img_hover_180_280 li {
    height: 140px !important;
    width: 180px !important;
}

.img_hover_180_280 img {
    clip: rect(0px 180px 140px 0px);
    margin-top: px !important;
    position: absolute;
}

.img_hover_180_280 img:hover {
    margin-top: -140px !important;
    clip: rect(140px 180px 280px 0px);
}

/* --------------------------------------------------------------*/
/* header */
/* --------------------------------------------------------------*/

div#header {
    float: left;
    width: 100%;
}

div#header a {
    color: #827D76;
}

/* --------------------------------------------------------------*/
/* navigation */
/* --------------------------------------------------------------*/

div#header div.navigation {
    float: left;
    height: 147px;
    width: 725px;
}

div#header div.navigation ul.first,
div#header div.navigation ul.second {
    border-top: 1px dotted #CCC4B9;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 2px 0 0;
}

div#header div.navigation ul.first {
    margin-top: 23px;
}

div#header div.navigation ul.second {
    margin-top: 6px;
}

div#header div.navigation ul.first li,
div#header div.navigation ul.second li {
    float: left;
    margin: 0 55px 5px 0;
    padding-top: 3px;
}

div#header div.navigation ul.second li {
    padding-top: 1px;
}

div#header div.navigation ul.first li.last,
div#header div.navigation ul.second li.last {
    margin-right: 0;
}

div#header div.navigation ul li a {
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    text-transform: uppercase;
}

div#header div.navigation ul.second li a {
    font-size: 100%;
    font-weight: bold;
}

div#header div.navigation ul li:hover,
div#header div.navigation ul li.active {
    border-top: 2px solid #01BBAA;
    margin-top: -3px;
    padding-top: 4px;
}

div#header div.navigation ul.second li:hover,
div#header div.navigation ul.second li.active {
    margin-top: -3px;
    padding-top: 2px;
}

div#header div.navigation ul li a:hover,
div#header div.navigation ul li a.active {
    color: #01BBAA;
}

/* --------------------------------------------------------------*/
/* logo */
/* --------------------------------------------------------------*/

div#header div.logo {
    margin: 36px 0 0 -3px;
}

div#header div.logo a {
    color: #01BBAA;
}

div#header div.logo img {
    margin-bottom: 5px;
}

/* --------------------------------------------------------------*/
/* search */
/* --------------------------------------------------------------*/

div#header div.search .csc-default {
    float: left;
    margin: 0;
    padding: 0;
}

div#header div.search form {
    clear: both;
    float: right;
    width: 222px;
}

div#header div.search form input.searchbox-sword,
div#header div.search form button {
    background: none repeat scroll 0 0 #333231;
    border: 0 none;
    float: left;
}

div#header div.search form input.searchbox-sword {
    color: #827D76;
    font-family: Verdana;
    font-size: 0.85em;
    height: 15px;
    padding: 1px 0 0 2px;
    width: 200px;
}

div#header div.search form button {
    cursor: pointer;
    height: 16px;
    padding: 0;
    width: 20px;
}

/* --------------------------------------------------------------*/
/* language */
/* --------------------------------------------------------------*/

ul#language {
    float: right;
    height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#language li {
    border-right: 1px solid #827D76;
    float: left;
    margin-right: 7px;
    padding-right: 7px;
    text-transform: uppercase;
}

ul#language li.last {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}

ul#language a:hover,
ul#language li.active a {
    color: #01BBAA;
}

/* --------------------------------------------------------------*/
/* search */
/* --------------------------------------------------------------*/

div#header div.search {
    float: right;
    margin-top: 49px;
    width: 222px;
}

/* --------------------------------------------------------------*/
/* content */
/* --------------------------------------------------------------*/

#content {
    clear: both;
    float: left;
    margin-top: 14px;
    width: 100%;
}

#content a {
    color: #fff;
}

#content a.download,
#content a.internal-link,
#content a.internal-link-new-window,
#content a.external-link,
#content a.external-link-new-window,
#content a.mail {
    background: url("../images/icon_more.gif") no-repeat scroll left bottom transparent;
    color: #FFFFFE;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: none;
}

#content a:hover {
    text-decoration: underline;
}

#content ul {
    list-style-type: none;
	margin: 8px 0;
	padding: 0;
}

#content ul li {
    background: url("../images/icon_marker.gif") no-repeat scroll 0 0.7em transparent;
	font-size: 0.9em;
	line-height: 18px;
    padding-left: 12px;
}

#content .csc-textpic-imagewrap ul li {
    background: none;
	padding-left: 0;
}

/* --------------------------------------------------------------*/
/* footer */
/* --------------------------------------------------------------*/

div#footer {
    border-top: 1px solid #827D76;
    clear: both;
    float: left;
    font-size: 0.85em;
    margin: 10px 0 0;
    padding: 5px 0 30px;
    width: 100%;
}

div#footer a:hover {
    text-decoration: underline;
}

div#footer .permalinks {
    float: right;
}

div#footer .permalinks ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#footer .permalinks ul li {
    border-right: 1px solid #827D76;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

div#footer .permalinks ul li.last {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}

div#footer .permalinks ul li a {
    color: #827D76;
}

div#footer .permalinks .csc-default {
    float: left;
    list-style-type: none;
    margin: 0 35px 0 0;
    padding: 0;
}

div#footer .permalinks .csc-default ul li {
    border: none;
    float: left;
    margin-right: 15px;
    padding-right: 0;
}

div#footer .permalinks .csc-default ul li a {
    background:none no-repeat scroll left center transparent;
    padding-left:13px;
}

div#footer .permalinks .csc-default ul li a.external-link-new-window {
    background-image: url("../images/icon_client_login.png");
}

div#footer .permalinks .csc-default ul li a.download {
    background-image: url("../images/icon_fact_sheet.png");
}

/* --------------------------------------------------------------*/
/* indexed_search */
/* --------------------------------------------------------------*/

div.tx-indexedsearch {
	border-top: 1px solid #01BBAA;
    padding-top: 8px;
    margin-top: 1px;
    width: 100%;
}

div.tx-indexedsearch-whatis {
    color: #01BBAA;
    display: inline;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 13px;
    padding-top: 10px;
}

div.tx-indexedsearch-whatis .tx-indexedsearch-sw {
    color: #CCC4B9;
}

div.tx-indexedsearch-browsebox {
    display: inline;
	width: 730px;
}

div.tx-indexedsearch-browsebox p {
    display: inline;
    margin-left: 10px;
}

div.tx-indexedsearch-res {
    border-top: 1px dotted #CCC4B9;
    float: left;
    list-style: none outside none;
    margin: 14px 0 9px;
    padding: 0;
	width: 730px;
}

div.tx-indexedsearch-res .wrap {
    border-bottom: 1px dotted #CCC4B9;
    border-left: medium none;
    border-right: medium none;
    float: left;
    padding: 7px 0 10px;
    width: 100%;
}

div.tx-indexedsearch-res .tx-indexedsearch-title {
    float: left;
    margin: 0 25px 0 0;
    padding: 0;
    width: 220px;
}

div.tx-indexedsearch-res .tx-indexedsearch-title a {
    color: #CCC4B9 !important;
}

div.tx-indexedsearch-res .tx-indexedsearch-descr {
    float: left;
    margin: 0;
    width: 410px;
}

div.tx-indexedsearch-browsebox span {
    color:#01BBAA;
}

div.tx-indexedsearch-browsebox ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 8px 0 0;
}

div.tx-indexedsearch-browsebox li {
    display: inline;
    padding: 0 3px;
    white-space: nowrap;
}

div.tx-indexedsearch-browsebox a {
    color: #01BBAA;
}

/* ------------------------------------------------------------- */
/* kb_nescefe */
/* ------------------------------------------------------------- */

.kb_nescefe .row {
    float: left;
    margin-bottom: 48px;
    width: 100%;
}

.kb_nescefe .col {
    border-top: 1px solid #01BBAA;
    float: left;
    margin-right: 68px;
    padding-top: 10px;
    width: 252px;
}

.kb_nescefe .col2 .col {
    border-top: none;
    margin: 30px 30px 0 0;
    width: 294px;
}

.kb_nescefe .kmg .col1 {
    width: 252px;
}

.kb_nescefe .kmg .col2 {
    width: 156px;
}

.kb_nescefe .kmg .col3 {
    margin: 0;
    width: 393px;
}

.kb_nescefe h3 {
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: -0.02em;
    margin: 0;
    text-transform: uppercase;
}

.kb_nescefe h4 {
    color: #01BBAA;
    font-size: 0.85em;
    font-weight: normal;
    margin-top: 2px;
    margin-left: 0;
}

.kb_nescefe a {
    font-size: 0.95em;
}

.kb_nescefe .csc-textpic-text {
    margin-left: -10px;
}

.kb_nescefe .kmg .csc-textpic-text {
    margin-left: 0px;
}

.kb_nescefe div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 0px !important;
}

.csc-frame-frame1 .kb_nescefe .row {
    margin-top: 45px;
}

.csc-frame-frame1 .kb_nescefe .col {
    border-top: none;
}

/* ------------------------------------------------------------- */
/* dynamic_table */
/* ------------------------------------------------------------- */

.tx-dynamictable-pi1 {
	border-top: 1px solid #01BBAA;
	padding-top: 1px;
    margin-top: 1px;
}

.tx-dynamictable-pi1 table {
    border-collapse: collapse;
	width: 100%;
}

.tx-dynamictable-pi1 th, td {
    padding: 0;
    text-align: left;
    vertical-align: top;
}

.tx-dynamictable-pi1 td {
    border-top: 1px dotted #CCC4B9;
	padding: 10px 0;
}

.tx-dynamictable-pi1 thead th {
    padding-top: 12px;
    padding-bottom: 12px;
}

.tx-dynamictable-pi1 thead a {
    color: #01BBAA !important;
    font-size: 1.5em;
}

.tx-dynamictable-pi1 thead a:hover {
    text-decoration: none !important;
}

.tx-dynamictable-pi1 h3 {
    padding-bottom: 10px;
}

.tx-dynamictable-pi1 h4 {
	margin-top: 25px;
    margin-bottom: 7px;
}

.tx-dynamictable-pi1 .date {
    color: #40413B;
	margin-bottom: 5px;
}

.tx-dynamictable-pi1 .text_row_3 p {
	float: left;
	margin-right: 32px;
	width: 350px;
}

.tx-dynamictable-pi1 .text_row_3 p.last {
    margin-right: 0;
}

.tx-dynamictable-pi1 div.table_closer {
	clear: both;
	text-align: right;
}

.tx-dynamictable-pi1 .img_closer {
    padding-bottom: 25px;
}

/* ------------------------------------------------------------- */
/* dynamic_table awards */
/* ------------------------------------------------------------- */

.tx-dynamictable-pi1 thead.awards .col1 {
    width: 100px;
}

.tx-dynamictable-pi1 thead.awards .col2,
.tx-dynamictable-pi1 tbody.awards .col2 {
    font-weight: bold;
    width: 140px;
}

.tx-dynamictable-pi1 thead.awards .col3 {
    width: 125px;
}

.tx-dynamictable-pi1 thead.awards .col4 {
    width: 175px;
}

.tx-dynamictable-pi1 thead.awards .col5 {
    width: 125px;
}

.tx-dynamictable-pi1 thead.awards .col6 {
    width: 55px;
}

.tx-dynamictable-pi1 tbody.awards .col2 p,
.tx-dynamictable-pi1 tbody.awards .col3 p,
.tx-dynamictable-pi1 tbody.awards .col4 p,
.tx-dynamictable-pi1 tbody.awards .col5 p,
.tx-dynamictable-pi1 tbody.awards .col6 p {
    margin-top: 0;
}

/* ------------------------------------------------------------- */
/* dynamic_table news */
/* ------------------------------------------------------------- */

.tx-dynamictable-pi1 thead.news .col1,
.tx-dynamictable-pi1 tbody.news .col1 {
    width: 168px;
}

.tx-dynamictable-pi1 thead.news .col2,
.tx-dynamictable-pi1 tbody.news .col2 {
    width: 477px;
}

.tx-dynamictable-pi1 tbody.news .col2 {
    font-weight: bold;
}

.tx-dynamictable-pi1 tbody.news .col2 a {
    font-size: 0.95em;
}

.tx-dynamictable-pi1 thead.news .col3,
.tx-dynamictable-pi1 tbody.news .col3 {
    width: 55px;
}

.tx-dynamictable-pi1 thead.news .col4,
.tx-dynamictable-pi1 tbody.news .col4 {
    width: 32px;
}

.tx-dynamictable-pi1 thead.news .col5,
.tx-dynamictable-pi1 tbody.news .col5 {
	border: none;
    width: 36px;
}

.tx-dynamictable-pi1 thead.news .col6,
.tx-dynamictable-pi1 tbody.news .col6 {
    border: none;
    width: 222px;
}

.tx-dynamictable-pi1 tbody.news .col6 {
    padding-top: 0;
}

.tx-dynamictable-pi1 tbody.news .col6 h3 {
    border-top: 1px solid #01BBAA;
    margin-top: 0 !important;
    padding-top: 5px;
}

.tx-dynamictable-pi1 tbody.news .col2 p,
.tx-dynamictable-pi1 tbody.news .col3 p  {
    margin-top: 0;
}

.tx-dynamictable-pi1 tbody.news .col4 div.table_opener {
    padding-top: 38px;
}

/* ------------------------------------------------------------- */
/* dynamic_table jobs */
/* ------------------------------------------------------------- */

/* hinzugefügt von 4D am 15.10.2010 um die Schriftgrößen in den News einheitlich zu gestalten*/
#content .tx-dynamictable-pi1-listrow .jobs .slidable td div p,
#content .tx-dynamictable-pi1-listrow .jobs .slidable td div {	
	font-size:11px;	
	line-height:18px;
}

#content .tx-dynamictable-pi1-listrow .jobs .slidable td div ul li {	
	font-size:11px;	
	line-height:16px;
	padding-bottom: 5px;
}

.tx-dynamictable-pi1 thead.jobs .col1,
.tx-dynamictable-pi1 tbody.jobs .col1 {
	width: 276px;
}

.tx-dynamictable-pi1 tbody.jobs .col1 {
    font-weight: bold;
}

.tx-dynamictable-pi1 thead.jobs .col2,
.tx-dynamictable-pi1 tbody.jobs .col2 {
    width: 140px;
}

.tx-dynamictable-pi1 thead.jobs .col3,
.tx-dynamictable-pi1 tbody.jobs .col3 {
    width: 110px;
}

.tx-dynamictable-pi1 thead.jobs .col4,
.tx-dynamictable-pi1 tbody.jobs .col4 {
    width: 162px;
	
}

.tx-dynamictable-pi1 thead.jobs .col5,
.tx-dynamictable-pi1 tbody.jobs .col5 {
    width: 32px;
}

.tx-dynamictable-pi1 tbody.jobs .col1 p,
.tx-dynamictable-pi1 tbody.jobs .col2 p,
.tx-dynamictable-pi1 tbody.jobs .col3 p,
.tx-dynamictable-pi1 tbody.jobs .col4 p {
    margin-top: 0;
}

.tx-dynamictable-pi1 tbody.jobs .col5 div.table_opener {
    padding-top: 38px;
}

/* ------------------------------------------------------------- */
/* dynamic_table portfolio */
/* ------------------------------------------------------------- */

.tx-dynamictable-pi1 thead.portfolio .col1,
.tx-dynamictable-pi1 tbody.portfolio .col1 {
    width: 168px;
}

.tx-dynamictable-pi1 thead.portfolio .col2,
.tx-dynamictable-pi1 tbody.portfolio .col2 {
    width: 158px;
}

.tx-dynamictable-pi1 tbody.portfolio .col2 {
    font-weight: bold;
}

.tx-dynamictable-pi1 thead.portfolio .col3,
.tx-dynamictable-pi1 tbody.portfolio .col3 {
    width: 138px;
}

.tx-dynamictable-pi1 thead.portfolio .col4,
.tx-dynamictable-pi1 tbody.portfolio .col4 {
    width: 146px;
}

.tx-dynamictable-pi1 thead.portfolio .col5,
.tx-dynamictable-pi1 tbody.portfolio .col5 {
    width: 90px;
}

.tx-dynamictable-pi1 thead.portfolio .col6,
.tx-dynamictable-pi1 tbody.portfolio .col6 {
    width: 32px;
}

.tx-dynamictable-pi1 thead.portfolio .col7,
.tx-dynamictable-pi1 tbody.portfolio .col7 {
    border: none;
    width: 36px;
}

.tx-dynamictable-pi1 thead.portfolio .col8,
.tx-dynamictable-pi1 tbody.portfolio .col8 {
    border: none;
    width: 222px;
}

.tx-dynamictable-pi1 tbody.portfolio .col8 {
    padding-top: 0;
}

.tx-dynamictable-pi1 tbody.portfolio .col8 h3 {
    border-top: 1px solid #01BBAA;
    margin-top: 0 !important;
    padding-top: 5px;
}

.tx-dynamictable-pi1 tbody.portfolio .col8 ul {
    margin-top: 0;
}

.tx-dynamictable-pi1 tbody.portfolio .col2 p,
.tx-dynamictable-pi1 tbody.portfolio .col3 p,
.tx-dynamictable-pi1 tbody.portfolio .col4 p,
.tx-dynamictable-pi1 tbody.portfolio .col5 p {
    margin-top: 0;
}

.tx-dynamictable-pi1 tbody.portfolio .col6 div.table_opener {
    padding-top: 38px;
}

/* ------------------------------------------------------------- */
/* contact_form */
/* ------------------------------------------------------------- */

.contact_form .two-cols {
    width: 495px;
    margin-top: 32px;
}

.contact_form .left {
    float: left;
}

.contact_form .right {
    float: right;
}

.contact_form address {
    font-style: normal;
}

.contact_form .two-cols .text-400 {
    margin-bottom: 20px;
}

.contact_form .text-400 {
    border-top: 1px solid #01BBAA;
    float: left;
    line-height: 18px;
    padding-top: 5px;
    width: 393px;
}

.contact_form .two-cols .text-400 .formfield {
    margin :0 0 10px;
}

.contact_form .two-cols .text-400 span {
    color :#01BBAA;
}

.contact_form .two-cols .text-400 input,
.contact_form .two-cols .text-400 textarea {
    background :url("../images/bg_transparent.png") repeat scroll 0 0 transparent;
    color :#FFFFFF;
}

.contact_form .two-cols .text-400 input,
.contact_form .two-cols .text-400 textarea,
.contact_form .two-cols .text-400 select {
    border :0 none;
    color :#000000;
    margin :0;
    padding :0;
    width :393px;
}

.contact_form .two-cols .text-400 select {
    font-family: Verdana;
    font-size: 0.9em;
}

.contact_form label {
    font-size: 0.9em;
}

.contact_form .two-cols .text-400.halfwidth .formfield {
    float: left;
    margin: 0 55px 10px 0;
    width: 165px;
}

.contact_form .two-cols .text-400.halfwidth .formfield.nomargin {
    margin-right: 0;
}

.contact_form .two-cols .text-400.halfwidth input,
.contact_form .two-cols .text-400.halfwidth textarea,
.contact_form .two-cols .text-400.halfwidth select {
    width: 165px;
}

.contact_form .two-cols .text-400 .usr-block {
    margin: 0;
}

.contact_form .two-cols .text-400 span {
    color: #01BBAA;
}


.contact_form .two-cols .addPerson address p span {
	display:block;
	color:#CCC4B9;
}

.contact_form .two-cols .text-400 button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 1em;
    padding: 0;
}

.contact_form .usr-block {
    background: url("../images/icon_more.gif") no-repeat scroll left center transparent;
    color: white !important;
    display: block;
    font-weight: bold;
    margin: 5px 0;
    padding-left: 16px;
    text-decoration: none;
}

.contact_form div.text img {
    margin: 13px 0 17px;
}

/* added by 4d end  */
.contact_form .error label {
	color:#ff0000;
}

.contact_form .two-cols .text-400 input,
.contact_form .two-cols .text-400 textarea {
	color:#fff;
}
/* added by 4d end  */