/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/

/* reset-min.css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* fonts-min.css*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* 
** # strich-komma.de
** 
**  Version: 1.06
**  Dateiversion: 13.03.2011 06:45:14

font-size:77% = 10 
font-size:85% = 11 
font-size:93% = 12 
font-size:100% = 13 
font-size:108% = 14 
font-size:116% = 15 
font-size:123.1% = 16 
font-size:131% = 17 
font-size:138.5% = 18 
font-size:146.5% = 19 
font-size:153.9% = 20 
font-size:161.6% = 21 
font-size:167% = 22 
font-size:174% = 23 
font-size:182% = 24 
font-size:189% = 25 
font-size:197% = 26 
*/


/* Layout ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html, body {
  padding: 0;
  margin: 0;
  min-width: 1000px;
  min-height: 440px;
  background: #000 url(../x_css/images/bg-patter.gif);
}

div#wrapper { background: url(../x_css/images/spot.png) no-repeat center top;  }

div.contentBox { width: 880px; margin: 0 auto; padding: 0 21px; }

#loginContent-wrapper { border-bottom: solid 2px #000; }
#loginContent-wrapper.active { border-bottom: solid 0; }
div#loginContent {
  display: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: #000;
  background: -moz-linear-gradient(top, #202020, #1d1d1d);
  background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#1d1d1d));
  border-bottom: 1px solid #000;
}

div#loginContent div.innerContent {  width: 880px; margin: 0 auto; padding: 35px 21px 44px; }
div#startContent { position: relative; padding-top: 28px; }
div#referencesContent { min-height: 600px; width: 1020px; padding: 0 0; }
div#productivityContent {}
div#productivityContent .sub4Col { padding-top: 10px; }
div#workflowContent .sub1Col { margin-top: 20px; min-height: 372px; background: url(../x_css/images/sprite-kombinat.png) no-repeat -494px -498px; }
div#contactContent { position: relative; padding-bottom: 350px; }
div#disclaimerContent-wrapper { border-top: solid 2px #000; position: relative; top: 17px; }
div#disclaimerContent-wrapper.active { border-top: solid 0; position: static; top: 0; }
div#disclaimerContent-wrapper.active div#disclaimerContent { position: static; top: 0;}
div#disclaimerContent { 
  position: relative; top: -17px;
  display: none;
  width: auto;
  margin: 16px 0 0;
  padding: 46px 0 2em 0;
  background: #000;
  background: -moz-linear-gradient(top, #1b1b1b, #1d1d1d);
  background: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), to(#1d1d1d));
  border-top: 1px solid #000;
}

div#disclaimerContent div.innerContent { width: 880px; margin: 0 auto; padding: 0 21px 1px; }

div#telephoneContent-wrapper { position: fixed; top:  30%; width: 100%; }
div#telephoneContent-wrapper.active { position: static; top: 0; }
div#telephoneContent-wrapper.active div#telephoneContent { top: 0;}

div#telephoneContent { 
  position: relative;
  display: none;
  width: 980px;
  margin: 16px auto;
  background: transparent url(../x_css/images/bg_tel.png) repeat scroll 0% 0%;
  border: 5px solid transparent;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius:15px;
  border-radius: 15px;
}

div#telephoneContent div.innerContent { width: auto; margin: 0 auto; padding: 0 21px 1px; text-align: center; }
div#telephoneContent div.innerContent span.number { color: #EEEEEE; font-weight: bold; font-size: 8em; white-space: nowrap; }

.sub1Col, .sub2Col, .sub4Col { padding: 0 20px;}
.subCol { float: left; }

.sub2Col { }
.sub2Col .subCol { width: 408px; margin-left: 24px; }
.sub2Col .subCol:first-child { margin-left: 0px; }

.sub4Col .subCol { width: 192px; margin-left: 24px; }
.sub4Col .subCol:first-child { margin-left: 0px; }

ul.sub4Col {}
ul.sub4Col li { float: left; width: 192px; margin-left: 24px; }
ul.sub4Col li:first-child { margin-left: 0; }

ul.sub4Col li ul li{ margin: 0 0 .2em 0;}

div#loginContent .subColFirstItem { width: 370px; }
div#loginContent .subColLastItem {  margin-left: 51px; width: 417px; }

div.spacer {
  float: left;
  height: 12px;
  clear: left;
  margin-right: 8px;
  /*border-right: 1px solid red;*/
}


