/* 
      1) Initialization
      2) Logo, Search and Logins
      3) Navigation
      4) Content
      5) Toolbox
      6) Footer
      7) SiteMap
      8) Popup
      9) Form modules
*/

/************************************ 1) Initialization ***********************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    font-family: Trebuchet MS, Arial, Helvetica;
}
.blind {
    display:none;
}
img, ul, ol, li, p, form, h1 ,h2, h3, h4, h5, h6 
{
  margin: 0;
  padding: 0;
} 
h1 {
  font-size: 1em;
  font-weight: normal;
}
h2 {
  color: #7C7B6D;
  font-size: 1em;
  font-weight: normal;
}
#box {
background: #fff url('/hella-resources/assets/layout/background3.jpg') top left repeat-x;
}
#container, #reddot-mp, #reddot-meta {
  width: 66.4em; 
  margin: 0 auto;
}
#container {
  padding-top: 4.163em;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-weight: bold;
  font-size: 0.938em;
  position: relative;
}
#container img {
border: 0px;
}
#middle {
    float: left;
    background-color: #FFFFFF;
    width: 60.8em;
    padding-left: 3.733em;
    padding-right: 1.867em;
}
.clear {
  clear: both;
}
.clear-home {
  clear: both;
  margin-bottom:0.312em;
}
.ending { height: 3.437em; }
.left {
    float: left;
}
.right {
    float: right;
}
.table {
 font-size: 0.867em;
 font-weight: normal;
}
.table table {
 width: 41.077em;
 border-collapse: collapse;
}
.table tr, .table td  {
 padding-top: 0.385em;
 padding-right: 0.95em; 
 border-bottom-color: #555;
 border-bottom: 1px dotted;
 margin-bottom: 1.538em;
}
.table .line-1 td {
 color: #999; 
 padding-top: 0.769em;
 border-bottom: 1px solid #999;
 font-family: Trebuchet MS, Arial, Helvetica;
 font-size: 1em;
 color: #7c7b6d;
}
.table .line-2 td {
 padding-top: 0.769em;
}
.table a, .table a:hover, .table a.active {
  color: #CD8D00;
  text-decoration: none;
}
a img{ border: 0px;}
/****************************** 2) Logo, Search and Logins ***************************************************/
#logo {
  position: absolute;  
  top: 0em;
  left: 3.6em;
}
#logo img {
  width: 205px;
  height: 196px;
  border: 0px;
}
#logo span {
  position: absolute;
  top: 15em;
  left: 1.2em;
  font-size: 0.733em;
  color: #000;  
}

#power-sport-logo {
    z-index: 100;
    left: 0;/*15.2em;*/
    position: absolute;
    top: 1em;
}
#power-sport-logo img {
    width: 66.4em; /*51.267em;*/
    height: 12.733em; /*10.733em;*/
}

#search {
  position: absolute;  
  top: 13.488em;
  left: 3.6em;
  width: 11.567em;
  height:1.95em;
  background: transparent url('') top left no-repeat;
}
  #search input {
    position: absolute;
    top: .35em;
    left: .8em;
    background: transparent;
    width: 9.2em;
    color: #000;
    border: 0;
    font-variant: italic;
  }
#search a { 
    position: absolute;
    top: 0.4em;
    right: 0.3em;
    color: #000;
    text-decoration: none;
    width: 1.385em;
    height: 1.385em;
    background: transparent url('') top left no-repeat;
  }
 
#search a:hover { 
      background: transparent url('') top left no-repeat;
    }


#login {
  position: absolute;  
  top: 2.231em;
  left: 66.66em;
  font-size:0.867em;
  font-weight: normal;
}
#login a {
  text-decoration: none;
  color: #000;
  
}
#login a:hover,#login a.active {
  color: #CD8D00;
  /* text-decoration: underline; */
}
#login ul {
  list-style-type: none;
}


#login li {
  background-image: url('');
  background-position: 100% 20%;
  background-repeat: no-repeat; 
  padding-right: 0.769em; 
  padding-left: 0.5em;
  padding-bottom: 1.154em;
  float: left;
}

#login .no-bg-image {
background-image: none;
}
#login .main-language {
background-image: none;
}
.otherLoginsFrame, .otherLanguageFrame {
    display: none;
    background: #fff; /* url('') left bottom no-repeat;*/
    left:-6.308em;
    margin-top:4em !important;
    padding-bottom:1.65em;
    padding-left:1.846em;
    padding-right:1.846em;
    position:absolute;
    top:-1.462em;
    width:12.5em;
}
.otherLoginsFrame .topic, .otherLanguageFrame .topic {
  padding-top: 1.8em;
  background-image: url('');
  background-position: 50% 0% !important;
  background-repeat: no-repeat; 
}
.otherLanguageFrame .topic {
  background-position: 85% 0% !important;
}
#login .otherLoginsFrame li, #login .otherLanguageFrame li {
  background-image: none;
  padding-left: 1em;
  clear: both;
  width: 12.308em;
  padding-bottom:0;
}
.main-login a.active {color: #CD8D00;}
#login .topic {
  height: 1.818em;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.846em;
  border-bottom: 1px solid #7C7B6D;
  color: #000;
  margin-bottom: 0.6em;
}
#login .topic .topicContent { margin-left: 1em;}



/************************************ 3) Navigation ***********************************************************/


#mainNavigation {
    position: absolute;
    width: 66.4em;  
    top: 1.867em;
    left: 0;
    height: 2.5em;
}
#mainNavigation li {
    float: left;
    padding-right: 1.782em;
    /*max-width: 11.333em;*/
    /*word-break: break-word;*/
}
#mainNavigation .level1 li {  
    padding-bottom: 1em;
}
#mainNavigation ul {  
  list-style-type: none;
}
#mainNavigation a {
  color: #000;
  text-decoration: none;
}
#mainNavigation .active {
    text-decoration: none;
    color: #CD8D00;
}
.level1 {
    position: absolute;
    padding-left: 17em;
    text-transform: uppercase;
}
.level2, .level3 {
    display: none;
    position: absolute;
}
.level2 {
    float: right;
    font-size: 0.867em;
    font-weight: bold;
    width: 56.533em;
    left: 19.7em;
    top: 6.467em;
}
.level3 {    
    /*width: 26em;*/
    font-size: 1em;
    font-weight: normal;
    text-transform: none;
    left: 0;
    /*top: 2.667em;*/
}
.level3 li {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    clear:both;
    width: 16em;
}
#level2 {
    position: relative;
    opacity: 0.85;
    background-color: white;
    display: none;
    top: 2.299em;
    text-transform: uppercase;    
    width: 49em;
    padding: 1em 0 0 17.067em;
    height: 2.8em;    
}
#arrow {
    position: absolute;
    top: 2.299em;    
    width: 100%;
    height: 100%;
    background: transparent url('') 6.667em 0px no-repeat;
}
#navLine {
    height: 0.067em;
    border-top: 1px solid #7C7B6D;
    width: 47.467em;
    margin-left: 17.01em;
    position: absolute;
    top: 5.2em;
    display: none;
}
.hidden {
    visibility: hidden;
}
#bubble-tips {
    display: none;
}



