body {
  color: #00000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #f3f4f6 url(../images/hg.jpg) repeat-x;
  padding: 0;
  margin: 0;
  text-align: center;}
  
h1 {font-size: 16px; padding: 0 0 15px 0; margin: 0;}
h2 {font-size: 15px; color: #000; padding: 0 0 6px 0; margin: 0;}
h3 {font-size: 15px; color: #000; padding: 5px 0 5px 0; margin: 0;} /* h3 is for headings in right column */
p {padding: 0.5em 0; margin: 0;}

a {color: #000000; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: underline; }

hr {width: 50%; size: 1px; border-bottom: 0px dotted #C0C0C0; border-left: 0px dotted #C0C0C0; border-right: 0px dotted #C0C0C0; border-top: 3px dotted #C0C0C0; margin-top: 10px; border-bottom: 0; }

.info { font-size: 9px; }
.infogross { font-size: 11px; }
a.info { text-decoration:none; }
a.info:hover { font-weight:bold; text-decoration: underline overline; background-color:#f3f4f6;}

td {vertical-align: top; text-align: left; font-size: 14px;}
td.info {vertical-align: middle; text-align: left; font-size: 12px;}
img {border: 0; margin: 0;}
ul, ol {margin-bottom: 0;}

#rahmen {width: 773px; margin: 0 auto; text-align: left;}

#sitenavi {height: 29px; font-size: 10px; padding: 6px;} 
#sitenavi ul {float: right; padding: 0; margin: 0; list-style-type: none;}
#sitenavi ul li {float: left; color: #fff; background: url(../images/sitenavi_tab.gif) 100% 100% no-repeat; padding: 0 10px 0 0;}
#sitenavi ul li a {color: #336; display: block; padding: 0 0 2px 10px; background: url(../images/sitenavi_tab.gif) no-repeat 0 100%; text-decoration: none; font-weight: bold;}
#sitenavi ul li a:hover {text-decoration: underline;}

#header {height: 134px; background: url(../images/hg-header.jpg) no-repeat;} 
.logo {float: left; padding: 24px 0 0 22px;}
.search {float: right; font-size: 11px; font-weight: bold; padding: 52px 11px 0 0;}

#menu {padding: 112px 0 0 15px; font-size: 13px;}
#menu ul {padding: 0; margin: 0; list-style-type: none;}
#menu li {float: left; padding: 0 15px 0 0;}
#menu li a {font-weight: normal; text-decoration: none;}
#menu li.active a {font-weight: bold;}
#menu li a:hover {color: #0F0F0F; text-decoration: underline;}

#content {background-color: #ffffff; padding: 15px 0 0 0; margin: 0; border-width: 0 1px 0 1px; border-style: solid; border-color: #8E94A4;} 



#right {float: right; width: 261px; font-size: 13px;}
.rightboxbluebox {height: 336px; margin: 0 0 10px 0; padding: 10px 0 0 0; line-height: 15px; background: url(../images/blue_right.gif) no-repeat;}
.rightboxschatten {height: 69px; line-height: 15px; background: url(../images/right-schatten.gif) no-repeat;}
.rightboxschatten a {display: block; padding: 21px 0 20px 0; text-align: center;}
.rightboxhighlightedtop {height: 15px; background: url(../images/right-highlighted.gif) no-repeat;}
.rightboxhighlighted {background: #b1ef69; padding: 0 1em;}
.rightboxhighlightedbottom {height: 15px; background: url(../images/right-highlighted.gif) no-repeat 0 100%;}


.rightboxflieder {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/flieder_right.gif) no-repeat; text-align: center}
.rightboxflieder h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxflieder .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxflieder ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxflieder li li {padding-left: 1em;}


.rightboxgreen {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/green_right.gif) no-repeat; text-align: center}
.rightboxgreen h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxgreen .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxgreen ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxgreen li li {padding-left: 1em;}


.rightboxorange {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/orange_right.gif) no-repeat; text-align: center}
.rightboxorange h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxorange .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxorange ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxorange li li {padding-left: 1em;}


.rightboxgrey {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/grey_right.gif) no-repeat; text-align: center}
.rightboxgrey h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxgrey .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxgrey ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxgrey li li {padding-left: 1em;}


.rightboxblue {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/blue_right.gif) no-repeat; text-align: center}
.rightboxblue h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxblue .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxblue ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxblue li li {padding-left: 1em;}


.rightboxdblue {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/dblue_right.gif) no-repeat; text-align: center}
.rightboxdblue h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxdblue .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxdblue ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxdblue li li {padding-left: 1em;}


