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{text-decoration:none;color:#005ca5}a:hover,a:focus,a:hover strong,a:focus strong{color:#e27b00}
abbr { border-bottom: 1px dotted #455f61; }
abbr:hover { cursor: help }
strong { font-weight: bold; }
html { min-height: 101%; width: 100%;}

.printonly, .breadcrumb { display: none; }

body {
  position: absolute;
  width: 100%; min-height: 100%;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  color: #111;
  font-size: 0.625em;
  line-height: 1.6em;
  background: #fff;

  background: url(../img/bg-page.jpg) no-repeat bottom right;
  background-attachment: fixed;
}

#page {
  position: relative;
  margin: 2em auto;
  width:98em;
  padding: 200px 0 0 0;
}

/* 01: Titelbereich */
#header {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 97em; height: 190px;
}

.inheader { display: block; float: right; width: 73.5em; }
.inheader li {
  display: block;
  float: left;
  margin: 0 0 0 1em;
  width: 23.5em; height: 170px;
  overflow: hidden;

}
.inheader li a span {display: block; text-indent: -1000em; }
.inheader li a {
  opacity: 0.75;
  filter:alpha(opacity=75);
}
.inheader li a:hover, .inheader li a:focus, .inheader li a.rex-active, .allactive li a {
  opacity: 1;
  filter:alpha(opacity=100);
}

.logo { position: absolute; top: 0; left: 0; }

/* 02: Inhaltsbereich */
#content {
  padding: 0 0 2em 0;
}

#left {
  display: block;
  float: left;
  width: 48em;
  padding: 2em 0 0 0;
  border-top: 1px solid rgb(187,207,227);
  margin: 0 0 0 2em;
}
#home #left {
  width:74.5em;
  border-top: none;
  padding: 0;
}

#right {
  display: block;
  float: right;
  width: 23.5em;
}
#home #right { display: none; }

.tinymce, .teaser .text, .homepage-teaser .text {
  font-size: 1.3em; line-height: 1.4em;
}
.tinymce .tinymce { font-size: 1em;}

.tinymce .ref-img { display: block; width: 11.53em; margin: 0 0 0.76em; overflow: hidden; float: left; }
.tinymce .ref-txt { display: block; width: 24.61em; margin: 0 0 0.76em; float: right; }

