* { margin: 0px; padding: 0px; }
html { height: 100%; }
body { font: normal 14px Verdana, Helvetica, sans-serif;
color: #DFD0BA; background-color: #7A6338; height: 101%;
}
img { border: none; }
li { list-style-type: none; }
a { text-decoration: underline; color: white; }
a:hover { text-decoration: none; }
/*-------------------allgemein-ende---abfrage-start----------------------*/
.abfrage_logo { display: block; width: 150px; height: 150px; }
#abfrage { width: 750px; height: 260px; margin: 0px auto; text-align: center; position: relative; }
#abfrage p {font-size: 12px; margin-bottom: 70px;}
#abfrage h3 { margin-bottom: 30px; padding-top: 15px; }
#abfrage a {text-indent: -1000px; overflow: hidden;
width: 193px; height: 48px;
position: relative; }
.ja { background: url(img/alter_ja.png) no-repeat; float: left; margin-right: 10px; }
.nein { background: url(img/alter_nein.png) no-repeat; float: right; margin-left: 10px;}
/*-------------------kopfmenu-star----------------------*/
#kopfmenu { padding-right: 40px; height: 25px; line-height: 25px;
text-align: right; background-color: #7A6338;
}
#kopfmenu a { color: #CAB891; text-decoration: none; font-size: 12px; padding-left: 10px; }
#kopfmenu a:hover { color: #332503; }
#kopfmenu li { display: inline; }
#kopfmenu a.active_km { color: #332503; }
/*-------------------kopfmenu-ende--umalles-start---------------------*/
#umalles { width: 995px; margin: 0px auto; min-height: 100%;
background: #8C0004 url(img/contentverlauf.jpg) repeat-x 0px 230px;
}
/*-------------------umalles-ende--kopf-start---------------------*/
#kopf { height: 150px; position: relative;
background: #470C10 url(img/links_oben.gif) no-repeat left top;
}
#kopf h2 { display: none; }
#kopf object { float: right; }
#flasche { position: absolute; left: 63px; top: 0px; }
#flasche a { display: block; width: 150px; height: 150px; text-indent: -1000px;
overflow: hidden; background: url(img/logo2.gif) no-repeat;
}
.bg_img { height: 150px; width: 420px; float: right;}
/*-------------------kopf-ende--hauptmenu-start---------------------*/
#hauptmenu { height: 30px; line-height: 30px;
background: url(img/menu/hauptmenu_verlauf.jpg) repeat-y;
}
#hauptmenu a { float: left; height: 30px; text-indent: -1000px; overflow: hidden;
background: url(img/menu/hauptmenu_nor.jpg) no-repeat 0px 0px;
}
#hauptmenu a:hover { background-image: url(img/menu/hauptmenu_hover.jpg); }
#hauptmenu li.first { padding-left: 50px;}
#hauptmenu li { float: left; position: relative; }
#hauptmenu li.active a { background-image: url(img/menu/hauptmenu_hover.jpg); }
#hauptmenu #hm_home { width: 73px; background-position: -50px 0px; }
#hauptmenu #hm_berlin { width: 116px; background-position: -123px 0px; }
#hauptmenu #hm_schultheiss { width: 156px; background-position: -239px 0px; }
#hauptmenu #hm_brauerei { width: 95px; background-position: -395px 0px; }
#hauptmenu #hm_sponsoring { width: 120px; background-position: -490px 0px; }
#hauptmenu #hm_aktiv { width: 107px; background-position: -610px 0px; }
#hauptmenu #hm_shop { width: 70px; background-position: -717px 0px; }
/*-------------------hauptmenu-ende--untermenu-start---------------------*/
#submenucolor { background-color: #591216; height: 25px; overflow: hidden; }
#hauptmenu ul { display: none; height: 25px; width: 505px;
position: absolute; left: 0px; top: 30px;
}
#hauptmenu .letzte { width: 270px;}
#hauptmenu ul li { margin-right: 10px; }
#hauptmenu ul a { height: 25px; background-image: url(img/menu/untermenu_nor.jpg);}
#hauptmenu ul a:hover { background-image: url(img/menu/untermenu_hover.jpg); }
#hauptmenu li.active ul { display: block; }
#hauptmenu li.active ul a { background-image: url(img/menu/untermenu_nor.jpg); }
#hauptmenu li.active ul a:hover { background-image: url(img/menu/untermenu_hover.jpg); }
#hauptmenu ul li.active a { background-image: url(img/menu/untermenu_hover.jpg); }
#hauptmenu #um_momente { width: 110px; background-position: -3px 0px; }
#hauptmenu #um_kiez { width: 90px; background-position: -110px 0px; }
#hauptmenu #um_bier { width: 71px; background-position: -208px 0px; }
#hauptmenu #um_marke { width: 83px; background-position: -277px 0px; }
#hauptmenu #um_anfahrt { width: 63px; background-position: -372px 0px; }
#hauptmenu #um_buchung { width: 100px; background-position: -434px 0px; }
#hauptmenu #um_citadel { width: 158px; background-position: -542px 0px; }
#hauptmenu #um_sechstage { width: 130px; background-position: -699px 0px; }
#hauptmenu #um_schlager { width: 187px; background-position: -828px 0px;}
#hauptmenu #um_spiel { width: 48px; background-position: -1028px 0px; }
#hauptmenu #um_load { width: 90px; background-position: -1076px 0px; }
#hauptmenu #um_artikel { width: 80px; background-position: -1170px 0px; }
#hauptmenu #um_gastro { width: 98px; background-position: -1252px 0px;}
#hauptmenu #um_glas { width: 60px; background-position: -1351px 0px; }
/*-------------------untermenu-ende--content-start---------------------*/
#content { padding-top: 20px; position: relative; min-height: 400px; }
#content:after { content: '.'; font-size: 1px; height: 1px; overflow: hidden;
display: block; clear: left;
}
#content p { line-height: 21px; }
#content_marke { padding-top: 20px; position: relative; min-height: 480px; }
#content_marke:after { content: '.'; font-size: 1px; height: 1px; overflow: hidden;
display: block; clear: left;
}
#content_marke p { line-height: 21px; }
#content_marke_21 { padding-top: 20px; position: relative; min-height: 650px; }
#content_marke_21:after { content: '.'; font-size: 1px; height: 1px; overflow: hidden;
display: block; clear: left;
}
#content_marke_21 p { line-height: 21px; }
/*-------------------content-ende--spalten-start---------------------*/
h3 { font-weight: bold; font-size: 16px; margin-bottom: 15px; overflow: hidden; }
.spalte { float: left; position: relative; }
.spalte img { margin: 10px 0px; }
.eins { margin-left: 60px; }
.zwei { margin-left: 45px; padding-top: 33px; }
.spalte.eins { width: 280px !important; height: 268px !important; padding-bottom: 75px; }
.spalte.zwei { width: 280px !important; height: 235px !important; }
.spalte .ohne { padding-top: 33px; height: 235px; }
.spalte.bild { width: 605px; margin-left: 60px; overflow: visible; }
.spalte.bild p { margin: 10px 0px; text-align: center; padding-bottom: 40px; }
.spalte.bild p.info { padding-bottom: 0; text-align: left; margin-top: 0px; }
.spalte.bild img { margin: 0 auto; display: block; }
.spalte.bild embed { margin: 0 auto; display: block; }
.fliesstext { text-align: left !important; margin-left: 50px !important; }
.spalte.shop { width: 645px; margin: 0px 0px 50px 20px; }
.uebersicht li { margin-bottom: 10px; text-indent: -1000px; overflow: hidden; }
.uebersicht li a { float: left; width: 270px; height:70px; }
.pfeil { display: block; width: 30px; height: 15px; text-indent: -1000px;
overflow: hidden; position: absolute; bottom: 0px; margin-bottom: 20px;
}
.pfeil.shop { top: 327px; }
.pfeil.zuruck { left: 60px; background: url(img/pfeil_li.gif) no-repeat; }
.pfeil.weiter { left: 635px; background: url(img/pfeil_re.gif) no-repeat; }
.auszeichnung { font-weight: bold; font-size: 14px; }
.unterueber { margin-left: 50px; }
.text_img { float: right; margin: 10px 0px }
.button { font-size: 0.01em; border: none; text-indent: -1000px;
overflow: hidden; position: absolute;
}
/*-------------------spalten-ende--marginal-start---------------------*/
#marginalspalte { width: 200px; margin-left: 100px; float: left; position: relative;
background: #6D171A url(img/ecken_marg_o.gif) no-repeat;
padding-top: 25px;
}
#marg_unten { padding-bottom: 25px; position: relative;
background: url(img/ecken_marg_u.gif) no-repeat left bottom;
}
#marg_inhalt { height: 273px; position: relative; overflow: hidden; }
#marg_inhalt div { width: 200px; }
#marg_inhalt h4 { padding: 0px 25px 10px 25px; overflow: hidden;
font-weight: normal; font-size: 12px; line-height: 18px;
}
#marg_inhalt p { padding: 0px 25px; font-size: 12px; line-height: 18px; }
#marg_inhalt ul { width: 164px; overflow: hidden; margin-left: 23px; font-size: 12px; }
#marg_inhalt ul.bilder li { float: left; margin: 0px 6px 6px 0px; }
#marg_inhalt ul.bilder li a { display: block; width: 70px; height: 70px; border: 2px solid #6D171A; }
#marg_inhalt ul.bilder li a:hover { border: 2px solid #7A6338; }
#marg_inhalt ul.bilder li a.bild_gross { border: 2px solid #DFD0BA; }
#marg_inhalt ul li {margin: 20px 0px 0px 2px; }
.mood_marg { height: 243px; width: 150px; margin: 0px 25px 15px 25px; }
#up { width: 60px; height: 15px; background: url(img/pfeil_marg_o.gif) no-repeat;
position: absolute; top: 5px; left: 70px; text-indent: -1000px;
display: none; overflow: hidden;
}
#up.down { background-image: url(img/pfeil_marg_o_down.gif); }
#down { width: 60px; height: 15px; background: url(img/pfeil_marg_u.gif) no-repeat;
position: absolute; bottom: 5px; left: 70px; text-indent: -1000px;
display: none; overflow: hidden;
}
#down.down { background-image: url(img/pfeil_marg_u_down.gif); }
/*-------------------marginal-ende--formulare-start---------------------*/
form p { text-align: left; }
.spalte.bild form p { text-align: left; padding-bottom: 0px; }
form br { display: block; clear: both; }
input, textarea, select { float: left; background-color: #E7E5AD; font: normal 14px Verdana, Helvetica, sans-serif; }
input { margin-bottom: 6px; width: 18.6em; }
label { float: left; line-height: 1.5em; width: 12em; margin-bottom: 3px; padding: 1px 0px; position: relative; }
textarea { margin: 0px 2px 6px 0px; width: 18.6em; }
.submit { width: 8.2em; margin: 30px 0px 20px 0px; float: right; }
.error { border: 2px solid #ffffff !important; background: #ff0000; color: #ffffff; }
/*-------------------formulare-ende--kapitel-start---------------------*/
/*------------echt berlin---------------*/
.gewinner { width: 245px !important; height: 270px !important; margin-left: 82px; padding-top: 31px !important;
background: url(img/polaroid.jpg) no-repeat; overflow: hidden;
}
.gewinner img { height: 201px; width: 202px; margin: 0px 0px 0px 13px; }
.gewinner p { margin-top: 25px; width: 225px; text-align: center; color: #332503; font-size: 12px; }
.tour_aktuell { text-align: center; margin-bottom: 8px; }
.tour_aktuell img { margin: 5px auto; display: block; }
/*-----momente---*/
.button.teilnehmen { width: 200px; height: 30px; bottom: 85px; left: 0px;
background: url(img/mitmachen_button.jpg);
}
.button.lupe { width: 26px; height: 21px; color: #84622C; margin: 0px 0px 4px 10px;
background: url(img/lupe.jpg) no-repeat; float: left; position: relative;
}
#suche { position: absolute; top: 201px; }
#suche p { margin-bottom: 10px; }
.eingabe { width: 12em; float: left; }
.check { width: 1em; margin: 15px 10px 0px 0px; }
.teilnahme { width: auto; margin-top: 10px; }
.suchen { margin-top: 20px; }
.suchenlabel { margin-top: 20px; }
.fehler_check { float: left; color: red; width: 100%;}
/*-----kiez---*/
.link_bild { padding-bottom: 30px; overflow: hidden; }
.link_bild img { float: right; margin-left: 10px; }
iframe { margin-bottom: 10px; }
.spalte.karte.eins { height: auto !important; width: 300px !important; padding-bottom: 60px; }
.spalte.karte.zwei { height: auto !important; width: 260px !important; }
.spalte.karte.eins p { margin-top: 15px; }
.tour { font-size: 11px; margin-bottom: 10px; }
.tour b,
.tour strong,
.tour a { font-weight: bold; color: white; }
.tour img { float: left; margin-right: 5px; }
/*------------echt schultheiss---------------*/
/*-----das bier---*/
#marg_inhalt ul.bilder li.text { width: 70px; height: 70px; padding: 5px;}
#bier_nav li { margin: 0px ! important; }
#bier_nav { width: 150px; margin-left: 25px; }
#bier_nav a { background: url(img/navibier_nor.jpg) no-repeat 0px 0px;
text-indent: -1000px; overflow: hidden; display: block;
}
#bier_nav a:hover { background: url(img/navibier_hover.jpg) no-repeat 0px 0px; }
#bier_nav li.active a { background: url(img/navibier_hover.jpg) no-repeat 0px 0px; }
#bier_nav #maisch { height: 50px; }
#bier_nav #pfanne { height: 50px; background-position: 0px -50px; }
#bier_nav #keller { height: 50px; background-position: 0px -100px; }
#bier_nav #labor { height: 50px; background-position: 0px -150px; }
#bier_nav #logistik { height: 45px; background-position: 0px -200px; }
/*-----die marke---*/
#marg_inhalt #zeitleiste { width: 80px; float: left; }
#zeitleiste li { float: right; margin: 0px !important; }
#zeitleiste a { height: 20px; width: 46px; text-indent: -1000px; overflow: hidden; float: right;
background: url(img/historie_thumbs/zeitleiste_zahlen_inaktiv.gif) no-repeat 0px 0px;
}
#zeitleiste #heute { background-position: 0px 5px; margin-bottom: 22px; }
#zeitleiste #zweitausend { background-position: 0px -35px; margin-bottom: 22px; }
#zeitleiste #neunzehnfunfsieben { background-position: 0px -80px; margin-bottom: 22px; }
#zeitleiste #neunzehnfufzig { background-position: 0px -123px; margin-bottom: 22px; }
#zeitleiste #neunzehn { background-position: 0px -165px; margin-bottom: 22px; }
#zeitleiste #achtzehn { background-position: 0px -203px; }
#zeitleiste li.active a { background: url(img/historie_thumbs/zeitleiste_zahlen_aktiv.gif) no-repeat; }
#barometer { margin: 5px 0px 0px 10px; float: left; }
/*------------brauerei---------------*/
/*-----anfahrt---*/
.bild.anfahrt img { margin-left: 50px; border: 2px solid #7A6338;}
/*-----besichtigung---*/
.radio { width: 1em; margin: 6px 50px 0px 0px; }
.radio_label { width: 7em; margin-right: 10px; padding-bottom: 15px; }
.anzahl { width: 3em; margin-right: 210px; }
.wunschtermin { width: 16em; margin: 20px 0px; }
.termin { width: 6.5em; float: right; margin: 20px 0px 20px 7px; background-color: #E7E5AD; }
#fuehrung li { margin: 0px ! important; padding-top: 15px; float: left; width: 130px;}
#fuehrung .preis { width: 25px;}
#fuehrung .preis.letzter { padding-top: 29px;}
/*------------sponsoring---------------*/
#citadel_ueber { background: url(img/sponsoring/zita_mood.jpg)}
#rennen_ueber { background: url(img/sponsoring/rennen_mood.jpg)}
#schroeder_ueber { background: url(img/sponsoring/schroeder_mood.jpg)}
#schlager_ueber { background: url(img/sponsoring/schlager_mood.jpg)}
/*------------interaktiv---------------*/
/*-----download---*/
.load li { margin-bottom: 8px; clear: left; }
.load li img { margin: 0px; }
.load li.text { position: relative; float: left; margin-bottom: 13px; }
.spalte.bild ul { padding-bottom: 60px; }
.spalte.bild ul li { display: inline; margin-left: 80px; padding-bottom: 60px; }
.spalte.bild ul li.aufloe { margin: 0px; padding-left: 7px; }
/*-----spiel---*/
.high li { float: left; clear: right; margin: 0px 10px 10px 0px !important;}
.high li.zahl { float: right; clear: right; }
.high.erster { font-weight: bold; font-size: 11px; }
#spiel { height: 500px; width: 500px; margin: 0px auto; }
/*------------shop---------------*/
#kontakt { height: 60px; width: 510px; float: left; position: relative; left: 110px; bottom: 17px;
text-align: center; line-height: 15px; font-size: 11px; clear: left;
}
#warenkorb li { clear: left; margin: 0px 0px 15px 5px !important; }
.button_marg { float: left; height: 30px; width: 150px; text-indent: -1000px; font-size: 1px;
overflow: hidden; clear: left; margin-bottom: 15px;
}
#zum_warenkorb { margin-top: 10px; background: url(img/shop/warenkorb.gif) no-repeat;}
#zuruck_shop { margin-top: 10px; background: url(img/shop/zuruck_shop.gif) no-repeat;}
#bestellen { background: url(img/shop/bestellung.gif) no-repeat; margin-top: 10px; }
#warenkorb li.agb { margin: 0 0 0 10px !important; }
.spalte.shop h3 { margin-left: 40px; }
.produkt { height: 115px; width: 280px; float: left; margin: 0px 0px 20px 40px; position: relative; }
.produkt img { float: left; margin: 3px 10px 0px 0px !important; position: relative; }
.produkt h5 { font-weight: bold; font-size: 100%; }
.groesse { width: 3.4em; float: none; margin: 5px 0px 0px 4px; }
.geschlecht { width: 3.4em; float: none; margin: 5px 0px 0px 17px;}
.menge { width: 3em; float: none; margin: 5px 0px 0px 3px; }
.warenbutten { height: 30px; width: 50px; bottom: 5px; right: 0px; border: none;
position: absolute; font-size: 200em; color: #84622C; overflow: hidden;
}
.warenbutten.oben { background: url(img/shop/in_warenkorb.gif); }
.warenbutten.unten { background: url(img/shop/in_warenkorb2.gif); }
.warenbutten.raus_oben { font-size: .01em; text-indent: -1000px; display: block; position: relative; bottom: auto; right: auto; background: url(img/shop/aus_warenkorb.gif); }
.warenbutten.raus_unten { font-size: .01em; text-indent: -1000px; display: block; position: relative; bottom: auto; right: auto; background: url(img/shop/aus_warenkorb2.gif); }
.spalte.bild th,
.spalte.bild td { padding: 6px; border-bottom: 2px solid #7A6338; }
.spalte.bild td img { margin: 0px; }
.aktualisieren { float: right; width: 12em; margin: 20px 0px 50px 0px; }
#fan_ueber { background: url(img/shop/fanartikel_mood.jpg); }
#gastro_ueber { background: url(img/shop/gastro_mood.jpg); }
#glas_ueber { background: url(img/shop/glas_mood.jpg); }
.plz { width: 6em; margin-right: 4px; clear: none; }
.stadt { width: 12em; clear: none; }
.warenkorb { width: 200px; float: left; clear: left; padding: 0px; }
.warenkorb li { width: 200px; padding: 0px; }
.roll_label { padding-top: 10px; }
.rollout { margin-top: 10px; width: 15em; }
.nachricht { margin-top: 10px; }
.schicken { width: 12em; float: right; margin: 10px 0px; }
.zahlung { margin-top: 10px; }
/*-------------service---------------*/
/*---verantwortung---*/
#geniessen { margin: 35px 0px 0px 38px; float: left; text-indent: -1000px;
overflow: hidden; background: url(img/bbg-logo.gif); height: 126px; width: 126px; }
#werberat { margin: 15px 0px 0px 38px; float: left; text-align: center; font-size: 20px; text-decoration: none; }
/*---impressum---*/
#erstellt { float: left; width: 600px; clear: left; margin-left: 60px; padding-bottom: 10px;
text-align: center; font-size: 11px; }
@media screen, print { #scip { display: none; } }