/**
* © H.Piechotka
* 04/2008,
*/

/*  Allgemeines
-------------------------------------------------------------- */

html{
  scrollbar-base-color: #b99e07;
  scrollbar-arrow-color: #000000;
  scrollbar-face-color: #d1bc43;
  scrollbar-highlight-color: #dbca6b;
  scrollbar-shadow-color: #dbca6b;
}

body{
margin:0;
padding:10px 0 10px 0;
background-color:#dbca6b;
text-align:center;/* main-Box zentrieren in IE 5 und hoeher */
font-family:Arial,Helvetica,sans-serif;
color:#000000;
}

/*  Grundfarbe fuer Links
-------------------------------------------------------------- */
a {
        color: #cc0000;
}

/*  Pflichtlinks
-------------------------------------------------------------- */
#topnav{
text-align:right;
font-size:0.7em;
color:#808080;
margin:0 auto 5px auto;
padding:0;
width:1000px;
}

#topnav a{
text-decoration:none;
color:#808080;
}

/*  äußere Umrandung
-------------------------------------------------------------- */

#page {
        width: 700px;
        margin: 0 auto;
        text-align: center;
        min-height: 100%;
        background-color: white;
        background-image: url(../img/bg_page.jpg);
        background-repeat: repeat-y;
}

#inner {
        background-image: url(../img/bg_header.jpg);
        background-position: top left;
        background-repeat: no-repeat;

}

#navi {
        width: 150px;
        float: left;
        background-color: transparent;
        margin-top: 370px;
        text-align: left;
}

#navi a{
        color: #cfd6d7;
        text-decoration: none;
}


/*  die einzelnen Navipunkte
-------------------------------------------------------------- */

li.home a {
background-image: url(../img/navi/button-home.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 19px;
float: left;
}

li.home a:hover,
li.home a:active
{
background-image: url(../img/navi/button-home_f2.gif);
}

li.home {
background-image: url(../img/navi/button-home_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 19px;
float: left;
}




li.weingut a {
background-image: url(../img/navi/button-weingut.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 22px;
float: left;
}

li.weingut a:hover,
li.weingut a:active
{
background-image: url(../img/navi/button-weingut_f2.gif);
}
li.weingut {
background-image: url(../img/navi/button-weingut_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 22px;
float: left;
}


li.weinkarte a {
background-image: url(../img/navi/button-weinkarte.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 20px;
float: left;
}

li.weinkarte a:hover,
li.weinkarte a:active
{
background-image: url(../img/navi/button-weinkarte_f2.gif);
}
li.weinkarte {
background-image: url(../img/navi/button-weinkarte_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 20px;
float: left;
}

li.zimmer a {
background-image: url(../img/navi/button-zimmer.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 21px;
float: left;
}

li.zimmer a:hover,
li.zimmer a:active
{
background-image: url(../img/navi/button-zimmer_f2.gif);
}
li.zimmer {
background-image: url(../img/navi/button-zimmer_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 21px;
float: left;
}


li.reservierungen a {
background-image: url(../img/navi/button-reservierung.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 23px;
float: left;
}

li.reservierungen a:hover,
li.reservierungen a:active
{
background-image: url(../img/navi/button-reservierung_f2.gif);
}
li.reservierungen {
background-image: url(../img/navi/button-reservierung_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 23px;
float: left;
}



li.anfahrt a {
background-image: url(../img/navi/button-anfahrt.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 23px;
float: left;
}

li.anfahrt a:hover,
li.anfahrt a:active
{
background-image: url(../img/navi/button-anfahrt_f2.gif);
}
li.anfahrt {
background-image: url(../img/navi/button-anfahrt_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 23px;
float: left;
}

li.impressum a {
background-image: url(../img/navi/button-impressum.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 20px;
float: left;
}

li.impressum a:hover,
li.impressum a:active
{
background-image: url(../img/navi/button-impressum_f2.gif);
}
li.impressum {
background-image: url(../img/navi/button-impressum_f3.gif);
background-repeat: no-repeat;
display: block;
width: 151px;
height: 20px;
float: left;
}

/*  Inhaltsbereich
-------------------------------------------------------------- */
#contents {
        margin-left: 155px;
        background-color: transparent;
        padding-top: 200px;
        text-align: left;
        padding-left: 100px;
        padding-right: 60px;
}

#contents h1 {
        font-size: 0.9em;
        font-weight: bold;
        margin-bottom: 1em;
}

#contents h2 {
        font-size: 0.8em;
        font-weight: bold;
}

#contents p {
        font-size: 0.8em;
        line-height: 130%;
}

#contents  img.foto {
        margin: 20px auto;
}

p.adresse {            /*  Adressenangabe auf Seiten unten */
        color: #a89900;
        margin-top: 15px;
        margin-bottom: 25px;
}

/*  Reservierungsformular
-------------------------------------------------------------- */
a.c-10 {text-decoration: underline;}
    span.c-9 {font-size: 150%}
    span.c-8 {color: #660066; font-size: 80%}
    span.c-7 {font-size: 80%}
    span.c-6 {color: #660066;  font-size: 80%}
    span.c-5 {color: black;  font-size: 80%}
    span.c-4 {color: #CC0000;  font-size: 80%}
    td.c-3 {background-color: #DBD581}
    span.c-2 {color: black;  font-size: 80%}
    span.c-1 { font-size: 80%}

/*  Weinkarte
-------------------------------------------------------------- */
#weinkarte1 {
border: 1px solid #b99e07;
font-size: 0.75em;

}
#weinkarte1 h4 {
        font-size: 1.25em;
        font-weight: bold;
        line-height: 125%;
        color: #323232;
}

#weinkarte1 td {
        border: 1px solid white;
        padding: 1px;
        vertical-align: top;
}

#weinkarte2 {
font-size: 0.9em;
}

#weinkarte2 td {
        font-size: 0.9em;
        vertical-align: middle;
        padding-left: 2px;

}

/* Impressum*/

ul.impressum {
        font-size: 0.8em;
        line-height: 130%;
        list-style-type: disc;
}



/*  Fußzeile
-------------------------------------------------------------- */

#footer {
        background-color: transparent;
        width: 700px;
        margin: 15px auto;
        text-align: center;
        font-size: 0.7em;

}

#footer a {
        color: #000000;
        text-decoration: none;
}


.clearing {
clear: both;
height:1px;
font-size:1px;
border:none;
margin:0;
padding:0;
background:transparent;
}