

/*  
Theme Name: Q-BA in Kaisersesch - ist Bistro, Cocktails, Music and more
Theme URL: http://www.bistro-qba.de/
Description: Q-BA in Kaisersesch - ist Bistro, Cocktails, Music and more
Author: Michael Schaback, design54 - the online portfolio
Last update: 18.Januar 2011
*/


@import url('css/reset.css');
@import url('css/default.css');
@import url('css/menu.css');
@import url('css/search.css');
@import url('css/comments.css');



/* corporate colors in Q-BA: brown #45392A   orange #D27706  */



body 
{
background-color: #fff;
/*font: normal 11px Tahoma, Verdana, Arial;*/
font: 76%/1.6em verdana, tahoma, arial, sans-serif; 
margin: 0;
color: #333;
}

ul li 
{ 
list-style: none; 
}

a 
{ 
color: #D27706;
}

a:hover
{
color: #D27706;
}

abr,
acronym 
{
border-bottom: 1px dotted #D27706;
cursor: help;
}

em
{
font-weight: bold;
font-style: italic;
}

/* container page */


div#headtop_container 
{ 
margin: 0;
padding: 0;
width: 100%;
background: transparent url('images/headtop_container.jpg') repeat 0 0;
} 

div#mininav_container 
{
margin: 0;
padding: 0;
width: 100%;
background: transparent url('images/bg_container_mininav.png') repeat 0 0;
border-bottom: 1px solid #fff; 
} 

div#mininavbox
{
width: 980px;
height: 30px;
margin: 0 auto;
}

ul#mininav
{ 
float: right; 
padding: 0;
list-style-type: none;
}

ul#mininav li 
{ 
float: left;
line-height: 28px;
padding: 0 12px 0;
border-right: 1px solid #fff;
}

ul#mininav li a 
{ 
color: #D27706;
font-size: .95em;
text-transform: uppercase;
text-decoration: none;
}

ul#mininav li a:hover 
{ 
color: #fff; 
text-decoration: underline;
}

ul#mininav li.last
{
border-right: none;
}

div#header_container 
{ 
margin: 0;
padding: 0;
width: 100%;
background: transparent url('images/bg_container_header.jpg') no-repeat 0 0;
border-bottom: 1px solid #fff; 
} 

#header
{
width: 980px;
margin: 0 auto;
}

#branding
{
text-transform: uppercase; 
height: 150px;
float: left;
width: 600px;
}

#blog_title 
{
display: block;
padding: 0 15px 0 0;
margin: 0 10px 0 0;
float: left;
font: normal 22px Arial;
line-height: 58px;
background: transparent;
text-indent: -9999px;
}

#blog_title a 
{ 
color: #45392A;
}

#blog_title a:hover 
{ 
color: #45392A;
}

#blog_description 
{
float: left;
font-size: 1.3em;
line-height: 3em;
color: #45392A;
text-indent: -9999px;
}

#header_description 
{
float: left;
font-size: 1.3em;
line-height: 3em;
color: #45392A;
text-indent: -9999px;
}

#logo
{
position: absolute;
top: 0;
left: 190px;
z-index: 100;
width: 191px;
height: 175px;
background: none;
}


/* top menu */


div#menu_container 
{ 
margin: 0;
padding: 0;
overflow: auto;
width: 100%;
height: 70px;
background: transparent url('images/bg_container_menu.png') repeat-x 0 0;
} 

#menu
{
width: 980px;
height: 70px;
margin: 0 auto;
/*text-align: center;*/
}

div#imagerotator_container 
{ 
margin: 0;
padding: 0;
overflow: auto;
width: 100%;
height: 280px;
background: transparent url('images/bg_container_splash.png') no-repeat 50% 0;
} 

#imagerotator
{
width: 980px;
height: 260px;
margin: 9px auto;
background: transparent;
}

#imagerotator_slider 
{
float: left;
width: 980px;
height: 260px;
margin: 0;
overflow: hidden;
}






#wrapper_container 
{ 
margin: 0;
padding: 0;
width: 100%;
} 

