body {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-image : url(http://www.bonne-provence.de/HP/Bilder/BackgroundPicture.jpg);
} 

p, div  {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
margin-left : 2px;
}



/* Container für einzelnes Produkt */
div.show {
margin-top: 5px;
margin-bottom: 10px;
}

form {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
margin: 0px;
}

img {
margin: 0px;
}


/* Vorlagen für Kategorien */
.subcat {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
}

.cat {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
margin-top: 4px;
}

.catactive {
background-color: white;
font-weight: bold;
text-decoration: none;
}


/* Suchfeld */
input.search {
border-style: solid;
border-width: 1px;
border-color: #C20003;
background-color: white;
}

/* Eingabefeld Notizzettel */
input.acht {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 8pt; 
margin-left: -3px;
background-color: white;
border-style: solid;
border-width: 1px;
border-color: gray;
} 

input.blue {
font-weight: bold;
color: blue; 
}

h1 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11pt; 
border-bottom-width : 1px; 
border-bottom-style : solid; 
border-left-width : 10px; 
border-color : #59B75D; 
border-left-style : solid; 
padding-left : 2px; 
} 

h2 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11pt; 
border-bottom-width : 1px; 
border-bottom-style : solid; 
border-left-width : 10px; 
border-color : #000066; 
border-left-style : solid; 
padding-left : 3px; 
} 

h3 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
border-bottom-width : 1px; 
border-bottom-style : solid; 
border-left-width : 10px; 
border-color : #59B75D; 
border-left-style : solid; 
padding-left : 3px; 
} 

h4 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12pt; 
border-top-style: solid;
border-bottom-style: solid;
border-color: #59B75D;
border-width: 2px;
padding-left : 3px;
margin-right: 5px;
} 

/* Produktüberschrift!!! */
h5 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12pt;
color: #000000;
margin-left : 2px;
margin-bottom: 0px;
}

/* freie Vorlage für 8-Punkt-Schrift */
.acht {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 8pt;
margin-left : 4px; 
} 

/* normaler Rahmen mit roter Umrandung, 8pt */

.rahmen {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 8pt; 
background-color : #ffffcc; 
border-style : solid; 
border-width : 1px; 
border-color : #C20003; 
padding : 2px; 
margin-left : 3px; 
} 

/* normaler Rahmen mit roter Umrandung, 10pt */
.rahmen2     {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
background-color : #ffffcc; 
border-style : solid; 
border-width : 1px; 
border-color : #C20003; 
padding : 2px; 
margin-left : 3px; 
}


/* Listen, Aufzählungen */
ol {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
} 


ul { 
/* Grafik für Aufzählungszeichen */
list-style-image: url(cat.gif);
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
}


/* ZEICHENVORLAGEN */
i {
color : #000066; 
} 

b {
color : #C20003; 
} 

b.b {
color: black;
}

b.blue {
color : blue; 
}

b.dark {
color: #000080; 
}

/* Pseudo-Klassen für dynamische Links */
A:link {
text-decoration : underline; 
color : #000066; 
} 

A:hover {
text-decoration : none; 
color : #C20003; 
} 

A:active {
text-decoration : none; 
color : #C20003; 
} 

A:visited {
color : black; 
} 

/* Gesamtumrandung TABELLE */
table.umrandung {
border-style : solid;
border-width: 1px; 
border-color : silver; 
}

table.ausgabe {
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
margin: 1px;
background-color: #ffffff;
border-style: solid;
border-width: 1px; 
border-color: silver;
}

table.ausgabe th {
background-color: #F1F9FC;
background-image :    url(../HP/Bilder/BackgroundPicture.jpg);
}

table.ausgabe td {
background-color: #ffffcc;
}

table.adresse {
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
margin: 1px;
background-color: #ffffff;
border-style: solid;
border-width: 1px; 
border-color: silver;
}

table.adresse td {
background-color: #F1F9FC;
}

/* Input-Felder in Tabellenzelle */
table.adresse input {
background-color: white;
border-style: solid;
border-width: 1px;
border-color: silver;
}

table.adresse input.w {
background-color: #ffffcc;
border-style: solid;
border-width: 1px;
border-color: gray;
}

/* Gestaltung für Trennlinie */
div.border {
color: gray;
}
/* BEGIN style7 */
 #navlist
{
padding: 0 1px 1px;
margin-left: 0;
font:  Bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid Grey;
border-bottom: 1px solid Grey;
display: inline;
}
#navlist li a
{
padding: 0.15em 0.3em 0.25em 0.75em;
border-left: 0.3em solid #AAA;
border-right: 0.3em solid #AAA;
background: #CCC;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover
{
border-color: #FA3;
color: #FFF;
background: #FD2;
}
/* END style7 */
/* BEGIN style small */
 #navlists
{
padding: 0 0px 0px;
margin-left: 0;
font:  10px Verdana, sans-serif;
}
/* END Style Small */
#navlistb
{
padding: 0 1px 1px;
margin-left: 0;
font:  Bold 18px Verdana, sans-serif;
}
#navlistb li
{
list-style: none;
margin: 0;
border-top: 1px solid Grey;
border-bottom: 1px solid Grey;
display: inline;
}
#navlistb li a
{
padding: 0.15em 0.8em 0.25em 0.75em;
border-left: 0.9em solid #AAA;
border-right: 0.9em solid #AAA;
background: #CCC;
text-decoration: none;
}
#navlistb li a:link { color: #448; }
#navlistb li a:visited { color: #667; }
#navlistb li a:hover
{
border-color: #FA3;
color: #FFF;
background: #FD2;
}