html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{position:relative;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0;outline:0;vertical-align:baseline} :focus {outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"»" "«"}html{font-size:100.01%}body{font-size:1em}.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cf{display:inline-block}.cf{display:block}strong{font-weight:bold}em{font-style:italic}
.invisible,.hidden_navi{position:absolute;left:-1000em;width:20em}
a{color:#455f61}a:hover,a:focus{text-decoration:none;color:#dd4e16}
abbr { border-bottom: 1px dotted #455f61; }
abbr:hover { cursor: help }
strong { font-weight: bold; }
html { min-height: 101%; width: 100%;}

.printonly { display: none; }

body {
  position: absolute;
  width: 100%; min-height: 100%;
  font-family: Geneva, Arial, sans-serif;
  color: #1e2526;
  font-size: 0.625em;
  line-height: 1.6em;
  background: #7c9899;
}

#page {
  position: relative;
  margin: 2em auto;
  background-color: #fff;
  width:96em;
  border: 1em solid #fff;
}


/* 01: Titelbereich */
#header {
  display: block;
  padding: 80px 0 0 0; width: 100%;
}

.nav-lev1 {
  background: url(../img/bg-nav-lev1.gif) repeat-x;
}
.nav-lev1 li { display: block; float: left; }
.nav-lev1 li a {
  display: block;
  padding: 20px 1.2em 0.25em 1.2em;
  background-image: url(../img/bg-nav-lev1-li.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  
  font-size: 1.4em;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
}
.nav-lev1 li a:hover, .nav-lev1 li a:focus, .nav-lev1 li.rex-active a {
  color: #fff;
  background-position: -540px 0;
}
.nav-lev1 li.rex-active a { background-position: -500px 0; }
#header .logo {
  position: absolute;
  top: 0; right: 0;
}

.nav-header, .infooter {
  position: absolute;
  top: 0; left: 0;
}

.nav-header li, .infooter li {
  border-left: 1px solid #455f61;
  display: block;
  float: left;
  padding: 0 0.5em;
  line-height: 0.9em;
}
.nav-lang { display: block; float: left; border-right: 1px solid #455f61; margin: 0 0.5em 0 0;}

.nav-header li.rex-first, .infooter li.rex-first {
  border-left: none;
  padding: 0 0.5em 0 0;
}

.nav-header li a, .infooter li a {
  line-height: 0.9em;
  padding: 0; margin: 0;
  text-transform: uppercase;
  text-decoration: none;
}
.nav-header li a:hover, .nav-header li a:focus,
.infooter li a:hover, .infooter li a:focus { color: #dd4e16 }

.nav-header { width: 100%; }
.breadcrumb { display: none; }


/* 02: Inhaltsbereich */
#content {
  background: #f5f3ed;
  padding: 2.5em 0 2.5em 0;
}

#left {
  display: block;
  float: left;
  width: 46em;
}

#right {
  display: block;
  float: right;
  width: 23em;
  padding: 0 1em 0 0;
}
#reference #left { width: 75em; }
#reference #right { display: none; }

#home #content { padding: 0; margin: 0; }
#home #navigation { display: none; }
#home #left { left: 0; top: 0; float: none; padding: 0; margin: 0; width: 100%; }
#home #right { float: none; padding: 4px 0 0 0; margin: 0; width: 100%; background: url(../img/bg-home-teaser-top.gif) repeat-x top transparent; }

.container {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0 0 1em 0;
}
.download, .tinymce { padding: 0; }

#right .container {
  font-size: 1.1em;
}

.container h3 {
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.2em;
  font-family: Georgia, 'Times New Roman', serif;
  color: #5b7e80;
  padding: 0 0 0.125em 0;
}

.container h4 {
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Georgia, 'Times New Roman', serif;
  color: #5b7e80;
  padding: 0 0 1em 0;
}

.container h3 a, .container h4 a { text-decoration: none; }

.container h3 strong, .container h4 strong {
  color: #dd4e16;
  font-weight: normal;
}


.container ul li {
  margin: 0 0 0 1.25em;
  list-style-type: disc;
}
#right .container ul li { margin: 0.5em 0 0 1.25em; }


