/* Diese Stylesheet-Datei enthŠlt die Styleangaben fŸr die Bildschirmausgabe. */

body, html
{font-size: 100.01%;
text-align: center;
background-color: #FFF;
margin-top:0;
}


h1{
font: 2.1em Georgia, Garamond, Century Schoolbook L, serif;

color: #64584F;
font-style: italic;
font-weight: normal;
line-height: 100%;
}

h2{
font: 1.3em Georgia, Garamond, Century Schoolbook L, serif;
margin: 0px;
padding: 0px;
color: #64584F;
font-style: italic;
font-weight: normal;
line-height: 1.0;
}

p                
{text-align: left;
font: 0.8em Arial, Helvetica, sans-serif;
color: black
font-style: normal;
font-weight: normal;
line-height: 1.4;
}


a:link, a:visited
{color: #000;
text-decoration: underline;
}

a:hover, a:focus, a:active
{color: #666;
text-decoration: underline;
}


/* - - - - - Divs - - - - -  */


div#container
{width: 991px;
height: 800px;
margin: 0 auto;
padding-top: 35px;
background-color: #fff;
}

#header
{
margin-left: 12px;
margin-right:12px;
text-align: left;
overflow: hidden;
}

#headseason_left
{position: relative;
width: 121px;
height: 222px;
background-image: url(../img/02_10_season_left.jpg);
background-repeat: no-repeat;
}


#header_huehner
{position: absolute;
left: 121px;
width: 630px;
height: 225px;
color: #333333;
background-image: url(../img/header02_start.jpg);
background-repeat: no-repeat;
}

#header_lebensmittel
{position: absolute;
left: 121px;
width: 630px;
height: 225px;
color: #333333;
background-image: url(../img/header02_lebensmittel.jpg);
background-repeat: no-repeat;
}

#header_abo
{position: absolute;
left: 121px;
width: 630px;
height: 225px;
color: #333333;
background-image: url(../img/header02_abo.jpg);
background-repeat: no-repeat;
}

#header_cafe
{position: absolute;
left: 121px;
width: 630px;
height: 225px;
color: #333333;
background-image: url(../img/header02_cafe.jpg);
background-repeat: no-repeat;
}

#header_kontakt
{position: absolute;
left: 121px;
width: 630px;
height: 225px;
color: #333333;
background-image: url(../img/header02_kontakt.jpg);
background-repeat: no-repeat;
}

#header_impressum
{position: absolute;
left: 121px;
width: 630px;
height: 225px;
color: #333333;
background-image: url(../img/header_schaefler.jpg);
background-repeat: no-repeat;
}


#headseason_right
{position: absolute;
left: 629px;
width: 217px;
height: 207px;
background-image: url(../img/02_10_seaon_right.jpg);
background-repeat: no-repeat;
}


#navi
{position: relative;
bottom: 2em;
width: auto;
max-width: 992px;
margin-right: 12px;
height: 1.2em;
text-align: right;
overflow:visible;
}

#navi ul
{list-style-type:none;
}

#navi li
{display: inline;
}


#navi a:link, #navi a:visited
{background-color: #64584F;
padding: 0 0.8em 0.1em 0.8em;
text-decoration: none;
font: 0.8em Georgia, Garamond, Century Schoolbook L, serif;
color: #FFF;
font-weight: bold;
}

#navi a:hover, #navi a:focus, #navi a:active
{
background-color: #D26E00;
padding: 0.3em 0.8em 0.3em 0.8em;
}
#navi a.navion:link, #navi a.navion:visited
{background-color: #D26E00;
padding: 0.3em 0.8em 0.3em 0.8em;
}

#content
{
top: 300px;
width:auto;
margin-left: 12px;
text-align: left;
width:auto;
}


#contentpane_left
{position: absolute;
width: 172px;
height: auto;
padding-left: 70px;
z-index:20;
}


#contentpane
{position: relative;
left: 300px;
width: 410px;
height: auto;
z-index:1;
}

#contentpane_right
{position: absolute;
top:0;
left: 442px;
width: 200px;

}


#footer
{width: 991px;
height: auto;
margin: 0 auto;
text-align: left;
margin-top:1em;
}



#angebote
{
width: 220px;
height: auto;
border-left: 1px dotted;
border-color: #7F7F7F;
text-align: left;
line-height: 1.4;
padding-left: 4px;
margin-bottom: 42px;
}


/* - - - - - Lightbox - - - - -  */


.lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:100;}

.light {position:absolute; left:0; top:0;}
.box {position:absolute; left:0; top:0;}

/* trigger for IE6 */
a:active {background:#ddd;}

a img {display:block; border:0;}

a:active .lightbox,
a:focus .lightbox {left:0; width:100%; height:100%; text-decoration: none}

a:active .lightbox .light,
a:focus .lightbox .light {width:100%; height:100%;
}


a:active .lightbox .box,
a:focus .lightbox .box {width:462px; text-align:right; margin-top:35px; margin-right: 6px; padding-top: 4px; border-left:1px dotted #777; border-right: 1px dotted #777; 
background-color: #FFF; }


a:active .lightbox .box img,
a:focus .lightbox .box img {margin-left:6px; margin-right: 6px; }

a:active .lightbox .box span,
a:focus .lightbox .box span {display:block; font-size:11px; font-weight:normal; width:462px; color:#999; line-height: 20px; text-decoration: none;}



/* - - - - - Hier kommen die Klassen - - - - -  */
.footersmall
{font: 0.65em Arial, Helvetica, sans-serif;
color: #BCBCBC;
font-weight: normal;
}

#footer a.footersmall:link, a.footersmall:visited
{font: 0.65em Arial, Helvetica, sans-serif;
color: #BCBCBC;
font-weight: normal;
text-decoration: none;
}

#footer a.footersmall:hover, a.footersmall:focus, a.footersmall:active
{font: 0.65em Arial, Helvetica, sans-serif;
color: #888888;
font-weight: normal;
text-decoration: underline;
}

p.boxfoto
{border-left: 1px dotted;
border-right: 1px dotted;
border-color: #7F7F7F;
text-align: left;
margin-bottom: 42px;
font: 0.65em Arial, Helvetica, sans-serif;
color: #64584F;
line-height: 1.2;
padding-left: 4px;
padding-right: 4px;
}


a.boxfoto:link, a.boxfoto:visited
{text-decoration: none;
color: #64584F;
}
a.boxfoto:hover, a.boxfoto:focus, a.boxfoto:active
{color: #999;
text-decoration: underline;
}

.boxinfo
{
background-color:#FFFFFF;
width: 200px;
height: auto;
border-left: 1px dotted;
border-color: #7F7F7F;
text-align: left;
margin-bottom: 42px;
padding-left: 4px;
}

p.boxinfo{
line-height: 1.4;
}

a.orange:link, a.orange:visited
{font: 0.8em Arial, Helvetica, sans-serif;
color: #fff;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height: 1.3;
background-color: #D26E00;
padding: 0.1em 0.1em 0 0.1em;
}

a.orange:hover, a.orange:focus, a.orange:active,
{font: 0.8em Arial, Helvetica, sans-serif;
color: #fff;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height: 1.3;
background-color: #F17F01;
padding: 0.1em 0.1em 0 0.1em;
}

.logos
{position: relative;
}

.rechts
{float: right;
padding-right: 0.8em;
}

.angebote {
vertical-align:top;
border-left:dotted #999999 1px;
margin-left: 10px;
padding-top:0;
}