@charset "utf-8";
/*
Logo Farblehre:
Gruen: #84B819
Blau: #003888

Grau: #E9E9E9
*/

/* CSS Document for datacollect.de */

html{
height:100%;
}
body{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#FFF;
height:100%;
display:block;
}
a img{
border:none;
}
#box{
width:80em;
min-height:100%;
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
border-left:solid 1px #DDF;
border-right:solid 1px #DDF;
}

#header{
height:7em;
padding:2em;
position:relative;
}
#header span.slogan{
color:#84B819;
font-size:2em;
position:absolute;
right:1em;
top:2.2em;
}
#header span.sloganlink{
position:absolute;
right:0;
top:2.5em;
font-size:10px;
}
#header #lang {
float:right;
background:url(lang_bg_left.jpg) top left no-repeat;
display:block;
padding-left:0.3em;
height:1.4em;
}
#header #lang span{
background:url(lang_bg_right.jpg) top right no-repeat;
height:1.4em;
padding:0.1em;
padding-right:1em;
padding-left:0.5em;

display:block;
}
#header #lang.nobg,
#header #lang span.nobg{
background:none;
}
#header #lang img {
xborder:1px solid #000000;
border:none;
height:1.1em;
margin:0 0 0 0.5em;
padding:0;
width:1.6em;
}
#header #lang img.current {
xborder:0.1em solid #FF0000;
}
#header #lang a {
display:inline;
font-size:1em;
margin:0;
padding:0;
}
/**************** menu coding START *****************/
#navi {
width: 76.1em;
height:4em;
line-height:4em;
margin-left:2em;
padding-left:1em;
background:url("bg_menu_3px.jpg") no-repeat;
}

#navi ul {
list-style: none;
margin: 0;
padding: 0;
display:inline;
white-space:nowrap;
}
#navi li.main {display:inline;}

#navi a {
margin: 0;
color: #000;
text-decoration: none;
padding:0.5em;
outline: none;
}
#navi a.level1,
#subnavi1 a.sublevel{
font-size:12px;
padding:1em;
background:none;
outline: none;
}
#navi a.level1.current,
#subnavi1 a.sublevel.current{

}
#navi a.level1.current{
color:#FFFFFF;
border:none;
background:url("bg_selected.png") repeat-x;
xborder-bottom:1px solid #84B819;
}
#navi a.level1:hover{
text-decoration:underline;
}
#navi a:hover {
color:#84B819;
text-decoration:underline;
}
#navi a.current {
color:#84B819;
}

#navi li {position: relative;}

#navi ul ul {
position: absolute;
z-index: 500;
left:0px;
line-height:2em;
border:1px solid #e1e1eb;
border-top-color:#FFF;
margin-top:-2px;
}
#navi ul ul.current{
border-color:#84B819;
}
#navi ul ul li{
background-color:#FFF;
padding-left:0.8em;
padding-right:0.8em;
color:#003888;
}
#navi ul ul ul {
position: relative;
top: 0;
left:0;
margin-left:0;
white-space:nowrap;
border:none;
}
#navi ul ul ul a {
border-left:3px solid #e1e1eb;
}
#navi ul ul ul a.current {
border-left:3px solid #84B819;
}

div#navi ul ul
{display: none;}

div#navi ul li:hover ul,
div#navi ul ul li:hover ul,
div#navi ul ul ul li:hover ul
{display: block;}

#navi table {
background-color:#FFF;
color:#003888;
padding-left:0.5em;
}
#navi table td {
vertical-align:top;
}

#navi table p{
margin:0;
padding:0;
}

/**************** menu coding END *****************/

#content{
padding:2em;
position:relative;
padding-bottom:3em;
padding-top:1em;
z-index:10;
}
#content a,
#header span.sloganlink a{
color:#84B819;
text-decoration:none;
}
#content a:hover,
#header span.sloganlink a:hover{
text-decoration:underline;
}
#content li.ui-state-disabled a:hover {
text-decoration:none;
}
#content img.placeholder{
width:76em;
height:20em;
border:solid 1px #999999;
margin-bottom:2em;
}
#content p{
margin-top:0;
}
#content h1{
background-color:#84B819;
color:#FFFFFF;
display:block;
font-size:1.2em;
line-height:1.5em;
padding-left:0.5em;
margin-top:0;
}
#content h1.error {
background-color:#FFF;
color:#e71717;
text-align:center;
}
#content .round-headline {
background:url(round_headline_left_v2.jpg) top left no-repeat;
}
#content h1.round-headline {

background:url(round_headline_right_v2.jpg) top right no-repeat;
margin-left:0.3em;
padding-left:0;
margin-top:0;
}
#content h2{
font-size:1.2em;
font-weight:bold;
border-bottom:1px dashed #888;
color:#84B819;
display:block;
}
#content img{
margin-bottom:1em;
}

#content span.column1,
#content .column1{
width:29em;
display:block;
float:left;
margin-bottom:2em;
}
#content span.column2,
#content .column2{
display:block;
margin-left:30em;
} 	
#content ul{
list-style-position:inside;
}
#content ul.ui-tabs-nav {
list-style-position:outside;
}
#content ul.news,
#content ul.news2{
margin:0;
padding:0;
list-style: none;
}
#content ul.news2 table td{
vertical-align:top;
}
#content ul.news li{
display:block;
margin-bottom:1em;
background:url("rounded_news_v3.jpg") 0 100% no-repeat;
list-style: none;
}

#content ul.news li h4{
background:url("rounded_news_v3.jpg") 0 0 no-repeat;
line-height:1em;
margin:0;
padding-left:0.5em;
padding-top:0.5em;
font-size:1.2em;
font-weight:bold;
color:#84B819;
}
#content ul.news li h4 span,
#content ul.news2 li h2 span{
font-weight:normal;
}
#content ul.news li p{
padding:0.5em;
margin:0;
}
#content ul.news2 {
list-style:none;
}

