/*Haupteigenschaften Site*/
body    { color: black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffcc4e; background-image: url(../html/shop/images/verlauf.gif); background-repeat: repeat-x; text-align: left }
h1  { color: #ffc55d; font-size: 16pt; font-family: Verdana; font-weight: bold; margin: 0.67em 0 }
h2  { color: #000; font-size: 14pt; font-family: Verdana; font-weight: bold; margin: 0.67em 0 }
p     { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }
h3 { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
h4 { color: #c0c0c0; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
td {}

/*Main Container*/
div#containermain               { background-image: url(../html/shop/images/solarislogo.gif); background-repeat: no-repeat; background-position: right top; bottom: 690px; width: 900px; height: 750px; border: solid 1px #ffcc4e }
div#containernavi                { margin-top: 120px; margin-left: 9px; bottom: 630px; width: 155px; height: 700px; float: left; clear: right; border-width: 1px }

/*List-style Hauptnagivation*/
ul.navigation   { background-position: 1em 0; vertical-align: top; align: middle       }
ul#navigation { font-size: 100%; float: left; margin: 0; padding: 0px; border: 1px black }
ul#navigation li       { background-position: left 0; visibility: visible; list-style: none; position: relative; top: 0; height: 22px; vertical-align: top; align: middle       }
ul#navigation a       { color: #000; font-size: 8pt; font-weight: normal; text-decoration: none; text-indent: 50px; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; align: middle       }
ul#navigation a:hover   { color: #eeeff8; font-weight: normal; text-decoration: none; text-indent: 50px; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; border-bottom: medium none; align: middle       }
/*Liste-Style Unternavigation*/
ul#navigation1  { font-size: 100%; margin: 0; padding: 0; border: 1px black }
ul#navigation1 li       { list-style-type: none; margin-left: 30px; position: relative; height: 22px; vertical-align: top; align: middle       }
ul#navigation1 a    { color: #000; font-weight: normal; text-decoration: none; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; align: middle    }
ul#navigation1 a:hover   { color: #eeeff8; font-weight: normal; text-decoration: none; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; border-bottom: medium none; align: middle     }
/*List-style leere Navigation*/
ul#navigation-empty { font-size: 100%; margin: 0; padding: 0px; border: 1px black }
ul#navigation-empty li   { list-style-type: none; position: relative; height: 22px; vertical-align: top; align: middle   }
ul#navigation-empty a { text-indent: 50px; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; align: middle }

/*List-style leere Navigation mit Linie*/
ul#navigation-empty1 { font-size: 100%; margin: 0; padding: 0px; border: 1px black }
ul#navigation-empty1 li      { list-style-type: none; position: relative; height: 22px; vertical-align: top; align: middle      }
ul#navigation-empty1 a { text-indent: 50px; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; align: middle }

/*Container Textinhalt rechts*/
div#Inhalt           { font-size: 8pt; background-position: left top; margin-top: 100px; margin-bottom: 10px; margin-left: 210px; position: relative; width: 600px; height: 570px; border-width: 1px; border-color: #ff9300 }
div#Inhalt1    { font-size: 8pt; background-color: #ffecbb; padding: 12px;  }
div#Inhalt2 { font-size: 8pt; background-color: #ffd671; padding: 12px; }
div#linkleiste { color: #fc0; font-size: 8pt; background-position: left top; text-align: center; padding-top: 12px; padding-bottom: 0; bottom: 20px; width: 90px; height: 40px; float: left; vertical-align: middle; border: solid 1px #3de44a }
ul.inhalt   { font-size: 8pt; background-position: 1em 0; vertical-align: top; align: middle         }
ul.inhalt1   { font-size: 8pt; font-family: Verdana; text-align: left }
ul#Inhalt  { font-size: 8pt; background-position: left top }
a     { color: #c0c0c0; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a:hover    { color: #6d6e71; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
ul { font-size: 8pt; list-style-type: disc; margin: 0 0 1em 20px }

/*Formulare*/
input.bestellmenge { width: 40px; background: none; border: 1px solid #999999; margin-top: 4px; text-align: right; padding: 2px; } 
input.button { float: right; margin: 10px 0; }


/* VON MARCEL HINZUGEFÜGT, FREI ZUM BEARBEITEN:
----------------------------------------------- */

/* Tabellen */
table.bestellung  { text-align: left; margin: 20px 0; width: 100%; border-style: none none solid; border-width: medium medium 1px; border-color:   #333333; border-collapse: collapse }
table.bestellung th  { font-size: 13px; font-weight: bold; padding-bottom: 7px; border-bottom: 1px solid #333333 }
table.bestellung td { padding: 7px 0; font-size: 12px; vertical-align: top;
                      border-bottom: 1px solid #999999; }

tr.strich  { border-top: 1px solid #999999 }
					  
table.formular { width: 100%; border-collapse: collapse; border: none; font-size: 12px; }


/* Formulare */
table.formular input { width: 100%; }
table.formular textarea { width: 100%; }
form.inline { float: left; }
input.margin_r { margin-right: 30px; }

/* DIVs */
.versand { margin-bottom: 50px; }

/* Font color */
.rot { color: #CC0000; }


/* VON MARCEL HINZUGEFÜGT, NACH MÖGLICHKEIT NICHT ÄNDERN:
--------------------------------------------------------_ */
					  
/* DIVs */
.rechts { text-align: right; }		.links { text-align: left; }	
.floatrechts { float: right; }