/************************************ 4) Content ****************************************************************/

.countries {
    width: 60.8em; 
    min-height:27.466em;    
    background: url('/hella-resources/assets/layout/weltkarte.png') repeat-x scroll left top #FFFFFF;
}

.country {
  width: 15.25em;
  float: left;
  margin-bottom: 3em;
  padding-left: 5em;
 /* height: 2em; */
}

.country a {
  text-decoration: none;
  color: #CD8D00;
}

.country div.flag img {  
  float: left;
  width: 2.667em;
  height: 1.8em;
}

.country p {  
  float: left;
  padding-left: 1em;
  padding-top: 0.22em;
  width: 8em;
}

.country-separator {
  width: 45em;
  clear: left;
  margin-bottom: 3em;
 /* height: 2em; */
}

.country-separator .title {
  font-size: 1.6em;
}

#micro-content h1 {
  font-weight: bold;
  font-size: 1.6em;
  margin-top: 1em;
  margin-bottom: 2em;
}


#micro-content-start h1 {
  font-weight: bold;
  font-size: 1.6em;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
}
#micro-content-start .text p {
  font-size: 0.867em;
  text-transform: uppercase;
}

#news {
    color:#7C7B6D;
    font-family: Hella Light, Arial, Helvetica;
    font-style:normal;
    line-height:1.467em;
    margin: 0.3em 0 1.16em;
}
#news h1 {
    color:#000000;
    font-family: Hella Regular, Arial, Helvetica;
    font-size:1.333em;
    font-style:normal;
    line-height:1.1em;
    text-transform:uppercase;
    padding-bottom:1.3em;
}
#news h2 {
    font-family: Hella Light, Arial, Helvetica;
    font-size: 1.333em;
    line-height:1.1em;
}
#wraper {
    clear: both;
    background-color: #ffffff;
}
#wraper-home {
    background-color: #ffffff;
}
#channelImage img {  
  width: 100%;
  padding-bottom: 2.2em;
}
#emptyPlace {
  width: 100%;
  height: 15.8em;
  color: #fff;
}
#middle #emptyPlace {
  width: 100%;
  height: 13.8em;
  color: #fff;
}
#left-side {
  width: 39.45em;
  float: left;
  background-color: #FFFFFF;
}
#left-side a {
  text-decoration: none;
  /*color: #CD8D00;*/
}
#left-side-modules {
  padding-left: 3.7em;
}
#left-side-modules ul, #right-side ul, #left-side-modules ol, #right-side ol  {
  margin-left: 1.462em;
  color: #7C7B6D;
}
#left-side-modules h1 {
      font-family: Hella Regular, Arial, Helvetica;
      padding-bottom: 0.4em;
      font-size:1.539em;
      line-height:1.1em;
      color: #000;
      text-transform: uppercase;
}
#left-side-modules .text sup, #left-side-modules .text sub{
 font-size: 0.769em;
}
#left-side-modules .introImg img {
    width:35em;
}
#left-side-modules .topic li.col1 {
 padding: 0;
 margin: 0;
 text-indent: 0em;
 width: 26.769em;
 float: left;
}
#left-side-modules .topic li.col2 {
 padding-left: 28px;
 margin: 0;
 text-indent: 0;
 width: 12.308em;
 float: left;
}
#left-side-modules .topic ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
 text-indent: 0;
 color:#7C7B6D;
}
#mainImage img {
    width:39.45em;
}
#breadcrumb {
  height: 1.867em;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.733em;
  color: #7C7B6D;
  font-weight: bold;
  position: absolute;
  top: 24.7em;
  left: 5.091em;
  }
#breadcrumb-channel {
  height: 1.867em;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.733em;
  color: #7C7B6D;
  font-weight: bold;
  position: absolute;
  top: 38em;
  left: 5.091em;
}
#breadcrumb a, #breadcrumb-channel a {
  color: #000000;
  text-decoration: none;
}
#breadcrumb a.last, #breadcrumb-channel a.last {
  font-weight: bold;
  color: #CD8D00;
}
#content-navi {
  height: 1.867em;
  padding-bottom: 2.5em;
}
#content-navi li {
  float: left;
  padding-right: 1.692em;   
}
#left-side #content-navi ul {
  list-style-type: none;
  margin: 0px;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  color: #000;
}
#content-navi a {
  font-weight: bold;
  color: #000;
}
#content-navi a:hover {
  font-weight: bold;
  color: #CD8D00;
}
#content-navi .active a {
  font-weight: bold;
  color: #CD8D00;
}
#content-navi .topic-navi {
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  border-bottom: 1px solid #7C7B6D;
  color: #7C7B6D;
  margin-bottom: 0.5em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both;
}
#headline {
  margin-left: 3.733em;
  font-size: 1.133em;
  font-weight: normal;
}

/*

.singleModuleSlide .ui-state-default , .singleModule .ui-state-default {
    border-top: 1px solid #7C7B6D; 
    background: transparent url('')  right no-repeat;
    color:#000000;
}
.singleModuleSlide .ui-state-active, .singleModule .ui-state-active {
    border-top: 1px solid #7C7B6D; 
    background: transparent url('')  right no-repeat;
    color: #CD8D00;
}

*/

.gallery-text {
  width: 35.323em;
  float: left;
  font-weight: normal;
  color: #7C7B6D;
  line-height: 1.231em;
}
.gallery-text a { color: #CD8D00; }
.gallery-images {
  float: right;
  padding:0 0 1em 1em;
  width:11.667em;
}
.gallery-info {
  font-size: 0.667em; font-weight: bold;
}
.gallery-images-large{
    width: 35.3em;
}
.gallery-images-toolbox img.toolbox-image {
  width: 99%;
}
.gallery-innerimages-toolbox img.toolbox-image {
  width: 10.667em;
  margin: 0.533em 0.467em 0 0.467em;
}
.gallery-text .gallery-images img.main-gallery-image {width: 160px;}
.headline-grey {
  color: #555;
  font-size: 1.067em;
  font-weight: normal;
  margin-top: 0.588em;
  margin-bottom: 1.294em;
  clear: both;
  }
  
.headline-greyer {
  color: #999;
  font-size: 1.067em;
  font-weight: normal;
  }  
#left-side-modules .text {
 font-weight: normal;
 color:#7C7B6D;
 font-size: 0.867em;
 line-height: 1.231em;
 margin-bottom: 1.7em;
} 
.text {
 font-weight: normal;
 color:#7C7B6D;
 margin-bottom: 1.867em;
}
.text-download {
 font-weight: normal;
 color:#7C7B6D;
} 
 
