/************************************************
CSS-Datei für den Flohmarkt auf Peppiger.de
von Stephan Würzberger und Anselm Kugelmeier.

Stand: 15. September 2006

Farben:

orange dunkles	:#CC6633
orange helles	:#FF9933
orange peppiger	:#FF9900
orange ganzhell	:#FFF5F0

rot aus Schrift	:#CC0000

grau Hintergrund:#E7E4E2
grau mittleres	:#AEAEAE

blau dunkel		:#292F48
blau mittleres	:#6D7185
blau helles		:#C6C9DB
blau kategorien	:#C3C5CF


*************************************************/

HTML { min-height: 100.05%;}

body {
 background: #FFFFFF;
 background-color: #E7E4E2;
 background-image:url(../img/back.gif);
 background-repeat: repeat-y;
 background-position: center;
 font-family:Helvetica, Arial;
 font-size:1em;
 color: #000000;
 margin-left:0;
 margin-top:0;
 margin-right:0;
 margin-bottom:0;
 padding:0px;
}

img {
 border-style:none;
 margin-left:0;
 margin-top:0;
 padding:0px;
}

hr {
 height:1px;
 border:solid 1px #CC6633;
}

/************************************************
Linkeigenschaften allgemein
*************************************************/

a:link {
 text-decoration: none;
 color: #883311; /* altes orange: #CC6633 */
 font-weight:bold;
}

a:visited {
 text-decoration: none;
 color: #883311;
 font-weight:bold;
}

a:hover {
 color: #FF9900;
 text-decoration: none;
 font-weight:bold;
/* background:#004080;*/
}

a:active {
 text-decoration: none;
 font-weight:bold;
 color: #CC6633;
}

/************************************************
Linkeigenschaften kat2
*************************************************/

a.kat2:link {
 text-decoration: none;
 color: #0A50A1;
 font-weight:normal;
}

a.kat2:visited {
 text-decoration: none;
 color: #0A50A1;
 font-weight:normal;
}

a.kat2:hover {
 color: #FF8C00;
 text-decoration: none;
 font-weight:normal;
/* background:#004080;*/
}

a.kat2:active {
 text-decoration: none;
 font-weight:normal;
 color: #FF8C00;
}

/************************************************
Linkeigenschaften navi_kopf
*************************************************/

a.navi_kopf:link {
 text-decoration: none;
 color: #FFFFFF;
 font-weight:bold;
}

a.navi_kopf:visited {
 text-decoration: none;
 color: #FFFFFF;
 font-weight:bold;
}

a.navi_kopf:hover {
 color: #333366;
/* background-color: #FFFFFF;*/
 text-decoration: none;
 font-weight:bold;
}

a.navi_kopf:active {
 text-decoration: none;
 font-weight:bold;
 color: #FFFFFF;
}

/************************************************
Schrifteigenschaften
*************************************************/