.img-description { display: none; }

.image-wide {
  display: block;
  padding: 0 0 1em 0;
}


.image {
  display: block;
  width: 111px;
  margin: 0 33px 1em 0;
  float: left;
  overflow: hidden;
}


.reference .description {
  float: left;
  width: 36.5em;
  border: solid 1px #fff;
  padding: 5px 0 5px 0;
  min-height: 250px;
}

.reference .description h3 {
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.2em;
  font-family: Georgia, 'Times New Roman', serif;
  color: #5b7e80;
  background: #fff;
  padding: 0.2em 0.8em;
}
.reference .description .tinymce {
  padding: 0.2em 1em 0.5em 1em;
}
.reference .images {
  float: right;
  width: 34.5em;
  min-height: 242px;
  background: url(../img/bg-bubble-large.gif) no-repeat bottom right #fff;
  padding: 10px 1em 108px 1em;
}
.reference .images .logo {
  display: block;
  padding: 0 0 10px 0;
}
.reference .images .image {
  display: block;
  width: 12em;
  margin: 0 1em 0 0;
}
.reference .images .img-desc {
  float: left;
  width: 16.5em;
  font-size: 1.2em;
  color: #455f61;
}
.reference .images .wide {
  float: none;
  width: 100%;
}

.reference-list a {
  display: block;
  width: 13.0em; height: 8.3em;
  background: #fff;
  padding: 0.5em;
  margin: 0 0.5em 1em 0.5em;
  float: left;
  overflow: hidden;
  opacity: .6;
  filter:alpha(opacity=60);
  text-decoration: none;
}

.reference-list a span {
  display: block;
  text-align: center;
  font-size: 1.2em;
  padding: 2em 0 0 0;
  font-weight: bold;
}

.reference-list a img {
  position: absolute;
  top: 50%; left: 50%;
}
.reference-list a:hover, .reference-list a:focus { opacity: 1; filter:alpha(opacity=100) }

.reference-list-item .bg { z-index: 5; }
.reference-list-item img { z-index: 10; }


.bg { position: absolute; width: 10px; height: 10px; overflow: hidden; display: block }
.tl { background: url(../img/round-tl.gif) no-repeat top left; top: 0; left: 0; }
.tr { background: url(../img/round-tr.gif) no-repeat top right; top: 0; right: 0; }
.br { background: url(../img/round-br.gif) no-repeat bottom right; bottom: 0; right: 0; }
.bl { background: url(../img/round-bl.gif) no-repeat bottom left; bottom: 0; left: 0; }