.text a{
  text-decoration: none;
  color: #CD8D00;
}
.text p{
  margin-bottom: 1.154em;
}
.textToolbox a:hover{
  text-decoration: none;
}
.text .headline {
    color:#000000;
    display:block;
    font-size:1.538em;
    font-weight:normal;
    line-height:1.1em;
    margin-bottom:1em;
    text-transform:uppercase;
    font-family:Hella Regular,Arial,Helvetica;
    vertical-align: top;
}
.emptypage .text .headline {
    margin-bottom:0;
}
.text ul {
  margin-top: 1.538em;
  margin-left: 1.462em;
  font-size: 1em;
  margin-bottom: 1.538em;
  color: #000;
}
.text sup {
  font-size: 0.769em;
}
.content .highlight {
  color: #CD8D00;
}
.small-headline {
  margin-bottom: 0.769em;
  font-size: 0.867em;
  font-weight: normal;
}
.topic2 {
  height: 1.333em;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  color: #7C7B6D;
  padding-bottom: 0.308em;
  text-transform: uppercase;
  clear: both;
}
.topic {
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  border-bottom: 1px solid #7C7B6D;
  color: #7C7B6D;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both;
}
.hoverTeaser {
    height: 16em;
    width: 35.7em;
    position: relative;
    border: 1px solid #FFF;
}
.teaser-hover-text {
  float: left;
  min-height: 15.38em;
  width: 10.5em;
  font-size: 0.867em;
  color: #838383;
  line-height: 1.23em;
  font-weight: normal;
}
.teaser-hover-images {
    left: 8.87em;
    position: absolute;
    top: 3.6em;
    width: 100%;
    z-index: 100;
  }
  
.teaser-hover-label {
  color: #ce9600;
  left: 10.5em;
  position: absolute;
  top: 9.67em;
}
  
.teaser-hover-label .col{
    float:left;
    font-size:0.867em;
    line-height:1.1em;
    margin:0 0 0 1.623em;
    text-transform:uppercase;
    width:5em;    
}
   
div.jqDockLabel { color: #CE9600; top: 10.3em !important;}
.teaser-hover-text h1 {
  font-size: 1.538em;
  color: #000;
  line-height: 1.1;
  padding-bottom: 0.5em;
}
.teasers {
 /*clear: both; */    
 font-size: 0.867em;
 color: #7C7B6D;
 font-weight:normal;
 line-height: 1.231em;
 padding:0.5em 0 0 0;
}
.teasers a {
      color: #CD8D00;
      text-decoration: none;
      font-size: 1em;
}  
.teasers .teaser {
   width: 12.23em;
   padding-right: 2.2em;
   padding-bottom: 0.8em;
   float:left;
}
.teasers .teaser-last {
   width: 12.308em;
   padding-bottom:0.8em;
   float:left;
}
.teasers .teaser img, .teasers .teaser-last img{
  padding-bottom:0.6em;
}
.teasers .teaser .teaserImg img, .teasers .teaser-last .teaserImg img {
  width:12.308em;
}
.teasers .teaser-last h1, .teasers .teaser h1 {
    font-family: Hella Regular, Arial, Helvetica;
}
.topic ul {
    list-style-type: none;
  }
#emptyPlace2 {
  float: left;
  width: 95%;
  height: 11.1em;
  color: #fff;
}
#right-side  {
  background-color: #ffffff;
  float: left;
  width: 23.149em;
  padding-left: 1.867em;
  padding-right: 1.867em;
  margin-bottom: -0.733em;
}
#right-side img {
    border: 0;
}
#right-side .content ul {
    margin-left: 3.733em;
}
.right-image {
  clear: both;
  float: left;
}
.right-image img {
    width: 100%;
    float: left;
    padding-bottom: 1.333em;
  }
#centred-side  {
  background-color: #ffffff;
  float: left;
  height: 46.533em;
  width: 63.2em; 
  padding-left: 1.333em;
  padding-right: 1.867em;
}
#centred-side img {
  border: 0 none;
}
#centred-side .content ul {
  margin-left: 3.733em;
}
#tools {
  margin-top: 0.933em;
  margin-bottom: 0.4em;
  padding-bottom: 0.41em;
  float: left;
  width: 100%;
  border-bottom: 1px #7C7B6D solid;
 }
#tools img {
  position:relative;
} 
#tools ul {
  list-style-type: none;
  margin: 0;
}
#tools li {
  float: right;
  width: 1.067em;
  margin-left: 0.667em;
  margin-top: 0.2em; 
}
#tools-centred {
  margin-top: 0.933em;
  margin-bottom: 0.4em;
  padding-left: 0.133em;
  padding-bottom: 0.4em;
  float: right;
  width: 47.333em;
  border-bottom: 1px #7C7B6D solid;
}
#tools-centred img{
    position:relative;
}
#tools-centred ul {
  list-style-type: none;
  margin: 0;
}
#tools-centred li {
  float: right;
  width: 1.067em;
  margin-left: 0.667em;
  margin-top: 0.2em; 
}
.event {
font-weight: normal;
margin-bottom: 1.1em;
color: #000;
}
.lastEvent {
  margin: 0;
}
.event a {
color: #CD8D00;
}
.event .date {
color: #7C7B6D;
padding-right: 0.385em;
}
     
#channel-info {
  height: 13.35em;
  color: #7C7B6D;
  font-size: 1.333em;
  font-weight: normal;
  margin-top:2.21em;
  line-height: 1.1em;
  overflow: hidden;
  font-family: Hella Light, Arial, Helvetica;
  margin-bottom:0.1em;
}
#channel-info h2, #channel-info p{
    font-family: Hella Light, Arial, Helvetica;
}
#channel-info h1 {
    font-family: Hella Regular, Arial, Helvetica;
    text-transform: uppercase;
    color: #000000;
    font-weight: normal;
    padding-bottom: 1.3em;
    padding-top:0.15em;
}
.imageModule{
   width: 35.633em;
}

.imageModuleContent{
   background: #fff url('') top left no-repeat;
   /*height:20em;*/
   margin-bottom: 2em;
   width: 100%;
}

.imageModule h2, .imageModuleContent h2{
  color:#000000;
  font-family: Hella Regular, Arial, Helvetica;
  font-size: 1.333em;
  line-height: 1.1em; 
  position: relative;
  padding-top: 0.5em;
  padding-left:0.6em;
  text-transform: uppercase;
   
}
.imageModuleContent p{
  color:#7C7B6D;
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em; 
  font-weight: normal;
  position: relative;
  padding-top:0.808em;
  padding-left:0.923em;
  width: 23.077em;
  margin-left: 0;
  height: 15.385em;
}
.imageModule p { margin-left: 0;}
.imageModule .textField{
  color:#7C7B6D;
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em; 
  font-weight: normal;
  position: relative;
  padding-top:0.808em;
  padding-left:0.923em;
  width: 23.077em;
  margin-left: 0;
  height: 18.4em;
}
.listModule {
     margin-right: 0.533em;
     margin-left: 0.533em;
     overflow: hidden;
}
.scrollListModule {
     overflow: hidden;
}
.scrollListModule h3 {  
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  padding-top: 0.538em;
  margin-bottom: 0.385em; 
}
.listModule h3 {  
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size:0.867em;
  width: 100%;
  position: relative;
  padding-top: 0.538em;
  margin-bottom: 0.385em; 
}
div.textSource, .pictureSource{
    display: none;
    }

/*
.singleModuleSlide h3 , .singleModule h3{
    border-top: 1px solid #7C7B6D; 
    background: white url('')  right no-repeat;
    color:#000000;
    text-transform: uppercase;
    cursor: pointer;
   }
*/   
.singleModule-last{
    border-top: 1px solid #7C7B6D; 
   }
   
