html, body {
background: #E1E1E1;
margin:0px;
padding:0px;
width:100%;
}
div#body {
background: #fff;
position:absolute;
top:0px;
left:15px;
width:974px;
height:800px;
}
div#search {
position:absolute;
top:14px;
left:445px;
width:300px;
margin:0px;
padding:0px;
}
div#buttonsearch {
position:absolute;
top:0px;
left:128px;
padding:0px;
margin:0px;
}
div#footer {
background: #EDEDED;
width:510px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #818181;
margin: 50px 0 0 0;
padding:1px 0px 1px 0px;
}
div#footertext {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #666666;
padding:4px 0px 4px 65px;
}
div#footertext a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #666666;
text-decoration:none;
}
div#footertext a:hover{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #666666;
text-decoration:underline;
}

div#page {
position:absolute;
top:0px;
left:0px;
width:974px;
background: #fff;
height:100%;
}
div#frame {
position:absolute;
top:141px;
left:0px;
width:974px;
background: #fff;
}
div#content {
position:relative;
top:10px;
left:200px;
width:510px;
margin-bottom:50px;
padding:0px 0px 0px 0px;
}
div#breadcrumb {
position:relative;
top:0px;
left:0px;
background: #EDEDED;
width:974px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #818181;
padding:1px 0px 1px 0px;
}
div#navigation_start {
position:absolute;
top:26px;
left:0px;
width:180px;
padding:0px 0px 0px 10px;
}
div#navigation_plus {
position:absolute;
top:48px;
left:0px;
background: #fff;
}
div#navigation_sub {
position:absolute;
top:51px;
left:0px;
width:180px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
background:#F6F6F6;
height:600px;
}
div#navigation_top {
position:absolute;
top:96px;
left:0px;
background: #333333;
width:100%;
width:974px;
}

div#headnavi {
position:absolute;
top:15px;
left:0px;
background: #fff;
}
div#headnaviitem {
background: #A5A5A5;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #fff;
text-decoration:none;
float: left;
margin:0px;
height:14px;
padding:2px 15px 4px 15px;
border-right: 1px solid #fff;
}
div#headnaviitem a{
background: #A5A5A5;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #fff;
text-decoration:none;
}
div#headnaviitem a:hover{
background: #A5A5A5;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #fff;
text-decoration:underline;
}
div#breadcrumb a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #818181;
text-decoration:none;
padding:0px 0px 0px 0px;
}
div#breadcrumb a:hover{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #2F2F2F;
text-decoration:none;
}
.breadclicked {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #2F2F2F;
padding:0px 0px 0px 0px;
}
.breadclicked a{
color: #2F2F2F;
}
.breadcrumpos {
padding:0px 0px 0px 200px;
}

div#content_left {
position:absolute;
top:26px;
left:10px;
width:180px;
margin:0;
padding:0;
}

div#content_home {
position:absolute;
top:26px;
left:200px;
width:370px;
margin:0;
padding:0;
}
div#content_home_right {
position:absolute;
top:26px;
left:580px;
width:140px;
margin:0;
padding:0;
}
div#content_home_border {
position:absolute;
top:26px;
left:770px;
width:140px;
margin:0;
padding:0;
}
div#content_right {
position:absolute;
top:282px;
left:706px;
width:154px;
margin:0;
padding:0;
}
div#teaser_right {
position:absolute;
top:26px;
left:706px;
width:154px;
margin:0;
padding:0;
}
div#logo {
position:absolute;
top:24px;
left:768px;
}
/* content styles -----------------------------------------------------------*/
div#content h1 {
font-family: arial, helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
color: #707070;
margin:0px;

}
div#content h1 sup{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #707070;
margin:0px;
}
div#content h2 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #6A5E5B;
padding:20px 0px 0px 10px;
margin:0px;
}
div#content h6 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #002C45;
font-weight:bold;
line-height:15px;
padding:0px 0px 10px 10px;
margin:0px;
text-decoration:none;
}
div#content .csc-header {
padding:0px 0px 13px 10px;
margin:0px;
}
div#content .bodytext {
padding:10px 15px 10px 10px;
margin:0px;
}
div#content p {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:15px;
margin:0px;
}
div#content p a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #990000;
font-weight:normal;
line-height:15px;
margin:0px;
text-decoration:none;
}
div#content p sup {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #6D6D6D;
font-weight:normal;
line-height:15px;
}
div#content p sub {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #6D6D6D;
font-weight:normal;
line-height:15px;
}
div#content .csc-menu li {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:25px;
border-bottom: 1px solid #DBDDDC;
}
div#content ul {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 0px 0 20px;
padding:10px 10px 0 0px;
}

