/* Bodytagangaben */
/* Hintergruntdfarbe Seite, Standardschriftart */
body {
background-image: url(hps_bg_regenbogen.jpg);
font-family: Arial, Helvetica, Sans-Serif;
}

/* normale Contentseiten */
.container {padding-left: 6px; padding-right: 3px; }  /*Container-Zelle*/
h1 {font-size: 18px; line-height: 18px; margin: 0; }
h2 {font-size: 16px; }
h3 {font-size: 14px; }
h4 {font-size: 12px; font-weight: bold; }
.inhalttop {font-size: 12px; color: #660066; padding-top:20px; }   /*1. Absatz*/
.inhalt {font-size: 12px; color: #660066; }  /* Folgeabsätze*/

/* Containertabelle Shop - Hintergrund */
.shophaupttab {
border: 1px solid #ffccff;
}

/* Containertabelle Shop - Zeile oben/unten fuer Warenkorblinks etc. */
.topbottom {
background-image: url(hps_bg_tabmain.gif);
height: 20px;
padding: 3px;
font-size: 12px;
color: #660066;
}


/* Containertabelle Shop - Spalte links fuer Menue. */
.menue {
background-image: url(hps_bg_tabmain.gif);
padding: 0;
font-size: 12px;
color: #660066;
}


/* Containertabelle Shop - Contentbereich. */
.content {
height: 450px;
padding: 3px;
font-size: 12px;
color: #660066;
}


/* CSS fuer Templates die im Shopcontentbereich angezeigt werden */
/* Breadcrumbs / Hier befinden Sie sich */
.breadcrumbs {
background-color: #ffccff;
padding: 3px;
font-size: 12px;
color: #660066;
}


/* Ausgabetop Spalte oben fuer Warenkorblinks etc. */
.ausgabetop {
background-image: url(hps_bg_boxes.gif);
padding: 3px;
font-size: 16px;
color: #660066;
}


/* Ausgabe Zeile fuer Shopausgabe (Hintergrund - TR-Formatierung) */
.shopzeile {
background-image: url(hps_bg_tabmain.gif);
}


/* Vorschaubild */
.vorschaupic {
float: left; 
margin-left: 0;
margin-top: 0;
margin-right: 10px;
margin-bottom: 10px; 
padding: 0; 
border: 0;
text-align: center;
}


/* Ausgabe Spalte fuer Shopausgabe. */
.ausgabecontent {
padding-left: 6px;
padding-top: 20px;
padding-right: 3px;
padding-bottom: 20px;
font-size: 12px;
color: #660066;
}

/* Ausgabetop Spalte unten fuer Warenkorblinks etc. */
.ausgabebott {
background-color: #ffccff;
padding: 1px;
font-size: 12px;
color: #660066;
}

/* CSS fuer Artikelzwischentabellen in Shopartikelausgabe oben-unten. */
.shopartinfo {
background-color: transparent;
font-size: 12px;
color: #660066;
padding-right: 5px;
padding-left: 5px;
}


/* CSS fuer allgemeine Links im Shop. */
a {
font-size: 11px;
color: #660066;
text-decoration: underline;
}

a:hover {
font-size: 12px;
color: #990099;
text-decoration: none;
}


/* CSS fuer Links und Rubriken im Shopmenue. */
.shoprubrik {
width: 100%;
padding: 3px;
background-color: #c7b0fe;
font-size: 12px;
font-weight: bold;
color: #660066;
}

.menue a {
display: block;
width: 100%;
padding: 3px 3px 3px 10px;
margin: 1px;
background-color: #D1B1FC;
font-size: 12px;
color: #660066;
text-decoration: none;
}

.menue a:hover {
background-color: #DBC1FD;
font-size: 12px;
color: #990099;
text-decoration: none;
}


/* CSS fuer dynamisches Menue */
.toprub a {
display: block;
font-size: 12px;
font-weight: bold;
width: 100%;
padding: 3px;
background-color: #D1B1FC;
color: #660066;
}

.toprub a:hover {
background-color: #DBC1FD;
color: #990099;
}


/* CSS fuer Topnavigation im Shop. */
.topbottom a {
font-size: 12px;
color: #660066;
text-decoration: underline;
}

.topbottom a:hover {
font-size: 12px;
color: #990099;
text-decoration: none;
}

/* CSS fuer Formulartags im Shop. */
form {
display: inline;
}

input.mb {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #660066;
background-color:#d1b1fc;
border: 1px solid #ffccff;
}

textarea.mb {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #660066;
background-color: #d1b1fc;
border: 1px solid #ffccff;
}

select.mb {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #660066;
background-color:#d1b1fc;
border: 1px solid #ffccff;
padding-bottom: 5px;
}

.button {
font-size: 12px;
font-weight: bold;
color: #660066;
background: #d1b1fc;
border: 1px solid #ffccff;
}

/* Hinweise/Fehler-Warnungen Rot/Gruen */
.tippred {
font-size: 12px;
color: #cc0033;
font-weight: bold;
}

.tippgreen {
font-size: 12px;
color: #009933;
font-weight: bold;
}

/* Hinweis DIV  Artikel im  Warenkorb abgelegt  */

.artikelcart {
border: 1px solid #ffccff;
background-color: #ffcc33;
padding: 2px;
margin: 2px 2px 0px 2px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #660066;
width: 300px;
text-align: center;
}

/* Hinweis DIV  Artikel befindet sich schon im  Warenkorb  */
.artikelnocart {
border: 1px solid #000000;
background-color: #990033;
padding: 2px;
margin: 2px 2px 0px 2px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffcc33;
width: 300px;
text-align: center;
}

/* Shopnavigation fuer Seitenweises blättern*/
.naviborder {
background-color: transparent;
magrin: 0px;
}

.tc {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background-color: #efefef;
padding: 3px;
width: 20px;
}

.tci {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #660066;
font-weight: normal;
text-align: center;
padding-left: 5px;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 1px;
background-color: transparent;
}

.tca {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #660066;
padding-left: 3px;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 1px;
width: 18px;
text-align: center;
border-left: 1px solid #ffccff;
border-top: 1px solid #ffccff;
border-right: 1px solid #660066;
border-bottom: 1px solid #660066;
backgrouind-image: url(hps_bg_boxes.gif);
}

.tc a {
text-decoration: underline;
color: #660066;
}
.tc a:hover {
text-decoration: underline;
color: #990099;
}

.tca a {
text-decoration: underline;
color: #660066;
}

.tca a:hover {
text-decoration: underline;
color: #990099;
}