.listModule p, .scrollListModule p {
  color:#7C7B6D;
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em; 
  font-weight: normal;
  margin-left: 0;
}
.listModule p sup, .scrollListModule p sup, .listModule p sub, .scrollListModule p sub{
 font-size: 0.769em;
} 
.listModule .textDetails, .scrollListModule .textDetails{
  padding-top: 0.4em; /*0.8em*/
  /*padding-bottom: 2em;*/
  padding-right: 2.667em; 
}
.textDetails a {
    color: #CD8D00;
    font-size: 1em;
    font-weight: normal;
}
.textDetails a:hover {
    text-decoration: none;
}
.textDetails .download { margin-bottom: 1em; }
.textDetails .ul-headline {
    color: #7C7B6D;
}
.textDetails li {
    color: #000;
clear: both;
}
.download, .download a{
  color:#CD8D00;
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.931em;
  line-height: 1.231em; 
  font-weight: normal;
  overflow: hidden;
  display: block;
}
.emptypage .downloads { font-size:1.074em; margin-bottom:1.8em; }
.naviModule{
  display: block;
  width:  100%;
  font-size: 0.867em;
  line-height: 1.231em;
  color: #000000;
  background-color: #E9E9E9;
  margin-top: -2.385em;
  text-transform: uppercase;
  padding-top: 0.462em;
  height: 1.846em;
  margin-bottom: 0.769em;
}
.naviModule a{
  font-size: 1em;
  line-height: 1.231em;
  color: #000000;
}
.naviModule a:hover{
  font-size: 1em;
  line-height: 1.231em;
  color: #CD8D00;
}
.naviModule ul li{
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  padding-left: 1.538em;
}
#left-side-modules .naviModule ul{
  margin: 0px;
  padding: 0px;  
}
.naviModule a.active{
 color: #CD8D00;
}
#contentModule{
  display: block;
  width: 41.231em;
  font-size: 0.867em;
  line-height: 1.231em;  
  color: #7C7B6D;
  margin-bottom: 3.077em;
  height: 6.15em;
  font-weight: normal;
}
#contentModule img{
  width: 12.308em;
  height: 6.15em;
  float:left;
}
#contentModule .contentNaviText{
  width: 27.308em;
  height: 4.615em;
  float: right;
  margin-left: 0px;
  padding-top: 0.385em;
}
.contentNaviText a {
    color: #CD8D00;
    display: block;
 }
.navigation-column {float: left; width: 20.385em;}  
/*****  Sliding list   *****/
.contentSliding{
   height:26em;
   margin-bottom: 0.667em;
   width: 35.633em;
   overflow:hidden; 
   position: relative;
}
.contentSliding ul, .contentSliding ul li{
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
}
.contentSliding .textDetails ul li , .singleModule .textDetails ul li , .singleModuleSlide .textDetails ul li, .singleModuleSlide .gallery-text ul li{
    list-style-type:disc;
    margin-left:0.615em;
    font-size: 0.867em;
    font-weight: normal;
    color: #7C7B6D;
    /*text-transform: uppercase;*/
}
.contentSliding .textDetails ul li ul li, 
.singleModule .textDetails ul li ul li, 
.singleModuleSlide .textDetails ul li ul li, 
.singleModuleSlide .gallery-text ul li ul li{
   font-size: 1em;
}
.singleModuleSlide .textDetails a {font-size: 1em;}
.singleModuleSlide .textDetails ul li a { font-size:1.154em; }
.singleModuleSlide .download a {font-size:0.931em;}
#left-side-modules ul.slider {
    color:#000000;
    font-size: 1em;
    margin-bottom: 0 ;
    margin-left:0;
    margin-top:0;
}
.contentSliding ul li{
  width: 35.633em;
  }
.contentSliding h2{
  color: #000000;
  font-family: Hella Regular, Arial, Helvetica;
  font-size: 1.333em;
  line-height:1.1em; 
  position: relative;
  padding-top: 0.5em;
  padding-left: 0.6em; 
  height: 2.25em;
  text-transform: uppercase;
  width: 16em;
}
.contentSliding p{
  color:#7C7B6D;
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em; 
  font-weight: normal;
  padding-top:2.508em;
  padding-left:0.923em;
  padding-bottom: 0.769em;
  width: 15.385em;
  margin-left: 0;
  height: 15.385em;
  position: relative;
}