div#content li {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 0px 0 0px;
list-style:none;
}
div#content li a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #990000;
font-weight:normal;
line-height:18px;
margin:0px;
text-decoration:none;
padding:0px 0px 0 10px;
background: transparent url(../../../images/shared/list_style.gif) no-repeat 0px;
}
div#content ol {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 0px 10px 20px;
padding:10px 20px 0 20px;
list-style:normal;
}



/* content styles home -----------------------------------------------------------*/
div#content .csc-textpic-clear {
padding:0px 0px 0px 0px;
margin:0px;
height:0px;
}
div#content .csc-textpic-image {
padding:10px 0px 0px 10px;
margin:0px;
}
div#content .csc-textpic-intext-right {
padding:0px 30px 0px 0px;
margin:0px;
}
div#content_left .csc-textpic-image {
padding:0px 0px 10px 0px;
margin:0px;
}
div#content_home_right .csc-textpic-image {
padding:0px 0px 10px 0px;
margin:0px;
}
div#content_home_border .csc-textpic-image {
padding:0px 0px 10px 0px;
margin:0px;
}
div#teaser_right .csc-textpic-image {
padding:0px 0px 10px 0px;
margin:0px;
}

.inputsearch {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6D6D6D;
font-weight:normal;
margin:0px 0px 0 0px;
padding:3px 0px 0 10px;
height:20px;
border: 0px solid #E5E5E5;
width:146px;
vertical-align:top;
background: transparent url(../../../images/shared/back_search.gif) no-repeat 0px;
}
form {
margin:0;
padding:0;
border: 0px solid #000;
}
.service {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6D6D6D;
height:246px;
width:248px;
font-weight:normal;
}
.service a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6D6D6D;
font-weight:normal;
text-decoration:none;
}
.servicehead {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
background:#EDEDED;
font-weight:bold;
padding:0px 0px 10px 0px;
}
.servicetool {
padding:10px 0px 0 0px;
}

/* box content bild  -----------------------------------------------------------*/
div#content .csc-frame-frame1 {
padding:0px 0px 0 0px;
margin:0px 0px 0 10px;
}
div#content .csc-frame-frame1 .csc-textpic-caption{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
background:#E2E2E2;
padding:0px 0px 0px 2px;
margin:0px 0px 0 0px;
}
div#content .csc-frame-frame1 .csc-textpic-caption a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #990002;
text-decoration:none;
background:#E2E2E2;
}

div#content .csc-frame-frame1 .csc-textpic-image {
padding:0px 20px 10px 0px;
margin:0px 0px 0px 0px;
}
div#content .csc-frame-frame1 p{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height:12px;0
color: #6D6D6D;
}

/* box produkte 2 bilder  -----------------------------------------------------------*/
div#content .csc-frame-frame2 {
border: 0px solid #000;
padding:0px 0px 0 0px;
margin:0px 0px 0 0px;
}
div#content .csc-frame-frame2 .csc-textpic-caption{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
background:#E2E2E2;
padding:0px 0px 0px 2px;
margin:0px 0px 0 0px;
}
div#content .csc-frame-frame2 .csc-textpic-caption a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #990002;
text-decoration:none;
background:#E2E2E2;
}
div#content .csc-frame-frame2 .csc-textpic-image {
padding:0px 40px 0px 0px;
margin:0px 0px 0px 0px;
}
/* box unterschrift bild us  -----------------------------------------------------------*/
div#content .csc-frame-indent {
padding:0px 0px 0 0px;
margin:0px 0px 0 10px;
}
div#content .csc-frame-indent .csc-textpic-caption{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
background:#E2E2E2;
padding:0px 0px 0px 0px;
margin:0px 0px 0 0px;
width:104px;
}
div#content .csc-frame-indent .csc-textpic-caption a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #990002;
text-decoration:none;
background:#E2E2E2;
}

