/* CSS Document */

body{
color:#000;
background: #FEB url(../pix/hg-body.gif) repeat-x;
font-family: Arial, Tahoma, sans-serif;
text-align:center;
margin:0;
padding:0;
line-height:1.3em;
}
img, table{
border:0;
}
a:focus{
outline:none;
}
.skiplink{
display:none;
}
.clear{
clear:left;
}
.clearfix{
clear:both;
margin:0;
margin-bottom:0.7em;
border-top: 1px solid #FC3;
}
#page{
margin:0px auto;
padding:0;
text-align:left;
width:50em;
position:relative;
}
#top{
height:375px;
}
#topnavi{
float:left;
width:200px;
}
#topnavi h1{
position:relative;
overflow:hidden;
width:180px;
height:190px;
margin:0;
padding:0;
font-size:0.7em;
}
#topnavi h1 a{
color:#FFF;
}
#topnavi h1 span{
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:180px;
height:190px;
margin:0;
padding:0;
background: url(../pix/babiol-logo.gif) no-repeat;
cursor:pointer;
}
#topnavi ul, #navi ul{
margin:0;
padding:0;
list-style-type:none;
text-align:right;
font-size:0.9em;
}
#topnavi ul{
padding-right:20px;
}
#topnavi li, #navi li{
margin:0;
margin-right: 10px;
margin-bottom:1em;
}
#topnavi li a{
padding:5px;
color:#FFF;
text-decoration:none;
}
#topnavi li a:hover{
color:#FB0;
}

#seminarhaus #topnavi .seminarhaus a, #urlaub #topnavi .urlaub a, #landwirtschaft #topnavi .landwirtschaft a, #partner #topnavi .partner a{
cursor:default;
font-weight:bold;
color:#FB0;
}

#navi li a:hover{
color:#060;
}
#navi li a{
padding:5px;
text-decoration:none;
color:#000;
}
#startseite #navi .startseite a, #ueberbabiol #navi .ueberbabiol a, #babiolteam #navi .babiolteam a, #termine #navi .termine a, #kontakt #navi .kontakt a, #presse #navi .presse a, #links #navi .links a{
cursor:default;
font-weight:bold;
color:#060;
}

#zitat{
height:50px;
overflow:hidden;
background: url(../pix/zitate/zitat-startseite.gif) no-repeat 50% 100%;
}
#seminarhaus #zitat{ background-image:url(../pix/zitate/zitat-seminarhaus.gif); }
#urlaub #zitat{ background-image:url(../pix/zitate/zitat-urlaub.gif); }
#landwirtschaft #zitat{ background-image:url(../pix/zitate/zitat-landwirtschaft.gif); }
#partner #zitat{ background-image:url(../pix/zitate/zitat-partner.gif); }
#startseite #zitat{ background-image:url(../pix/zitate/zitat-startseite.gif); }
#ueberbabiol #zitat{ background-image:url(../pix/zitate/zitat-ueberbabiol.gif); }
#babiolteam #zitat{ background-image:url(../pix/zitate/zitat-team.gif); }
#kontakt #zitat{ background-image:url(../pix/zitate/zitat-kontakt.gif); }
#presse #zitat{ background-image:url(../pix/zitate/zitat-presse.gif); }
#links #zitat{ background-image:url(../pix/zitate/zitat-links.gif); }

#impression{
/* margin-left:20px; */
height:300px;
overflow:hidden;
background: url(../pix/top-foto_1.jpg) no-repeat 50% 100%;
}
#seminarhaus #impression{ background-image:url(../pix/top-seminarhaus.jpg); }
#urlaub #impression{ background-image:url(../pix/top-urlaub.jpg); }
#landwirtschaft #impression{ background-image:url(../pix/top-landwirtschaft.jpg); }
#partner #impression{ background-image:url(../pix/top-partner.jpg); }
#startseite #impression{ background-image:url(../pix/top-startseite.jpg); }
#ueberbabiol #impression{ background-image:url(../pix/top-ueberbabiol.jpg); }
#babiolteam #impression{ background-image:url(../pix/top-babiolteam.jpg); }
#kontakt #impression{ background-image:url(../pix/top-kontakt.jpg); }
#presse #impression{ background-image:url(../pix/top-presse.jpg); }
#links #impression{ background-image:url(../pix/top-links.jpg); }

#navi{
float:left;
width:180px;
}
#text{
margin-left:200px;
}
#text h1{
color:#FA0;
margin-top:0;
font-size:1.5em;
}
#text h2{
color:#060;
margin-top:0;
font-size:1.3em;
font-weight:normal;
}
#text h3{
color:#000;
margin-top:0;
margin-bottom:0.5em;
font-size:1.1em;
font-weight:normal;
}
#text p, #text li, #text td{
font-size:0.9em;
}
#text a{
color:#060;
}
#text a:visited{
color:#030;
}
#text a:hover{
color:#333;
}
#text h2 a{
color:#060;
text-decoration:none;
}
#text .eintrag{
float:left;
margin-bottom:0.7em;
border-bottom: 1px solid #FC3;
}
#text .fotozelle{
border:1px solid #FC3;
background-color:#FFF;
}
#text th{
font-size:0.9em;
text-align:left;
background-color: #060; 
color:#FFF; 
font-weight:bold;
}
#text .infobox{
border:2px solid #060;
background-color:#FFF;
margin-bottom:1em;
}
#text .infobox h4{
margin:0;
background-color:#060;
color:#FFF;
font-size: 0.9em;
padding:0.2em 0.5em;
}
#text .infobox p{
padding:0 0.5em;
}
#text .textnormal{
background-color: #FEB;
border: 1px solid #FC3;
color: #000;
}
#text .textfocus{
background-color: #FFF;
border: 1px solid #060;
color: #000;
}
#text .button{
border: 2px outset #FC3;
background-color: #FC3;
color: #000;
font-weight:bold;
}
#text .foto{
float:left;
margin-right:1em;
margin-bottom:0.5em;
}
#abschluss{
margin-left:200px;
border-top:1px solid #FC3;
}
#abschluss ul{
margin:0.3em 0;
letter-spacing:2px;
color:#FC3;
text-align:center;
list-style-type:none;
}
#abschluss li{
font-size: 0.7em;
display:inline;
}

#abschluss a{
color:#FB3;
padding:0 1em;
border-right: 1px solid #FB3;
}
#abschluss a:hover{
color:#333;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}