/*
.contentSlidingBg {
  background: white url('') top left no-repeat;
  position: absolute; 
  top: 0;
  left: 0; 
  width: 100%; 
  height: 19.9em;
}

*/
.slidingModule{
   margin-left: 0.667em; 
   margin-right: 0.667em;
   background-color: transparent;
   overflow: visible; 
}
.slidingModule h3{  
  font-family:Trebuchet MS, Arial, Helvetica;
  font-size: 0.867em;
  width: 40em;
  position: relative;
  padding-top: 0.538em;
  margin-bottom: 0.385em;
  text-transform: uppercase; 
}
.contentSliding .textDetails p{
  width: 32.333em;
  margin-bottom: 0.667em;
  padding-top: 0.667em;
  height: auto;
}
.graphic, .prevBtn, .nextBtn { 
  display:block;
    width: 2em;
    position:relative;
    background:url(../images/btn_prev.gif) no-repeat 0 0;    
    cursor:pointer;
}
.prevBtn{ display: none;}
div.contentSlidingBlock{position: relative;}
span#controls{
  position: absolute;
  left: 32em;
  top: 8em;
}
.pressImage {float: right; margin-right: 1.333em;}
.pressContent {  width: 30.308em; float: left; font-size: 0.867em; line-height: 1.231em; font-weight: normal; color: #7C7B6D; margin-bottom: 1.867em;}
.pressContent a { color: #CD8D00; text-decoration: none; font-size: 1em;}
.pressContent a:hover {text-decoration: none;}
.headlinePress { display: block; font-size: 0.933em; font-weight: 700; color:#000000; text-transform: uppercase;}
.emptypage{
    float: left;
    background-color: #FFFFFF;
    width: 70.154em;
    padding: 0 0 4.3em 0;
    font-size: 0.867em;
    color: #7C7B6D;
    font-family: Trebuchet MS, Arial, Helvetica;
}
.emptypage table {
    border-spacing: 0;
}
.emptypage table tr, .emptypage table td {
    border-bottom: 1px dotted #7C7B6D;
    margin:0 0 1.538em;
    padding:0.385em 0.95em 0 0;
}
/*.emptypage table tr td.firstColumn {
    border-bottom: 1px dotted #7C7B6D;
    padding: 1.154em 0 1.154em 0;
}*/
.emptypage a:link {
    color: #CD8D00;
    text-decoration: none;
}
.emptypage a:visited {
    color: #CD8D00;
    text-decoration:none;
}
.emptypage a:hover {
    color: #CD8D00;
    text-decoration: none;
}
.emptypage a:active {
    color: #CD8D00;
}
.emptypage  h1 {
    color: #7C7B6D;
    font-size: 1.538em;
    font-weight: normal;
}
.emptypage  h2 {
    color: #000000;
    font-size: 1.308em;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 1em;
}
.emptypageFlash{ margin-top: 2em; }
.imprint table {
    width: 70.154em;
    border-collapse: collapse;
    color: #7C7B6D;
}
.imprint tr, .imprint td  {
    padding-top: 1.154em;
    padding-bottom: 1.154em; 
    border-bottom-color: #7C7B6D;
    border-bottom: 1px #7C7B6D dotted;
    margin-bottom: 1.538em;
}
.imprint .line-0 td {
    border-bottom: 0px;
}
.imprint .line-1 td {
    padding-top: 0.769em;
    border-bottom: 1px #7C7B6D solid;
}
.imprint .line-2 td {
    padding-top: 0.769em;
}
.topicCol { 
    clear: none;
    float:left;
    width: 12.3em;
    margin-right: 2.1em;
}
.topicCol.firstBig {
    width: 26.7em;
    margin-right: 2.1em;
}
.topicCol.lastBig {
    width: 26.7em;
    margin-right: 0;
}
.topicCol.lastTopic {
   margin-right: 0;
}
.topicCol.onlyOne {
    width: 100%;
    margin-right: 0;
}
.largeImageFlash{width:35.3em;} 
/************************************ 5) Toolbox **************************************************************/
.toolbox a{
  text-decoration: none;
  color: #CD8D00;
  font-size:1em;
}
.textToolbox a:hover{
  text-decoration: none;
}
.toolbox {
 font-weight: normal;
 color:#7C7B6D;
 font-size: 0.867em;
 line-height: 1.231em;
 margin-bottom: 0.65em;
 position: relative;
 height:auto;
} 
.toolbox .headlineToolbox { display: block; font-weight: 700; color:#000000; }
.toolbox .topic {
  /*height: 2.154em;*/
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 1em;
  border-bottom: 1px #7C7B6D solid;
  color: #7C7B6D;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both;
  line-height: 1.385em;
  width: 100%;
}
    .toolbox.downloadboxTypA .textToolbox {
        width: 13.077em;
        float: left;
    }
    .toolbox.downloadboxTypA .imageToolbox {
        width: 12.308em;
        float: right;
        margin:0 0 0.2em 0;
    }
    .toolbox a.download {
        display: block;
        margin-top: 0em;
       }
    .toolbox.downloadboxTypB .imageToolbox {
        float: left;
        width: 100%;
    }
    .toolbox.downloadboxTypB .first, .toolbox.downloadboxTypB .second {
        padding: 0 0.538em 0 0;
        width: 6.308em;
    }
    .toolbox.downloadTypboxB .third {
        padding: 0;
        width: 6.308em;
    }
    .toolbox.downloadTypboxB .last {
        padding: 0;
        width: 6.308em;
    }
    
/*
.toolbox .imageModule, .toolbox .imageModuleContent, .toolbox .listModule {
   background: white url('') top left no-repeat;
   margin: 0 0 2.385em;
   width: 100%;
}
*/
.toolbox .listModule {
    background: #fff;
}
.toolbox .headlineToolbox, .toolbox .topic {
    font-weight: bold;
}
.toolbox .headlineToolbox {
    text-transform: uppercase;
   
}
.toolbox p .headlineToolbox { margin-top: 1.15em;}
.toolbox .videoText {
    width: 12.308em;
    margin-right:2.054em;
    float: left;
}
.toolbox #videoPlayerLarge {
    float: left; 
    width: 26.769em;
    height: 18.154em;
    /*margin-bottom: 2.154em;*/
}
.toolbox .textDetails p{
    margin-bottom: 0.769em;
}
.toolbox .listModule h3 , .toolbox .listModule p,  .toolbox .scrollListModule p {
    font-size: 1em;
}
.toolbox .playVideoArrow { display: none; left: 5em; position: absolute; top: 2em;}
/*******VIDEO******/

.singleModule .ui-widget-content, .singleModuleSlide .ui-widget-content, .slidingModule .ui-widget-content{ border:0px solid #AAAAAA;}
.videoDialogUi.ui-dialog {overflow:hidden; padding:0.2em; position:absolute; width:23.077em; top: 23.077em; left: 23.077em;}
.ui-widget-overlay { height:100%; left:0; position:absolute; top:0; width:100%; background:url("") repeat-x scroll 50% 50% #AAAAAA; opacity:0.3; filter: alpha(opacity=30); }
.videoDialogUi.ui-widget-content{ /*background:url("") repeat-x scroll 50% 50% #FFFFFF; border:1px solid #AAAAAA; */ color:#222222; }
.videoDialogUi.ui-dialog .ui-dialog-content { background:none repeat scroll 0 0 transparent; border:0 none; overflow:auto; margin: 0px 0px 0 0; padding: 0 0 0 0; position:relative; }
.videoDialogUi.ui-dialog .ui-dialog-titlebar-close {
    height:1.385em;
    margin:-0.769em 0 0;
    padding:1px;
    position:absolute;
    right:0.3em;
    top: 1.077em;
    right: 0.462em;
    width: 1.462em;
}
.videoDialogUi .ui-dialog-titlebar .ui-icon {
    display:block;
    overflow:hidden;
    position:relative;
    left: -25px;
    color: #fff;
   
    text-indent:-99999px;
}
.videoDialogUi .ui-dialog-titlebar .ui-icon {
    background: transparent url("") center center no-repeat;
    height: 1em;
    width: 4em;
}
.videoDialogUi.ui-dialog a{text-decoration: none;}
.videoTeaserModule img{cursor: pointer;}



/******************** Corner radius ************************/
.ui-corner-tl { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em;}
.ui-corner-tr { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }
.ui-corner-bl { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; }
.ui-corner-br { -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
/*.ui-corner-top { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }*/
/*.ui-corner-bottom { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }*/
.ui-corner-right {  -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
.ui-corner-left { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; }
.ui-corner-all { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
.singleModule .ui-corner-all, .singleModuleSlide .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-dialog-titlebar { background-color: #7C7B6D; -moz-border-radius: 0.5em 0.5em 0 0; }
.toolbox .report-slider {
    width: 26.769em;
    position: relative;
    overflow: hidden;
}
.toolbox .reports .text .headlineSlider p, .toolbox .reports-simple .report-simple .headline { display: block; font-weight: 700; text-transform: uppercase; color: #000000; Trebuchet MS, Arial, Helvetica;} 
#right-side .toolbox .report-slider ul {
        margin: 0;        
    }
.toolbox .report-slider li {
        display: block;
        width: 26.769em;
        list-style-type: none;
    }
.toolbox .report-slider .topic {
        text-indent: 3.077em;
    }
.toolbox .toolbox-controls {
        position: absolute;
        top: 1px;
        left: 0;
    }
.toolbox .prevBtn { 
        position: absolute;
        top: 0;
        display: block;
    }
.toolbox .nextBtn { 
        position: absolute;
        top: 0;
        left: 1.385em;
    }
.toolbox .report-slider .text {
        width: 12.308em;
        float: left;
    }
.toolbox .report-slider .image {
        width: 12.308em;
        float: right;
        margin-bottom:2em;
        margin-right:0.308em;
    }
.toolbox .reports-simple
{
  width: 26.69em;
  font-weight:normal;
  color: #000;
  overflow:hidden; 
}
.toolbox .reports-simple img  {
   margin:0 0 0.2em;
}
.toolbox .report-simple {
  width: 12.308em;
  float: left;
  /*position: relative;
  top: 0.769em;*/
  color: #7C7B6D;
}
.toolbox .report-simple h1 {
  padding-bottom: 0.769em;
  font-size: 1em;
  line-height: 1.231em;
}
.toolbox .report-simple a {
  color: #CD8D00;  
  text-decoration: none;
  font-size:1em;
}
#right-side .toolbox .reports-simple ul  { margin-bottom: 0; }
.toolbox .reports-simple img {
  position: relative;
  /* left: 28px; */
  width: 12.308em; 
  float: right;
}
.toolbox .reports .text p {
    color:#7C7B6D;
    margin-bottom:1.154em;
}
/************************************ 6) Footer ***************************************************************/
#footer {
  background: #fff url('/hella-resources/assets/layout/background.jpg') top left repeat-x;
  clear: both;    
  font-weight: normal;
  height: 6.667em;
}
#footer #footer-in ul {
    list-style-type: none;
    margin-top: 0.951em;
    width: 100%;
    padding-left: 2em;
}
#footer #footer-in li {
    background-image: url('/hella-resources/assets/layout/footer_sign.JPG');
    background-position: right center;
    background-repeat: no-repeat; 
    float: left;
    padding-right: 0.933em;
    margin-right: 0.667em;                           
}
#footer #footer-in img {
  padding-left: 2em;
}
#footer #footer-in a {
    color: #000;
    text-decoration: none;
}
#footer #footer-in .no-bg-image {
    background-image: none;
}
#inner-footer {
  padding-top: 3.8em;
  clear: both;           
}
#footer #footer-in { 
    font-size: 0.812em;
    font-family:Trebuchet MS, Arial, Helvetica;
    line-height: 1em;
    width: 82.545em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10.2em;
}
#copyright {                             
  float: left;
  width: 100%;
  color: #7C7B6D;
  font-size:0.846em;
  line-height:1.273em;
  padding-left:2.32em;  
}
/************************************ 7) Sitemap ***************************************************************/
#sitemap {
    margin-bottom: 5.3em;
}
#sitemap, #searchpage
    {
    min-height: 46.667em;
    float: left;
    background-color: #FFFFFF;
    width: 60.8em;
    padding-left: 3.733em;
    padding-right: 1.867em;
    }
