@font-face {
    font-family: "Titillium Maps";
    src: url(fonts/TitilliumMaps29L.otf);
}
@font-face {
    font-family: "Titillium Text Thin";
    src: url(fonts/TitilliumText22L001.otf);
    /*font-weight: thick;*/
}
@font-face {
    font-family: "Titillium Text Medium";
    src: url(fonts/TitilliumText22L002.otf);
    /*font-weight: thick;*/
}
@font-face {
    font-family: "Titillium Text Bold";
    src: url(fonts/TitilliumText22L003.otf);
    /*font-weight: thick;*/
}
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  display: inline;
  width: 1500px;
  text-align: left;
  background-color:#fdfdfd;
  overflow: hidden;
  color: #222;
}

.colheader,
.colbody,
#colclear {
  background-color:#fdfdfd;
}

html, body,
input, textarea, select {
  font-size: 1em;
  font-weight: 100;
  font-family: "Titillium Text Medium", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

}

h1 {
  margin: 32px 32px 8px 28px;
  font-size: 32px;
  font-weight: 100;
}
p {
  margin: 0 32px 6px;
  font-size: 17px;
}
.quoter {
  text-align: right;
  color: #888;
  font-style: italic;
}
.desc {
  font-size: 15px;
  color: #888;
}
.link {
  text-align:center;
  list-style-image:url(img/link.png);
}

div#wrapper,
/*.colheader,
.colbody*/ {
  position: relative;
  margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

ul {
  margin: 0 32px 6px 64px;
}
li {
  margin: 0 0 2px;
}

div#wrapper {
  width: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


#logo,
.colheader,
.colbody {
  float: left;
  display: inline;
}

#logo,
.colheader {
  text-indent: -2000px;
}

#logo {
  margin: 60px 0 0 120px;
  width: 201px;
  height: 163px;
  padding-top:206px;
  background: url(img/logo.png) center center no-repeat;
  vertical-align: bottom;
}
.colheader {
  width: 43px;
  height: 100%;
  margin-bottom: 12px;
  position: relative;
  /*border-right: 2px solid #222;*/
  /*background:bottom center no-repeat 0 0 #1B1B1B;*/
  /*border-left:1px solid #242424;
  border-right:1px solid #242424;*/
}
.colbody {
  padding-top:80px;
  margin-right:-460px;
  width: 430px;
  height: 100%;
  overflow-y: auto;
  position: relative;
  /*background:none repeat scroll 0 0 #1B1B1B;*/
}

/* colors */
.hr0,
.hr1,
.hr2,
.hr3 {
  height: 2px;
  width: 100%;
  margin: -13px 0 12px 0;
  text-align: left;
}
.hr0 {
  background-color: #F0A445; /*orange*/
}
a {
  text-decoration: none;
  color: #222;
}
#col1b a {
  border-bottom:1px solid #F0A445; /*orange*/
}

#col1h {
  border-right: 2px solid #F0A445;
}
#col1h:hover {
  background-position: -43px bottom !important;
}

#col1b a:hover {
  color: #F0A445; /*orange*/
}




#colclear {
  float: left;
  width: 430px;
  height: 100%;
  position: relative;
}
.endcolumn {
  height: 60px;
  padding-bottom: 60px;
}
.loadingimg {
  background: url(img/loading-gap.gif) bottom center no-repeat;
}
.loadingimgbtn {
  background: url(img/loading.gif) bottom center no-repeat;
}
.loadingimg {
  height: 100%;
}
.loadingimgbtn {
  float: right;
  width: 18px;
  height: 18px;
  margin: 4px 8px;
}


#langmenu {
  position: absolute;
  bottom:38px;
  width: 184px;
  padding-left: 23px;
}
#flag_de,
#flag_en,
#flag_es,
#flag_fr,
#flag_ja {
  float:right;
  margin:5px;
  height:12px;
  background-repeat:no-repeat;
  background-image:url(img/flags.png);
}

#flag_de {
  width:20px;
  background-position:-78px -12px;
}
#flag_de:hover {
  background-position:-78px -0;
}
#flag_en {
  width:24px;
  background-position:-54px -12px;
}
#flag_en:hover {
  background-position:-54px -0;
}
#flag_es {
  float:left;
  width:18px;
  background-position:-36px -12px;
}
#flag_es:hover {
  background-position:-36px -0;
}
#flag_fr {
  width:18px;
  background-position:-18px -12px;
}
#flag_fr:hover {
  background-position:-18px -0;
}
#flag_ja {
  width:18px;
  background-position:-0 -12px;
}
#flag_ja:hover {
  background-position:-0 -0;
}

  .box_info, .box_attention, .box_warning, .box_success,
  .box_info_small, .box_attention_small, .box_warning_small, .box_success_small {
    font-size:0.8em;
    margin:10px 0 8px 0;
    background-repeat:no-repeat;
    background-position:8px;
    border-width:2px;
    border-style:solid;
  }
  .box_info p, .box_attention p, .box_warning p, .box_success p,
  .box_info_small p, .box_attention_small p, .box_warning_small p, .box_success_small p {
    font-size:16px;
    margin:0 6px 4px;
  }
  .box_header {
    font-size:19px !important;
  }
  .box_info, .box_attention, .box_warning, .box_success {
    min-height:36px;
    padding:8px 16px 8px 52px;
    background-color:#fdfdfd;
  }
  .box_info {
    background-image:url(img/info.png);
    border-color:#8AD5EA;
  }
  .box_attention {
    background-image:url(img/attention.png);
    border-color:#F0A445;
  }
  .box_warning {
    background-image:url(img/warning.png);
    border-color:#F0A445;
  }
  .box_success {
    background-image:url(img/success.png);
    border-color:#F0A445;
  }
  .box_info_small, .box_attention_small, .box_warning_small, .box_success_small {
    min-height:18px;
    padding:8px 16px 8px 34px;
    background-color:#fdfdfd;
  }
  .box_info_small {
    background-image:url(img/info_small.png);
    border-color:#8AD5EA;
  }
  .box_attention_small {
    background-image:url(img/attention_small.png);
    border-color:#F0A445;
  }
  .box_warning_small {
    background-image:url(img/warning_small.png);
    border-color:#F0A445;
  }
  .box_success_small {
    background-image:url(img/success_small.png);
    border-color:#F0A445;
  }
  .box_info a,
  .box_info_small a {
    text-decoration: underline;
    color: #8AD5EA;
  }


