/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER SEITE */
/* ===================================================================== */
body {
/* Hintergrundfarbe */
background-color: #f7f7f7;
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 12px;
/* Schriftfarbe */
color: #000000;
/* Abstand zu Aussenelementen - Reihenfolge 12,3,6,9 UHR */
margin: 10px 0px 0px 0px;
}
/* ===================================================================== */
/* = CSS FUER ABGERUNDETE DESIGNTABELLEN */
/* ===================================================================== */
.lt {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/e_1.gif);
/* Hintergrundfarbe */
background-color: #9EA2AF;
}
.rt {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/e_3.gif);
/* Hintergrundfarbe */
background-color: #9EA2AF;
}
.bl {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/e_7.gif);
/* Hintergrundfarbe */
background-color: #9EA2AF;
}
.br {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/e_9.gif);
/* Hintergrundfarbe */
background-color: #9EA2AF;
}
.tcol {
/* Hintergrundfarbe */
background-color: #9EA2AF;
/* Schriftfarbe */
color: #ffffff;
/* Schriftgroesse */
font-size: 11px;
}


.ilt {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/itt_1.gif);
/* Hintergrundfarbe */
background-color: #DCDDE2;
}
.irt {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/itt_3.gif);
/* Hintergrundfarbe */
background-color: #DCDDE2;
}
.ibl {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/itt_7.gif);
/* Hintergrundfarbe */
background-color: #DCDDE2;
}
.ibr {
/* Hintergrundbild */
background-image: url(../templates/TPL10008/pics/itt_9.gif);
/* Hintergrundfarbe */
background-color: #DCDDE2;
}
.itcol {
/* Hintergrundfarbe */
background-color: #DCDDE2;
/* Schriftfarbe */
color: #ffffff;
/* Schriftgroesse */
font-size: 11px;
}


/* ===================================================================== */
/* = ALLGEMEINE LINKS IM SHOP */
/* ===================================================================== */
a {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #cc6600;
/* Link unterstrichen none/underline */
text-decoration: none;
}

a:hover {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #993333;
/* Link unterstrichen none/underline */
text-decoration: underline;
}

/* ===================================================================== */
/* = CSS EINSTELLUNGEN SHOPKOPF BEGRUESSUNG UND INFOLINKS (WARENKORB ETC.) */
/* ===================================================================== */
.headergfx {
/* Hintergrundbild - Logo */
background-image: url(../templates/TPL10008/pics/defaultlogo.gif);
/* Hintergrundwiederholung - aus */
background-repeat:no-repeat;
/* Hintergrundbildposition */
background-position:30px 0px;
}

.shopgruss {
/* Rand unten Breite, Art und Farbe */
border-top: 1px dashed #DCDDE2;
/* Hintergrundarbe */
background-color: transparent;
/* Randabstand */
padding: 3px 0 3px 0;
/* Textausrichtung */
text-align: right;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #3e454f;
/* Hoehe */
height: 23px;
}