#sitemap #tools, #searchpage #tools
    {
      width: 47.333em;
      float: right;
    }
#sitemap #tools img
    {    
    border-top-color: currentColor;
    border-left-color: currentColor;
    border-right-color: currentColor;
    border-bottom-color: currentColor;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
 }
  
.sitemapColl{
      width: 11.1em;
      float: left;
      /*padding-left: 0.667em;*/
      /*padding-right: 0.667em;*/
      padding-right: 1.3em;
    }
    
.sitemapColl .topic { 
    margin-left: 0;
    height: 1.333em;
    font-family:Trebuchet MS, Arial, Helvetica;
    font-size: 0.733em;
    border-bottom-color: #7C7B6D;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #7C7B6D;
    margin-bottom: 1em;
}
.sitemapColl .topic a {
    text-decoration: none;
    color: #7C7B6D;
 }
.sitemapColl ul { 
    list-style-type: none;
    margin-left:1em;
  }
.sitemapColl ul.numberOne { 
    margin-left:0;
  } 
.sitemapColl li a{ 
    font-family:Trebuchet MS, Arial, Helvetica;
    font-size: 0.733em;
    color: #7C7B6D;
    text-decoration: none;
    font-weight: normal;
  }
  
.sitemapColl li a.mainPage{ 
    font-family:Trebuchet MS, Arial, Helvetica;
    font-size: 0.733em;
    color: #7C7B6D;
    text-decoration: none;
    font-weight: normal;
  }
 .sitemapColl li.firstPage { padding-top: 1em; margin-left:-1em; }
  
 /*.sitemapColl ul li ul.subPage
  { 
    padding-left: 0.769em;
  } */
  
#sitemap a:hover {
  color: #CD8D00;
  text-decoration: none;
}
/***************************************** Popup *********************************************/
#popup {
  width: 34.615em; 
  overflow: hidden;
  margin: auto;
  padding-top: 4.846em;
  position: relative;
  height: 36.999em;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 0.813em;
  font-weight: normal;
  background: #fff url('/hella-resources/assets/layout/background3.jpg') top left repeat-x;
}
#popup #logo{
  position: absolute;  
  top: 0;
  left: 0;
  float: left;
}
#popup .topic{
  width: 19.846em;
  position: absolute;
  left: 14.462em;
  top: 2.615em;
}
#popup .popup-content{
  width: 19.846em;
  position: absolute;
  left: 14.462em;
  top: 4.615em;
}
#popup .popup-content .content-modul.dyn_form{
  margin: 1em 0 0 -2em;
  padding-right: 2em;
}
#popup .popup-contentinput{
  width: 19.231em;
}
#popup div.form_item {
 width: 19.231em;
}
#popup div.form_item div.form_error_inline p{
 color: #CB3017;
}
.submitButton {padding-top: 2.154em;}
.submitButton .submit {width: 14.615em; background: #CD8D00; color: #FFFFFF; border: 0px solid #7C7B6D; font-family:Trebuchet MS, Arial, Helvetica;} 
 
#popup .popup-content div.submitButton input.submit{
 width: 9.231em;
 }
 
#popup div.form_item textarea{
 width: 19.231em;
 } 
 
#popup-footer {
  position: absolute;
  bottom:0;
  left:0;
  float: left;
  width: 100%;
  height: 3.846em;
  background: #fff url('/hella-resources/assets/layout/background3.jpg') top left repeat-x;
}
#popup-footer a{
  padding-right: 1.538em;
  padding-top: 0.769em;
  text-decoration: none;
  color: #CD8D00;
  float:right;
}
#popup div.form_item { width: 19.231em; }
.submitButton {padding-top: 2.154em;}
.submitButton .submit {width: 14.615em; background: #CD8D00; color: #FFFFFF; border: 0px solid #7C7B6D; font-family:Trebuchet MS, Arial, Helvetica;} 
#popup .popup-content div.submitButton input.submit{ width: 9.231em; }
#popup div.form_item textarea{ width: 19.231em; } 
 
#popup #form {
  width: 19.846em;
  position: absolute;
  left: -1.923em;
  top: 0.615em;
}
#popup #form input{ width: 19.231em; }
#popup div.form_item { width: 19.231em; }
#popup #form div.submit_button a.blueArrow{ width: 9.231em;}
#popup div.form_item textarea{ width: 19.231em; }
/***************************************** Form modules *********************************************/ 



