/* V I N I   F I N I  -  G A N Z E   S I T E */

html    {
    height:100%;  
    /* Die html- und die body-Hoehe zusammen erzwingen einen Rollbalken rechts, damit das eingemittete Bild nicht hin- und her springt. */
    }

body {
    margin-top:0px;
    margin-right: auto;
    margin-left: auto;
    border:0px;
    padding:0px;
    width:960px;
    min-height: 101%;
    font-family: "Trebuchet MS" , Verdana, Frutiger, Helvetica, Sans-Serif;
    font-size:1em;
    line-height:115%;
    color:#1a2864;
    background-color: #fdf9de;
    }
    
h1  {
    font-size: 130%;
    line-height:100%;
    margin-top:0;
    color:#6d1318;
    background-color:inherit;
    }
    
h2  {
    font-size: 115%;
    line-height:120%;
    color:#716B75;
    background-color:inherit;
    }

h3  {
    font-size: 105%;
    line-height:120%;
    color:#1a2864;
    background-color:inherit;
    margin: 0em;
    padding: 0 0 5px 0;;
	}


form {
    padding: 0;
    margin: 0;
    }

p {
    padding: 0;
    margin: 0;
    }

img {
    border:0;
    margin:0;
    }

a   {
    color:#9d0b15;
    background-color:inherit;
    text-decoration:none;
    }


/* usability stuff ****** */

/* S P R U N G   Z U   N A V I   U N D   I N H A L T */
/* Die Idee fuer den Code zum Sprung habe ich bei der sehr empfehlenswerten Site http://www.einfach-fuer-alle.de gefunden. 
Dort steht (zum ganzen CSS):
CODE: Tomas Caspers fuer Aktion Mensch Lizenzbedingungen zur freien Nutzung: http://www.einfachfueralle.de/lizenz/ 
Kommentierte Fassung von http://www.einfachfueralle.de/download/#styles
De gustibus et coloribus non est disputandum. 
*/

#skipnav {
    position:absolute; 
    width:100em;
    overflow:hidden;
    top:-100px;
    left:-300px;
}
    
#skip1 a, #skip2 a {
    position:absolute; 
    top:-100px;
    left:-500px;
    width:20em;
    overflow:hidden;
}
    
#skip1 a:focus, #skip2 a:focus, #skip1 a:active, #skip2 a:active {
    position:absolute;
    width:20em;
    top:-100px;
    left:-500px;
    overflow:hidden;
} 


/* alle container ****** */
#vinifini_3sp   {
    margin:0px;
    width:960px;
    height:100%;
    color:#1a2864;
    background: #fdf9de url(../bilder/vinifini_bg_960x2.gif) repeat-y;
}

#vinifini_2sp   {
    margin:0px;
    width:960px;
    height:101%;
    color:#1a2864;
    background: #fdf9de url(../bilder/vinifini_bg_li_960x2.gif) repeat-y;
}


/*  H E A D E R  S T U F F  */

#headercontainer {
    margin:0px;
    padding:0px;
    width:100%;
    height: 68px;
}

#logo_screen    {
    float:left;
    width: 120px;
    height: 68px;
    margin: 0px;
    padding: 0px;
    background-color: #fdf9de;  /* bzw ein bg-image ? */
    color: inherit;
    text-decoration:none;
}

#logo_print     {
    display:none;
}

#header {
    float:right;
    margin:0px;
    width: 840px;
    height:68px;
    background: url(../bilder/kirche900x68.jpg) no-repeat 0px 0px;
}

#adresszeile {
    margin: 26px 0px 0px 0px;  /* 44px Abstand von oben */
    color:#fcf9df;
    background-color: inherit;
    font-size:85%;
}
    
#adresszeile .address {
    float:left;
    margin: 0px 0px 0px 150px; /* 150px Astand vom Logo */
    text-decoration:none;
    color:#fcf9df;
    background-color: inherit;
}

#adresszeile .rechts {
    float:right;
    margin-right: 20px;
}

#adresszeile .rechts a {
    color:#fcf9df;
    background-color: inherit;
    text-decoration:none;
}

#adresszeile .rechts a:link    { color: #fcf9df; }
#adresszeile .rechts a:visited { color: #fcf9df; }
#adresszeile .rechts a:hover   { color: #fcf9df; }
#adresszeile .rechts a:active  { color: #ffcc33; }