h1 { font-size:1.8em;}
h2 { font-size:1.4em;}
h3 { font-size:1.2em;}
h4 { font-size:0.8em; font-weight:normal; margin: 0;}
h5 { font-size:1.0em;}
.h10 { font-size:1.8em;color:#A6631A;vertical-align:top;}
.h11 { font-size:1.3em;color:#C87820;vertical-align:bottom;}
.h12 { font-size:1.6em;color:#FF8000;vertical-align:middle;}
.h13 { font-size:1.7em;color:#000000;}
.gruen {color:#3F987D}

/************************************************
Benutzerdefinierteeigenschaften
*************************************************/

.navigation { background:#FF8C00;}
.innen { padding:25px;}
.top { background:#FF9933;}
.kat { background:#FF9933;}
.kat2 { font-size: 0.8em; font-weight:normal;}
.grau { background-color:#C3C5CF;} /* alter grauton:#E7E4E2*/
.hellgrau { background-color:#E7E4E2;}
.hellblau { background-color:#C6C9DB;}
.grau2 { background-color:#FF9933; font-size:1em; font-weight:bold; color: #FFFFFF; width:170px} /* für die Überschriften bei der Vorschau*/
.kat_ueber { background-color:#E7E4E2; font-size:1em; font-weight:bold;}
.inhalt {border: none 1px floralwhite; background-color:;padding-left:10px;padding-right:10px;}
.vorschau {border: solid 1px #CC6633; width:100%;}
.rand {border: solid 1px #CC6633;}
.betrag {border: none 1px #CC6633; font-size:1em; font-weight:bold; background-color:floralwhite;}
.halter {width:20px;}
.platzhalter {height:10px;}
.artikel_vorschau_1 {height:25px; vertical-align:middle; background:#E7E4E2;}
.artikel_vorschau_2 {height:25px; vertical-align:middle; background:#FFFFFF;}
.agb {padding-top:10px;}
a.navi_werbung:link {color:#FFFFFF;}
a.navi_werbung:hover {color:#CC0000;}


/************************************************
Tabelleneigenschaften allgemein
*************************************************/

table {
/* text-align:center;*/
 text-align:left;
/* margin:0px;
 padding:0px;*/
 background:#FFFFFF;
 border-style:none;
 border-width:1px;
 border-color:black;
}

tr {
 border-style:none;
 border-width:1px;
 text-align:left;
}

td {
/* text-align:center;*/
 text-align:left;
 font-size:0.8em;
 border-style:none;
 border-width:1px;
 margin-left:10px;
 margin-top:10px;
 padding:0px;
 vertical-align:top;
}
/************************************************
Tabelleneigenschaften Uebersicht
*************************************************/

table.uebersicht {
 background-color:transparent;
}
tr.uebersicht_1{
 background:#FFF5F0;
}
tr.uebersicht_2{
 background:#E7E4E2;
}

tr.uebersicht_kopf{
 background:#C3C5CF;
}

td.uebersicht {
 vertical-align:middle;
 padding-left:5px;
 padding-right:5px;
 height:100%;
}


/************************************************
Tabelleneigenschaften Vorschau und Detail eines Artikels:
*************************************************/

.blau_td{background:#C6C9DB;padding:5px 10px 5px 10px;}
.bez_td{padding:10px;border:solid 1px #E7E4E2;}
.besch_td{background:#E7E4E2;padding:5px 10px 5px 10px;}
.text_vorsch_td{border:solid 1px #E7E4E2;padding:5px 10px 5px 10px;}
.preis_td_left{background:#E7E4E2;padding:5px 10px 5px 10px;text-align:left;vertical-align:middle;}
.preis_td_right{background:#E7E4E2;padding:5px 10px 5px 10px;text-align:right;vertical-align:middle;}
.uebersichtsbild2{text-align:center;vertical-align:middle;border:solid 1px #E7E4E2;}
.uebersichtsbild3{text-align:center;vertical-align:middle;}
.bild_gross{border:solid 1px #E7E4E2;padding:5px 10px 5px 10px;}
.formular_vorsch_td{background:#FAF7F5;padding:5px 10px 5px 10px;}


img.vorschauklein{
border:solid;
border-width:0px;
border-color:#FF9933;
}
div.linkgroesse{font-size:0.85em;}

/************************************************
Tabelleneigenschaften kategorien
*************************************************/

table.kat_kopf {
 background-color: transparent;
 text-align:center;
 vertical-align:middle;
 margin-left:10px;
 margin-top:3px;
}

table.kategorien {
 align: left;
 vertical-align:top;
 margin:0px;
 padding:0px;
}

tr.kategorien {
 border-style:none;
 border-width:1px;
 vertical-align:top;
}

td.kategorien {
 border-style:none;
 border-width:1px;
 text-align:center;
 font-size:0.8em;
 color:#FFFFFF;

}
td.kategorien2 {
 text-align:left;
 font-size:0.7em;
 font-weight:bold;
 color:#000000;
 padding-left:5;
}

td.kategorien3 {
 text-align:left;
 font-size:0.7em;
 font-weight:normal;
 color:#000000;
 padding-left:5;
}


a.kategorien:visited {
 text-decoration: none;
 color: #000000;
 font-weight:bold;
}

a.kategorien:link {
 text-decoration: none;
 color: #000000;
 font-weight:bold;
}
a.kategorien:hover {
 color: #FF8000;
 text-decoration: none;
 font-weight:bold;
}

a.kategorien:active {
 text-decoration: none;
 font-weight:bold;
 color: #000000;
}

a.typ:visited {
 text-decoration: none;
 color: #FFFFFF;
 font-weight:bold;
}

a.typ:link {
 color: #FFFFFF;
 text-decoration: none;
 font-weight:bold;
}

a.typ:active {
 text-decoration: none;
 font-weight:bold;
 color: #FFFFFF;
}

/****************************************************
Linkaussehen bei den Kategorien auf der linken Seite
*****************************************************/
a.katlink:visited {
 text-decoration: none;
 color: #000000;
 font-weight:normal;
}

a.katlink:link {
 text-decoration: none;
 color: #000000;
 font-weight:normal;
}
a.katlink:hover {
 color: #FF8000;
 text-decoration: none;
 font-weight:normal;
}

a.katlink:active {
 text-decoration: none;
 font-weight:normal;
 color: #000000;
}

/************************************************
Tabelleneigenschaften werbung
*************************************************/

table.werbung {
 align: center;
/* margin:0px;
 padding:0px;*/
 background:#ECECE6;
 border-style:none;
 border-width:1px;
 border-color:black;
}

tr.werbung {
 border-style:none;
 border-width:1px;
}

td.werbung {
 text-align:left;
 font-size:0.8em;
 border-style:none;
 border-width:1px;
 margin-left:10px;
 margin-top:10px;
 padding:0px;
 vertical-align:middle;
}

/************************************************
Formulareigenschaften
*************************************************/

.frm_normal{color:#000000; width:212px;}
.frm_normal2{color:#000000; width:345px;}
.frm_fehler{border:solid 2px; border-color:#CC0000; color:#000000; width:212px; background-color:#E7E4E2;}
.frm_fehler2{border:solid 2px; border-color:#CC0000; color:#000000; width:345px; background-color:#E7E4E2;}

input, select {
 width:250px;
/* color:#000000;
 border:1px solid #CC6633;*/
}
textarea {
 width:576px;
}

.box {
 width:20px;
 color:;
 border:none;
}
.felder_senden {
 width:130px;
/* border:1px solid #000000;
 background-color:#FF9933;*/
}

.felder_senden_100 {
 width:100px;
}

.felder_senden_160 {
 width:160px;
}

.felder_senden_250 {
 width:250px;
/* border:1px solid #000000;
 background-color:#FF9933;
}*/

/*wird für den Bildupload verwendet*/
.felder_senden2 {
 width:420px;
 border:1px solid #000000;
 background-color:#FFFFFF;
}

/***************************************
Formatierungen von Stephan
****************************************/

/*textarea.breit {
 width:401px;
 color:#000000;
 border:1px solid #CC6633;
}*/



table.ka{padding-left:8px;}