#wrapper 
{
width: 980px;
margin: 0 auto;
}

/* container */

#top-container 
{ 
height: 247px;
}

/* content */

#content h1
{
margin: 12px 0 12px 0;
padding: 3px 0 3px 0;
font-family:"lucida grande", "verdana geneva", helvetica, arial, sans-serif;
font-size: 1.25em;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #45392A;
border-top: 1px solid #45392A;
color: #45392A;
}

#content h2
{
margin: 20px 0 12px 10px;
padding: 3px 0 3px 0;
font-family:"lucida grande", "verdana geneva", helvetica, arial, sans-serif;
font-size: 1.3em;
line-height: 1.6em;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #45392A;
}

#content h5
{
margin: .7em 0 .3em 0;
padding: .2em 0 0 1em;
font-weight: normal;
font-variant: small-caps;
font-style: italic;
font: 1.5em/1.7em "lucida grande", "verdana geneva", helvetica, arial, sans-serif;
text-decoration: none;
color: #333;
}

h3#respond 
{
margin: 5em 0 .5em 0;
padding: .2em 0 0 1em;
font-weight: normal;
font-variant: small-caps;
font-style: italic;
font: 1.6em/1.7em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
color: #45392A;
}

.post h4
{
margin: .7em 0 .3em 0;
padding: .2em 0 0 1em;
font-weight: normal;
font-variant: small-caps;
font: 1.6em/1.7em Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #45392A;
}

div#content div.info
{
padding: 0; 
}

div#content div.info p
{
margin: 0 0 .5em 0;
}

div#content div.info p.title
{
color: #45392A;
font-size: 3em;
line-height: 1em;
letter-spacing: -1px;
font-family: "Trebuchet MS";
}

div#content div.info p.title span
{
color: #D27706;
font-size: .7em;
line-height: 1em;
letter-spacing: -1px;
font-family: Georgia, "Times New Roman", Times, serif;
}

div.hr
{
border: 0;
clear: both;
height: 30px;
margin: 2em 0;
background: url(images/hr.gif) 0 0 repeat-x;
}

#content a:link,
#content a:visited
{
text-decoration: none;
}

#content a:hover,
#content a:active
{
text-decoration: underline;
}


/* featured post */


#featured-posts-wrapper 
{
float: left;
width: 644px;
height: 247px;
}

#featured-posts .title 
{
font-size:16px;
border-bottom:3px solid #8EAFD4;
padding-bottom:3px;
margin-bottom:3px;
}

#featured-posts .title a 
{ 
color: #5986B8; 
}

#featured-posts .entry 
{
 color: #FFFFFF; 
}

.pagetitle 
{
font-size:18px;
color:#566B83;
margin-bottom:10px;
}

.post .title 
{
color:#4D7CB3;
font-size:16px;
margin-bottom:5px;
}

.post .meta, .entry-meta
{
 margin-bottom:10px; 
}

.entry 
{ 
line-height:18px; 
}


/* content */


#content 
{
float: left;
margin: 0;
width: 600px;
}

#content p 
{ 
clear: both;
margin: 1em;
padding: 0;
font-size: 1.1em;
line-height: 1.4em;
color: #45392a;
text-align: justify;
}

#content a:link img, 
#content a:visited img
{
border: 1px solid #d27706;
padding: 1px;
}

#content a:hover img
{
border: 1px solid #45392A;
padding: 1px;
}

img.leftohne
{
float: left; 
margin: 0 30px 15px 0; 
border: none!important;
}

img.rightohne
{
float: right; 
margin: 0 0 10px 30px;
border: none!important;
}

img.left
{
float: left; 
margin: 20px 30px 20px 0; 
}

img.right
{
float: right; 
margin: 20px 0 10px 30px;
}












/* featured article startseite */

.featured_post_mittagsmenu
{
float: left;
margin: 0;
padding: 0;
width: 480px;
height: 430px;
}

.featured_post 
{
float: left;
margin: 0;
padding: 0;
width: 480px;
height: 430px;
}

