/* CSS Document */

body{
background-image:url(img/back.jpg);
background-position:top center;
background-attachment:fixed;
background-repeat:repeat-x;
margin:0px;
padding:0px;
background-color:#dfe0e1;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.06em;
}
.foto{ float:left; width:140px; border:1px solid #007FBE; vertical-align:middle; text-align:center; margin:2px; line-height:250%; padding:5px;  }
sub, sup {
  line-height: 0px;
  font-size: 60%;
}

#container{
margin:auto;
width:955px;
text-align:left;}

#footer{ margin:auto; 
width:955px;
border-top:1px solid #d2d0c9;
height:22px;
text-align:right;
 padding-bottom:15px;
 margin-top:46px; 
 }
 
#footer img{ margin-top:14px; margin-left:6px; margin-right:6px; }

#image{ height:278px; width:955px; float:left }
#info{ width:249px; height:278px; float:right}

#main{ background-image:url(img/main_bg.gif); background-repeat:repeat-y; background-position:right;
padding-left:21px;
padding-right:276px;
padding-top: 35px;
font-size:1em;
letter-spacing:0.06em;
line-height:135%;
}

#main h1{ font-size:1.2em; margin:0px; color:#006ab3; letter-spacing:0.06em;
padding-top:0px; padding-bottom:8px; }

#main p{ padding-top:5px; padding-bottom:5px; margin:0px; }

#lang{
width:955px;
text-align:right;}

#menu{
width:955px;
height:41px;
background-color:#cfd0d2;}

.logo{
width:217px;
height:41px;
padding-right:38px;}

#logo2{
width:955px;
height:33px;
padding-right:38px;}

#Carousel{
width:955px;
height:458px;}

.produktblock{ width:300px; margin-top:5px; background-color:#E6E6E7; height:229px; background-repeat:repeat-x; float:left; margin-right:28px;}
.produktblock h2{ display:block; background-image:url(img/logo-klein.gif); height:15px; background-repeat:no-repeat; background-position:left top; padding-top:15px; padding-left:42px; font-size:1em; position:relative; left:-15px; top:-10px; padding-bottom:0px; margin-bottom:0px; }
.produktblock ul{ margin:0px; padding-left:47px; padding-right:15px; }
li{ list-style-image:url(img/li.gif) }


.startbox{ width:187px; height:104px; float:left; margin-right:42px; background-image:url(img/start_box_grau.jpg); text-align:left; padding:10px;}
.startboxgelb{ width:187px; height:104px; float:left; background-image:url(img/start_box_gelb.jpg); text-align:left; padding:10px; }
.startboxgelb2{ width:187px; height:104px; float:left; margin-right:42px; background-image:url(img/start_box_gelb.jpg); text-align:left; padding:10px;}
.startboxgrau{ width:187px; height:104px; float:left; background-image:url(img/start_box_grau.jpg); text-align:left; padding:10px; }
.startboxgelbrot{ width:187px; height:104px; float:left; background-image:url(img/start_box_gelb.jpg); text-align:left; padding:10px; }



.startbox h3, 
.startboxgelb2 h3{ color:#006ab3; margin:0px; padding:0px; font-size:1em; font-weight:bold;} 
.startboxgrau h3{ color:#006ab3; margin:0px; padding:0px; font-size:1em; font-weight:bold;}
.startboxgelbrot h3{ color:#ff0000; margin:0px; padding:0px; font-size:1em; font-weight:bold;}
.startboxgelbrot h4{ color:#ff0000; margin:0px; padding:0px; font-size:1.5em; font-weight:bold;}

.startbox p, 
.startboxgelb2 p{ font-size:1em; padding-top:5px; padding-bottom:5px; margin:0px; } 
.startboxgrau p{ font-size:1em; padding-top:5px; padding-bottom:5px; margin:0px; } 
.startboxggelbrot p{ font-size:1em; padding-top:5px; padding-bottom:5px; margin:0px; } 


a, a:link, a:visited  {color:#006ab3; }
a:hover, a:active{ color:#606060; }

.imageleft{ padding-right:10px;  }




.productstoggler {
	margin: 0 40px;
	padding: 5px 18px;
	font-size: 1em;
	cursor:pointer;
	font-weight:normal;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(img/right.gif)
}
.productstoggler-null {
	margin: 0 40px;
	padding: 5px 18px;
	font-size: 1em;
	font-weight:normal;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(img/rightnull.gif)
}

.productinfo{ margin: 0 40px; }

.toggler {
	margin: 0;
	padding: 5px 0px;
	font-size: 1em;
	font-weight: bold;
	cursor:pointer;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(img/right.gif)
}

.toggler0 {
	margin: 0;
	padding: 5px 0px;
	font-size: 1em;
	font-weight: bold;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(img/down.gif)
}
 
.togglerdetails {
	margin: 0;
	padding: 5px 0px;
	font-size: 1em;
	font-weight: bold;
	background-position:right;
	background-repeat:no-repeat;
}

.element p {
	margin: 0;
	padding: 0px;
}
 
#netzprospekt_link{ text-align:right; padding-right:10px; }



/*  formular */
label {
  float:left;
  clear:both;
  display:block;
  width:100px;
  margin-bottom:10px;
  padding-left:10px;
}
input, textarea, select {
  float:left;
  display:block;
  width:80%;
  border: 1px dotted #DDDEE0;
  background:#fff;
  margin-bottom:10px;
  padding:1px;
}
 
/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}
form {
  background:#fff;
  width:620px;
  padding:10px;
  border: 1px solid #DDDEE0;
}
.form-button {
  margin-left:110px !important;
  margin-left:55px; /*to fix IE6 position*/
  width:100px;
  font-size:1em;
  letter-spacing:0.06em
}

.form-button2 {
  margin-left:20px;
  width:100px;
  font-size:1em;
    letter-spacing:0.06em

}
.option {
  border:none;
  background:none;
  width:auto;
}
fieldset {
  border:none;
  padding-left:100px;
  padding-bottom:10px;
  display:block;
  clear:both;
}
fieldset input {
  width:auto;
  border:none;
  background:none;
  float:left;
  display:block;
  margin-right:5px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
  }
fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}

/*  menu   */
#dropmenudiv{
position:absolute;
border:1px solid #c3c3c4;
border-bottom-width: 0;
line-height:35px;
z-index:200;

letter-spacing:0.06em;

}


#dropmenudiv a{
width: 100%;
display: block;
height:35px;
line-height:35px;

text-indent: 3px;
border-bottom: 1px solid #c3c3c4;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#FFFFFF
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #c3c3c4;
color:#FFFFFF
}

/* tooltips */
.tool-tip table{ width:100%; }
.tool-tip td{ vertical-align:top; }
.tool-tip {
	color: #fff;
	width: 450px;
	z-index: 13000;
	text-align:left;
}
 
.tool-title {
	font-weight: bold;
	margin: 0;
	font-size:0.9em;
	color: #FFDC4A;
	padding: 8px 8px 4px;
	background-color:#0275B4
}
 
.tool-text {
font-size:0.9em;
	padding: 4px 8px 8px;
	background-color:#0275B4
}
 
.custom-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
	text-align:left;
}
 
.custom-title {
	font-weight: bold;
	margin: 0;
	font-size:0.9em;
	color: #FFDC4A;
	padding: 8px 8px 4px;
	background-color:#0275B4
}
 
.custom-text {
	font-size:0.9em;
	padding: 4px 8px 8px;
	background-color:#0275B4
}