/* Basic-Typo ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1, h2, h3, h4, h5, h6, p,  ul, dl, ol, th, td, address { font-size: 100%; font-family: arial, trebuchet, sans-serif; color: #fff; }

p, label, li { color: #ccc; }

h2 { margin-bottom: .8em; }
h3, h4, p, ul, dl, ol, address { margin-bottom: .5em; }

p, ul, dl, ol, address { line-height: 146.5%; }

dl *,
dl ul,
ol ul,
ul ul,
ul dl,
ul p,
th ul,
th dl,
th p,
td ul,
td dl,
td p { font-size: 100%; }

address strong,
address span { display: block; font-style: normal; }

/* helpers */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: block }
  
/* Inhaltblöcke überspringen */
.hiddenStructure {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}
.hiddenStructure:focus, .hiddenStructure:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

/* Typo ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#bottomHR { height: 7px; position: relative; top: 20px; background: #000; }
div.hr hr { visibility: hidden; }

h1 { 
  clear: both;
  margin-bottom: 22px;
  padding: 0 0 10px 16px;
  background: url(../x_css/images/double-line_first.png) repeat-x left bottom;
}

h1 a { 
  display: block;
  width: 224px;
  height: 72px;
  text-indent: -999em;
  background: url(../x_css/images/sprite-kombinat.png) 0px 0px no-repeat;
}

h2 { margin-bottom: 10px; font: italic bold 261.5%/100% 'Times New Roman',Times,serif; text-shadow: #000 -2px 2px 2px;}

div#referencesContent h3,
div#productivityContent h3,
div#workflowContent h3,
div#contactContent h3{
  margin: 48px 0 8px;
  padding: 0 20px 6px;
  font-size: 161.6%;
  font-weight: normal; 
  text-transform: uppercase;
  color:#23769a;
  text-shadow: #000 -1px 1px 1px;
  background: url(../x_css/images/double-line.png) repeat-x left bottom; 
}

div#referencesContent h3 {
  margin: 55px 70px 0;
}
div#productivityContent h3 {
  margin-top: 37px;
}
div#workflowContent h3 {
  margin-top: 58px;
}
div#contactContent h3 {
  margin-top: 40px;
  margin-bottom: 14px;
}

div#startContent p,
div#productivityContent p,
div#workflowContent p { margin-bottom: .75em; color: #ccc; font-size: 108%; line-height: 161.6%; }

.tooltip { padding: 0 1px; font-weight: normal; border-bottom: 1px dotted; background: black; cursor: help;}


/* login ********************************************************************/

div#loginContent h4 {  margin-bottom: 0; font-size: 100%; text-transform: uppercase; font-weight: bold; color: #fff; }
div#loginContent p { font-size: 100%; line-height: 138.5%; color: #ccc; }

#formLogin { position: relative; padding-bottom: 10px;}
#formLogin fieldset p { margin-bottom: 0; }
#formLogin fieldset p.username { float:left; }
#formLogin fieldset p.password { float:right;}
#formLogin label { display: block; margin-bottom: 2px; font-size: 100%;  color: #ccc; }

form#formLogin input[type='text'],
form#formLogin input[type='password'] {
  width: 186px;
  height: 26px;
  padding: 2px 8px 2px; 
  font-size:93%; color: #ddd;
  border: 1px solid #464646;
  background: #232323;
}

form#formLogin input[type='text']:focus,
form#formLogin input[type='password']:focus {
  background: #1c1c1c;
}

#formLogin p.pwForgotten { clear: both; margin-top: 11px; }
#formLogin p.pwForgotten a { text-decoration: underline; }
#formLogin p.pwForgotten a:hover { color:#fff; }
#formLogin p.submit { position: absolute; bottom: 3px; right: -2px; }