.featured_post h3
{
margin: .7em 0 .3em 0;
padding: .2em 0 0 1em;
font-weight: normal;
font-variant: small-caps;
font-style: italic;
font: 1.6em/1.7em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
color: #333;
}

.featured_post h3 a,
.featured_post h3 a:visited
{
color: #d27706;
text-decoration: none;
}

.featured_post h3 a:hover,
.featured_post h3 a:active
{
color: #d27706;
text-decoration: underline;
}

.featured_post h4
{
margin: 0;
padding: 0 0 0 1em;
font-weight: normal;
font-variant: small-caps;
font-style: italic;
font: 1.3em/1.3em Georgia, "Times New Roman", Times, serif;
text-decoration: none;
color: #333;
}

.featured_post h4 a:link,
.featured_post h4 a:visited
{
color: #d27706;
text-decoration: none;
}

.featured_post h4 a:hover,
.featured_post h4 a:active
{
color: #d27706;
text-decoration: underline;
}

.featured_post p 
{ 
clear: both;
margin: 0 1em .4em 1.2em;
padding: 0;
font-size: 1.2em;
line-height: 1.4em;
color: #45392a;
}

.featured_post .thumbnail 
{
clear: both;
margin: 0 0 0 14px;
padding: 1px;
background-color: #fff;
}

.featured_post a.weiterlesen
{
margin: 0;
padding: 0 0 0 8em;
text-align: right;
font: 1em/2.8em Georgia, "Times New Roman", Times, serif;
color: #D27706;
text-decoration: none;
}

.featured_post a.weiterlesen:hover 
{
margin: 0;
padding: 0 0 0 8em;
text-align: right;
font: 1em/2.8em Georgia, "Times New Roman", Times, serif;
color: #D27706;
text-decoration: underline;
}


/* sidebar */


#sidebar 
{
float: right;
width: 320px;
}

#sidebar_float_right
{
float: right;
width: 320px;
}

.sidebar_content_list_top
{
float: left;
width: 320px;
margin: 0;
padding: 0;
background: #fff url(images/bg_address.png) no-repeat 100% 100%;
}

address 
{
display: block;
margin: 0;
font: 1.25em/1.6em Georgia, "Times New Roman", Times, serif;
font-style: italic;
padding: 2em 0 0 1em;
color: #45392A;
}

.sidebar_content_list
{
float: left;
width: 320px;
margin: 0;
padding: 0 0 12px 0;
}

.sidebar_content_list h1
{
margin: 0;
padding: 3px 0 3px 0;
font-family:"lucida grande", "verdana geneva", helvetica, arial, sans-serif;
font-size: 1.25em;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #45392A;
border-top: 1px solid #45392A;
color: #45392A;
}

ul.right_list_style li a
{
display: inline-block;
margin: 0;
padding: 6px 0 0 8px;
height: 20px;
color: #D27706;
text-decoration: none;
font-weight: normal;
font-style: italic;
font: 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
border-bottom: 1px dotted #999;
}

ul.right_list_style li a:hover
{
color: #D27706;
background-color: #fafafa;
text-decoration: underline;
}

.right_list_style span
{
margin: 0;
padding: .5em 0 0 1em;
color: #45392a;
}

.content_list_style 
{
float: left;
width: 320px;
margin: 12px 0 0 0;
padding: 0 0 12px 0;
}

.content_list_style h1
{
margin: 0;
padding: 3px 0 3px 0;
font: 1.25em/1.6em "lucida grande", "verdana geneva", helvetica, arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #45392A;
border-top: 1px solid #45392A;
color: #45392A;
}

.content_list_style ul
{
margin: 0;
padding: 0;
width: 320px;
list-style-type: none;
}

.content_list_style a
{
display: block;
margin: 0;
padding: 0 0 0 8px;
height: 24px;
width: 270px;
font-weight: normal;
text-decoration: none;
font-style: italic;
font: 1.1em/1.7em Georgia, "Times New Roman", Times, serif;
}

p.statistic
{
display: block;
float: left;
margin: 0;
padding: .6em 0 0 2em;
font: 1.15em/1.7em Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
color: #45392A;
text-transform: none;
text-align: left;
}