#adresszeile .active    {color: #ffcc33;}
    

/* H A U P T - N A V I G A T I O N */

    #navicontainer {      /* vgl #rechts */
    float: left;
    margin:0px;
    margin-right:20px;
    padding:0px;
    width: 120px;
    min-height:540px;
    color:#6d1318;
    background-image: url(../bilder/verlauf120x137.jpg) ;
    background-repeat: no-repeat;
    background-position: top;
}

#navi {
    margin: 30px 8px 20px 8px; /* vgl margin-top bei #inhalt und #weinbeschrieb     */
    font-size: 100%;
    line-height: 120%;
    color:#6d1318;
    background-color:inherit;
    text-align:right;
}

#navi p.navititel {
    padding-bottom:0.2em;
    line-height: 100%;
    margin-bottom: 2px;
    border-bottom:1px solid #cd7626;
}

#navi p.navitems {
    margin: 0px;
    font-size: 85%;
    line-height:150%;
}

#navi p a {
    display: block;
    color:#1a2864;
    background-color:inherit;
    margin: 0px;
}

/* suchfeld und submit-button */ 
#navi input {
    color:inherit;
    background-color:inherit;
}

#navi .ipt {
    width: 54px;
}

.aktiv  {
    color: #cd7626;
    }


/* H A U P T - I N H A L T S S P A L T E */
/* auf gleiche Hoehe wie navi-Oberrand  */

#inhalt {
    float:left;
    margin-top:30px;   /* vgl margin-top bei #navi und #weinbeschrieb */
    margin-left:0px;  /* Abstand zur navi  */
    height: 100%;
    width:560px;         /* Hier ist #weinkarten anders */
}

#inhalt_ganzbreit { /* ueberall, wo der Text ueber die rechte Spalte laeuft */
    float:left;
    margin-top:30px;   /* vgl margin-top bei #navi und #weinbeschrieb */
    margin-left:0px;  /* Abstand zur navi  */
    height: 100%;
    width:560px;         /* Hier ist #weinkarten anders */
}

#inhalt img { 
    border-width:0px;
    margin-right:20px;
    padding-bottom: 5px;
}

#inhalt p   {
    font-size:100%;
    line-height:125%;
    margin:0;
    color:#1a2864;
    background-color:inherit;
    text-decoration:none;
}

#inhalt noscript {
    font-style: italic;
    color:#cd7626;
}


/* S I T E M A P  */

/*  #sitemaps-width:
    minimum ((5 x .smaps-width) + (5 x .smaps-margin-right)) 
    mit 5 Containern        */

#sitemaps {
    width: 100%;
    height: auto;
}

#sitemaps .smaps {
    float: left;
    width: 14%;
    margin:0;
    padding: 0;
    height: auto;
    text-align: center;
}

#sitemaps .smaps p a {
    display: block;
    margin:0;
    color:#1a2864;
    background-color:inherit;
}


/* W E I N K A R T E N */

#mitte_und_rechts {
    float:left;
    margin-top:30px;   /* vgl margin-top bei #navi und #weinbeschrieb */
    margin-left:0px;  /* Abstand zur navi  */
    height: 100%;
    width:800px;      /* Hier ist der Unterschied zum #inhalt */
}

#weinkarte {
    float:left;
    margin-top:20px;   /* Position innerhalb div mitte_und_rechts */
    margin-left:0px;
    height: 100%;
    width:799px;
    background-image: url(../bilder/kartenspalten.gif);
    background-position:0px 0px;
    background-repeat:repeat-y;
}


.region {
    float: left;
    width: 250px;
    margin:0;
    margin-right: 16px;
    padding: 0;
}

.region a   {
    color:#1a2864;
    background: inherit;
    border:0;
    margin:0;
    text-decoration:none;
}

#mitte_und_rechts noscript {
    font-style: italic;
    color:#cd7626;
}


/*   W E I N T A B E L L E N  + KORB  */

#inhalt #wtab {
    border: 0;
    padding: 0;
    border-spacing: 0;
    font-size: 80%;
}

#inhalt #wtab th {
    text-align: left;
    color : #ffffff;
    background-color: #999999;
}

#inhalt #wtab th, #inhalt #wtab td { 
    padding: 2px 4px;
    line-height:92%;
}

#inhalt #wtab input {
    padding: 0;
    font-size: 80%;
}