.container h1 { font-weight: normal; font-size: 2em; line-height: 1.2em; color: #005ca5; }
.container h2, .container h3 {
  font-size: 1.2em; line-height: 1.4em; color: #005ca5;
  font-weight: bold;
}
#right .container h1 strong { color: #e27b00 }

.container h3, .container h3 a, .container h3 strong { color: #e27b00; }
.container h3 a:hover, .container h3 a:focus { color: #005ca5 }

#right .text { font-size: 1.4em; line-height: 1.4em; }
.homepage-teaser .text { font-size: 1.3em; line-height: 1.4em; }
.homepage-teaser .text h1, #right .text h1 { font-weight: normal; font-size: 2.1em; line-height: 1em; color: #005ca5}
#right .text h2, #right .form h2 { font-weight: bold; font-size: 1em; line-height: 1.4em; color: #005ca5; }
.homepage-teaser .text h2 { font-weight: bold; font-size: 1.2em; line-height: 1.4em; color: #005ca5; }
.container strong, .teaser strong, .homepage-teaser strong { color: #005ca5}
#right .container .text h1, #right .container .text h1 a { color: #e27b00 }
#right .container .text h1 a:hover, #right .container .text h1 a:focus,
#right .container h1 a:hover, #right .container h1 a:focus { color: #005ca5}

#right .container .text h1 { margin: 0 0 0.5em 0; }
#right .container .text h2 { margin: 0 0 0.5em 0; }
/*
#right .container .text h1,
#right .container .text h2 { border-top: 0; font-weight: normal; font-size: 1.4em; line-height: 1.2em; color: #005ca5}
*/
#right .container .text { overflow: hidden; }
.teaser, .homepage-teaser, #right .container {
  font-size: 1em;
  width: 21.5em; height: 31em;
  padding: 0;
  margin: 1em 1em 2em 2em;
  float: left;
  background: #fbdcc0;
}
.num0 { height: auto; }
* html .num0 { height: 31em }

#right .container {
  display: block;
  margin: 1em 0 2em 0;
  width: 21.5em; height: auto;
  padding: 0;
}
#right .tinymce .text { font-size: 1.3em; }
#right .form .text { font-size: 1.3em; }
#right .form .text label, #right .form .submit, #right .form input.text, #right .form select.text { font-size: 1em; }
.homepage-teaser {
  border-top: solid 1px rgb(187,207,227);
  border-bottom: solid 1px rgb(187,207,227);
  width: 48em; height: auto;
  padding: 1em 0 1em 0;
  margin: 0 0 0 1em;
  float: left;
  background: none;
}

.teaser .text { height: 100%; overflow: hidden; }
.teaser h1, .teaser h2, #right .container h1 { font-size: 1.4em; color: #e27b00; font-weight: normal; line-height: 1.2em; }
.teaser h1 strong, .teaser h2 strong { color: #e27b00; }
/* .teaser a { display: block; text-align: right; font-weight: bold; } */

.folder h2 {  padding: 0 0.2em 0.2em 0.2em; border-top: solid 1px rgb(187,207,227); border-bottom: none;  }
.folder .content h2 { border-top: none; padding: 0; }
.folder .content { border-top: solid 1px rgb(187,207,227); }


.image, .image_right, .image_left { display: block; }
.image_right { float: right; margin: 0 0 0 1em; }
.image_left { float: left; margin: 0 1em 0 0; }
.image .text, .image_right .text, .image_left .text { display: block; text-align: center; }
.image { text-align: center; }

#right .container { padding: 0; }

#left .form { font-size: 1.3em; } .tinymce .form { font-size: 1em; }
#left form { border-top: solid 1px rgb(187,207,227); padding: 1em 0 0 0; }
.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: 8.2em;
  padding: 0.25em 0.8em 0 0;
}
.container label.checkbox, .container label.radio { width: 31.5em; }
#right .container label { width: 100%; padding: 0; }
#right .container label.checkbox, #right .container label.radio { width: 14em; padding: 0; }
.container input.text, .container input.email, .container select, .container textarea, .container button {
  font-size: 1em;
  width: 22em;
  border: 1px solid rgb(187,207,227);
  padding: 0.25em 0.5em;
  font-family: 'Trebuchet MS', Arial, sans-serif;
}
#right .container input.text, #right .container select, #right .container textarea, #right .container button { width: 15em; }

.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: #eef3f8;
}

.container select, .container textarea {
  padding: 0.25em 0.25em 0.25em 0.5em;
  width: 22.25em;
}
.container select, .container input.submit {
  width: 23.2em;
}
#right .container textarea { width: 15.25em }
#right .container select, #right .container input.submit { width: 16.1em }

.container input.submit {
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  padding: 0.25em;
  background: rgb(187,207,227);
  color: #005ca5;
  border: 1px solid rgb(187,207,227);
  margin: 0 0 0 9em;
}
#right .container input.submit { margin: 0; }
.container input.submit:hover, .container input.submit:focus {
  color: #fff;
  border: 1px solid #e27b00;
  background: #e27b00;
  cursor: pointer;
}

.container form li span {  display: block; padding: 0 0 0 9em; width: 100%; }
.container form li span.req { display: inline; padding: 0; width: auto; }
#right .container form li span {  padding: 0 0 0; }
.container input.checkbox, .container input.radio {
  width: auto;
  background: transparent;
  margin: 0.4em 0.5em 0 0;
}

#right .container input.checkbox, #right .container input.radio { margin: 0.4em 0.5em 0 0; }


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




.bg { display: block; position: absolute; width: 1em; height:1em; background-image: url(../img/roundcorners.gif); background-repeat: no-repeat; z-index: 1; }
.tl { background-position: left top; top: -1em; left: -1em; }
.t { background-position: center top; top: -1em; left: 0; width: 100%; }
.tr { background-position: right top; top: -1em; right: -1em; }
.l { background-position: left center; top: 0; left: -1em; height: 100%; }
.r { background-position: right center; top: 0; right: -1em; height: 100%; }
.bl { background-position: left bottom; bottom: -1em; left: -1em; }
.b { background-position: center bottom; bottom: -1em; left: 0; width: 100%; }
.br { background-position: right bottom; bottom: -1em; right: -1em; }

#left .form .bg { display: none; }



.eco { font-weight: bold; }
.vital { font-style: italic; }



/* 03 : Navigation */
#navigation {
  display: block;
  float: left;
  width: 21.5em;
  margin: 0 1em 0 0;
  padding: 2em 0 0 0;
  border-top: 1px solid rgb(187,207,227);
  min-height: 35em;
}

#home #navigation { margin: 0; }
.nav-lev1 li { display: block; border-bottom: 1px solid rgb(187,207,227); padding: 0.25em 0; }
.nav-lev1 li li { border-bottom: none; padding: 0 0 0 1.5em }
.nav-lev1 li.rex-active li li a { font-weight: normal; }
.nav-lev1 li.rex-active li.rex-active a,
.nav-lev1 li.rex-active li.rex-active li.rex-active a,
.nav-lev1 li.rex-active li.rex-active li a:hover,
.nav-lev1 li.rex-active li.rex-active li a:focus { color: #e27b00 ; }
.nav-lev1 li.rex-active li.rex-active li a { color: #005ca5 ; }
.nav-lev1 li a { font-size: 1.5em; line-height: 1.33em; }
.nav-lev1 li.rex-active a { font-weight: bold; }
.nav-lev1 li li a { font-size: 1.3em; line-height: 1.4em; }


/* 04: Footer */
#footer {
  border-top: 1px solid #005ca5;
  width: 74.6em;
  padding: 0.5em 0 0 0;
  color: #005ca5;
  line-height: 0.9em;
  font-size: 1.3em;
  text-align: right;
}
.footerlinks {
  text-align: left;
  width: 70em; height: 3em;
  float: left;
  padding: 1.5em 0 0 0;
}
.contact {
  float: left;
  width: 45em;
  
}
.infooter {
  float: right;
  width: 20em;
  text-align: right;
}

.infooter li {
  padding: 0;
  top: 0;
  margin: 0;
  display: inline;
  padding: 0 .5em 0 0.5em;
}
.infooter li.rex-first { border-left: none; }

a.siegel {
  opacity: .6;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;  /* older Mozilla browser */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
}
a.siegel:hover, a.siegel:focus {
  opacity: 1;
  filter:alpha(opacity=100);
  -moz-opacity: 1;  /* older Mozilla browser */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
}



.tool-tip { z-index: 70; padding: 10px; width: 290px; }
.tool-tip .tip {
  padding: 0 20px;
  font-size: 1.3em;
  background: url(../img/tooltip_bottom.png) no-repeat center top;
}

.tip-top {
  height: 15px;
  background: url(../img/tooltip_top.png) no-repeat center top;
  overflow: hidden;
}
.tip-bottom {
 height: 20px; padding: 0;
 background: url(../img/tooltip_bottom.png) no-repeat center bottom;
}

.tinymce ul { list-style-type: disc; }
.tinymce ol { list-style-type: decimal-leading-zero; position: inside; margin: 0; padding-left: 2.5em; }
.tinymce li { margin: 0 0 0 15px; }

.form-thankyou { font-weight: bold; color: #005ca5; font-size: 1.2em; line-height: 1.4em; }


* html .tool-tip .tip { background: url(../img/tooltip_bottom.gif) no-repeat center top;  }
* html .tip-top { background: url(../img/tooltip_top.gif) no-repeat center top; }
* html .tip-bottom { height: 20px; padding: 0; background: url(../img/tooltip_bottom.gif) no-repeat center bottom; }




* html .inheader { width: 74.5em; }
* html #navigation { height: 35em; }
* html #home #navigation { margin: 0 -1em 0 0; }
* html #home #left { width: 75.5em; margin: 0 -3em 0 0; }
* html .homepage-teaser  { margin: 0 0.5em 0 1em;  }
* html .teaser  { margin: 1em 1.5em 2em 1.5em;  }
* html .teaser .text { width: 16.5em; }
* html #right .bg {  }
* html #right .container { height: 31em; }
* html #right div.text { z-index: 20; overflow: hidden; }
* html .folder h2 {  border-top: solid 2px rgb(187,207,227); }
* html body { behavior:url("./files/skin_ecovital/css/csshover2.htc"); }
* html img  { behavior: url(./files/skin_ecovital/css/iepngfix.htc) }
* html .container input.checkbox { margin: 0.1em 0.5em 0 4.3em; }
* html .container input.radio { margin: 0.1em 0.5em 0 4.3em; }
* html .container input.submit { margin: 0 0 0 4.3em; }

*+html .folder h2 {  border-top: solid 2px rgb(187,207,227); }
*+html #home #left { margin-right: -1em; }

span.filesize { display: none; }


label.small-item {
  width: 27.2em;
  float: left;
  border-bottom: 1px solid #ccc;
  padding-bottom: .25em;
}
.container input.small-item { width: 3em }

span.details,
.container form li span.details {
  display: block;
  font-size: .8em;
  padding: 0; margin: 0;
  color: #666;
}
form .dotted-top {
  display: block;
  padding-top: 1em;
}
.form_error {
  font-weight: bold;
  color: #da0000;
}

tfoot td {
  padding-top: .25em;
  border-top: 2px solid #ccc;
}
form.qcart-submit {
  padding-top: 1em;
}
form.qcart-submit input.submit {
  padding: 0; margin: 0;
  width: 100%;
}

li.warning input, li.warning select, li.warning textarea { border-color: #da0000; }
span.warning_msg {
  display: block;
  color: #da0000;
  clear: both;
}
.container form li.hidden { display: none; }

.form_thankyou {
 font-size: 1.2em; line-height: 1.4em; color: #005ca5;
  font-weight: bold;
}

table { width: 100%; }
table tfoot td { font-weight: bold;}