span.besucher
{
color: #777;
}

#flashorange
{
float: left;
margin: 10px 0 0 50px;
width: 240px;
height: 260px;
}


/* folio */


div#folio_container 
{ 
margin: 0;
padding: 0;
overflow: auto;
width: 100%;
background: transparent;
border-bottom: 1px solid #fff; 
} 

#folio
{
width: 980px;
margin: 0 auto;
text-transform: uppercase;
height: 250px;
padding: 8px 0 0 0;
line-height: 21px;
color: #900;
}

.folio-left 
{
float: left;
width: 380px;
margin: 0 195px 0 10px;
}
			
.folio-right 
{
float: left;
width: 380px;
}

.folio_item 
{
margin: 0 0 15px 0;
}
			
.folio-pic, 
.folio-pic-m
{
float: left;
height: 146px;
width: 377px;
margin: 5px 0 0 0;
background: transparent url('images/folio_bg.png') no-repeat 0 0;
}
				
.folio_bg 
{
float: left;
height: 146px;
width: 377px;
margin: 5px 0px 0px 0px;
background: url(images/folio_bg.png) no-repeat;
}
				
.folio-pic-m img 
{
border: none;
}	
				
.folio-pic-m a 
{
height: 133px;
width: 371px;
}	
				
.folio-pic img 
{
height: 133px;
width: 371px;
margin: 3px 0 0 3px;
}					
				
.info 
{
width: 371px;
}
			
.info a:link,
.info a:visited 
{
clear: both;
text-decoration: none;
text-indent: -9999px;
margin: 0 0 5px 326px;
height: 13px;
width: 45px;
display: block;
background: url(images/more_info.gif) top right no-repeat;
}

.info a:hover,
.info a:active 
{
clear: both;
text-decoration: none;
text-indent: -9999px;
margin: 0 0 5px 326px;
height: 13px;
width: 45px;
display: block;
background: url(images/more_info.gif) top right no-repeat;
}

.svw 
{
width: 16px; 
height: 16px; 
background: #fff;
} 

.svw ul 
{
position: relative; 
left: -999em;
} 

.stripViewer 
{  
position: relative; 
overflow: hidden;  
margin: 3px 0 1px 3px; 
} 

.stripViewer ul 
{
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 

.stripViewer ul li 
{  
float:left; 
} 

.stripTransmitter ul 
{ 
float: left;
margin: 9px 0 0 0; 
padding: 0; 
list-style-type: none; 
} 

.stripTransmitter ul li
{ 
width: 20px; 
float:left; 
margin: 0 1px 5px 0; 
} 

.stripTransmitter a
{ 
width: 15px;
height: 15px;
text-align: center;  
color: #938f90; 
text-decoration: none; 
display: block; 
} 

.stripTransmitter a:hover, a.current
{ 
color: #938f90; 
background: url(images/gallery_hover2.gif) no-repeat;
} 

.ldrgif 
{
height: 16px;
width: 16px;
text-align: center
}


/* footer */


div#footer_container 
{ 
margin: 0;
padding: 0;
overflow: auto;
width: 100%;
background: #453929 url('images/bg_container_footer.jpg') repeat-x 0 0;
} 

#footer 
{
clear: both;
width: 980px;
margin: 0 auto;
padding: 20px 0 15px 0;
color: #fff;
}

#footer a:link,
#footer a:visited
{ 
color: #D27706;
text-decoration: none;
}

#footer a:hover,
#footer a:active
{ 
color: #D27706;
text-decoration: underline;
}


/* footer 3-column */


#footerleft-content
{
display: block;
float: left;
margin: 0;
padding: 0 6px 0 0;
width: 620px;
}

#footerleft-content h1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
font-variant: normal;
border-bottom: 1px solid #fff;
margin: 0 12px 0 0;
padding: 0;
height: 30px;
}

#footerleft-content h1.rss
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
font-variant: normal;
background: url(images/h1_rss.png) no-repeat 12% 40%;
border-bottom: 1px solid #fff;
margin: 0 12px 0 0;
padding: 0;
height: 33px;
}