/* references ***************************************************************/
.carousel h4 { margin: 0 70px 0em; padding: 2em 20px 0; text-transform: uppercase; font-weight: bold; color: #fff; background: url(../x_css/images/double-line.png) repeat-x left top;  }
.carousel p { width: 800px; margin: 0 90px 0; color: #ccc; font-size: 108%;  }
.carousel img { display: block; }
.carousel a.externalLink { display: block; margin: 1em 90px 0 86px; padding-left: 4px; font-weight: bold; color: #fff; float: left; clear: left; }
.carousel a.externalLink:hover { background-color: #000; }

#referencesContent a.textlink {
color: #ccc;
text-decoration: underline;
}

/* productivity ********************************************************************/
div#productivityContent ul li { font-size: 108%; line-height: 138.5%; color: #ccc; }
div#productivityContent h4 {
  margin-bottom: 6px;
  letter-spacing: -.004em;
  font: italic bold 261.5%/110% 'Times New Roman',Times,serif; 
  text-align: center;
  text-shadow: #000 -1px 1px 1px; }
  div#productivityContent p { text-align: center; }
  
  div#productivityContent ul.sub4Col { padding: 0; background: url(../x_css/images/bg_list.png) repeat-y; }
  div#productivityContent ul.sub4Col li {  margin-left: 9px;  padding: 20px 13px 25px; width: 187px;  }
  div#productivityContent ul.sub4Col li:first-child { margin-left: 0; }
  div#productivityContent ul.sub4Col li h5 { margin-bottom: 10px; font-weight: bold; text-transform: uppercase; }
  div#productivityContent ul.sub4Col li ul { background: none; }
  div#productivityContent ul.sub4Col li ul li { margin-left: 0; padding: 0 0 0 10px; font-size: 100%; background: url(../x_css/images/sprite-kombinat.png) no-repeat 0 -468px; }
  
  
/* workflow *****************************************************************/
div#workflowContent h4 {
  margin-bottom: 6px;
  padding-top: 18px!important;
  letter-spacing: -.04em;
  font: italic bold 261.5%/110% 'Times New Roman',Times,serif; 
  text-shadow: #000 -1px 1px 1px; }
div#workflowContent div.sub1Col { padding-left: 348px;}
div#workflowContent div.sub1Col p { margin-bottom: -8px; }
#workflowContent h5 {
  margin-left: -4px;
  width: 188px;
  height: 40px;
  padding: 0 0 2px;
  text-transform: uppercase;
  background: url(../x_css/images/sprite-kombinat.png) no-repeat 0 -400px;
}
#workflowContent h5 span{
  display: table-cell;
  vertical-align: middle;
  height: 38px;
  font-weight: bold; 
}

#workflowContent ul.sub4Col { padding: 0;  background: url(../x_css/images/bg_list.png) repeat-y; }
#workflowContent ul.sub4Col li { margin-left: 9px;  padding: 20px 13px 25px; width: 187px; }
#workflowContent ul.sub4Col li:first-child { margin-left: 0; }
#workflowContent h5 dfn { padding: 0 4px 0 15px; font-weight: bold; }
#workflowContent ul.sub4Col li p { margin: 18px 0 0; padding-right: 12px; font-size: 108%; line-height: 138.5%; color: #ccc;}

/* contact ******************************************************************/
div#contactContent h6 { clear: left; text-transform: uppercase; font-weight: bold; }

#addressCompany { margin: 10px 0 51px; }
#addressCompany strong { text-transform: uppercase; margin-bottom: 0; font-weight: bold; }
#addressCompany span { color: #ccc; overflow: hidden; line-height: 138.5%;}
#addressCompany span.phone { margin-top: 33px; }
#addressCompany span dfn { float: left; width: 2.6em; }
#addressCompany a { margin-left: -2px; padding: 0 2px; color: #ccc; text-decoration: underline; }
#addressCompany a:hover { color: #ccc; background: #000; }

#contactContent .sub2Col .subColContact { width: 432px; min-height: 256px; margin-left: 0px; background: #232323; }
#contactContent .sendContact { padding: 26px 24px 24px; }
#contactContent .sendContact h4 { margin-bottom: 0px; font: italic bold 216%/120% 'Times New Roman',Times,serif; }
#contactContent .sendContact p { font-size: 100%; line-height:167%; margin-bottom: 38px;}
#sendContact,
#sendContactError { display: none; }

form#contactForm { padding: 20px 24px 28px; position: relative; }
form#contactForm input[type='text'],
form#contactForm textarea {
  margin-bottom: 8px;
  padding: 2px 7px 2px;
  resize:none;
  font-size:12px;
  font-family: arial, trebuchet, sans-serif;
  color: #ccc;
  background: transparent;
  /*border: 1px solid #23769a;*/
  border: 1px solid #575656; }
form#contactForm .formErrorField { border: 1px solid #23769a !important; }  
form#contactForm input[type='text'] { width: 375px; height: 26px; }
form#contactForm input#captcha { width: 198px; }

form#contactForm input[type='text']:focus,
form#contactForm textarea:focus { color: #fff; background: #1c1c1c; }
form#contactForm textarea { width: 375px; height: 77px; padding-top: 5px; margin-bottom: 22px; }
form#contactForm label { display: none; margin-bottom: 2px; font-size:93%; color: #ddd; }

#contactForm p.submit { position: absolute; bottom: 36px; right: 10px; }
#contactForm p.submit input {
  padding: .4em 40px .5em 10px;
  font-size:85%;
  color: #ccc;
  background: #181818 url(../x_css/images/submit.png) no-repeat right center;
  border: 1px solid #181818;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -khtml-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer; 
  }