.rightboxrot {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/rot_right.gif) no-repeat; text-align: center}
.rightboxrot h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxrot .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxrot ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxrot li li {padding-left: 1em;}


.rightboxlila {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/lila_right.gif) no-repeat; text-align: center}
.rightboxlila h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxlila .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxlila ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxlila li li {padding-left: 1em;}


.rightboxpink {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/pink_right.gif) no-repeat; text-align: center}
.rightboxlpink h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxpink .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxpink ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxpink li li {padding-left: 1em;}


.rightboxbrown {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(../images/brown_right.gif) no-repeat; text-align: center}
.rightboxbrown h3 {padding: 15px 0 17px 0; margin: 0; color: #000000; text-align: left;}
.rightboxbrown .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightboxbrown ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxbrown li li {padding-left: 1em;}



#left {float: left; width: 500px;}
#left a {text-decoration: underline; font-weight: normal;}
#left a:hover {text-decoration: none;}
#left h2 a {font-weight: bold;}


.leftboxblue h1 {color: #000000;}
.leftboxbluetop {height: 15px; background: url(../images/blue_left_top.gif) 0 0 no-repeat;}
.leftboxblue {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/blue_left.gif) repeat;)}
.leftboxbluebottom {margin: 0 0 15px 0; height: 15px; background: url(../images/blue_left_top.gif) 0 100% no-repeat;}


.leftboxdblue h1 {color: #000000;}
.leftboxdbluetop {height: 15px; background: url(../images/dblue_left_top.gif) 0 0 no-repeat;}
.leftboxdblue {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/dblue_left.gif) repeat;)}
.leftboxdbluebottom {margin: 0 0 15px 0; height: 15px; background: url(../images/dblue_left_top.gif) 0 100% no-repeat;}


.leftboxgreen h1 {color: #000000;}
.leftboxgreentop {height: 15px; background: url(../images/green_left_top.gif) 0 0 no-repeat;}
.leftboxgreen {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/green_left.gif) repeat;)}
.leftboxgreenbottom {margin: 0 0 15px 0; height: 15px; background: url(../images/green_left_top.gif) 0 100% no-repeat;}


.leftboxpink h1 {color: #000000;}
.leftboxpinktop {height: 15px; background: url(../images/pink_left_top.gif) 0 0 no-repeat;}
.leftboxpink {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/pink_left.gif) repeat;)}
.leftboxpinkbottom {margin: 0 0 15px 0; height: 15px; background: url(../images/pink_left_top.gif) 0 100% no-repeat;}


.leftboxbrown h1 {color: #000000;}
.leftboxbrowntop {height: 15px; background: url(../images/brown_left_top.gif) 0 0 no-repeat;}
.leftboxbrown {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/brown_left.gif) repeat;)}
.leftboxbrownbottom {margin: 0 0 15px 0; height: 15px; background: url(../images/brown_left_top.gif) 0 100% no-repeat;}


.leftboxflieder h1 {color: #000000;}
.leftboxfliedertop {height: 15px; background: url(../images/flieder_left_top.gif) 0 0 no-repeat;}
.leftboxflieder {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/flieder_left.gif) repeat;)}
.leftboxfliederbottom {margin: 0 0 15px 0; height: 15px; background: url(../images/flieder_left_top.gif) 0 100% no-repeat;}