.dataStorageContact{
   position: relative;
   overflow: hidden;
   display: none;
}
.contactModule .singleModule h3.ui-state-default{
    border-top: 0;
    border-bottom: 1px solid #7C7B6D; 
    background: white url('')  right no-repeat;
    color:#000000;
    padding-top: 0.467em;
    padding-bottom: 0.333em;
    font-size:1em;
    font-weight: bold;
   }
.singleModule h3 span{ color:#7C7B6D; font-size:1em; }
.contactModule .singleModule h3.ui-state-active{
    border-top: 0;
    border-bottom: 0 solid #7C7B6D; 
    background: white url('')  right no-repeat;
    color:#CD8D00;
    padding-top: 0.467em;
    padding-bottom: 0.333em;
    font-size:1em;
    font-weight: bold;
   }
   
.contactModule .ui-accordion-content-active{
  border-bottom: 1px solid #7C7B6D; 
}
.contactModule .leftColl {
/*  position: relative;*/
  float: left;
  width: 20em;
/*
  border-right-color: #7C7B6D;
  border-right-width: 1px;
  border-right-style: solid;
  padding-right: 2em;
*/
}
.contactModule .rightColl {
  border-left-color: #7C7B6D;
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 3.7em;
}
.contactModule .leftColl p, .contactModule .rightColl p {
  margin:0 0 2em 0;
 color:#7C7B6D;
}
div.form_column { float: left; width: 11.6em; /*margin-right: 0.769em;*/ font-size:1em;} 
div.form_column-last { float: left; width: 24.231em; margin-right: 0; font-size:1em;} 
div.form_column.last {width: 21.5em;}
.contactForm{margin-top: 1.533em;}
div.form_item { /*margin-bottom: 1.6em; width:10.8em; */ clear: both;}
div.form_item.break { float: left; width: 98%; border: 1px #000 solid; clear: both}
/*.form_column div.form_item { height: 4.4em;}*/
div.form_item input.radio { border: 0; width: 1.2em;}
div.form_item label.radio { padding: 0 .6em 0 .3em; height: 2.6em;}
/* div.form_item_radio { height: 2.667em; margin-bottom: 0.667em;} */
div.form_item label.label_item {float: left; width: 98%;}
div.form_item_large { height: 7.333em;}
/* form_item_radio {height: 3.333em; } */
div.form_item_large { height: auto;}
textarea.form_input { width: 20.667em; border: 1px solid #7C7B6D; margin:0.25em 0.5em 0.5em 0; padding: 0.2em; height: 5.05em}
div.form_item input {width: 8em; border: 1px solid #7C7B6D; margin-bottom:0.333em; } 
input.form_input_text {width: 99%;}
select.form_select {width: 9em; border: 1px solid #7C7B6D;}
fieldset {border: 1px; margin:0; padding: 0;}
div.form_item_large fieldset {width: 20.667em; padding-top:0.533em;}
.rightCheckBoxes  { float: left; width: 10.333em;}
.leftCheckBoxes { float: right; width: 10.333em;}
.submit_button {padding-top: 1.267em;}
.form_info {clear: both; padding-top: 2em;}
.submit_button a.blueArrow {
     background:none repeat scroll 0 0 #CD8D00;
     border:0 solid #7C7B6D;
     color:#FFFFFF;
     font-family:Trebuchet MS, Arial, Helvetica;
     padding:0.133em 0.933em;
     text-decoration:none;
     text-transform: uppercase;
}
div.form_item .form_item_description {
/*  padding-top: 0.8em;*/
}
div.form_item input[type=text] { float: left; width: 9.6em; margin: .25em .5em 0.5em 0; padding: .2em; height: 1.2em; }
div.form_item input[type=text]:focus { background-color: #fff; }
div.form_item input[type=password] { float: left; width: 8em; margin: .25em .5em 0.5em 0; padding: .2em; height: 1.2em; }
div.form_item input[type=password]:focus { background-color: #fff; }
div.form_item input[type=radio] { float: left; width: 1em; height: 1em; margin: 0.25em 0.1em 0.2em 0; font-size: 1em; border: 0; }
div.form_item input[type=checkbox] { clear: left; float: left; width: 1em; height: 1em; margin: 0 .1em 0.2em 0; font-size: 1em; border: 0; }
div.form_item input[type=image] { margin: .5em 0 0 0; background: transparent; border: 0; }
div.form_item select { height:2em; margin-bottom:0.55em; float: left; width: 11.6em; margin-top: .25em; font-size: .9em; color: #333; font-family:Trebuchet MS, Arial, Helvetica; background-color: #ffffff; border: 1px solid #7C7B6D; }
.contactModule label.radio { clear: none; float: left; text-align: left; width: auto; padding-top:0.5em;border: 0}
.form_column .checkboxes .label_item {
  display: block;
  padding-bottom: 0.2em;
}
.form_column .checkboxes {
/*  width: 13em; */
}
.form_column .checkbox-item {
  width: 98%;
  float: left;
}
.form_column .checkbox-item .radio {
  height: 1.5em;
}
.contactModule .rightColl{
  /*position: relative;*/
  width: 45em;
  float: right;
  font-size:1em;
}
.contactModule .leftColl a{
    color:#CD8D00;
    text-decoration: none;
}
.contactModule .rightColl span.headline, .contactModule .leftColl span.headline{
    color:#000000;
    font-size:1em;
    font-weight: bold;
    padding-bottom: 0.385em;
}
.contactModule .rightColl, .contactModule .leftColl{
  margin-top: 1.8em;
  margin-bottom: 3.133em;
}
.contactModule, .textContact{
  margin-bottom: 1.5em;
  font-size:0.867em;
  line-height: 1.231em; 
  font-weight: normal;
  color: #7C7B6D;
}
.textContact p {
  padding-bottom: 0.8em;
}
.form_error_offline{ display:none;}
.contactModule .rightColl div.form_error_inline p, .form_error { color: #CB3017; padding: .333em 0 0 0; line-height: 1; }
/***** Contact dialog *****/
.contact-dialog {
  background: #fff;
  font-size: 0.8125em;
  padding: 2em;
}
  .contact-dialog, .contact-dialog .ui-corner-all {
    -moz-border-radius: 0;
  }
  .contact-dialog .ui-widget-header {
    display: none;
  }
  .contact-dialog .ui-button {
    text-transform: uppercase;
    background: #CD8D00;
    color: #fff;
    padding: 0.133em 0.933em;
  }
.content-modul .form_error_inline {
    width: 95%;
    padding-right: 3%;
    clear: both;
}
#popup.form-newsletter form {
  width: 22em;
}
#popup.form-newsletter .topic {
  width: 24.5em;
}
#popup.form-newsletter .radio_group label {
  width: auto;
  padding: 0 1em 0 0.2em;
}
#popup.form-newsletter .form_item .form_input_text, #popup.form-newsletter .submit_button {
  width: 20.2em;
}
#popup.form-newsletter .submit_button {
  padding-top: 2.3em;
}
#popup.form-newsletter .popup-content {
  left: 12.5em;
  margin-left: 0;
}
#popup.form-newsletter .popup-content .dyn_form {
  margin-left: 0;
}
.textContact .headline {
    color:#000000;
    display:block;
    font-family:Hella Regular,Arial,Helvetica;
    font-size:1.538em;
    font-weight:normal;
    line-height:1.1em;
    margin-bottom:1em;
    text-transform:uppercase;
}
/************************** SEARCH *******************************/
#searchpage {
    font-weight: normal;
}
#searchpage #left-side {
    /* Width of page by sitemap */
    width: 35.716em;
    /* padding-left:3.733em; */
    padding-left: 0;
    padding-right:0;
}
#searchpage #left-side-modules {
    padding-left: 0;
}
#searchpage #right-side {
    padding-right: 0;
}
#searchpage .toolbox .topic {
    line-height: 1.2em;
}
.search-results a, .search-all-results span {
  color: #CD8D00;
}
.search-overview-header {
  height: 1.5em;
  line-height: 1.5em;
  padding-bottom: .2em;
  margin-bottom: 0.8em;
}
.search-all-results {
  color: #7C7B6D;
}
.search-results {
    /* font-size:0.867em; */
}
.search-header {
  height: 1.2em;
}
.search-overview-header {
  margin-top: 1.1em;
  border-bottom: 1px #000 dotted;
}
  .search-header a {
    display: block;
    float: left;
    padding-right: 2.2em;
  }
  .search-header span {
    display: block;
    float: left;
    padding-right: 8em;
  }
  .search-empty-query {
    height: 150px;
  }
  .search-sort-form {
    margin-top: 1em;
  }