#footerleft-content p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-align: justify;
padding: 0 0 20px 0;
margin: 0 12px 0 0;
}

#footerleft-content ul
{
margin: 1.5em 0 2em 0;
padding: 0;
}

#footerleft-content .feed li
{
margin: 0 0 .5em 1.5em;
padding: 0 0 0 2em;
font-size: 1.1em;
line-height: 1.6em;
background: url(images/icon_rss.gif) no-repeat 0 4px;
}

#footerleft-content .feed li a,
#footerleft-content .feed li a:visited
{
color: #D27706;
text-decoration: none;
}

#footerleft-content .feed li a:hover,
#footerleft-content .feed li a:active
{
color: #D27706;
text-decoration: underline;
}

#footermiddle-content
{
display: block;
float: left;
margin: 0 0 15px 0;
padding: 0 6px 0 16px;
width: 236px;
border-left: 1px dotted #fff;
border-right: 1px dotted #fff;
}

#footermiddle-content h1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
font-variant: normal;
border-bottom: 1px solid #fff;
margin: 0 12px 0 0;
padding: 0;
height: 30px;
}

#footermiddle-content p
{
display: block;
position: relative;
float: left;
clear: both;
margin: 6px 12px 0 0;
padding: 0px;
width: 236px;
font-family:"lucida grande", "verdana geneva", helvetica, arial, sans-serif;
font-size: 1em;
line-height: 2em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#footermiddle-content a
{
position:relative;
float:right;
display:block;
margin: -35px 8px -8px 0;
}

#footermiddle-content span
{
float: left;
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}

.cocktailtipps
{
display: block;
float:left;
margin: 6px 0 0 0;
padding: 0px;
border: 5px solid #7f7160;
}

.cocktailtipps_label
{
position: relative;
display: block;
padding: 0px;
float: right;
}

#footermiddle-content a.cocktailheadline
{
float: none;
display: block;
margin: 5px 0 5px 0;
}

#footermiddle-content a.cocktailkarte
{
float: none;
display: block;
margin: 5px 11px 5px 0;
background-color: #fff;
}

#footerright-content
{
display: block;
float: right;
margin: 0;
padding: 0;
width: 213px;
}

#footerright-content h1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
font-variant: normal;
border-bottom: 1px solid #fff;
margin: 0;
padding: 0;
height: 30px;
}

#footerright-content p
{
float: left;
display: block;
height: 30px;
width: 29px;
font-family: "lucida grande", "verdana geneva", helvetica, arial, sans-serif;
font-size: 9px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
line-height: 9px;
font-weight: bold;
margin: -40px 0 0 6px;
padding: 3px 0 0 0;
}

.color1
{
color: #fff;
}
.color2
{
color: #D27706;
}
.backcolor1
{
background-color: #7f7160;
}
.backcolor2
{
background-color: #45392A;
}

#footerright-content span
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17px;
font-style: normal;
text-decoration: none;
padding: 0px;
line-height: 17px;
margin-top: -3px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 29px;
font-weight: normal;
float: left;
}

#footerright-content a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2em;
font-weight: normal;
text-decoration: none;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 42px;
width: 165px;
float: right;
margin: 0px;
border-bottom: 1px dotted #fff;
display: block;
height: 35px;
}

#footerright-content a:hover
{
text-decoration: none;
background-color: #f1f1f1;
}

#footerright-content #back2top a
{
margin: 20px 0 0 0;
padding: 0 !important;
width: 120px;
height: 130px;	
text-indent: -9999px;
background: url(images/rollUp.png) no-repeat;
overflow: hidden;
border-bottom: none !important;
}

#footerright-content #back2top a:hover
{
margin: 20px 0 0 0;
padding: 0 !important;
width: 120px;
height: 130px;	
text-indent: -9999px;
background: url(images/rollUp_hover.png) no-repeat;
overflow: hidden;
border-bottom: none !important;
}


/* footerbottom */