.leftboxlila h1 {color: #000000;}
.leftboxlilatop {height: 15px; background: url(../images/lila_left_top.gif) 0 0 no-repeat;}
.leftboxlila {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/lila_left.gif) repeat;)}
.leftboxlilabottom {margin: 0 0 15px 0; height: 15px; background: url(../images/lila_left_top.gif) 0 100% no-repeat;}


.leftboxrot h1 {color: #000000;}
.leftboxrottop {height: 15px; background: url(../images/rot_left_top.gif) 0 0 no-repeat;}
.leftboxrot {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/rot_left.gif) repeat;)}
.leftboxrotbottom {margin: 0 0 15px 0; height: 15px; background: url(../images/rot_left_top.gif) 0 100% no-repeat;}


.leftboxorange h1 {color: #000000;}
.leftboxorangetop {height: 15px; background: url(../images/orange_left_top.gif) 0 0 no-repeat;}
.leftboxorange {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/orange_left.gif) repeat;)}
.leftboxorangebottom {margin: 0 0 15px 0; height: 15px; background: url(../images/orange_left_top.gif) 0 100% no-repeat;}


.leftboxgrey h1 {color: #000000;}
.leftboxgreytop {height: 15px; background: url(../images/grey_left_top.gif) 0 0 no-repeat;}
.leftboxgrey {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;  background: url(../images/grey_left.gif) repeat;)}
.leftboxgreybottom {margin: 0 0 15px 0; height: 15px; background: url(../images/grey_left_top.gif) 0 100% no-repeat;}


.leftboxhighlightedtop {background: url(../images/left-highlighted_top.gif) no-repeat 0 0; height: 15px;}
.leftboxhighlighted {line-height: 17px; padding: 15px 20px 15px 20px; background: url(../images/left-highlighted.gif) repeat 0 0; }
.leftboxhighlightedbottom {background: url(../images/left-highlighted_top.gif) no-repeat 0 100%; height: 15px;}

.inhaltrandtop {width: 500px; height: 15px; background: url(../images/inhalt-top.gif) no-repeat;}
.inhalt {border-right: 1px solid #acb8cd; padding: 0 20px 0 20px; font-size: 14px; line-height: 17px;}
.inhaltrandbottom {margin: 0 0 15px 0; width: 500px; height: 17px; background: url(../images/inhalt-bottom.gif) no-repeat;}

.rightlogo {height: 210px; margin: 40px 0px 30px 0px; padding: 0; line-height: 15px; background: url(../images/rightlogo.gif) no-repeat; text-align: center}
.rightlogo h3 {padding: 15px 0 17px 17px; margin: 0; color: #fff; text-align: left;}
.rightlogo .spacer {height: 200px; padding: 0 0 0 17px; text-align: left}
.rightlogo ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightlogo li li {padding-left: 1em;}
.rightlogo top {height: 15px; background: url(../images/right-highlighted.gif) no-repeat;}

.clear {clear: both;}

.product {padding-bottom: 3em;}
.productdescription {margin-left: 130px;}
.product img.productimg {float: left; width: 120px; margin-right: 3px;}

#footer {padding: 32px 0 10px 0; font-size: 10px; color: #919191; background: url(../images/hg-footer.gif) no-repeat; text-align: center;}
#footer a {color: #919191;}

.pager {padding-top: 1em; font-size: 12px; padding-bottom: 1em;}
.more {padding: 4px 0 20px;}

form {padding: 0; margin: 0;}
.input {font-size: 11px; width: 105px; margin-top: 5px; background-color: #9e9e9e;}
.submitsearch {border: 0; background: transparent url(../images/lupe.gif);  width: 20px; height: 20px; margin-left: 5px}
.submitsearch:hover {background: url(../images/lupe-over.gif);}
.submitpfeil {border: 0; background: transparent url(../images/pfeil.gif); width: 20px; height: 20px; margin-left: 5px}
.submitpfeil:hover {background: url(../images/pfeil-over.gif);}

.konstrast {
  line-height:12px; 
	letter-spacing:1px;
	word-spacing:1px; }