body {
    color: #326CB3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #fff url(images/hg.jpg) repeat-x;
    padding: 0;
    margin: 0;
    text-align: center
}

h1 {font-size: 15px; padding: 0 0 15px 0; margin: 0;}
h2 {font-size: 14px; color: #339; padding: 0 0 6px 0; margin: 0;}
h3 {font-size: 12px; color: #fff; padding: 5px 0 5px 0; margin: 0;} /* h3 is for headings in right column */
p {padding: 0.5em 0; margin: 0;}

a {color: #339; text-decoration: none; font-weight: bold;}
a:hover {color: #339; text-decoration: underline; }

td {vertical-align: top; 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: 134 px; 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;}


#content {background-color: #dde5ec; padding: 15px 0 0 0; margin: 0; border-width: 0 1px 0 1px; border-style: solid; border-color: #8E94A4;} 

#menu {padding: 112px 0 0 26px; font-size: 13px;}
#menu ul {padding: 0; margin: 0; list-style-type: none;}
#menu li {float: left; padding: 0 26px 0 0;}
#menu li a {font-weight: normal; text-decoration: none;}
#menu li.active a {font-weight: bold;}
#menu li a:hover {color: #666; text-decoration: underline;}



#right {float: right; width: 261px; font-size: 11px;}
.rightboxblue {height: 336px; margin: 0 0 10px 0; padding: 10px 0 0 0; line-height: 15px; background: url(images/right-blue.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%;}

.rightboxblumen {height: 346px; margin: 0 0 10px 0; padding: 0; line-height: 15px; background: url(images/right-blumen.gif) no-repeat; text-align: center}
.rightboxblumen h3 {padding: 20px 0 17px 0; margin: 0; color: #fff; text-align: left;}
.rightboxblumen .spacer {height: 200px; padding: 0 0 0 30px; text-align: left}
.rightboxblumen ul {padding: 0; margin: 0; text-align: left; list-style-type: none;}
.rightboxblumen 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;}
.leftboxbluetop {height: 15px; background: url(images/left-blue.gif) 0 0 no-repeat;}
.leftboxblue {padding: 0 20px 0 20px; line-height: 17px; background: #95abc1;}
.leftboxblue h1 {color: #fff;}
.leftboxbluebottom {margin: 0 0 15px 0; height: 15px; background: url(images/left-blue.gif) 0 100% no-repeat;}

.leftboxhighlightedtop {background: url(images/left-highlighted.gif) no-repeat 0 0; height: 15px;}
.leftboxhighlighted {line-height: 17px; padding: 15px 20px 15px 20px; background: #b1ee68;}
.leftboxhighlightedbottom {background: url(images/left-highlighted.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: 12px; line-height: 17px;}
.inhaltrandbottom {margin: 0 0 15px 0; width: 500px; height: 17px; background: url(images/inhalt-bottom.gif) no-repeat;}


.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: 12px; line-height: 17px;}
.inhaltrandbottom {margin: 0 0 15px 0; width: 500px; height: 17px; background: url(images/inhalt-bottom.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: 11px; color: #919191; background: url(images/hg-footer.gif) no-repeat; text-align: center;}
#footer a {color: #919191;}

.pager {padding-top: 1em; font-size: 10px; padding-bottom: 1em;}
.more {padding: 4px 0 20px;}

form {padding: 0; margin: 0;}
.input {font-size: 11px; width: 105px; margin-top: 5px;}
.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);}