.shopkopf {
/* Hintergrundarbe */
background-color: #DCDDE2;
/* Randabstand */
padding: 3px 0 3px 0;
/* Textausrichtung */
text-align: right;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = LINKS IM SHOPKOPF, SHOPGRUSS */
/* ===================================================================== */
.shopgruss a {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #ffffff;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
.shopgruss a:hover {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #3c4a5b;
/* Link unterstrichen none/underline */
text-decoration: underline;
}

.shopkopf a {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #000000;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
.shopkopf a:hover {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #576473;
/* Link unterstrichen none/underline */
text-decoration: underline;
}

.shopbottom a {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #ffffff;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
.shopbottom a:hover {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #000000;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER SEITENFUSS UNTERHALB SHOP */
/* ===================================================================== */
.shopbottom {
/* Textausrichtung */
text-align: right;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color:  #ffffcc;
}


/* ===================================================================== */
/* = MENUESPALTE DES SHOPS */
/* ===================================================================== */
.menue {
/* Randabstand */
padding: 0px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #ffffff;
}

/* ===================================================================== */
/* = LINKS IM HAUPTMENUE DES SHOPS */
/* ===================================================================== */
.menue a {
/* Darstellung als Block, bitte nicht aendern */
display: block;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 2px 2px 2px 4px;
/* Abstand zu Aussenelementen */
margin: 1px;

/* Hintergrundarbe */
background-color: #dce1e4;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #000000;
/* Link unterstrichen none/underline */
text-decoration: none;
}

.menue a:hover {
/* Hintergrundarbe */
background-color: #d1d3dc;
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #5e6377;
/* Link unterstrichen none/underline */
text-decoration: none;
}

/* ===================================================================== */
/* = TOPRUBRIKENTRENNER IM HAUPTMENUE - STATISCHES MENUE*/
/* ===================================================================== */
.toprubrik {
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundarbe */
background-color: #535e6f;
/* Schriftfarbe */
color: #ffffff;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 2px 2px 2px 2px;
/* Abstand zu Aussenelementen */
margin: 1px;
}

/* ===================================================================== */
/* = LINKS FUER TOPRUBRIKEN IM HAUPTMENUE - DYNAMISCHES MENUE*/
/* ===================================================================== */
.toprub a {
/* Darstellung als Block, bitte nicht aendern */
display: block;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 2px 2px 2px 2px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundarbe */
background-color: #535e6f;
/* Schriftfarbe */
color: #ffffff;
}

.toprub a:hover {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundfarbe */
background-color: #535e6f;
/* Schriftfarbe */
color: #DCDDE2;
}

/* ===================================================================== */
/* = SHOPAUSGABE RECHTE TABELLE */
/* ===================================================================== */
.content {
/* Rand unten Breite, Art und Farbe */
border: 1px solid #B7770D;
/* Hintergrundarbe */
background-color: transparent;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

/* ===================================================================== */
/* = ALLGEMEINE AUSGABE TABELLEN */
/* ===================================================================== */
.atop {
/* Rand unten Breite, Art und Farbe */
border-bottom: 1px solid #535e6f;
/* Hintergrundfarbe */
background-color: #d1d3dc;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

.acont {
/* Hintergrundfarbe */
background-color: #ffffff;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

.abott {
/* Rand unten Breite, Art und Farbe */
border-bottom: 1px solid #535e6f;
/* Hintergrundfarbe */
background-color: #d1d3dc;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

/* ================================================================== */
/* = CSS EINSTELLUNGEN FUER FIELDSET UND LEGEND */
/* ================================================================== */
fieldset {
/* Randbreite, Art und Farbe */
border: 1px solid #ffffff;
/* Randabstand */
padding: 4px;
/* Abstand zu Aussenelementen - Reihenfolge 12,3,6,9 UHR */
margin: 10px 0 5px 0;
}

/*DIV in Fieldset*/
.fdiv {
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

legend {
/* Hintergrundfarbe */
background-color: #ffffff;
/* Randbreite, Art und Farbe */
border: 1px solid #535e6f;
/* Randbstand  - Reihenfolge 12,3,6,9 UHR */
padding: 1px 3px 1px 3px; 
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #000000;
}

/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER FORMULARTAGS START */
/* ===================================================================== */
.inpu {
/* Randbreite, Art und Farbe */
border: 1px solid #535e6f;
/* Hintergrundfarbe */
background-color: #ffffff;
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

.inputbutton {
/* Randbreite, Art und Farbe */
border: 1px solid #535e6f;
/* Hintergrundfarbe */
background-color: #DCDDE2;
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #000000;
}


form {
display: inline;
}
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER FEHLER HINWEISE ETC */
/* ===================================================================== */
.tippred {
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #cc0000;
}
.tippgreen {
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #339900;
}
/* ===================================================================== */
/* = SEITENNAVIGATION */
/* ===================================================================== */
/* Hintergrund, Randfarbe der Seitennavigationstabelle */
.naviborder {
/* Hintergrundfarbe */
background-color: #000000;
}

/* Schriftart, Schriftgroessen und Randabstand in Seitennavigation */
.tc, .tca, .tci {
/* Schriftart */
font-family:Verdana, Arial;
/* Schriftgroesse */
font-size: 11px;
/* Randbstand */
padding: 2px;
}

/* Schriftgewicht, Schriftfarbe, Breite, Ausrichtung und Hintergrundfarbe 
der Seitennavigation - weitere Seiten */
.tc {
/* Textausrichtung */
text-align: center;
/* Hintergrundfarbe */
background-color: #dce1e4;
/* Breite */
width: 18px;
}

/* Schriftgewicht, Schriftfarbe, Breite, Ausrichtung und Hintergrundfarbe 
der Seitennavigation - aktuelle Seite */
.tca {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Breite */
width: 18px;
/* Textausrichtung */
text-align: center;
/* Hintergrundfarbe */
background-color: #d1d3dc;
/* Schriftfarbe */
color: #000000;
}

/* Schriftfarbe, Schriftgewicht und Hintergrundfarbe der Seitennavigationsinfo */
.tci {
/* Schriftfarbe */
color: #ffffff;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundfarbe */
background-color: #535e6f;
}

/* Eigenschaften der normalen Links in der Seitennavigation */
.tc a {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Link unterstrichen none/underline */
text-decoration: none;
/* Schriftfarbe */
color: #640000;
}

/* Eigenschaften der Links bei Mouseover in der Seitennavigation */
.tc a:hover {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Link unterstrichen none/underline */
text-decoration: underline;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = Info Div's */
/* ===================================================================== */
.infoout {
/* Randbreite, Art und Farbe */
border: 1px solid #535e6f;
/* Hintergrundarbe */
background-color: #e6e9ec;
/* Schriftfarbe */
color: #000000;
/* Randbstand */
padding: 3px;
}
/* ===================================================================== */
/* = Topangeboteausgabe Startseite */
/* ===================================================================== */

/* Abgrenzung der Topangebote von Startseiteninhalten */
.topangebotespalte {
/* Rand links Breite, Art und Farbe */
border-left:2px solid #535e6f; 
/* Rand unten Breite, Art und Farbe */
border-bottom:2px solid #535e6f;
}

/* Ausgabe des Spalte Aktuelle Topangebote */
.topangebotekopf {
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundarbe */
background-color: #535e6f;
/* Schriftfarbe */
color: #ffffff;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 3px 3px 3px 3px;
/* Abstand zu Aussenelementen */
margin-bottom: 5px;
}

/* Topangebotetabelle Abstand unten und Breite */
.topausgabetab {
/* Abstand nach unten */
margin-bottom: 5px;
/* Breite der Topangeboteausgebe */
width: 190px;
}

/* Topangebote Titezelle */
.toptop {
/* Rand unten Breite, Art und Farbe */
border-bottom: 1px solid #535e6f;
/* Hintergrundfarbe */
background-color: #d1d3dc;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}

/* Topangebote Ausgabe */
.topcont {
/* Hintergrundfarbe */
background-color: #ffffff;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