#inhalt #wtab a   { 
    display: inline;
    color: #9d0b15; 
}

#inhalt #wtab .ungerade{
    background-color: #ffffff;
    color: #000000;
}

#inhalt #wtab .gerade   {
}

#inhalt #wtab .rechts {
    text-align: right;
}

.kleiner {
    font-size: 80%;
    line-height:130%;
}

.unsichtbar {
/* diese class wird nur fuer das print.css gebraucht */
}


/* W A R E N K O R B  */

#inhalt #bestellen p {
    font-size: 90%;
    line-height:100%;
}

#inhalt #bestellen input {
    font-size: 85%;
}


/*  sog. Google-Links ***  */

#inhalt .googleLinks {
    clear: left;
    padding: 2px 0px 0px 5px;
    font-weight: bold;
    font-size: 12px;
}

#inhalt .googleLinks a {
    display: inline;
}


/* Der aktuell ausgewaehlte Google-Link */

#inhalt .hilite { 
    color: #ff0000; 
    background: inherit;
}


/* S P A L T E   R E C H T S */
#rechts {                       /* vgl. #navicontainer  */
    float:right;
    margin-top:30px;
    margin-right:0px;
    padding:0;
    width:240px;
    min-height:500px;
    line-height: 100%;
}

#rechtsinh {  
    margin: 0px 6px 20px 6px;
}

#rechtsinh p   {
    font-size: 90%;
}

#rechtsinh .links {
    float:left;
    margin-bottom: 8px;   
}

#rechtsinh .rechts {
    float:right;
    margin-bottom: 8px;   
}

.legende   {
    font-size: 0.75%;
}

.noscript_rot   {
    font-size: 1.5em;
    line-height: 115%;
    color:#ff0000;
    background-color:inherit;
}


/* D E T A I L - A N Z E I G E bei Weinlisten  */

#rechts #weinbeschrieb {
    margin: 30px 0px 0px 0px;   /* vgl margin-top bei #inhalt und #navi */
    padding: 0px 4px 12px 4px;
    font-size: 75%;
}

#rechts #weinbeschrieb span {
    display:none;
    padding: 0px 4px;
}

#rechts #weinbeschrieb img {
    float:left;
    padding:0px 5px 5px 0px;   
}


/* G A L E R I E */

.galerie {
    vertical-align: top;
    padding: 4px 14px 4px 0px;
    font-size: 95%;
}
   
#tabelle    {
    float:left;
    left:120px;
    margin:0px;
    padding:0px;}

.thumb {
      margin: 4px;
      border: 6px solid white;
    }
.bildgalerie {
    float: left;
    margin-right: 20px;
    padding: 0px;
}

#mitte_und_rechts a { 
    font-size: 100%;
}

#mitte_und_rechts #galerien {
    font-size: 100%;
}

#mitte_und_rechts td {
    vertical-align: top;
    padding: 4px 10px 4px 0px;
}

.thumb {
    margin: 4px 4px 4px 0px;
    padding:0;
}

.speck {
    margin-right:200px;
}


/* A G B _ W A R E N K O R B */

#agb {
    width: 720px;
    height: auto;
    margin: 0;
    padding: 0;
}

#agbheader {
    width: 720px;
    height: 68px;
    margin: 0;
    padding: 0;
}

#agblogo {
    float: left;
    height: 68px;
    width: 120px;
    margin: 0;
    padding: 0;
}

#agbadresse {
    float: left;
    height: 68px;
    width: 560px;
    margin-left: 20px;
    padding: 0;
    background: url(bilder/kirche600.jpg) no-repeat;
}
#agbadresse address{
    float:right;
    color:#fcf9df;
    vertical-align: bottom;
    margin-top: 45px;
    margin-right: 20px;
    font-style: normal;
    font-size: 85%;
}

#agbinhalt {
    width: 820px;
    margin-left: 140px;
    margin-top: 30px; 
    padding: 0;
}

#agbinhalt h1 {
    margin-top: 0; 
    font-size: 1.3em;
}



#agbinhalt ul {
    margin-top: 0; 
    padding-top: 0; 
}
#agbinhalt li, #agbinhalt p {
    margin-top: 5px; 
    padding-top: 0; 
}




/* other stuff */

.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }
.rot, #inhalt p.rot { color: #ff0000; background-color: inherit;}