.search-overview-header {
}
  .search-overview-header .left {
    float: left;
  }  
  .search-overview-header .right {
    float: right;
  }
  .search-overview {
    clear: both;
  }
  .search-overview-right {
    float: right;
  }
  .search-overview-left {
    float: left;
  }
  .search-button-first, .search-button-back, .search-button-pages, .search-button-next, .search-button-last {
    float: left;
  }
  .search-button-first, .search-button-back, .search-button-next, .search-button-last {
    width: 1.4em;
  }
  .search-button-pages {
    width: 4.5em;
    text-align: center;
    position: relative;
    top: -1px;
  }
  .search_paging {
    padding-left: 12.7em;
  }
  .search_paging img {
    float: left;
  }
.extended-search {
    font-size: 0.867em;
    /* font-weight: bold; */
}
  .extended-search-left {
    width: 10em;
    float: left;
  }
  .extended-search-right {
    width: 16em;
    float: right;
  }
  .extended-search-full {
    width: 26.76em;
    float: none;
  }
  .extended-search-right .submit {
     width: 15.6em;
     margin-top: .6em;
  }
  .extended-search img {
    position: relative;
    top: .3em;
  }
  .extended-search fieldset {
    border: 0;
  }
  .extended-search-right .extended-search-field {
     width: 15.45em;
  }
  .extended-search-field {
     border: 1px solid #7C7B6D;
  }
  .extended-search .submit {
     background:none repeat scroll 0 0 #CD8D00;
     border:0;
     color:#FFFFFF;
     font-family:Trebuchet MS, Arial, Helvetica;
     padding:0.133em;
     text-decoration:none;
     text-align: center;
     text-transform: uppercase;
  }
  .extended-search-full {
     padding-bottom: .8em;
  }
  .extended-search fieldset.first {
     padding-bottom: 2em;
  }
  .extended-search fieldset.last .extended-search-left {
     position: relative;
     top: 10px;
  }
  .extended-search strong {
    color: #000;
    position: relative;
    top: -2px;
  }



/************************ GLOSSARY ******************************/
.glossary-mark {
    color:#CD8D00;
    border-bottom: 1px #CD8D00 dotted;
    cursor: help;
}
  .glossary-mark {
      border: 0;
  }
.glossary-content {
    display: none;
}
.qtip {
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 0.8125em;
}
  .qtip p {
      padding: 0.25em;
  }
/**********HSP Page***********/
.sOption{border: 1px solid #91A5AF; float: left;margin: 0 20px 0 0;padding: 10px;position:relative;}
.sOption.lastOption {margin: 0;}
.optionOverlay {display:block; 
                position: absolute; 
                top: 10px; 
                left:10px; 
                width: 258px; 
                height:425px;
                background-color: #DEE4E7;
                opacity: 0.8;
                filter: alpha(opacity=80);
                cursor:pointer;     
                text-decoration: none;                  
               }
.optionLable { /*display:none;*/ 
               position: absolute; 
               top: 225px; 
               right: 10px; 
               width: 238px;
               background-color: #DEE4E7;
               color: #000;
               padding: 10px;   
               opacity: 0.8;
               filter: alpha(opacity=80); 
               cursor:pointer;
               text-decoration: none;        
               z-index:1000;           
               }  
.addText{
    color: #6A7A86;
    font-size: 0.867em;
    font-weight: normal;
    line-height: 1.231em;
    margin-bottom: 1.7em;
}
.addText a{
    color: #E49A00;
    text-decoration: none;
}    
/**********Corporate Design Page***********/
.sOptionSmall{border: 1px solid #91A5AF; float: left;margin: 0 10px 0 0;padding: 10px;position:relative;}
.sOptionSmall.lastOption {margin: 0;}
.optionOverlaySmall {display:block; 
                position: absolute; 
                top: 10px; 
                left:10px; 
                width: 230px; 
                height:186px;
                background-color: #DEE4E7;
                opacity: 0.8;
                filter: alpha(opacity=80);
                cursor:pointer;     
                text-decoration: none;                  
               }
.optionLableSmall { display:none; 
               position: absolute; 
               top: 116px; 
               right: 10px; 
               width: 210px;
               background-color: #DEE4E7;
               color: #000;
               padding: 10px;   
               opacity: 0.8;
               filter: alpha(opacity=80); 
               cursor:pointer;
               text-decoration: none;                   
               }
.sOptionText {padding-right: 22px; float: left; padding-top: 20px; font-size: 0.8667em; font-weight: normal;} 
#emptyPlace5 {
  width: 100%;
  height: 12.8em;
  color: #fff;
}   
/******************************* LAYERS ********************************/
#jquery-lightbox {z-index: 1110;}
#jquery-overlay {z-index: 1100;}
#logo, #search , #popup #logo, #bubble-tips {z-index: 1000;}
#login, .otherLoginsFrame, .otherLanguageFrame, #login {z-index: 1010;}
#arrow, #navLine, #tools img, #tools-centred img { z-index: 801;}
#mainNavigation ul {z-index: 800;}
#breadcrumb, #breadcrumb-channel {z-index: 700;}
.graphic, .prevBtn, .nextBtn, span#controls, .toolbox .toolbox-controls, .toolbox .prevBtn {z-index:600;}
#level2 {z-index: 500;}

/***************************** MobileTest *****************************/

#containerMob {
  background-color: white;
  margin: 0 auto;
  width: 800px;
  position: relative;
}
.textMob a {
    color: #CD8D00;
    font-weight: normal;
    margin-bottom: 5px;
    text-decoration: none;
    font-size: 13px;
}
#logoMob {
    left: 30px;
    position: absolute;
    top: 0;
}
#logoMob img {
  width: 125px;
}