#contactForm p.submit input:hover {
  background-image: url(../x_css/images/submit_act.png);
}

/* disclaimer ***************************************************************/
div#disclaimerContent h3 {
  margin: 0 0 2em;
  padding: 0 20px 0;
  font-size: 93%;
  font-weight: normal;
  text-transform: uppercase;
  color: #999;
}
div#disclaimerContent h4 {
  margin: 2em 0 1em;
  font-size: 93%;
  font-weight: normal;
  text-transform: uppercase;
  color: #999;
}
div#disclaimerContent h4:first-child {
  margin: 2em 0 1em;
}
div#disclaimerContent h5 {
  font-size: 93%;
  font-weight: normal;
  color: #999;
}
div#disclaimerContent p {
  font-size: 93%;
  color: #999;
  margin-bottom: 1em;
}
div#disclaimerContent address {
  font-size: 93%;
  color: #999;
}

div#disclaimerContent address span.city{
  margin-top: 1em;
}

div#disclaimerContent .sub4Col .subCol { width: 384px; }
div#disclaimerContent .sub4Col .subCol:first-child { width: 192px; }


/* Navigation ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Links */
  a { color: #666666; text-decoration: none; }
  a:focus { outline: none !important; }
  a.externalLink { padding-right: 15px; text-decoration: underline; background: url(../x_css/images/sprite-kombinat.png) right -450px no-repeat; }
  a.externalLink:hover { text-decoration: underline;}
  
  /*.carousel a:hover { background: none; }*/

  /* Button */
  span.button { display: block; float: left; clear: left; padding-right: 18px; background: url(../x_css/images/sprite-kombinat.png) right -100px no-repeat; }
  span.button-inner { display: block; height: 28px; padding-left: 16px; background: url(../x_css/images/sprite-kombinat.png) left -100px no-repeat; }
  span.button a { display: block; padding: 5px 0 0; text-transform: uppercase; font-size:93%; color: #ccc; }
  span.button a:hover { color: #fff; }
  
  
  p.submit { opacity: .6;}
  p.submit span.button { background: url(../x_css/images/sprite-kombinat.png) right -150px no-repeat; }
  p.submit span.button-inner { background: url(../x_css/images/sprite-kombinat.png) left -150px no-repeat; }
  p.submit dfn.submit { display: block; padding: 4px 20px 0 0; text-transform: none; font-size:93%; color: #ccc; background: url(../x_css/images/sprite-kombinat.png) right -350px no-repeat; }
  
  p.submitActive { opacity: 1; }
  p.submit dfn.submit { cursor: default; }
  p.submitActive dfn.submit { cursor: pointer; }
  p.submitActive dfn.submit:hover { color: #fff; background-position: right -400px; }
  

  #topperWrapper { display: block; width: 1000px; margin: 0 auto; }
  #topLink { position: fixed; top: 80%; margin-left: 980px; z-index: 99;  color: #fff; display: none; }
  #topLink a { letter-spacing: .05em; text-shadow: -2px 2px 2px #000; font-size: 100%; padding-right: 5px; display: block; width: 44px; background: url(../x_css/images/sprite-kombinat.png) right -250px no-repeat; }
  #topLink a:hover { background-position: right -300px; }
  #topLink span.button { padding-right: 13px; }
  
  #topperOuter { position: fixed; top: 80%; margin-left: 980px; z-index: 99;  color: #fff; }
  #topperInner { position: relative; height: 124px; width: 27px;  }
  #topperInner a,
  #topperInner dfn { position: absolute; left: 0; display: block; width: 27px; background: url(../x_css/images/sprite-kombinat.png) no-repeat; cursor: default; text-indent: -999em;  }
  #topperInner a.active,
  #topperInner dfn.active { cursor: pointer; }
  #topperInner #topperTop { height: 34px; top: 0; background-position: -100px -1000px; }
  #topperInner #topperPrev { height: 29px; top: 34px; background-position: -100px -1034px; }
  #topperInner #topperNext { height: 28px; top: 63px; background-position: -100px -1063px; }
  #topperInner #topperDisablePrev { height: 29px; top: 34px; background-position: -150px -1034px; }
  #topperInner #topperDisableNext { height: 28px; top: 63px; background-position: -150px -1063px; }
  #topperInner #topperBottom { height: 34px; top: 91px; background-position: -100px -1091px; }
  
  #topperInner #topperTop.active { background-position: 0px -1000px; }
  #topperInner #topperPrev.active { background-position: 0px -1034px; }
  #topperInner #topperNext.active { background-position: 0px -1063px; }
  #topperInner #topperBottom.active { background-position: 0px -1091px; }
  
  #topperInner #topperTop.active:hover { background-position: -50px -1000px; }
  #topperInner #topperPrev.active:hover { background-position: -50px -1034px; }
  #topperInner #topperNext.active:hover { background-position: -50px -1063px; }
  #topperInner #topperBottom.active:hover { background-position: -50px -1091px; }

  
  p#linkMaps,
  ul#linkNetwork p { margin: 7px 0 21px -3px; height: 28px; }
  p#linkMaps a { padding-left: 18px; text-transform: none; background: url(../x_css/images/sprite-kombinat.png) left -650px no-repeat; }
  p#linkMaps a:hover { background-position: left -700px; }
  
  ul#linkNetwork li { display: block; float: left; margin-right: 8px; }
  ul#linkNetwork p#linkXing a { padding-left: 18px; text-transform: none; background: url(../x_css/images/sprite-kombinat.png) left -760px no-repeat; }
  ul#linkNetwork p#linkGoogle a { padding-left: 18px; text-transform: none; background: url(../x_css/images/sprite-kombinat.png) -289px -759px no-repeat; }
  ul#linkNetwork p#linkFacebook a { padding-left: 18px; text-transform: none; background: url(../x_css/images/sprite-kombinat.png) -100px -761px no-repeat; }
  ul#linkNetwork p#linkFacebook span.button-inner { padding-left: 12px; }
  ul#linkNetwork p#linkTwitter a { padding-left: 18px; text-transform: none; background: url(../x_css/images/sprite-kombinat.png) -200px -760px no-repeat; }
  ul#linkNetwork p#linkXing a:hover { background-position: left -815px; }
  ul#linkNetwork p#linkGoogle a:hover { background-position: -290px -814px; }
  ul#linkNetwork p#linkFacebook a:hover { background-position: -100px -816px; }
  ul#linkNetwork p#linkTwitter a:hover { background-position: -200px -815px; }
  
  
 
  /* Navigation ***************************************************************/
  ul#navFunction {
    position: absolute;
    right: 10px;
    top: -1px;
    text-align: right;
    margin: 0 33px 50px 0;
  }
  ul#navFunction li { display: block; float: left;  }
  ul#navFunction li div#google-div { float: left !important; padding: 8px 5px 4px !important; } 
  ul#navFunction li div#googlesite-div { float: left !important; padding: 2px 5px 4px !important; } 
  ul#navFunction li a { display: block; float: left; padding: 6px 5px 4px; font-size:93%; color: #ccc; text-shadow: -1px 1px 2px #000; text-decoration: underline; }
  ul#navFunction li span.delimiter { display: block; float: left; padding: 6px 9px 0; font-size: 77%; }
  ul#navFunction li a:hover { color: #fff; text-decoration: underline; }
  ul#navFunction li#navTabFunc-login  { padding-left: 10px; }
  ul#navFunction li#navTabFunc-login a {
    margin: 0 0 0 7px; 
    padding: 6px 18px 4px;
    font-size: 85%;
    border: 1px solid #000;
    border-top: 0 solid;
    text-transform: uppercase;
    text-decoration: none;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius:  10px;
    border-bottom-left-radius:  10px;
    -moz-border-radius-bottomright:  10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius:  10px;
    border-bottom-right-radius:  10px;
    color: #ccc;
    background: #1d1d1d;
  }
  ul#navFunction li#navTabFunc-login a:hover { text-decoration: none; color: #fff;}
  
  ul#navContent {
    position: absolute;
    right: 0;
    top: 66px;
    margin: 0 41px 0 0;
    padding: .2em 0 .2em;
    text-align: right;
   }
  
  ul#navContent li { display: block; float: left; padding: 5px 13px 12px; }
  ul#navContent li a {
    font-size: 100%;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #ccc;
    text-shadow: -2px 2px 2px #000;
   }
  ul#navContent li a:hover { color: #fff; text-decoration: none; }
  
  ul#navContent li#navTab-references { padding-left: 19px; background: url(../x_css/images/sprite-kombinat.png) left -100px no-repeat; }
  ul#navContent li#navTab-productivity { background: url(../x_css/images/sprite-kombinat.png) -20px -100px no-repeat;}
  ul#navContent li#navTab-workflow { background: url(../x_css/images/sprite-kombinat.png) -20px -100px no-repeat; }
  ul#navContent li#navTab-contact { padding-right: 19px; background: url(../x_css/images/sprite-kombinat.png) right -50px no-repeat; }
  
  ul#navCommunication { float: right; width: 18.1em; margin-left: 50px; }
  ul#navCommunication li { margin-bottom: 8px; }
  ul#navCommunication li a { padding: 2px 4px 6px 35px; font-weight: bold; color: #fff; background: url(../x_css/images/sprite-kombinat.png) 0px 0px no-repeat; }
  ul#navCommunication li a span { border-bottom: 1px solid #fff; padding-bottom: 1px; }
  ul#navCommunication li a:hover { background-color: #000; }
  ul#navCommunication li#navTab-phone a { font-size: 131%;  background-position: 0px -600px; }
  ul#navCommunication li#navTab-phone a:hover { cursor: default!important; }
  ul#navCommunication li#navTab-mail a { background-position: 0px -550px; }
  ul#navCommunication li#navTab-tw a { background-position: 0px -1180px; }
  ul#navCommunication li#navTab-fb a { background-position: 0px -1140px; }
  
  ul#navFooter { position: absolute; bottom: 0; left: 0; min-height: 20px; margin: 0 21px; padding: 0;  }
  ul#navFooter a {
    z-index: 99;
    position: absolute; left:0; /*bottom: -16px;*/ bottom: -18px;
    display: block;
    margin: 0; padding: 0;
    padding: .2em 18px .2em;
    font-size: 85%;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 1px solid #000;
    border-bottom: 0 solid;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius:  10px;
    -khtml-border-top-left-radius:  10px;
    border-top-left-radius:  10px;
    -moz-border-radius-topright:  10px;
    -webkit-border-top-right-radius:  10px;
    -khtml-border-top-right-radius:  10px;
    border-top-right-radius:  10px;
    color: #ccc;
    background: #1b1b1b;
  }

 /* tooltip ***************************************************************/
  #tiptip_holder {
  	display: none;
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 99999;
    padding-bottom: 5px;
   list-style-type:disc;
  }
  
  #tiptip_holder ul li {
	  list-style: disc outside none !important;
	  margin-left: 10px;
}
/**
 *  @version: 0.4
 *  @date   : 12.11.2010 08:01:11
 *  @modified : bernd goebel, strich-komma 
 *   
*/