/* BUTTONS */
.clear {
    overflow: hidden;
    width: 100%;
}
a.button_deactivated,
a.button {
    border: none !important;
    background: transparent url(img/bg_button_a.png) no-repeat top right;
    color: #666!important;
    text-decoration: none;
    display: block;
    float: left;
    height: 24px;
    padding-right: 18px;
}
a.button:hover {
  color: #000!important;
  text-decoration: none;
}
a.button_deactivated span,
a.button span {
    border: none !important;
    background: transparent url(img/bg_button_div.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button_deactivated,
a.button:active {
    background-position: bottom right;
    outline: none;
}
a.button_deactivated span,
a.button:active span {
    background-position: bottom left;
    color: #000 !important;
    padding: 6px 0 4px 18px;
}

/* FORMS */
dl {
  margin: 0 32px 6px;
}
dt {
  float: left;
  line-height: 25px;
  margin: 0 10px 10px 0;
  text-align: right;
  width: 70px;
  clear: both;
}
dd {
  float: left;
  line-height: 25px;
  margin: 0 0 10px;
}
label {
  margin-right: 12px;
}
form {
  width: 100%;
}
label,
input,
textarea {
  float: right !important;
  margin-bottom: 10px;
}
input,
textarea {
  clear: both;
  background-color: #fdfdfd;
  color: #222;
  border: 1px solid silver;
  width: 70%;
  padding:1px 2px;
}
hr {
  color: #ddd;
  background-color: #ddd;
  height: 1px;
  margin:12px 0;
  border: 0;
  clear: both;
}
/*.refbox {
  background-color: #333;
}*/
.refbox h1 {
  font-size: 21px;
  margin: -2px 32px 6px 28px;
  font-family: "Titillium Text Bold", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.slideloader,
.slideoverlay,
.slideshow {
  width: 351px;
}
.slideloader,
.slideloader div,
.slideoverlay,
.slideoverlay div,
.slideshow {
  height:203px;
  /*height:205px;
  width:353px;*/
}
.slideshow {
  margin: 0 32px 6px;
  overflow: hidden;
}
.slideshow img {
  margin: 0;
  /*border: 1px solid #DDDDDD;*/
}
.slideloader,
.slideoverlay {
  margin-top: -203px;
  width: 100%;
}
.slideloader {
  background: url(img/b80.png);
  /*display: none;*/
}
.slideloader div {
  background: no-repeat center center url(img/loading.gif);
}
#lightBox .slideoverlay {
  margin-top: -583px;
}
#lightBox .slideoverlay div {
  height: 583px;
}
.slideloader,
.slideoverlay div {
  position: relative;
}
.slideoverlay div {
  float: left;
}
.slidenext {
  width: 35%;
}
.slidenext:hover {
  background: no-repeat center center url(img/next_small.png);
}
.slideprev {
  width: 35%;
}
.slideprev:hover {
  background: no-repeat center center url(img/prev_small.png);
}
.slidezoom {
  width: 30%;
}
.slidezoom:hover {
  background: no-repeat center center url(img/zoom.png);
}
#lightBox .slideoverlay .slidenext,
#lightBox .slideoverlay .slideprev {
  width: 35%;
}
#lightBox .slideoverlay .slidenext:hover {
  background: no-repeat center center url(img/next.png);
}
#lightBox .slideoverlay .slideprev:hover {
  background: no-repeat center center url(img/prev.png);
}
#lightBox .slideoverlay .slidezoom {
  width: 30%;
}
#lightBox .slideoverlay .slidezoom:hover {
  background: no-repeat center center url(img/close.png);
}
#imgbig {
  margin-left: 0;
}

#overlay {
  position: fixed;
  z-index:199;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background-image:url(img/b80.png);
}
#lightBox {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -504px;
  margin-top: -291px;
  z-index: 200;
  width: 1008px;
  height: 583px;
  /*height: 100%*/;
  background-color: #fff;
  overflow: hidden;
}
* html #lightBox { /* ie6 hack */
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
.rtl {
  direction: rtl;
  unicode-bidi: bidi-override;
}
#address_phone,
#address_mail {
  padding-left:12px;
  padding-left:26px;
}
#address_phone {
  background: no-repeat 8px center url(img/phone.png);  
}
#address_mail {
  background: no-repeat 4px center url(img/mail.png);  
}
#langmenu  a {
  color: #DDD;
  size: 10pt;
  text-decoration: none;
}
#langmenu  a:hover {
  text-decoration: underline;
}