/*-------------------------------------------------*/
h1
{
	font-size: 135%;
	color: #FFE8C0;
	font-weight: bold;
}

/*-------------------------------------------------*/
h2
{
	font-size: 100%;
	color: #FFE8C0;
	font-weight: bold;
}

/*-------------------------------------------------*/
h2.weiss
{
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

/*-------------------------------------------------*/
p, ul, li, div
{
	color: #FFFFFF;
	font-weight: normal;
}

/*-------------------------------------------------*/
ul
{
        margin-left: 15px;
}

/*-------------------------------------------------*/
img.links
{
        float: left;
        margin: 3px 9px 9px 0px;
}

/*-------------------------------------------------*/
.trennlinie
{
	clear: both;
    background-image: url(../bilder/bg_hr.jpg);
	background-repeat: repeat-x;
	background-position: 0% 100%;
}

/*-------------------------------------------------*/
.trennlinieOben
{

	clear: both;
    background-image: url(../bilder/bg_hr.jpg);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}

/*-------------------------------------------------*/
.boxDatensatz
{

	clear: both;
	padding-top: 15px;
}

/*-------------------------------------------------*/
/*-------------------------------------------------
  Zweispaltiger Text im Inhaltsbereich
  -----------------------------------------------*/

.rahmenTextZweispaltig
{
	margin-bottom: 1em;
	clear: left;
width: 100%;
}

/*-------------------------------------------------*/
.spalteLinks
{
	float: left;
	width: 49%;
	margin-bottom: 1em;
	font-weight: bold;
}

/*-------------------------------------------------*/
.spalteRechts
{
	margin-left: 50%;
}

/*-------------------------------------------------*/
/*-------------------------------------------------
 SpezielleFormatierungen 
 -------------------------------------------------*/


h1.hauptpunkt
{
	font-size: 150%;
	color: #FFE8C0;
	font-weight: bold;
        position: relative;
        /* float: left; */
}

/*-------------------------------------------------*/
h1.unterpunkt
{
	font-size: 140%;
	color: #FFFFFF;
	font-weight: 600;
}

/*-------------------------------------------------*/
/*   h2 mit grauem Farbverlauf im Hintergrund   */

h2.grau
{

	background-image: url(../bilder/bg_headline_grau.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
        background-color: #666666;
        color: #FFE8C0;
        font-size: 100%;
        height: 30px;
        line-height: 30px;
        padding-left: 7px;
}

/*-------------------------------------------------*/
img.toggleButton
{
        padding: 5px 9px 6px 0px;
        float: right;
	background-image: url(../bilder/bg_headline_grau.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
        background-color: #666666;
        cursor: pointer;
}

/*-------------------------------------------------*/
/*   Block unterhalb der Überschrift h2 mit grauem Farbverlauf im Hintergrund   */
.blockDunkelgrau
{
      clear: both;
      background-color: #494949;
      width: auto;
      margin-bottom: 1px;
      margin-top: 0px;
}

/*-------------------------------------------------*/
.blockDunkelgrauPadding
{
      clear: both;
      background-color: #494949;
      width: auto;
      padding: 3px 9px 9px 9px;
      margin-bottom: 1px;
}

/*-------------------------------------------------*/
/*-------------------------------------------------
   dasselbe als Tabelle für Shopartikel*/
.tableblockDunkelgrau
{
      background-color: #494949;
      width: 100%;
      margin-bottom: 1px;
      margin-top: 0px;
      border: solid 9px #494949;
      border-bottom-width: 0px;
}

/*-------------------------------------------------*/
/* Tabellenüberschriften allgemein */
th
{
	color: #FFE8C0;
	height: 30px;
	line-height: 30px;
	padding-left: 7px;
        font-weight: bold;
	text-align: left;
}

/*-------------------------------------------------*/
/*-------------------------------------------------
 Formatierungen für einzelne Seiten
 -------------------------------------------------*/


/* Startseite */
.bgStartseite
{
	background-image: url(../bilder/bg_content_startseite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*-------------------------------------------------*/
/* 5D-Seelenmusik */

/* Chakren-Tabelle */
.tblchakren
{
	width: 490px;
	border-collapse: collapse;
        margin-top: 15px;
}

/*-------------------------------------------------*/
/* Tabellenüberschriften Chakren-Tabelle*/
.tblchakren th
{
	background-image: url(../bilder/bg_headline_grau.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #666666;
	color: #FFE8C0;
	height: 30px;
	line-height: 30px;
	padding-left: 7px;
	text-align: left;
	border: solid 1px #303030;
}

/*-------------------------------------------------*/
.tblchakren td
{
	height: 25px;
	line-height: 25px;
	padding-left: 7px;
	text-align: left;
	background-color: #4F4F4F;
	border: solid 1px #303030;
}

/*-------------------------------------------------*/
.tblchakren td.spalte1
{
	color: #FFE8C0;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding-left: 7px;
	text-align: left;
	background-color: #4F4F4F;
	border: solid 1px #303030;
}

/*-------------------------------------------------*/
/* Kontaktseite */

.inputLabel
{
	font-size: 100%;
	color: #FFE8C0;
	font-weight: bold;
        border: solid 0px transparent;
}

/*-------------------------------------------------*/
.inputField30
{
	background-image: url(../bilder/inputField78.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField78
{
	background-image: url(../bilder/inputField78.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 78px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField290
{
	background-image: url(../bilder/inputField.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 290px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField290_100
{
	background-image: url(../bilder/inputField290_100.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 100px;
	width: 290px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField322_100
{
	background-image: url(../bilder/inputField322_100.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 100px;
	width: 290px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
overflow: visible;
}

/*-------------------------------------------------*/
.inputField246
{
	background-image: url(../bilder/inputField246.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 246px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField330
{
	background-image: url(../bilder/inputField330.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 330px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField240
{
	background-image: url(../bilder/input_240.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 50px;
	width: 240px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
}

/*-------------------------------------------------*/
.inputField490
{
	background-image: url(../bilder/input_490.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 100px;
	width: 490px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        border: 0px;
        padding: 3px 5px;
overflow: visible;
}

/*-------------------------------------------------*/
/* Seite Referenzen */
.referenzLogo
{
        padding-right: 8px;
        padding-bottom: 4px;
        padding-top: 0px;
}

/*-------------------------------------------------*/
.kategorieHeadline
{
      padding: 15px 0 7px 0;
      font-weight: normal;
      color: #FFE8C0;
      font-size: 100%;
      position: relative;
}

/*-------------------------------------------------*/
/* Shop-Seiten */
.artikelbild
{
        padding: 0 10px 10px 0;
        float: left;
}

/*-------------------------------------------------*/
.preis
{
	font-size: 140%;
	color: #FFE8C0;
	font-weight: normal;
        margin-top: 1em;
}

/*-------------------------------------------------*/
td.details
{
        background-image: url(../bilder/bg_hr.jpg);
        background-repeat: repeat-x;
        background-position: 0% 0%;
}

/*-------------------------------------------------*/
.klein
{
        font-size: 90%;
}

/*-------------------------------------------------*/
/* Warenkorb-Seite */


table.tbl_warenkorb
{
        margin-top: 15px;
        width: 100%;
        border: dotted 1px white;
}

/*-------------------------------------------------*/
table.tbl_warenkorb th
{
        color: #FFE8C0;
        font-size: 90%;
}