.carousel,
.carousel .carousel-wrap{margin:0;border:0;zoom:1;}
.js .carousel-wrap{ 
  display:inline-block;
  vertical-align:middle;
  width:1020px;
  /*min-height: 532px;*/
  margin:0 5px 15px;
  /*border:1px solid #4f4f4f;*/
  background:transparent;}
.IE .js .carousel-wrap{display:inline;}
.carousel ul{margin:0;padding:0;zoom:1;}

.js ul li img.refImage{ 
  min-height: 400px;
  display: block;
}

.js ul li{ 
  overflow:hidden;
  /*display:inline;*/
  float:left;
  width:1020px;
  min-height: 532px;
  text-align:center;
}
.carousel .carousel-control{
  overflow:hidden;
  display:inline-block;
  vertical-align:middle;
  width:44px;height:44px;
  cursor:pointer;
  line-height:999px;
  zoom:1;
  background: transparent url(../x_css/images/sprite-kombinat.png) !important;
  }
.carousel .carousel-next{ background-position: -50px -850px!important; }
.carousel .carousel-previous{ background-position: 0 -850px!important; }
.carousel .carousel-next:hover{ background-position: -50px -900px!important; }
.carousel .carousel-previous:hover{ background-position: 0 -900px!important; }

.carousel .disabled,
.carousel .disabled:hover{-moz-opacity:.2;opacity:.2;filter:alpha(opacity=10);cursor:default;}

