@charset "UTF-8";
/*Eric Meyer's CSS Reset.*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
/*GO!*/	
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#686868;
	font-size:12px;
	line-height:19px;
}
img {
	border:0 none;
	margin:0;
	padding:0;
}
a {
	color: #990000;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size:24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 10px 0px;
}
h1.libre {
	font-size:24px;
	font-weight: 100;
	line-height: 30px;
	margin: 0 0 10px 0px;
}
h2 {
	font-size:18px;
}
p {
	padding: 0;
	margin: 0 0 5px;
}
#main {
	background: #E1E1E1 url(img/bg_main.png) repeat-x;
}
#header {
	width: 964px;
	margin: 0 auto;
	height: 88px;
	z-index:999;
}
#esggetraenke {
	height: 88px;
	width: 225px;
	float: left;
	background: url(img/esggetraenke.png) no-repeat top left;
}
#getraenke {
	width: 964px;
	margin: 0 auto 15px;
}
#bestellen_liefern {
	width: 964px;
	margin: 0 auto;
	background: url(img/bg_bestellen.png) repeat-y right;
}
#bestellen {
	float: left;
	width: 964px;
	border-left: solid 1px #b6b6b6;
	background:transparent none repeat scroll 0 0;
}
#bestellen_l {
	background: #ffffff url(img/bg_bestellen_l.png) repeat-x;
	float:left;
	width:625px;
	margin-bottom: 25px;
	padding: 30px 20px 0px 30px;
}
#liefern {
	background: url(img/bg_bestellen_t.png) no-repeat center bottom;
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
}
#liefern_l {
	float: left;
	width: 500px;
}
#liefern_r {
	float: right;
	width: 115px;
}
#liefern_inhalt {
	float:left;
	text-align:justify;
	width:100%;
}
#gastronomie {
	float: right;
	width: 289px;
	height: 23px;
}
#gastronomie_l {

}
#gastronomie_r {
	width: 243px;
	float: left;
	padding: 0px 20px 0px 20px;
}
#footer {
	width:100%;
	height: 70px;
	background: #494949 url(img/bg_footer.png) repeat-x top;
}
#footer_main {
	margin: 0 auto;
	width: 964px;
	text-align: center;
}
#footer_main a {
	color:#292929;
}
#footer_main_top {
	height: 35px;
	width: 964px;
}
#map {
  width: 570px;
  height:375px; 
  clear: both;
  margin:0px 0 20px 0;	
  padding: 5px 20px;
  border: 1px solid #ccc;
  background: transparent;
}
#percon_l, #percon_m, #percon_r {
	text-align: center;
	width:49%;
}

#percon_l {
	float: left;
}
#percon_m {
	width:99%;
}
#percon_r {
	float: right;
}
.kasten {
	margin-bottom:25px;
	text-align:center;
}
.kasten img {
	padding-top:10px;
}
.lister ul {
}
.lister li {
	background: transparent url(img/fly.gif) no-repeat scroll 0 0;
	list-style-position: outside;
	padding-left: 20px;
}
.clair {
	clear:both;
}
.imgright {
	float:right;
}
.tabster{

}
.txtleft {
	text-align:left;
}
.txtcenter {
	text-align:center;
}
.txtright {
	text-align:right;
}
.txtjustify {
	text-align:justify;
}
div.tabl {
	margin:0 auto;
	text-align:left;
}
div.rwr {
	margin: 0 auto;
	clear: left;
}
div.clm {
	/*border:1px solid gray;*/
	float:left;
	margin-bottom:5px;
	padding:0;
}
.clm1 {width:110px;}
.clm2 {width:355px;}
.clm3 {width:312px;}
.clm4 {width:125px;}
.clm5 {width:195px;}
.clm6 {width:305px;}
.clm7 {width:620px;}

a.readmore:link, a.readmore:visited, a.readmore:hover, a.readmore:active {
	background: transparent url("img/pictogram.gif") no-repeat 5px -500px;
	padding-left:21px
}
a.readmore:hover {
	background: transparent url("img/pictogram.gif") 5px -400px
}
.readmore span {
	position:absolute;
	left:-9999px;width:900px
}
/*Soh Tanaka Drop Down Menu w/ jQuery & CSS http://www.sohtanaka.com/*/
#nav {
	float: right;
	margin-top: 20px;
	border-top: solid 1px #484848;
	width: 700px;
}
#nav_left {
	float: right;
	height: 35px;
}
#nav_center {
	background-color: transparent;
	float: right;
	/*border-top: solid 1px #3a3a3a;*/
	/*border-bottom: solid 1px #8c8c8c;*/
	height: 32px;
	padding-left: 2px;
	z-index: 1;
}
#nav_right {
	float: right;
	height: 35px;
}
ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 690px;
	background: #222;
	font-size: 10px;
	background: url(img/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 8px 0 0;
	position: relative; 
}
ul.topnav li a{
	padding: 10px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { 
	width: 17px;
	height: 35px;
	float: left;
	background: url(img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; 
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 160px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
	z-index:9999;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; 
	border-bottom: 1px solid #444; 
	clear: both;
	width: 160px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 140px;
	/*background: #333 url(img/dropdown_linkbg.gif) no-repeat 10px center;*/
	background: #333 none no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { 
	background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	/*background: #222 none no-repeat 10px center;*/
}
/*featuredbox*/
#featured { 
	width:390px; 
	padding-right:250px; 
	position:relative; 
	height:320px; 
	background: url(img/bg_getraenke.png) no-repeat;
	z-index:1;
}
#featured ul.ui-tabs-nav { 
	position:absolute; 
	top:70px; 
	left:675px; 
	list-style:none; 
	padding:0; margin:0; 
	width:285px; 
}
#featured ul.ui-tabs-nav li { 
    float: left;
    padding: 1px 0 1px 2px;
	float: left;
}
#featured ul.ui-tabs-nav li img { 
	float:left; 
	margin:2px 5px; 
	padding:2px; 
}
#featured ul.ui-tabs-nav li span { 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a { 
	display:block; 
	height:87px; 
	background:#fff; 
	border: 1px solid #C0C0C0;
}
#featured li.ui-tabs-nav-item a:hover { 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected { 
	background:url('img/selected-item.png') top left no-repeat;  
}
#featured .ui-tabs-panel .info { 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info { 
 width:370px;
 height:300px;
 color:transparent;
}
#featured .info a { 
	text-decoration:none; 
}
#featured .ui-tabs-hide { 
	display:none; 
}
#featured .image { 
	padding:8px;
}
a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(img/switch.png) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a.swap { 
	background-position: left bottom;
}
.player {
	float: right;
	margin-right: 165px;
	margin-top: -330px;"
}
.bierwagen {
    background: url("img/leipzig.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 34px;
    margin: -58px 58px 0 0;
    width: 150px;
}
/*calendar*/
a.cal_head {
	color: #FFFFFF;
	text-decoration: none;
}
a.cal_head:hover {
	text-decoration: none;
}
.cal_head {
	background-color: #333333;
	color:            #FFFFFF;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
}
.cal_days  {
	background-color: #333333;
	color:            #FFFFFF;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
}
.cal_content {
	background-color: #EEEEEE;
	color:            #000000;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        10px;
	font-weight:      normal;
	font-style:       normal;
}
.cal_today {
	background-color: #FFFFFF;
	color:            red;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
}
.cal_event, a.cal_event  {
	background-color: #FFCC33;
	color:            #000000;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
}