/*-- ----------------------------------------------------------------------------------------------- --*/
/*-- style-sheet-Datei für den Internetauftritt von www.kosmetikartikel-online.de	   --*/
/*--        Copyright 2009 by Belle-Vital-Kosmetik - Matthias Schneider, Deckenpfronn	   --*/
/*-- ----------------------------------------------------------------------------------------------- --*/


body { color:black; background-color:#FFFFEE; font-family:Helvetica,Arial,sans-serif; margin:0; padding: 0; }


/*-- -------------------------------------------------------------------------------------------------------------------------- --*/
/*-- ------------------------------------------- Allgemeine Definitionen ------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------- --*/
h1 { font-family: helvetica, arial, sans-serif; color:#333333; font-size: 130%; border-bottom: 2px solid #BFBFBF; width:85%; margin: 15px 0 25px 0; }
a { font-family:x-small helvetica, arial, sans-serif; color:#000000; font-weight:bold; }
a:link { text-decoration:none; cursor:pointer; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }


/*-- ------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------- Inhalt --------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------------- --*/
div#inhalt { font-size:1em; font-family:helvetica, arial, sans-serif; color:#000000; margin:1em 12em 0 10em; }


/*-- Allgemeiner Text im Inhalt --*/
#inhalt .ueberschrift1 { font-weight:bold; font-size:12pt; border-bottom:2px solid #c0c0c0; margin-bottom:6pt; margin-top:16pt; text-transform:uppercase; }
#inhalt .ueberschrift2 { background:url('../images/grau_mitte.gif'); font-weight:bold; font-size:10pt; color:#404040; text-align:justify; margin-bottom:6pt; margin-top:10pt; }
#inhalt .blocksatz { text-align:justify; }
#inhalt .klein { font-family:x-small helvetica, arial, sans-serif; font-size:8pt; }
#inhalt .grafik_r { float:right; margin-left:10px; width:65pt; }
#inhalt .grafik_l { float:left; margin-right:10px; width:65pt; }
#inhalt .eingabeaufforderung { background-color:#E0E0E0; font-size:10pt; font-weight:bold; line-height:18px; padding:2px; border:1px solid #a0a0a0; }
#inhalt .eingabefeld { background-color:#ffffff; font-family:helvetica, arial, sans-serif; font-size:1em; padding:2px; height:15px; color:#8000ff; }
#inhalt .zeile1 { background-color:#E0E0E0; font-size:10pt; line-height:15pt; vertical-align:top; padding:2pt; border-bottom:1px dotted #b0b0b0; }
#inhalt .zeile2 { background:#FFFFFF; font-size:10pt; line-height:15pt; vertical-align:top; padding:2pt; border-bottom:1px dotted #b0b0b0; }
#inhalt .fett { font-weight:bold;}
#inhalt .pressetext { text-align:justify; text-indent:8pt; margin-bottom:10pt;}
#inhalt .new { font-weight:bold; color:red; }

/*-- Überschriftszeilen im Inhalt --*/
#inhalt h1 { background:url('../images/h1_hintergrund.gif'); background-repeat:no-repeat; font-size:1.0em; margin:0; padding: 0.5em 0.2em 0.2em 0.5em; font-weight:bold; font-variant:small-caps; border-bottom:3px solid #FFD03F; }
#inhalt h2 { width:158pt; font-weight:bold; font-size:8pt; color:#808080; border-bottom:2px solid #b0b0b0; border-top:2px solid #c0c0c0; background:#f0f0f0; text-align:left; padding-left:6pt; padding-top:2pt; padding-bottom:2pt; margin-bottom:12pt; }

/*-- Spaltensatz im Inhalt (2 Spalten) --*/
#inhalt .spalte_l { float:none; position:absolute; left:0pt; width:165pt; }
#inhalt .spalte_r { float:none; position:absolute; left:180pt; width:165pt; }
#inhalt .kasten { text-align:justify; padding-right:10px; border:1px solid #c0c0c0; padding:10px; margin-bottom:10pt; }

/*-- Aufzählungen --*/
#inhalt li { list-style-image:url(../images/listpunkt.gif); }

/*-- Tabellen --*/
#inhalt th { background-color:#777777; font-weight:bold; color:#FFFFFF; text-align:justify; padding:5px; }
#inhalt .tabueber { background-color:#D0D0D0; font-size:8pt; font-family:helvetica, arial, sans-serif; font-weight:bold; vertical-align:top; line-height:13pt; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; padding-left:8px; }
#inhalt .zelle1 { vertical-align:top; background-color:#E0E0E0; font-size:9pt; font-family:helvetica, arial, sans-serif; padding:4px; border-top:1px dotted #c0c0c0;}
#inhalt .zelle2 { vertical-align:top; background-color:#FFFFFF; font-size:9pt; font-family:helvetica, arial, sans-serif; padding:4px; border-top:1px dotted #c0c0c0;}

#inhalt .shop { vertical-align:top; background-color:#FFFFFF; font-size:10pt; font-family:helvetica, arial, sans-serif; font-weight:normal; padding:4px; }
#inhalt .summenzeile1 { background-color:#F0F0F0; font-size:0.8em; text-align:right; font-family:helvetica, arial, sans-serif; font-weight:bold; border-left:none; border-right:none; border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; padding:0; margin:0; }
#inhalt .summenzeile2 { background-color:#FFFFFF; text-align:right; font-size:0.8em; font-family:helvetica, arial, sans-serif; font-weight:normal; border-left:none; border-right:none; border-bottom:none; border-top:none; padding:0; margin:0; }
#inhalt .summenfeld { border-style:none; font-family:helvetica, arial, sans-serif; background-color:#F0F0F0; font-size:1em; text-align:right; padding:2px; height:23px; }

#inhalt .fehler { padding:7px; background-color:#F0F0F0; font-size:9pt; font-family:helvetica, arial, sans-serif; font-weight:bold; }

/*-- Infobox neben Warenkorb --*/
div#info { font-family:helvetica, arial, sans-serif; font-size:0.9em; width:13em; float:right; }

#info .schritt_i { font-size:9pt; border-bottom:1px solid #c0c0c0; vertical-align:middle; padding:2px 4px 2px 4px; width:168px; }
#info .schritt_a { font-size:9pt; border-bottom:1px solid #c0c0c0; vertical-align:middle; background-color:#ffe281; padding:2px 4px 2px 4px; width:168px; }
#info .kasten { border:1px dashed silver; background-color:#f0f0f0; padding:0 0 0.5em 0; margin: 0.5em 0.5em 0 0; }
#info .ueberschrift { font-weight:bold; margin: 0.7em 0.5em 0.5em 0.5em; border-bottom:1px solid #000000; }
#info p { font-size:1em; margin:0.5em; text-align:left; }
#info ul { list-style-type:square; font-size:0.8em; margin:0 0.9em 0 -1.5em; }
#info hr { height:2px; color:#808080; }