div#footerbottom_container 
{ 
margin: 0;
padding: 0;
overflow: auto;
width: 100%;
background-color: #45392a;
border-bottom: 1px solid #fff; 
} 

#footerbottom
{
margin: 0;
padding: 0;
width: 100%;
border-top: 1px dotted #fff;
}

#footerbottom p
{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em;
font-weight: normal;
color: #fff;
}

#footerbottom a:link,
#footerbottom a:visited
{
color: #D27706;
text-decoration: none;
}

#footerbottom a:hover,
#footerbottom a:active
{
color: #D27706;
text-decoration: underline;
}


/*   inner footer - copyright und informationen   */


#innerFooter 
{
clear: both;
display: block;
margin: 2em 0 0 0;
padding: .5em .5em;
text-align: center;
}

#innerFooter ul 
{
clear: both;
margin: .1em 0 0 0;
width: auto;
font-size: 1.1em;
line-height: 1.7em;
text-align: center;
color: #fff;
}

#innerFooter li 
{
display: inline;
padding: .6em .1em .6em .1em;
background: url(images/spacer.gif) no-repeat 0 50%;
}

#innerFooter #kontaktinfos li 
{
padding: 0 0 0 1.8em;
background-position: 0 55%;
}

#footerbottom #telefon 
{
background-image: url(images/telefon.jpg);
}

#footerbottom #fax
{
background-image: url(images/fax.jpg);
}

#footerbottom #email 
{
background-image: url(images/email.jpg);
}


			


/* bildergalerie */


#wrapper_gallery 
{
float: left;
width: 525px;
}

#wrapper_gallery 
{
margin: 25px 0 30px 0;
}
			
#gallery_slider
{
width: 525px;
height: 540px;
margin: 15px 0 0 0;;
padding: 0;
list-style: none;
overflow: hidden;
}
				
#prevBtn2 
{
float: left;
}
					
#nextBtn2 
{
float: right;
margin: 0 25px 0 0;
}
				
#gallery_slider ul li 
{
width: 525px;
height: 340px;
overflow: hidden;
}
					
#gallery_slider ul li a 
{
float: left;
width: 145px;
height: 86px;
display: block;
margin: 0 20px 25px 0;
padding: 8px 0 0 9px;
background: url(images/bg_image.jpg) 0 0 no-repeat;
}


/* kontaktadresse */


#kontaktadresse
{
margin: 0;
padding: 0;
background: #fff url(images/bg_kontakt.jpg) no-repeat 95% 6%;
}

#kontaktadresse dl 
{
margin: 1em 0 2em 2em;
font-size: 1.1em;
font-weight: normal;
line-height: 1em;
color: #555;
}

#kontaktadresse dl dt
{
margin: 1.5em 0 1em 1em;
font-size: 1.1em;
color: #333;
}

#kontaktadresse dl dd 
{
margin: 0.5em 0 0.5em 1.3em;
font-size: 1em;
color: #555;
}


/*  impressum   */


#impressum
{
margin: 0;
padding: 0;
background: transparent url(images/icon_impressum.png) no-repeat 100% 6%;
}

#impressum dl 
{
margin: 1em 0 2em 2em;
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1em;
color: #555;
}

#impressum dl dt
{
margin: 1.5em 0 1em 1em;
font-size: 1.1em;
color: #333;
}

#impressum dl dd 
{
margin: 0.5em 0 0.5em 1.3em;
font-size: 1em;
color: #333;
}


/* kolophon */


#kolophon blockquote,
#impressum blockquote
{
margin: 3em 0 2em 2.2em;
padding: 0 2.5em 0 1em;
font-style: italic;
color: #D27706;
border-left: 3px solid #D27706;
background-color: transparent;
}

#kolophon blockquote p
{
margin: 0;
padding: 0;
background-color: transparent;
}

#kolophon cite,
#impressum cite
{
margin: 0 0 0 4.5em;
padding: 0 .5em 0 1em;
font-style: italic;
font-size: .8em;
color: #D27706;
border-left: 2px solid #D27706;
background-color: transparent;
}


/* accessibility */