.download .image {
  display: block;
  float: left;
  width: 8em; height: 76px;
  overflow: hidden;
  margin: 0 0.8em 1em 0;
}
.download .text {
  width: 14.0em; height: 68px;
  overflow: hidden;
  border-left: solid 0.5em #fff;
  border-right: solid 0.5em #fff;
  border-top: solid 4px #fff;
  border-bottom: solid 4px #fff;
  margin: 0 0.8em 1em 0;
  float: left;
  background: #fff;
}
.download .details {
  width: 12.6em; height: 68px;
  overflow: hidden;
  border-left: solid 0.5em #fff;
  border-right: solid 0.5em #fff;
  border-top: solid 4px #fff;
  border-bottom: solid 4px #fff;
  float: left;
  background: #fff;
}
.download .details .download {
  position: absolute;
  bottom: 1px;
  width: 100%;
  text-align: right;
}
.download .details .download a {
  background: #dc5015;
  padding: 0.25em 0.5em;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.8em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.download .details .download a:hover, .download .details .download a:focus { background: #fc7035; }

.container label, .container input, .container select, .container textarea, .container button {
  display: block;
  float: left;
}
.container form li { list-style-type: none; margin: 0; padding: 0 0 0.5em 0;}
.container label {
  width: 9.2em;
  padding: 0.25em 0.8em 0 0;
}
.container label.checkbox, .container label.radio { width: 22.5em; }
.container input.text, .container select, .container textarea, .container button {
  font-size: 1em;
  width: 27em;
  border: 1px solid #455f61;
  padding: 0.25em 0.5em;
  font-family: Geneva, Arial, sans-serif;
}
.container input.text:hover, .container select:hover, .container textarea:hover, .container button:hover,
.container input.text:focus, .container select:focus, .container textarea:focus, .container button:focus {
  background: #e7ecec;
}

.container select, .container textarea {
  padding: 0.25em 0.25em 0.25em 0.5em;
  width: 27.25em;
}
.container select, .container input.submit {
  width: 28.2em;
}

.container input.submit {
  font-size: 1em;
  font-family: Georgia, 'Times New Roman', serif;
  text-align: left;
  padding: 0.25em 0.25em 0.25em 1.75em;
  background: url(../img/bg-submit.gif) no-repeat 0.25em 0.35em #fff;
  color: #455f61;
  border: 1px solid #fff;
  margin: 0 0 0 10em;
}
.container input.submit:hover, .container input.submit:focus {
  color: #dd4e16;
  border: 1px solid #dd4e16;
  cursor: pointer;
}

.container form li span { padding: 0 0 0 10em; }
.container input.checkbox, .container input.radio {
  width: auto;
  background: transparent;
  margin: 0.4em 0.5em 0 9em;
}

.container label.warning { color: #dd4e16; font-weight: bold; }
.container input.warning, .container select.warning, .container textarea.warning { border: 1px solid #dd4e16; }

.newslist h3 { font-size: 1.8em; }
.newslist_pages { display: block; clear: both; float: none; border-top: 1px solid #455f61; margin: 1em 0 0 0; padding: 0.5em 0 0 0; font-size: 1.2em; text-align: center; }
.newslist_pages li { display: inline; padding: 0 0.25em; }
.newslist_pages a { text-decoration: none; }
.morelink { text-align: right; }

.partner .image {
  display: block;
  float: left;
  width: 8em; height: 76px;
  overflow: hidden;
  margin: 0 0.8em 1em 0;
}
.partner .text {
  width: 18.5em;
  margin: 0 0.8em 1em 0;
  float: left;
}
.partner .details {
  width: 10em; height: 1em;
  padding: 1em 0 0 0;
  margin: 0 0 1em 0;
  float: left;
}
.partner .details .morelink { text-align: center; }



.bubbleteaser, .img-bubbleteaser {
  background: url(../img/bg-bubble-small.gif) no-repeat bottom right #fff;
  padding: 0.5em 0.5em 70px 0.5em;
}
.img-bubbleteaser .image {
  float: right;
  width: 6em;
  margin: 0 0 0 0.5em;
  overflow: hidden;
}
.img-bubbleteaser .text {
  float: left;
  width: 13em;
}

.teaser {
  background: #fff;
  padding: 0.5em;
}

.header-gallery {
  display: block;
  overflow: hidden;
  width: 467px; height: 172px;
}
.header-gallery a { display: none; width: 83px; height: 83px; overflow: hidden; position: absolute; top: 0; left: 0;}
.layout1 a.image-1 { display: block; width: 288px; height: 172px; }
.layout1 a.image-2 { display: block; top: 0; left: 295px; }
.layout1 a.image-3 { display: block; top: 0; left: 385px; }
.layout1 a.image-4 { display: block; top: 90px; left: 295px; }
.layout1 a.image-5 { display: block; top: 90px; left: 385px; }




#home .teaser {
  background: url(../img/bg-home-teaser-left.gif) repeat-y;
  padding: 0.6em 1em 1em 1em; margin: 0;
  width: 18em; height: 13em;
  font-size: 1.1em;
  float: left;
}
#home .no-1 {
  background: none;
  width: 25.5em;
  padding: 0.6em 1em 1em 0.5em;
}
#home .teaser .image {
  display: block;
  float: none;
  width: 100%;
  margin: 0; padding: 0;
}
#home .teaser .link {
  background: url(../img/bg-teaser-link.gif) no-repeat left 0.25em;
  padding: 0 0 0 1.5em;
}
#home .teaser h4 { padding: 0; margin: 0; }
.homepage-block {
  width: 96em; height: 27em;
  overflow: hidden;
  background: #fff;
}

.homepage-block .blockimage {
  position: absolute;
  z-index: 10;
  top: 0; left: 0;
  text-align: right;
  width: 100%; height: 100%;
}

.homepage-block .video {
  position: absolute;
  z-index: 20;
  top: 1em; right: 1em;
  width: 23em; height: 18.5em;
  overflow: hidden;
}
.homepage-block .audio {
  position: absolute;
  z-index: 20;
  top: 20.25em; right: 1em;
  width: 23em; height: 5.5em;
  overflow: hidden;
}
.homepage-block .text {
  position: absolute;
  top: 1em; left: 2em;
  width: 30em; height: 13em;
  overflow: hidden;
  z-index: 20;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.8em;
  line-height: 1.3em;
  color: #455f61;
}
.homepage-block .text h3 {
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: normal;
}

.homepage-block .text strong {
  color: #dd4e16;
  font-weight: normal;
}

.homepage-block .subtext {
  font-size: 1.1em;
  line-height: 1.2em;
  background: #fff;
  opacity: 0.85;
  filter:alpha(opacity=85);
  padding: 0.5em 0.25em 0.25em 0.25em;
}


/* 03: Sub-Menue */
#navigation {
  width: 17em;
  padding: 2em 1.5em 0 0;
  display: block;
  float: left;
}