.carousel .carousel-next.disabled:hover{ background-position: -50px -850px!important; }
.carousel .carousel-previous.disabled:hover{ background-position: 0 -850px!important; }

.carousel div{margin:0;padding:0;border:0;}
.carousel div h4 { background: none; }
.carousel ul {padding:0;list-style:none;}
.carousel ul li{
  position:relative;
  width:1020px;
  margin:0;
  text-align: left;
  }
.carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}
.carousel ul li cite a img{vertical-align:middle;}
.carousel ul li cite a{color:#fff;text-decoration:none;}

div#carouselNavigation {
  text-align: center;
  position: relative;
  vertical-align: middle;
  padding-top: .6em;
  width: 164px;
  height: 41px;
  margin: 0 auto;
  background: transparent url(../x_css/images/sprite-kombinat.png) left -250px no-repeat; 
  }
  
  
div#carouselNavigation span#pagination { position: relative; top: 3px; color: #ccc; font-size: 146.5%; font-family: arial, trebuchet, sans-serif; }
.carousel .carousel-control { position: absolute; top: 0; margin: 0; vertical-align: top; line-height:999px; }
.carousel .carousel-next { right: 2px; }
.carousel .carousel-previous { left: 2px; }
	
	.inputContainer{position:relative; float:left;}
	.formError {
			position:absolute;
			top:300px; left:300px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background: rgb( 11,63,85);background: rgba(11,63,85,0.92);
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:1px solid #ddd;
				border:1px solid rgba(255,255,255,0.25);
				box-shadow: -2px 2px 6px #000;
				-moz-box-shadow: -2px 2px 6px #000;
				-webkit-box-shadow: -2px 2px 6px #000;
				padding:4px 10px 4px 10px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				width:15px;
				margin:-2px 0 0 13px;
				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:1px solid rgba(255,255,255,0.25);;
					border-right:1px solid rgba(255,255,255,0.25);;
					box-shadow: -2px 2px 3px #000;
					-moz-box-shadow: -2px 2px 3px #000;
					-webkit-box-shadow: -2px 2px 3px #000;
					font-size:0px; height:1px; background: rgb( 11,63,85);background: rgba(11,63,85,0.92);margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:rgba(255,255,255,0.25);}
				.blackPopup .formErrorArrow div{background:rgba(255,255,255,0.25);color:rgba(255,255,255,0.25);}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{ none; width:1px;border:none;
					border-left:1px solid rgba(255,255,255,0.25);
					border-right:1px solid rgba(255,255,255,0.25);
					/*border-bottom:1px solid rgba(255,255,255,0.25);*/}
				.formError .formErrorArrow .line2{width:1px;border:none;background: #446471;}
				.formError .formErrorArrow .line1{display: none;}  
				
		
/* 
** # strich-komma
** 
**  Version: 0.01
**  Dateiversion: 05.11.2010 15:30:35
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
*/