/* CSS Document für bsp_preistabelle.html*/
/* Copyright asset new media 2007; Author: Michael Kucharski */

/* 
Standartfarbe: Schwarz
Hintergrund Tabelle / wie Body: #FFFFF >> 0%;

#303062 >> 100%
#6e6e91 >> 70%
#9797b0 >> 50%
#c0c0d0 >> 30%
#d6d6e0 >> 20%
#fafaff >> 10%


Um Farbwerte schnell auszutauschen die Datei beispiel_preistabelle.psd aufrufen, unterhalb der Musterfarben eigene Wunschfarbe 
(100% Ausgangsfarbe sollte relativ dunkel sein) in die Kästchen füllen, Farbwerte mit Pipette auslesen, notieren und mit der Editor-Funktion "Suchen und Ersetzten" in diesem CSS austauschen.

*/

table, .ueberschrift, .fussnote {font-family:Verdana, Arial, Helvetica, sans-serif;}

.preistable {
border: 0px;
margin: 0px;
width: 100%;
font-size:11px;
}

.tabellenbasis {
background-color:#efecf7;
width:100%;
}

.ueberschrift {
font-size:18px;
color:#6e6e91;
padding: 0px 10px 10px 10px;
text-align:left;
}

.fussnote {
font-size:10px;
color:#6e6e91;
padding: 6px 10px 15px 10px;
text-align:left;
}


/* Die Werte für Padding werden in dieser Reihenfolge intepretiert: padding: oben rechts unten links) */
.beschriftung_oben, .wert1_oben, .wert2_oben, .wert3_oben, .leerspalte_oben { padding: 5px 10px 5px 10px;}
.beschriftung, .wert1_kl, .wert2_kl, .wert3, .leerspalte, .beschriftung_unten, .wert1_unten, .wert2_unten, .wert3_unten, .leerspalte_unten { padding: 3px 10px 3px 10px; color: #efecf7; font-size:11px;}
.beschriftung_oben, .wert1_oben, .wert2_oben, .wert3_oben, .leerspalte_oben, .zwischenraum_oben { border-bottom:1px solid #303062; color:#6e6e91;}
.zwischenraum_oben, .zwischenraum, .zwischenraum_unten {width:3px; padding:0px;}

/* Formatierungen für die erste Tabellenzeile */
.beschriftung_oben, .leerspalte_oben{
font-weight:bold;
background-color:#c0c0d0;
text-align:left;
}

.beschriftung_oben {
}

.wert1_oben {
text-align:center;
background-color:#fafaff;
font-weight:bold;
}

.wert2_oben {
text-align:center;
background-color:#fafaff;
font-weight:bold;
}

.wert3_oben {
text-align:center;
background-color:#fafaff;
font-weight:bold;
}

.zwischenraum_oben {
background:none;
}

/* Formatierungen für die eigentlichen Inhaltszeilen 2te bis letzte */
.beschriftung, .leerspalte, .beschriftung_unten, .leerspalte_unten{
background-color:#9797b0;
text-align:left;
}

.wert1_kl, .wert1_unten {
text-align:center;
background-color:#c0c0d0;
}

.wert3, .wert3_unten {
text-align:center;
background-color:#c0c0d0;
}

.wert2_kl, .wert2_unten {
text-align:center;
background-color:#c0c0d0;
}

.zwischenraum, .zwischenraum_unten  {
background-color:#d6d6e0;
}


/* extra Fromatierungen für die Inhaltszeilen (bis auf die Letzte) */
.beschriftung, .leerspalte {
border-bottom:2px solid #c0c0d0;
}

.wert1_kl {
border-bottom:2px solid #d6d6e0;
}

.wert2_kl {
border-bottom:2px solid #d6d6e0;
}

.wert3 {
border-bottom:2px solid #d6d6e0;
}

.zwischenraum {
border-bottom:2px solid #efecf7;
}

/* extra Fromatierungen für die letzte, überlappende Zeile */
.beschriftung_unten, .leerspalte_unten  {
border-bottom:15px solid #c0c0d0;
}

.wert1_unten {
border-bottom:15px solid #d6d6e0;
}

.wert2_unten {
border-bottom:15px solid #d6d6e0;
}

.wert3_unten {
border-bottom:15px solid #d6d6e0;
}

.zwischenraum_unten {
border-bottom:15px solid #efecf7;
}