/* CSS Document */
/* Elemente jeder Seite*/
body {margin: 0px;padding:5px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#seite{position:relative;width:980px;border:1px solid #fdd88e;padding:0px;background-color:#fff4e0;text-align:left;margin-left:auto;margin-right:auto; overflow:hidden}
#head{width:100%; height:130px;z-index:300 }
#headschrift{top:20px; left:371px; display:block; position:absolute}
#headbild{width:100%; height:130px;background-repeat:no-repeat; top:0px; left:0px}
#logo{ position:absolute; top:15px; right:5px; z-index:600}
#navi{width:100%; height:30px; position:absolute; top:100px; background-color:#ffe9bf; padding-left:10px; z-index:100}
#navi ul{list-style-type:none;margin:0px;padding:0px;}
#navi ul.navi li{float:left; margin-right:7px; padding:0}
#navi ul.navi li a{display: block; z-index:100; height:19px;background-repeat:no-repeat;  width:50px; margin-top:6px; margin-bottom:5px;}
#navi ul.subnavi{display: block;  position:absolute; top: 30px; visibility:hidden; border:1px solid #399980; padding:1px; z-index:200; overflow:hidden; }
#navi ul.subnavi ul.halbtransparent {position:absolute;top:0px;left:0px;width:110%;height:100px;background-color:#ffffff; z-index:-1; filter:alpha(opacity=80);-moz-opacity:0.8; }
#navi ul.subnavi li{float:none; margin:0px 0px 1px 0px; padding:2px; height:15px;line-height:15px}
#navi ul.subnavi li a{ margin:0px; padding:0px; text-decoration:none; color:#399980; display:block;height:15px; width:100%; }
#navi ul.subnavi li a:hover{background-color:#399980; color:#FFFFFF}
#navi ul#rundumsub{left:55px;width:75px}
#navi ul#wosub{left:210px;width:140px}
#navi ul#veranstaltungensub{left:360px;width:140px;}
#navi ul#besonderessub{left:480px;width:75px;}
#navi ul#kontaktsub{left:555px;width:75px}

#navi a span{display:none}
#inhalt{left:0px;width:100%;padding:0px 5px 0px 5px;margin-top:0px; float:left; width:750px; overflow:visible; min-height:440px;z-index:80; height:auto !important;   height:440px;  }
#inhalt a, #foot a, body#rundum_produktegebinde a{color:#399980; text-decoration:none; font-weight:600;}
#inhalt a:hover, #foot a:hover, body#rundum_produktegebinde a:hover {text-decoration:underline}
#contentreplace{background-color:#FF0000;}

img {behavior: url("pngbehavior.htc");}
#map img{behavior:none}
.subnavi a{ color:#399980}
.subnavi a:hover{ color:#9cccbf; }

/*Foot*/
#rechts{height:100%; width:220px; border-left:2px solid #fdd88e;background-color:#fff4e0; position:absolute; top:0px; right:0px;clear:both; float:none;z-index:500 }
#ticker{width:170px; background-color:#ffe9bf; height:165px; margin-top:200px; margin-left:25px;border:2px solid #fdd88e; padding:5px 5px 0 5px ; overflow-y:scroll; overflow-x:hidden; }
#ticker marquee{height:100px;}
#foot{width:100%;text-align:right;clear:both;position:absolute; bottom:10px; right:10px;padding:0px; color:#399980; }
#ticker .newskasten{margin:10px 0 0 0; border-bottom:2px solid #fdd88e;}
#ticker .newskasten h2{font-size:12px}
#ticker .newskasten a{color:#399980;text-decoration:none;}
#ticker .newskasten a:hover{text-decoration:underline}
#ticker .fliesstext{font-size:11px;}
#ticker .datumklein{text-align:right; font-size:10px;clear:both;}
#rechts #bierbewusst{display:block;position:absolute; bottom:25px; right:5px; text-align:right}

/*berschriften*/
h1{font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:600; margin:0px }
h1.g{color:#399980}
h1.o{color:#ff9900}
h1.w{color:#FFFFFF}
h2{margin:0px; padding:0px; font-size:14px; color:#399980}
/*rundum_produkte*/
#biernavi {background-color:#399980;  padding:2px; margin-bottom:5px; width:50px; float:left; margin-right:20px; height:350px; padding:5px; border:2px solid #fdd88e}
#biernavi img{margin:10px 5px 0px 0px; }
.produktblatt{width:450px; height:350px; background-color:#ffe9bf; padding:5px; float:left; position:relative; z-index:0; overflow:hidden; border:2px solid #fdd88e }

.produktblatt .text{top:0px;float:left; width:320px; top:0px; position:relative;margin:0px; padding:0px; font-size:11px}
.produktblatt #flasche{float:left; z-index:2;  position:relative;top:10px; width:125px; text-align:right;}
.produktblatt .datenbier{z-index:1;position:relative;width:530px;top:-10px; height:70px; left:-6px; margin:0px;background-color:#399980; clear:both; padding: 2px 0px 2px 6px; color:#FFFFFF; font-size:12px; overflow:hidden; line-height:13px; }
#inhalt .produktblatt .datenbier a, #inhalt .produktblatt .datenalkoholfrei a{color:#ffffff; text-decoration:underline}
#inhalt .produktblatt .datenbier a:hover{ text-decoration:underline overline}
.produktblatt .datenalkoholfrei{z-index:1;position:relative;width:530px;top:-10px; height:70px; left:-6px; margin:0px;background-color:#ff9900; clear:both; padding: 2px 0px 2px 6px; color:#FFFFFF; font-size:12px; overflow:hidden; line-height:13px;}
.pfeil{float: left; margin:175px 5px 0px 5px}
#alkoholfreinavi {background-color:#ff9900;  padding:2px; margin-bottom:5px; width:70px; float:left; margin-right:20px; height:350px; padding:5px; border:2px solid #fdd88e; text-align:center}
#alkoholfreinavi img{margin:10px 5px 0px 0px}
/*rundum_geschichte*/
body#rundum_geschichte #inhalt h1{ width:450px; left:50px}
.float{float:left; margin-right:10px }
.clear{clear:both}
div.datenbier #daten{width:150px; float:left; margin-right:5px;}
body#rundum_produktegebinde{background-color:#fff4e0}
body#rundum_produktegebinde #gebinde{ text-align:left;width:450px; font-size:12px; }
body#rundum_produktegebinde #gebinde tr td{border-bottom:1px solid #399980;padding:2px; margin:0px}

/*Anfahrt*/
img.anfahrt{float:left;margin-right:15px;border:5px double #399980;}
body#anfahrt img#headline{margin:0px;position:inherit;}
#routenplaner{display:block;position:absolute;top:130px;left:0px;width:100%;z-index:8;height:335px;text-align:center;visibility:hidden;}
#routenplaner table{background-color:#FFFFFF;margin-top:80px;text-align:left; border:1px solid #399980;}
#routenplaner table tr td{padding:1px}
#routenplanereinblenden{top:150px;left:20px;text-align:left;position:absolute;}
#routenplanerausblenden{top:50px;left:20px;text-align:left;position:absolute;background-color:#FFFFFF;z-index:3}
#routenplanerausblenden img{margin-right:5px;}
body#kontakt_anfahrt div.halbtransparent{position:absolute;width:101%; height:400px;background-color:#ffffff; z-index:-1; filter:alpha(opacity=80);-moz-opacity:0.8; top:0px; left:0px }
/*kontakt_kontakt*/
body#kontakt_kontakt #inhalt{text-align:center}
body#kontakt_kontakt img.float{margin-top:30px;}
body#kontakt_kontakt form{float:left; margin-right:10px; text-align:left}
body#kontakt_kontakt p, body#kontakt_kontakt #oeffnungszeiten{float:left; text-align:left; margin-right:40px }
.feld, textarea,#submit{width:200px; background-color:#ffffff;font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #399980}
body#kontakt_kontakt #oeffnungszeiten{padding-top:50px}

/*wo_heimdienst / result_kategorie*/
.streifen1{background-color:#399980; color:#ffffff;}
.streifen2{color:#399980; }
/*Bierlexikon / replace.php*/
a.lexikonlink{cursor:help}
a#lexikonhead{cursor:help; display:block; position:absolute;right:250px;top:140px;width:60px;z-index:800; }
a#lexikonheadoffen{cursor:help; display:block; position:absolute;right:240px;top:140px;width:60px;z-index:800;  }
body#besonderes_bierlexikon .absatz{border-bottom:1px solid #399980; width:300px;}
body#besonderes_bierlexikon em{color:#399980}
/*Lokale/handel (googlemaps) */
body#wo_lokale #map, body#wo_handel #map{float:left;width: 500px; height:350px;margin-right:10px;border:2px solid #399980;overflow:hidden; z-index:80 }
div#adressen{float:left; width:200px; height:350px; overflow-y:scroll; overflow-x:hidden;padding:0px; z-index:50;}
div#adressen div{width:190px; margin-bottom:5px; z-index:50}
.art0{background-color:#d7ebe6}
.art0 a{color:#fdd88e}
.art1{background-color:#ffe9bf}
.art1 a{color:#fff4e0}
body#wo_lokale #container, body#wo_handel #container{position:relative;background-color:#ffffff; border-right:1px solid #399980; width:100px; height:340px; padding:5px;}
.typeButton{color:#399980; border:1px solid #399980; width:80px; margin-bottom:5px;cursor:pointer; padding-left:22px; background-repeat:no-repeat; height:20px;vertical-align:middle; line-height:20px; font-size:11px; }
#satelliteButton{background-image:url(bilder/lokale/satellit.gif)}
#normalButton{background-image:url(bilder/lokale/standard.gif)}
#hybridButton{background-image:url(bilder/lokale/h<brid.gif)}
#map_overview{border:1px none #ffffff;padding:0px;}
#map_overview div{border:1px solid #399980;margin:0px; top:0px; left:0px}
#map_overviwew div div{top:0px; left:0px; margin:0px;}
#ausblenden{background-image:url(bilder/lokale/pfeil_links.gif);background-repeat:no-repeat; width:100px; height:10px; margin-top:120px; padding-left:22px; vertical-align:middle; line-height:10px; cursor:pointer}
.randbemerkung{clear:both; font-size:10px; font-style:italic}
/*Lokale Einzelseiten*/
body#wo_einzeln img#headline,body#wo_lokale_einzeln img#headline, body#wo_handel_einzeln img#headline{margin-bottom:20px; float:none; clear:both}
body#wo_einzeln #texte, body#wo_lokale_einzeln #texte, body#wo_handel_einzeln #texte{float:left; margin-right:5px; width:300px}
body#wo_einzeln #adresse,body#wo_lokale_einzeln #adresse, body#wo_handel_einzeln #adresse{margin-bottom:10px}
body#wo_einzeln #info,body#wo_lokale_einzeln #info, body#wo_handel_einzeln #info{font-style:italic}
body#wo_einzeln #mapspalte, body#wo_lokale_einzeln #mapspalte, body#wo_handel_einzeln #mapspalte{float:left;}
body#wo_einzeln #map, body#wo_lokale_einzeln #map, body#wo_handel_einzeln #map{width: 200px; height:200px;border:3px double #399980;overflow:hidden; }
body#wo_einzeln #container,body#wo_lokale_einzeln #container, body#wo_handel_einzeln #container{position:relative;background-color:#ffffff; border-bottom:1px solid #399980; border-right:1px solid #399980; width:40px; height:15px; padding:5px;}
body#wo_einzeln a#zurueck,body#wo_lokale_einzeln a#zurueck, body#wo_handel_einzeln a#zurueck{display:block;clear:both; float:none}
/* Lokal- und Handel Suchfunktion*/
body#wo_suche table{font-size:12px; width:700px}
body#wo_suche tr td.ergebnis{ border-bottom:2px solid #399980; width:615px}
body#wo_suche tr td.zahl{ width:50px; border-bottom:2px solid #399980;}
body#wo_suche tr td.marker{width:35px;  border-bottom:2px solid #399980;}
body#wo_suche h1 a:hover{text-decoration:underline}

/*Scrollkasten*/
#scrollbox{float:left;width:220px; height:365px;border:2px solid #399980;background-color:#ffffff;}
#scroll img{padding:1px;border: 3px double #399980;margin-bottom:5px;}
#scrollanzeige h3{font-size:16px;color:#399980;padding:0px;}
#scrollhead{position:absolute;left:3px;top:1px;z-index:100;color:#fdd88e;font-size:16px;font-weight:600;}
#scrollanzeige a{color: #399980;}
#inhalt #scrollanzeige{color:#000000;position:absolute;left:0px;top:15px;width:200px;overflow:hidden;height:350px;padding:5px;}
body#news #scroll img{margin-right:10px;float:left;}
body#news #scrollanzeige{border: 3px solid #399980;background-color:#ffffff;color:#000000;position:absolute;left:200px;top:0px;width:775px;overflow:hidden;height:390px;padding:5px;}
.datum{font-size:10px;text-align:right;margin-top:5px;float:none;position:relative;bottom:0px}
.hr{margin-top:5px;margin-bottom:5px;height:2px;width: 200px;left: 25px;background-color:#399980;color:#ffffff;overflow:hidden;
float:none;}
body#news .hr{margin-top:5px;margin-bottom:5px;height:2px;width: 400px;left: 25px;background-color:#399980;color:#ffffff;overflow:hidden;float:none;}
.adresse,.newsbeitrag{border-bottom:2px solid #399980;overflow:visible;margin: 0px 0px 5px 0px;}
#scrollanzeige #scroll{position:absolute;top:0px;left:0px;overflow:hidden;padding:5px;width: 170px;}
#scrollanzeige img{float:none;}
body#news #scrollanzeige #scroll{width:745px;}
#scrollbalken{position:absolute;right:0px;top:0px;height:350px;z-index:50;width:30px;padding:0px;margin:0px;}
#scrollkasten{width:10px;height:10px;position:absolute;background-color:#399980;right:0px;border:1px solid #ffffff;top:0px;margin:0px;overflow:hidden;}
img#up{border: 0px none #ffffff;position:absolute;top:5px;right:0px;margin:0px;padding:0px}
img#down{border: 0px none #ffffff;position:absolute;bottom:5px;right:0px;margin:0px;padding:0px}
#scrollstrich{background-color:#d7ebe6;width:12px;height:310px;position:absolute;top:20px;right:5px;}
#scrollmaske{position:absolute; overflow:hidden; }
/*News*/
body#news #headline{margin-bottom:10px}
body#news .absatz{border-bottom:2px solid #fdd88e; background-color:#FFFFFF; margin-bottom:5px}
body#news a#newsletter_abo{display:block; left:0px;margin:0px}
/*Formate (varieren im Ticker)*/
.fliesstext{font-size:12px;font-style:italic;}
.datumklein{text-align:right; font-size:10px;clear:both;}
.ausklapp{display:none;height:0px;line-height:14px;}
.newsbild{border: 1px solid #399980;float:left;margin-right:10px;}
.euroright{text-align:right; padding:0px 5px 0px 0px; margin:0px}
/*Galerie*/
body#galerie table{background-color:#fff4e0}
body#galerie table tr td.bild, body#galeriebild table tr td.bild{background-color:#ffe9bf; background-image:url(bilder/galerie/ecke.gif);background-position:bottom right;background-repeat:no-repeat;padding:10px;}
body#Postkarten table tr td.bild{background-color:#ffffff;border: 1px solid #d3af99;background-position:bottom right;background-repeat:no-repeat;padding:10px;}
body#galeriebild div#optionen{position:absolute;top:200px;left:10px;width:50px}
body#ecard center{display:block; width:100%}

body#ecard #vorderseite{border: 1px solid #399980; margin-top:22px; float:left}
body#ecard #rueckseite{position:absolute; right:30px;margin-top:10px;border:1px solid #399980;background-color:#FFFFFF;color:#399980; z-index:1000}
body#ecard #rueckseite img#briefmarke{display:block;position:absolute;top:10px;right:10px;}
body#ecard #rueckseite #mittelstrich{display:block;position:absolute;width:1px;border-right:1px solid #399980;margin-top:5px;}
body#ecard #rueckseite #an{position:absolute;top:150px;right:10px;width:150px;}
body#ecard #rueckseite #von{position:absolute;top:10px;left:10px;}
body#ecard #rueckseite .feld{border-bottom:1px solid #399980;border-top:1px none #399980;border-left:1px none #399980;border-right:1px none #399980;margin-top:10px;width:150px;}
body#ecard #rueckseite textarea{border:1px solid #399980;margin-top:10px;margin-bottom:5px;width:150px;height:120px;}
body#ecard #rueckseite #newsletter{float:left;height:20px;}
body#ecard #rueckseite .newsletter{color: #399980;font-size:10px;}
body#ecard button{display:block;position:absolute;right:5px;bottom:5px;background-color:#FFFFFF;border:1px solid #399980;}
body#ecard #rueckseite strong{font-weight:400;color:#000000;}
.bilduntertitel{font-style:italic; text-align:center}
/*Veranstaltungen*/
/*neu*/
div#veranstaltungscroll{height:320px; overflow-y:scroll; overflow-x:hidden;}
/*alt*/
body#veranstaltungen_kalender .artikel{border:1px solid #399980; padding:5px; margin-bottom:5px;}
body#veranstaltungen_kalender .artikel h1{text-align:left}
body#veranstaltungen_kalender .float{width:240px}
body#veranstaltungen_kalender h1{text-align:center;}
body#veranstaltungen_kalender .float h1{font-size:16px}
body#veranstaltungen_kalender a#weiter{ float:none; clear:both;display:block; position:absolute; bottom:10px; right:250px }
body#veranstaltungen_kalender a#zurueck{ float:none; clear:both;display:block; position:absolute; bottom:10px; left:10px }
/*Personen*/
body#rundum_personen img.portrait{margin-top:10px; float:left; margin-right:10px;}
body#rundum_personen img#toft{margin-left:50px;}
body#rundum_personen img#mannschaft{margin-left:50px;}
body#rundum_personen .name{float:left; font-family:"Times New Roman", Times, serif; font-style:italic; margin-top:50px;padding-right:20px;}
body#rundum_personen .name h1{color:#399980; font-size:16px; font-weight:600; margin:0px; padding:0px}
body#rundum_personen_einzeln #inhalt{padding-top:10px}
body#rundum_personen_einzeln a#zurueck{clear:both; display:block}
/*Downloads*/
body#besonderes_download img.pcwallpaper, body#besonderes_download img.handywallpaper{float:left; margin-right:10px; margin-bottom:10px; display:block}
/*Kundenlogin*/
body#kundenlogin table td{padding:2px; line-height:15px; vertical-align:middle}
body#kundenlogin .streifen2{background-color:#ffd88e; }
.sonderzeichen{width:50px;  background-color:#fff4e0;border:2px inset #ffffff;}
body#kundenlogin textarea{width:200px; background-color:#ffffff;font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #399980; }
/*Bierweg*/
img#headline{margin-bottom:10px; float:none; margin-right:300px;}
body#rundum_bierweg_einzeln {background-color:#fff4e0; text-align:left}
body#rundum_bierweg_einzeln #bierwegdiv{width:500px; overflow:hidden; height:430px; float:left}
body#rundum_bierweg_einzeln #bierwegimg {position:absolute; top:60px;}
#bierwegbeschreibung {border:1px solid #399980; width:250px; position:absolute; top:60px; left:420px; height:500px; overflow-y:scroll; overflow-x:hidden; padding:5px; }
#bierwegbeschreibung h1{color:#399980}
#bierwegbeschreibung p{font-size:10px; font-family:Arial, Helvetica, sans-serif; width:230px; text-align:justify}
body#rundum_bierweg_einzeln a#close{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:400;color:#333333;display:block; position:absolute; top:2px; right:2px;  background-color:#fff4e0; text-decoration:none; }
body#rundum_bierweg  a:hover#close{text-decoration:none; font-weight:600}
body#rundum_bierweg_einzeln #bierwegdetail{position:absolute}
body#rundum_bierweg_einzeln #printbutton{position:absolute; bottom:5px; left:5px; }
body#rundum_bierweg_einzeln #printbutton a{background-color:#fff4e0; color:#399980;}
/*philosophie*/
body#rundum_philosophie em{display:block; color:#399980; font-weight:600;margin-bottom:5px; font-family:"Times New Roman", Times, serif; font-size:14px}
body#rundum_philosophie p{padding-top:0px; margin-top:0px}
body#rundum_philosophie div#eins{height:120px;}

/*startseite*/
body#index #inhalt{background-image:url(bilder/startseite.png); background-repeat:no-repeat;}
marquee{background-color:#FFFFFF; border-top:1px solid #fdd88e; border-bottom:1px solid #fdd88e; margin-top:10px; height:20px}
marquee h1{ display:inline;font-size:14px; color:#399980; margin-right:5px}
marquee h2{display:inline; font-size:14px; color:#000000; font-family:"Times New Roman", Times, serif; margin-right:5px; font-style:italic;}
body#index #oeffnungszeiten{position:absolute; bottom:10px; left:185px}
#biershop{
	position:absolute;
	top:355px;
	left:190px;
	border:1px solid #399980;
	text-align:center; font-weight:600;
	padding:0;
}
#biershop img, #biershop a, #biershop p, #biershop{margin:0; padding:0}
#gewinnspiel{display:block; margin:190px auto -190px auto;}