.accesskeys ul 
{
margin: 1.2em 0 1.6em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

.accesskeys ul li 
{
margin: 0.1em 0 0.2em 2em;
font-size: 1.1em;
}

#browser dl dt
{
margin: .9em 0 1.3em .5em;
font-size: 1.1em;
color: #45392A;
line-height: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
border-bottom: 1px solid #ccc;
}

#browser dl dd 
{
margin: 0.2em 0 0.5em 1.3em;
font-size: 1.1em;
line-height: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

code
{
padding: 0 0.1em 0 0.1em;
font-family : "Courier New",monospace;
text-align: left;
font-size: 1.1em;
line-height: 1.4em;
color: #111;
background-color: #999;
}


/* speisekarten layout */


ul.pizza_content 
{
width: 550px;
margin: 0 auto;
padding: 0;
list-style: none;
font-size: 1em;
color: #45392A;
background: url(images/bg_pizza_karte.jpg) no-repeat 75% 60%;
}

ul.pizza_content li 
{
margin: 0;
padding: 7px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 20px;
}

ul.pizza_content li strong, 
ul.pizza_content li em 
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
}

ul.pizza_content li em 
{
font-size: 1.15em;
float: none; 
}

ul.pizza_content li span
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
font-size: .95em;
font-style: italic;
}

ul.pasta_content 
{
width: 550px;
margin: 0 auto;
padding: 0;
list-style: none;
font-size: 1.0em;
color: #45392A;
background: url(images/bg_pasta_karte.jpg) no-repeat 75% 60%;
}

ul.pasta_content li 
{
margin: 0;
padding: 7px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 20px;
}

ul.pasta_content li strong, 
ul.pasta_content li em 
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
}

ul.pasta_content li em 
{
font-size: 1.15em;
float: none; 
}

ul.pasta_content li span
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
font-size: .95em;
font-style: italic;
}

ul.insalata_content 
{
width: 550px;
margin: 0 auto;
padding: 0;
list-style: none;
font-size: 1.0em;
color: #45392A;
background: url(images/bg_insalata_karte.jpg) no-repeat 75% 60%;
}

ul.insalata_content li 
{
margin: 0;
padding: 7px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 20px;
}

ul.insalata_content li strong, 
ul.insalata_content li em 
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
}

ul.insalata_content li em 
{
font-size: 1.15em;
float: none; 
}

ul.insalata_content li span
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
font-size: .95em;
font-style: italic;
}

ul.doener_content 
{
width: 550px;
margin: 0 auto;
padding: 0;
list-style: none;
font-size: 1.0em;
color: #45392A;
background: url(images/bg_doener_karte.jpg) no-repeat 75% 60%;
}

ul.doener_content li 
{
margin: 0;
padding: 7px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 20px;
}

ul.doener_content li strong, 
ul.doener_content li em 
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
}

ul.doener_content li em 
{
font-size: 1.15em;
float: none; 
}

ul.doener_content li span
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
font-size: .95em;
font-style: italic;
}

ul.schnitzel_content 
{
width: 550px;
margin: 0 auto;
padding: 0;
list-style: none;
font-size: 1.0em;
color: #45392A;
background: url(images/bg_schnitzel_karte.jpg) no-repeat 75% 60%;
}

ul.schnitzel_content li 
{
margin: 0;
padding: 7px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 20px;
}

ul.schnitzel_content li strong, 
ul.schnitzel_content li em 
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
}

ul.schnitzel_content li em 
{
font-size: 1.15em;
float: none; 
}

ul.schnitzel_content li span
{
float: left;
background: #fff; 
padding: 0 5px 0 5px; 
font-size: .95em;
font-style: italic;
}


/* oeffnungszeiten */


table#zeiten
{
width: 100%;
background: url(images/open.png) no-repeat 100% 50%;
}

table#zeiten caption
{
color: #999;
font-size: 1.1em;
}

table#zeiten caption span
{
font-size: 1.1em;
color: #333;
}

table#zeiten tr.head
{
font-size: .4em;
text-indent: -9999px;
}

