/*Allgemeine Formatvorlagen*/
body {background-color: #f0eff5; text-align: center;}
body,p,div,td,input,select,textarea {font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color:#575656; line-height:18px;}

//div {border: 1px solid #cc0000;}

h1 {text-align: left; font-size: 16px; color:#1B0C83; line-height:24px; font-weight: bold;}
h1.grau {color: #999999;}
h2 {text-align: left; font-size: 14px; color:#1B0C83; line-height:24px; font-weight: bold; margin-bottom: 6px;}
h3 {text-align: left; font-size: 18px; color:#1B0C83; line-height:24px; font-weight: bold;}

img.rot {border: 3px solid #893795;}
img.gruen {border: 3px solid #009999;}
img.blau {border: 3px solid #330099;}
img.grau {border: 3px solid #aaaaaa;}
img.weiss {border: 3px solid #ffffff;}

.popup {text-align:left; padding-left: 20px; padding-top: 20px;}

/* Sitestruktur*/
#outerLayer {text-align: center; vertical-align: top; margin: 0px auto; padding: 0px; width: 971px; margin-top: 20px;}
#outerLayerstart {text-align: center; vertical-align: top; margin: 0px auto; padding: 0px; width: 971px; margin-top: 20px;}
#servicenavigation {float: right; color:#1B0C83; text-align: left; margin: 10px 0px 0px 0px;}
#suche {float: right; height: 25px; text-align: left; width: 200px; margin: 8px 20px 0px 0px;}
#header {clear:both; height: 205px; margin: 0px 0px 0px 0px; background-image: url(../graphics/bgheader.jpg); background-repeat: no-repeat;}
#headerstart {clear:both; height: 205px; margin: 0px 0px 0px 0px; background-image: url(../graphics/bgheaderstart.jpg); background-repeat: no-repeat;}
#logo {float:left; text-align: right; width: 150px; height: 125px; margin: 30px 0px 0px 0px;}
#illu {float: right; text-align: right; width: 800px; height: 30px; margin: 175px 0px 0px 0px; background-image: url(../graphics/bgpfeil.gif); background-repeat: no-repeat; background-position: right;}
#content {float:left; width: 948px; margin: 0px 0px 0px 0px; background-image: url(../graphics/bg.gif); background-repeat: repeat-y;}
#contentstart {float:left; width: 950px; height: 439px; margin: 0px 0px 0px 0px; background-image: url(../graphics/bgstart.jpg); background-repeat: no-repeat;}
#hauptnavigation {clear:both; width: 949px; height: 30px; margin: 3px 0px 0px 0px; background-image: url(../graphics/bgnav.gif); background-repeat: repeat-y;}
.inner {float: left; padding: 5px 0px 0px 30px; text-align: left; color:#ffffff;}
.cc_icon {float: left; width: 20px; padding: 4px 0px 0px 15px; }
#left {float:left; text-align: left; width: 208px; margin: 0px 0px 0px 0px;}
#sekNav {float:right; text-align: left; width: 208px; margin: 40px 0px 0px 0px;}
#icons {float:right; text-align: center; width: 183px; margin: 0px 0px 0px 0px;}
#right {float:right; text-align: left; width: 685px; margin: 0px 0px 0px 0px;}
#text {float:left; text-align: left; width: 630px; margin: 40px 0px 0px 0px;}
#text p {margin: 0px 0px 15px 0px;}
#text ul {width: 400px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
#text li {background: url(../graphics/li_pfeil.gif) no-repeat 0px 10px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 15px;list-style: none;}
#text ul.service {width: 210px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
#text ul.service li {background: url(../graphics/servicepfeil.gif) no-repeat 0px 5px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 15px;list-style: none;}
#minheight {float:right; height: 450px; width: 1px;}

#footer {float:left; width: 948px; color:#1B0C83; text-align: left; font-size: 11px; border-top: 4px solid #ffffff; margin: 0px 0px 0px 0px; height: 20px;}

#aktuelles {float:right; text-align: left; width: 208px; margin: 0px 0px 0px 0px;}
#aktuelles p {font-size: 10px; line-height:15px; margin: 10px 10px 10px 10px;}
#aktuelles a {font-size: 11px; text-decoration: none;}
#aktuelles h1 {color:#1B0C83; font-size: 11px; line-height:15px; margin: 0px 10px 0px 10px;}
.newslineTeaserRechts {float:right; width: 204px;}
#aktuelles ul.newsteaser {width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#aktuelles ul.newsteaser li {background: url(../graphics/strich.gif) no-repeat 0px 10px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 20px;list-style: none;}

.HERWESAN_PRO {color: #8E3A22;}
.HERWESAN_OLIO {color: #BF3A41;}
.HERWESAN_ACQUA {color: #166892;}
.HERWE_DERMASEPT_Gel {color: #1FA4B0;}
.HERWE_MOSKIT_SPRAY {color: #1FA4B0;}
.HERWE_FUSS-SPRAY {color: #1FA4B0;}
.HERWESAN_DUE {color: #168851;}
.HERWESAN_ALL-IN-ONE {color: #217C3A;}
.HERWESAN_ALL-IN-ONE_unparfuemiert {color: #217C3A;}
.HERWE_EMULSION {color: #1FA4B0;}
.HERWE_EMULSION_unparfuemiert {color: #1FA4B0;}
.HERWESAN_UV {color: #45318F;}
.HERWEDERM {color: #117268;}
.HERWE_CURA {color: #DBC86A;}
.HERWE_CARE_GEL {color: #DBC86A;}
.HERWE_CURA_unparfuemiert {color: #DBC86A;}
.HERWE_MIELOSAN {color: #B68600;}
.HERWE_CURA_LIQUIDO {color: #EAD258;}
.HERCULAN {color: #1B0C83;}

#produkt img {border-left: 10px solid #1B0C83; margin: 4px 4px 4px 0px;}
#produkt img.top {border-left: 0px; margin: 0px 0px 0px 0px;}
#produkt img.HERWESAN_PRO {border-left: 10px solid #8E3A22;}
#produkt img.HERWESAN_OLIO {border-left: 10px solid #BF3A41;}
#produkt img.HERWESAN_ACQUA {border-left: 10px solid #166892;}
#produkt img.HERWE_DERMASEPT_Gel {border-left: 10px solid #1FA4B0;}
#produkt img.HERWE_MOSKIT_SPRAY {border-left: 10px solid #1FA4B0;}
#produkt img.HERWE_FUSS-SPRAY {border-left: 10px solid #1FA4B0;}
#produkt img.HERWESAN_DUE {border-left: 10px solid #168851;}
#produkt img.HERWESAN_ALL-IN-ONE {border-left: 10px solid #217C3A;}
#produkt img.HERWESAN_ALL-IN-ONE_unparfuemiert {border-left: 10px solid #217C3A;}
#produkt img.HERWE_EMULSION {border-left: 10px solid #1FA4B0;}
#produkt img.HERWE_EMULSION_unparfuemiert {border-left: 10px solid #1FA4B0;}
#produkt img.HERWESAN_UV {border-left: 10px solid #45318F;}
#produkt img.HERWEDERM {border-left: 10px solid #117268;}
#produkt img.HERWE_CURA {border-left: 10px solid #DBC86A;}
#produkt img.HERWE_CARE_GEL {border-left: 10px solid #DBC86A;}
#produkt img.HERWE_CURA_unparfuemiert {border-left: 10px solid #DBC86A;}
#produkt img.HERWE_MIELOSAN {border-left: 10px solid #B68600;}
#produkt img.HERWE_CURA_LIQUIDO {border-left: 10px solid #EAD258;}
#produkt img.spender {border-left: 10px solid #999999;}
#produkt img.noline {border-left: 0px;}

#produktinfo {border: 1px solid #ffffff;}
#produktinfo div.weiss {background-color: #ffffff; margin: 0px 0px 5px 0px; }
#produktinfo div.link {padding: 5px 20px 5px 20px;}
#produktinfo div.plus {background-color: #ffffff; text-align: center;}
#produktinfo a {font-size: 11px; text-decoration: none;}
#produktinfo h1 {color:#575656; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;}
#produktinfo ul.info {width: 250px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#produktinfo ul.info li {background: url(../graphics/pfeil.gif) no-repeat 0px 5px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 20px;list-style: none;}
#produktinfo td.produktinfos {color:#575656; font-weight: bold; background-color: #ffffff; padding: 0px 0px 0px 20px;}

#sprachen {float:right; text-align: left; width: 150px; margin: 130px 0px 0px 0px;}


.product {width: 570px; margin: 0px 0px 0px 0px;}

#hsp td {border: 1px solid #ffffff; padding: 10px;}
#hsp td.bottom {border-bottom: 0px; padding: 10px;}
#hsp td.top {border-top: 0px; padding: 10px;}
#hsp td.top_bottom {border-top: 0px; border-bottom: 0px; padding: 10px;}

.navi {float:left; text-align: left; padding-left: 9px; padding-right: 9px; font-weight: bold;}

.navi2 {border-bottom: 1px solid #1B0C83; padding: 2px 0px 2px 0px;}
.navi2_strich {padding: 0px 0px 0px 4px;}
.navi3 {border-bottom: 1px solid #1B0C83; padding: 2px 0px 2px 0px;}
.navi3_strich {padding: 0px 0px 0px 4px;}

.newsline {width: 100%; margin-top: 12px; margin-bottom: 12px; border-bottom: 1px solid #575656;}
//.newslinehaendler {width: 75%; margin-top: 12px; margin-bottom: 12px; border-bottom: 1px solid #575656;}


/* pull down navi*/
.menu {position:absolute; display:none; visibility:hidden; vertical-align: left; width:180px;}
.menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
.menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
.menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
.menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
.menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#575656; font-style: normal; text-align: left; margin: 0px 0px 0px 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; text-decoration: none;border-left: #1B0C83 solid 1px;border-right: #1B0C83 solid 1px; border-bottom: #1B0C83 solid 1px;display: block;}
.menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active,
.menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active {text-decoration: none; color: #1B0C83; }
.menuItem {color: #1B0C83; background-color:#ffffff;}

.menuItemHilite {color: #ffffff; font-weight: bold; background-color:#ffffff;}


.label_searchbox {color:#1B0C83;}
.sitemap_level2_container {margin: 10px 0px 0px 10px;}
.sitemap_level3_container {margin: 0px 0px 0px 20px;}
.sitemap_level4_container {margin: 0px 0px 0px 30px;}

.grau {color:#aaaaaa;}
.gruen {color:#009999;}
.blau {color:#1B0C83;}
.rot {color:#893795;}
//.hellrot {color:#cc0000;}


//.produktbild {float:left; width: 184px; height: 132px; background-color:#ffffff;}
.produktlinks {float:left; width: 184px;}
.produktbild {float:left; width: 184px; height: 132px; background-color:#ffffff;}
.produktbildzusatz {margin: 10px 0px 0px 0px; padding: 3px 0px 3px 0px; text-align: center;}
.plus {background-color: #ffffff; padding: 3px 0px 3px 0px; text-align: center;}

.produktbild_spender {float:left; width: 184px; height: 208px; background-color:#ffffff;}
img.bild {border-left: 10px solid #aaaaaa; margin: 4px 4px 4px 0px;}
.produktbeschreibung {float:right; width: 400px;}
.produktbeschreibung2 {clear:both; width: 565px;}


/* Tabelle Gebinde*/
#gebinde {width: 580px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
#gebinde th {text-align: left; height: 25px; background-color: #ffffff; font-size: 11px; padding-left: 10px;}
#gebinde td {height: 80px; border-bottom: 1px solid #ffffff; padding-left: 10px; align: center;}
.a {width: 190px;}
.b {width: 70px;}
.c {width: 130px;}
.d {width: 190px;}

/* Ansprechpartner*/
#ansprechpartner {width:615px;}
#karte {float: left; width: 370px;}
#postzahl {float: right; width:230px; text-align:left; visibility: hidden;}
#postzahlvisible {float: left; width:600px; text-align:left; visibility: visible;}
#europa {float: right; width:230px; text-align:left; visibility: hidden; position:relative; top:-70px;}
#HK {float: right; width:230px; text-align:left; visibility: visible; position:relative; top:-310px;}


td.haendler {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #1B0C83;}
td.haendlerhellblau {padding-top: 10px; padding-bottom: 10px; background-color:#e6e5ea; border-bottom: 1px solid #1B0C83;}

a:link,a:visited {color:#575656; text-decoration: none; font-size: 11px;} 
a:hover,a:active {color:#1B0C83; text-decoration: none; font-size: 11px;}

a.zusatz:link, a.zusatz:visited {font-size: 11px;}
a.zusatz:hover, a.zusatz:active {font-size: 11px;}

a.additionalnaviaktiv:link, a.additionalnaviaktiv:visited, a.additionalnaviaktiv:hover, a.additionalnaviaktiv:active {color:#1B0C83; line-height:18px; text-decoration: underline;} 
a.additionalnavi:link, a.additionalnavi:visited {color:#1B0C83; text-decoration: none;} 
a.additionalnavi:hover, a.additionalnavi:active {color:#1B0C83; text-decoration: underline;} 


a.primnav:link, a.primnav:visited {color:#ffffff; line-height:18px; text-decoration: none;} 
a.primnav:hover, a.primnav:active {color:#ffffff; line-height:18px; text-decoration: underline;} 
a.primnav_active:link, a.primnav_active:visited, a.primnav_active:hover, a.primnav_active:active {color:#ffffff; line-height:18px; text-decoration: underline;} 

a.navileft_passive:link, a.navileft_passive:visited {color:#ffffff; line-height:18px; text-decoration: none;} 
a.navileft_passive:hover, a.navileft_passive:active {color:#ffffff; line-height:18px; text-decoration: underline;} 
a.navileft_active:link, a.navileft_active:visited, a.navileft_active:hover, a.navileft_active:active {color:#ffffff; line-height:18px; text-decoration: underline;} 

a.seknavi_passive:link, a.seknavi_passive:visited, a.seknavi_passive:hover, a.seknavi_passive:active {color:#575656; line-height:18px; text-decoration: none;} 
a.seknavi_active:link, a.seknavi_active:visited, a.seknavi_active:hover, a.seknavi_active:active {color:#1B0C83; font-weight: bold; line-height:18px; text-decoration: none;} 
a.seknavi_open:link, a.seknavi_open:visited, a.seknavi_open:hover, a.seknavi_open:active {color:#1B0C83; font-weight: bold; line-height:18px; text-decoration: none;} 

a.sitemap_level1:link, a.sitemap_level1:visited {font-weight:bold; text-decoration: none;} 
a.sitemap_level1:hover, a.sitemap_level1:active {font-weight:bold; text-decoration: none;}

a.sitemap_level2:link, a.sitemap_level2:visited {font-weight:bold; text-decoration: none;} 
a.sitemap_level2:hover, a.sitemap_level2:active {font-weight:bold; text-decoration: none;}

a.sitemap_level3:link, a.sitemap_level3:visited {font-weight:normal; text-decoration: none;} 
a.sitemap_level3:hover, a.sitemap_level3:active {font-weight:normal; text-decoration: none;}

a.sitemap_level4:link, a.sitemap_level4:visited {font-weight:normal; text-decoration: none;} 
a.sitemap_level4:hover, a.sitemap_level4:active {font-weight:normal; text-decoration: none;}

/*Formulare*/
.f250px, .f200px, .f150px, .f100px, .f45px, textarea {padding-left: 3px; border:1px; border-color:#575656; border-style:solid; font-size:11px; font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; background-color:#ffffff; border-width:1px; height:18px;}
.f250px {width:250px;}
.f200px {width:201px;}
.f45px {width:45px;}
.f150px {width:150px;}
textarea {width:250px; height:90px; color:#575656; font-size:11px; font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;}
.selectbox {color:#575656; font-size:11px; font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; background-color:#ffffff; height:16px; width:250px;}
.suche {font-size:11px; color:#1B0C83; border-color:#1B0C83; border-style:solid; background-color:#f0eff5; border-width:1px; width:125px; height: 16px;}