div#content .csc-frame-indent .csc-textpic-image {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



/* box right sample order -----------------------------------------------------------*/
div#content_right .csc-frame-frame1 {
height:120px;
width:248px;
padding:0px 0px 0 10px;
margin:10px 0px 0 0px;
background: #EDEDED url(../../../images/shared/back_product_finder_big.gif) no-repeat 0px;
}
div#content_right .csc-frame-frame1 h1 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:bold;
padding:10px 0px 10px 0px;
}
div#content_right .csc-frame-frame1 p {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
}
/* box right mood -----------------------------------------------------------*/
div#content_right .csc-frame-frame2 {
height:120px;
width:248px;
padding:0px 0px 0 10px;
margin:10px 0px 0 0px;
background: #EDEDED url(../images/shared/back_mood.gif) no-repeat 0px;
}
div#content_right .csc-frame-frame2 h1 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:bold;
padding:10px 0px 10px 0px;
}
div#content_right .csc-frame-frame2 p {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6D6D6D;
font-weight:normal;
}
/* box right text -----------------------------------------------------------*/
div#content_right .csc-frame-indent {
width:248px;
padding:0px 0px 10px 10px;
margin:10px 0px 0 0px;
background: #EDEDED;
}
div#content_right .csc-frame-indent h1 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:bold;
padding:10px 0px 0px 0px;
}
div#content_right .csc-frame-indent p {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6D6D6D;
font-weight:normal;
}


div#content_right ul {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 0px 0 0px;
padding:0px 10px 0 0px;
}

div#content_right li {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 0px 0 0px;
padding:0px 0px 0 10px;
background: transparent url(../../../images/shared/list_style.gif) no-repeat 0px;
list-style:none;
}
div#content_right li a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #990000;
font-weight:normal;
line-height:18px;
margin:0px;
text-decoration:none;
}
div#image_products {
position:absolute;
top:0px;
left:399px;
padding:0px 0px 0px 0px;
margin:0;
background:#EDEDED;
}
div#productlist  {
position:absolute;
top:20px;
left:-7px;
padding:0px 0px 0px 0px;
}
div#image_text {
width:225px;
margin:0;
padding:0px 0px 0px 0px;
}
div#image_text p{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6D6D6D;
padding:2px 7px 7px 7px;
}
.detail {
margin:0px 0px 0 0px;
padding:0px 0px 0 20px;
background: transparent url(../../../images/shared/icons/fliese.gif) no-repeat 0px;
list-style:none;
}
.important {
margin:0px 0px 0 0px;
padding:0px 0px 0 30px;
background: transparent url(../../../images/shared/icons/rolle.gif) no-repeat 0px;
list-style:none;
}
/* box kontakt  -----------------------------------------------------------*/
div#content .csc-frame-indent6633 {
width:210px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 10px;
background:#E2E2E2;
}
div#content .csc-frame-indent6633 h1{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #fff;
background:#6D6D6D;
border-bottom: 2px solid #fff;
padding:5px 0px 5px 10px;
margin:0px 0px 10px 0px;
}
/* contenttable  -----------------------------------------------------------*/
.contenttable {
width:480px;
margin:10px 0px 20px 10px;
}
.contenttable th{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #695E5A;
background:#F1F1F1;
line-height:22px;
}
.contenttable td {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #695E5A;
background:#F8F8F8;
line-height:16px;
}
.contenttable td {
text-align:left;
margin:0px 5px 5px 5px;
padding:0px 5px 5px 5px;
vertical-align:top;
}
/* contenttable  -----------------------------------------------------------*/
/* spezielle klasse f�r aufz�hlung OHNE link-----------------------------------------------------------*/
div#content .action-items {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 0px 20px 20px;
padding:10px 0px 0 15px;
}
div#content .action-items li {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #6D6D6D;
font-weight:normal;
line-height:18px;
margin:0px 10px 0 0px;
list-style:disc;
}

.HP_HowCanWeHelpCopy
{
  width:70px;
  font-family:Arial, helvetica, Verdana;
  font-size:11px;
  color:#333333;
  padding:0px;
  float:left;
  text-decoration:none;
  cursor: pointer;
}
.HP_HowCanWeHelpImage
{
  width:35px;
  float:left;
  padding:0px;
  cursor: pointer;
}