table#zeiten td
{
padding: .1em;
}

table#zeiten tfoot tr
{
text-align: right!important;
font-size: .8em;
color: #999;
}

table#zeiten tr.oefftab
{
text-align: left;
padding: 8em 0 1.5em 1.5em!important;
font-size: 1.3em!important;
color: #45392A;
}

table#zeiten tr.oefftab td
{
padding: 1.5em 0 1.5em .5em!important;
}

ul.zutaten
{
margin: 1em 0 2em 0; 
float: left;
}

ul.zutaten li 
{ 
line-height: 2em;
font-size: 1.1em;
color: #45392A;
text-transform: uppercase;
list-style-type: circle;
}





























/* speisekarte Q-BA */


#container3 
{
width: 570px;
}

#content3 p
{
padding: 0 10px 10px;
clear:both;
}




.speisekarte_question
{
overflow: hidden;
margin: 0;
padding: 0;
width: 570px;
height: 47px;
color: #333;
font-size: 1.35em;
line-height: 4em;
color: #fff;
cursor: pointer;
}

.speisekarte_answer
{
position: relative;
visibility: hidden;
overflow: hidden;
margin: 0 auto;
padding: 0;
height: 0;
font-size: 1em;
color: #444;
width: 542px;
background-color: #2c0c00;
}

.speisekarte_answer_content
{	
position: relative;
padding: 1px;
font-size: 0.9em;	
}

.speisekarte_answer_content p
{	
font-size: 1.4em;
text-align: center;
color: #fc0;	
}

.speisekarte_header
{		
background: #fff url(images/speisekarte_header.gif) center top no-repeat;
text-align: center;
height: 47px;
}

.speisekarte_middle
{		
background: #fff url(images/speisekarte_middle.gif) center top no-repeat;
text-align: center;
height: 51px;
}

.speisekarte_bottom
{		
background: #fff url(images/speisekarte_bottom.gif) center top no-repeat;
text-align: center;
height: 47px;
}

ul.speisekarte_content 
{
width: 500px;
margin: 0 auto 2em auto;
padding: 0;
list-style: none;
font-size: 1.25em;
font-weight: normal;
color: #45392A;
}

ul.speisekarte_content li 
{
margin: 0;
padding: 7px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 22px;
}

ul.speisekarte_content li strong, 
ul.speisekarte_content li em 
{
float: left;
padding: 0; 
color: #fff;
}

ul.speisekarte_content li em 
{
font-size: 1.05em;
float: none; 
}

ul.speisekarte_content li span
{
float: left;
padding: 0 0 0 5px; 
color: #D27706;
font-size: .8em;
font-style: italic;
}





















ul.speisekarte_startseite
{
width: 230px;
margin: 2em auto 2em auto;
padding: 0;
list-style: none;
font-size: 1.15em;
font-weight: normal;
color: #45392A;
}

ul.speisekarte_startseite li 
{
margin: 0;
padding: 15px 0;
text-align: right;
background: url(images/dotted.gif) repeat-x left 30px;
}

ul.speisekarte_startseite li strong, 
ul.speisekarte_startseite li em 
{
float: left;
padding: 0; 
color: #333;
}

ul.speisekarte_startseite li em 
{
font-size: .9em;
float: none; 
}

ul.speisekarte_startseite li span
{
float: left;
padding: 0 0 0 5px; 
color: #D27706;
font-size: .7em;
font-style: italic;
}















#midcol
{
margin: 1em 0 0 0;
width: 620px;
padding: 0;
font-size: 1.2em;
text-align: left;
}

#midcol h4 a:link, 
#midcol h4 a:visited
{
margin: 0;
padding: 0;
line-height: 1.6em;
font-size: 1em;
font-family: Georgia, "Times New Roman", Times, serif; 
}

#midcol a.mehr 
{
margin: 0;
padding: 0 0 0 1em;
font-size: .8em;
width: 3em;
}

#midcol a.mehr:hover 
{
margin: 0;
padding: 0 0 0 1em;
font-size: .8em;
width: 3em;
}