#content img.product{
background-color:#E9E9E9;
float:left;
margin-top:1em;
}

#content ul.cats {
padding-left:0;
list-style-position:inside;
}
#content ul.cats li{
padding-left:1em;
}
#content ul li.topicCat{
color:#013888;
list-style:none;
margin-top:1em;
padding-left:0;
}
#content ul.cats ul{
list-style-type:disc;
color:#000;
list-style-position:inside;
margin-top:1em;
padding-left:2em;
}
#content #tabs ul{
  margin-bottom:1em;
}
#content #tabs ul li a{
  font-weight:normal;
}
#content ul.sitemap{
color:#003888;
}

#rotator,
#banner{
position:relative;
display:block;
margin-bottom:1em;
}
#rotator img{
position:absolute;
top:0;
left:0;
}

#mig{
text-align:right;
height:7em;
padding-right:2em;
}

#footer{
padding:2em;
padding-top:1em;
padding-right:2.5em;
text-align:right;
color:#999999;
position:absolute;
bottom:0;
display:block;
height:3em;
padding-bottom:0;
}
#footer a{
text-decoration:none;
color:#999999;
}
#footer a:hover{
text-decoration:underline;
color:#999999;
}
#footer img{
position:absolute;
top:0.6em;
left:2em;
z-index:1;
}

#footer span{
border-right:none;
padding-left:1em;
z-index:10;
position:relative;
left:32em;
}

.flleft{
float:left;
margin-right:1em;
margin-bottom:2em;
}
.flright{
float:right;
margin-left:1em;
margin-bottom:2em;
}
.fullWidth{
width:100%;
}
#tabs-box {
margin-left:29em;
min-height:25em;
width:47em;
}
#tabs-box .ui-widget-content {
border:none;
}

#promobanner{
position:absolute;
top:0;
left:81em;
}

/*////////////////////////////////////////////////////////////////////////////////////
BEGIN Kontakt Formular
/////////////////////////////////////////////////////////////////////////////////////
/*  Start Forms 
from http://www.redaxo.de/165-Moduldetails.html?module_id=57
*/
#rex_formgen_from,
#rex_formgen_from fieldset{
background-color:#FFF;
border: 1px solid #fff;
}

.formgen_form {
   padding: 0px 0px 0px 0px;
   width:42em;
   border:none;
   margin-left:15em;
   margin-bottom:3em;
   border: 1px solid #fff;
   
  position:relative;
}
}
/* Rahmenfarbe angeben für Opera */
.formgen_form fieldset {
   border: 1px solid #fff;
   background-color:#FFF;
}
fieldset {
border: 1px solid #fff;
}
.formgen_form legend {
   font-weight:bold;
   padding:0;
   margin:0;
   padding-bottom:1em;
   font-size:2em;
   color:#666666;
}
.formgen_form Label {
   padding:0;
   margin-left: 0;
   color:#000;
   font-weight:bold;
   width:10em;
   display:block;
   float:left;
}
.formgen_multiline{
	background:url("rounded_textarea.jpg") no-repeat;
	background-position:101px 1px;
}

.formgen_form textarea {
   width: 275px;
   height:95px;
   border: 1px solid #FFF;
   background-color: transparent;   
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 5px 5px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
   overflow: auto;
}
.formgen_form input{
   width: 275px;
   height:18px;
   border: 1px solid #FFF;
   background-color: transparent;
   background:url("rounded_input.jpg") no-repeat;
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 3px 5px 1px 3px;
   margin: 0px 0px 2px 0px;
   word-spacing: 0.2em;
}
.formgen_form select{
   width:65px;
   border: 1px solid #FFF;
   background-color: transparent;
   background:url("rounded_select.jpg") no-repeat;
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 2px 6px 3px 0px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
.formgen_form input:hover{
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
  background:url("rounded_input_hover.jpg") no-repeat;
}
.formgen_form textarea:hover {
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
}
.formgen_form input:focus,
.formgen_form input:active,
.formgen_form textarea:focus,{
   color: #FFF;
   font-family: Verdana, Arial, Sans-Serif;
   background-color:#000000;
   border: 1px solid #999;
}
.formgen_form input.formgen_submit {
   width: 25.5em;
   font-weight: bold;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   margin: 0px 0px 5px 0px;
   margin-left:9.1em;
   color: #333;
   border:none;
   cursor: pointer;
   border: none;
   word-spacing: 0.2em;
   background:url(rounded_button.jpeg) top left no-repeat;
}
.formgen_form input.formgen_submit:hover{
background-color:#FFF;
border:none;
color:#FFFFFF;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formgen_submit_error {
	color: red;
	width:12em;
	font-weight:bold;
	font-size:10px;
  position:absolute;
  left:2em;
  padding:0.5em;
  xborder:1px solid #F00;
}
.formgen_error_list {
margin-left:0em;
}

.formgen_form span.required{
  color:#F00;
}

.formgen_hint{
position:absolute;
color:#F00;
font-weight:bold;
font-size:0.9em;
right:1.6em;
margin:0.5em;
}
/* 
/////////////////////////////////////////////////////////////////////////////////////
END Kontakt Formular
/////////////////////////////////////////////////////////////////////////////////////
*/
#tabsNav{
  display:none;
}
.ui-widget {
font-size:1em;
}
.ui-widget-header {
  font-weight:normal;
}

#loader p{
background-color:#FFF;
width:760px;
height:200px;
margin:0;
padding:0;
position:absolute;
z-index:100;
}
#loader p img{
margin-left:368px;
margin-top:84px;
}
.image-load-wrapper{
margin-bottom:1em;
}