.nav-lev2 {
  padding: 0 0 0 1.7em;
  line-height: 2em;
}
.nav-lev2 a {
  display: block;
  text-decoration: none;
  font-size: 1.2em;
}
.nav-lev2 a:hover, .nav-lev2 a:focus, .nav-lev2 li.rex-active a { color: #dd4e16 }
.nav-lev2 li.rex-active a { padding: 0 0 0 1.25em; background: url(../img/bullet-lev1.gif) no-repeat 0 0.6em; }


.nav-lev2 li.rex-active li a, .nav-lev2 li.rex-active li.rex-active li a, .nav-lev2 li.rex-active li.rex-active li.rex-active li a { color: #455f61; }

.nav-lev2 li.rex-active li, .nav-lev2 li.rex-active li.rex-active li, .nav-lev2 li.rex-active li.rex-active li.rex-active li { padding: 0 0 0 1.45em }
.nav-lev2 li.rex-active li a, .nav-lev2 li.rex-active li.rex-active li a , .nav-lev2 li.rex-active li.rex-active li.rex-active li a  {
  font-size: 1.1em;
  padding: 0 0 0 1em; background: url(../img/bullet-lev2-off.gif) no-repeat 0 0.7em;
}
.nav-lev2 li.rex-active li a:hover, .nav-lev2 li.rex-active li a:focus,
.nav-lev2 li.rex-active li.rex-active li a:hover, .nav-lev2 li.rex-active li.rex-active li.rex-active li a:focus,
.nav-lev2 li.rex-active li.rex-active li.rex-active li a:hover, .nav-lev2 li.rex-active li.rex-active li.rex-active li a:focus {
  background-position: -500px 0.7em;
  color: #dd4e16;
}
.nav-lev2 li.rex-active li.rex-active a,
.nav-lev2 li.rex-active li.rex-active li.rex-active a,
.nav-lev2 li.rex-active li.rex-active li.rex-active li.rex-active a {
  background: url(../img/bullet-lev2-on.gif) no-repeat 0 0.7em;
  color: #dd4e16;
}


/* 04: Footer */
#footer {
  border-top: 20px solid #fff;
  line-height: 0.9em;
  color: #455f61;
  text-transform: uppercase;
}
.infooter { left: auto; right: 0;}




*+html .container input.checkbox { margin: 0.4em 0.5em 0 9.75em; }
*+html .container input.radio { margin: 0.4em 0.5em 0 9.75em; }

* html #reference #left { width: 76.5em; }
* html .container input.checkbox { margin: 0.4em 0.5em 0 4.75em; }
* html .container input.submit { margin: 0 0 0 5em; }