#scrollbar {
background-color: #ffffff;
height: 400px;
width: 20px;
float:left;
}

#handle {
height:80px;
width:5px;
background:#034ea2;
cursor:pointer;
display:none;
}


html, body, div, p, h1, h2, h3, h4, ul, li, a, span, img, table, tr, td, object, input, form { 
margin:0;
padding:0;
border:0 none;
outline:0;
font:14px/ 16px normal Georgia, "Times New Roman", Times, sans-serif ;
color:#333333;
}

.invisible {
width:0px;
height:0px;left:-1000px;
top:-1000px;
position:absolute;
overflow:hidden;
display:inline;
}

input.text,
input.captcha {
padding:2px 2px 3px 2px;
border:1px solid #bbbbbb;
height:15px;
font:12px normal Georgia, Times New Roman;
}

input.captcha {
width:20px;
}

textarea {
padding:2px;
border:1px solid #bbbbbb;
font-size:12px;
}

h2 {
padding-bottom:20px;
color:#034ea2;
font-size:22px;
font-weight:normal;
}

.ce_text p {
line-height:20px;
}

a,
a:link,
a:visited,
a:active {
color:#034ea2;
text-decoration:none;
}

a:hover,
a:focus {
text-decoration:underline;
}

html, body { 
height:100%;
}

#wrapper { 
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
min-height:100%;
background:#0127a1 url(../img/bg_body.jpg) repeat-x 0 0;
}

#header_wrapper { 
border-top:10px solid #ffffff;
}

#header { 
position:relative;
margin:0 auto;
padding-top:0;
width:773px;
}

#header h1,
#header h1 a,
#header h1 a:link,
#header h1 a:active,
#header h1 a:visited,
#header h1 img { 
color:#ffffff;
}


#header div#editornav {
margin:6px 0 0 0;
float:right;
width:200px;
}

#header div#editornav ul {
position:static;
float:none;
left:0;
list-style-type:none;
}

#header div#editornav ul li {
padding:0 6px 0 5px;
position:static;
float:left;
right:0;
height:17px;
background:url(../img/bg_topnav.png) no-repeat right 9px;
}

#header div#editornav ul li.last {
background:none;
}

#logshow {
position:relative;
display:block;
float:right;
padding:0 10px 0 10px;
height:20px;
color:#000851;
background-color:#ffffff;
text-decoration:none;
}

#logshow:hover{
color:#034ea2;
}

.mod_login {
display:none;
position:absolute;
right:0;
top:0;
padding:5px;
width:280px;
height:46px;
background-color:#ffffff;
}

.mod_login label.username {
position:absolute;
left:10px;
top:0;
font-style:italic;
}

.mod_login label.password {
position:absolute;
left:10px;
top:26px;
font-style:italic;
}

.mod_login input#username {
position:absolute;
left:96px;
top:0;
width:128px;
}

.mod_login input#password {
position:absolute;
left:96px;
top:26px;
width:128px;
}

.mod_login div.submit_container {
position:absolute;
left:236px;
top:28px;
}

.mod_login div.submit_container input {
border:0 none;
}

.mod_login a {
position:absolute;
right:10px;
top:28px;
}

.mod_login p.error {
position:absolute;
left:10px;
top:0;
color:#f70504;
}


#header h1 {
clear:both;
margin:0 auto;
padding:45px 0;
width:611px;
height:15px;
line-height:15px;
font-size:15px;
color:#ffffff;
}



/*******************************************************************************
 *
 * Navigations (top + bottom)
 * 
 ******************************************************************************/ 
  
#header .mod_customnav {
margin-top:0;
width:100%;
overflow:hidden;
}

#header .mod_customnav ul {
position:relative;
float:left;
left:50%;
list-style-type:none;
}

#header .mod_customnav ul li {
padding:0 6px 0 5px;
position:relative;
float:left;
right:50%;
height:17px;
text-align:center;
background:url(../img/bg_topnav.png) no-repeat right 9px;
}

#header .mod_customnav ul li.first {
padding:0 6px 0 0;
}

#header .mod_customnav ul li.last {
padding:0 0 0 5px;
background:none;
}

#header .mod_customnav ul li a,
#header .mod_customnav ul li a:link,
#header .mod_customnav ul li a:visited,
#header .mod_customnav ul li a:active,
#header .mod_customnav ul li span {
text-decoration:none;
color:#cccede;
font-style:italic;
line-height:17px;
vertical-align:middle;
}

#header .mod_customnav ul li a:hover,
#header .mod_customnav ul li a:focus {
text-decoration:underline;
color:#ffffff;
}

#header .mod_navigation {
margin-top:14px;
width:100%;
overflow:hidden;
}

#header .mod_navigation ul {
position:relative;
float:left;
left:50%;
list-style-type:none;
}

#header .mod_navigation ul li {
padding:0 10px 0 8px;
position:relative;
float:left;
right:50%;
height:18px;
text-align:center;
background:url(../img/bg_mainnav.png) no-repeat right 8px;
}

#header .mod_navigation ul li.first {
padding:0 9px 0 0;
}

#header .mod_navigation ul li.last {
padding:0 0 0 7px;
background:none;
}


#header .mod_navigation ul li a,
#header .mod_navigation ul li a:link,
#header .mod_navigation ul li a:visited,
#header .mod_navigation ul li a:active,
#header .mod_navigation ul li span {
color:#cccede;
font-size:16px;
line-height:18px;
vertical-align:middle;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
}

#header .mod_navigation ul li a:hover,
#header .mod_navigation ul li a:focus {
color:#ffffff;
}

#footer .mod_navigation {

width:100%;
overflow:hidden;
}

#footer .mod_customnav {
margin-top:4px;
width:100%;
overflow:hidden;
}

#footer .mod_navigation ul,
#footer .mod_customnav ul {
position:relative;
float:left;
left:50%;
list-style-type:none;
}

#footer .mod_navigation ul li,
#footer .mod_customnav ul li {
padding:0 9px 0 0;
position:relative;
float:left;
right:50%;
height:18px;
text-align:center;
background:url(../img/bg_bottomnav.png) no-repeat right 3px;
}

#footer .mod_navigation ul li.first,
#footer .mod_customnav ul li.first {
padding:0 9px 0 0;
}

#footer .mod_navigation ul li.last,
#footer .mod_customnav ul li.last {
padding:0 0 0 0;
background:none;
}


#footer .mod_navigation ul li a,
#footer .mod_navigation ul li a:link,
#footer .mod_navigation ul li a:visited,
#footer .mod_navigation ul li a:active,
#footer .mod_navigation ul li span,
#footer .mod_customnav ul li a,
#footer .mod_customnav ul li a:link,
#footer .mod_customnav ul li a:visited,
#footer .mod_customnav ul li a:active,
#footer .mod_customnav ul li span {
color:#ccd4ec;
font-size:12px;
line-height:18px;
vertical-align:middle;
font-style:italic;
text-decoration:none;
}

#footer .mod_navigation ul li a:hover,
#footer .mod_navigation ul li a:focus,
#footer .mod_customnav ul li a:hover,
#footer .mod_customnav ul li a:focus {
text-decoration:underline;
}


/*******************************************************************************
 *
 * Main
 * 
 ******************************************************************************/  

#main {
margin:10px auto 0 auto;
padding:20px 200px 30px 20px;
width:553px;
background-color:#ffffff;
} 

#main .mod_article {
min-height:370px;
} 

#container {
margin:10px auto 0 auto;
padding:10px 10px 0 10px;
border-bottom:10px solid #ffffff;
width:753px;
height:400px;
background-color:#ffffff;
overflow:hidden;
} 

#left {
padding:10px 15px 0 10px;
width:406px;
float:left;
overflow:hidden;
} 

#left .mod_article {
padding:0 0 15px 0;
} 

#right {
width:302px;
float:left
} 

.startpage #main {
padding:0;
width:773px;
background:none;
}

#main .mod_article h3.first {
padding:0 0 5px 0;
}


#main .mod_article h4 {
color:#333333;
font-size:15px;
font-weight:bold;
}


/*******************************************************************************
 *
 * Startseite
 * 
 ******************************************************************************/ 
   
#counterbox {
padding:10px 10px 10px 20px;
height:280px;
background:#ffffff;
}

#counterbox h2 {
padding-top:10px;
width:243px;
float:left;
}

#counterbox p {
width:243px;
}

.startpage #main #counterbox .image_container {
float:left;
width:480px;
height:280px;
}

.startpage #main #counterbox .image_container img {
display:none;
}

span.mod_grcountdown {
display:block;
margin:20px 0 0 18px;
width:216px;
overflow:hidden;
}
span.mod_grcountdown span.grcountdown_title {
display:block;
margin-bottom:8px;
width:100%;
height:auto;
line-height:normal;
color:#333333;
background-color:#ffffff;
text-indent:0;
font-size:18px;
}

span.mod_grcountdown span {
display:block;
float:left;
height:33px;
width:25px;
color:#ffffff;
background-color:#f70504;
text-indent:-9999px;
overflow:hidden;
}

span.mod_grcountdown span#seconds{
display:block;
float:left;
height:33px;
line-height:33px
width:25px;
color:#777777;
background-color:#ffffff;
text-indent:0;
overflow:hidden;
font-size:19px;
}

span.mod_grcountdown span.timedivide {
width:8px;
line-height:25px;
background:none;
text-indent:0;
font-size:20px;
color:#333333;
font-weight:bold;
text-align:left;
margin-left:-1px;
}

#day2 {
margin-right:8px;
}

.grcountdown0 {
background:url(../img/counter.gif) no-repeat 0 0;
}

.grcountdown1 {
background:url(../img/counter.gif) no-repeat 0 -33px;
}

.grcountdown2 {
background:url(../img/counter.gif) no-repeat 0 -66px;
}

.grcountdown3 {
background:url(../img/counter.gif) no-repeat 0 -99px;
}

.grcountdown4 {
background:url(../img/counter.gif) no-repeat 0 -132px;
}

.grcountdown5 {
background:url(../img/counter.gif) no-repeat 0 -165px;
}

.grcountdown6 {
background:url(../img/counter.gif) no-repeat 0 -198px;
}

.grcountdown7 {
background:url(../img/counter.gif) no-repeat 0 -231px;
}

.grcountdown8 {
background:url(../img/counter.gif) no-repeat 0 -264px;
}

.grcountdown9 {
background:url(../img/counter.gif) no-repeat 0 -297px;
}

span.mod_grcountdown span.labelrow {
clear:both;
color:#333333;
background-color:#ffffff;
text-indent:0;
width:191px;
overflow:hidden;
}

span.mod_grcountdown span.labelrow span {
color:#333333;
width:auto;
background-color:#ffffff;
text-indent:0;
font-size:11px;
display:block;
float:left;
}

span.mod_grcountdown span.labelrow span.daylabel {
width:75px;
margin-right:8px;
}

span.mod_grcountdown span.labelrow span.hourlabel {
width:50px;
margin-right:8px;
}

div.ce_entry_teaser {
margin-top:10px;
width:257px;
float:left;
color:#ffffff;
}

.startpage #main div.ce_entry_teaser h3 {
margin:0;
padding:0;
border-bottom:#ffffff solid 2px;
height:64px;
line-height:64px;
font-size:22px;
text-align:center;
color:#ffffff;
}

div.ce_entry_teaser .arrowlink {
display:block;
margin:20px auto 0 auto;
width:20px;
height:20px;
}

div.ce_entry_teaser div {
height:140px;
padding:14px 30px 30px 30px;
}

div.ce_entry_teaser div p {
color:#cccede;
line-height:20px;
font-size:14px;
}

div.ce_entry_teaser div p a {
color:#cccede;
text-decoration:underline;
}

div.startteaser_right,
div.startteaser_left {
background-color:#0a38ab;
}

div.startteaser_left {
margin-right:1px;
}

div.startteaser_left h3,
div.startteaser_right h3 {
background-color:#144bb8;
}

div.startteaser_middle h3 {
background-color:#0a38ab;
}

div.startteaser_middle {
background-color:#144bb8;
margin-right:1px;
}




/*******************************************************************************
 *
 * Drinks (styles for subnavi and download
 * 
 ******************************************************************************/ 
#left .mod_customnav ul,
#right .mod_customnav ul {
margin-top:10px;
position:static;
float:none;
left:0;
list-style-type:none;
}

#left .mod_customnav li,
#left .mod_customnav li,
#left .mod_customnav li.last,
#right .mod_customnav li,
#right .mod_customnav li,
#right .mod_customnav li.last {
margin-bottom:3px;
position:static;
right:0;
float:none;
text-align:left;
text-indent:10px;
color:#034ea2;
background:url(../img/bg_subnav.gif) no-repeat 0 center;
}

#right .mod_customnav li.active {
color:#333333;
background:url(../img/bg_subnav_active.gif) no-repeat 0 center;
}

#right .mod_customnav a {
color:#034ea2;
font-size:14px;
}

div.ce_drink {
margin:0 0 10px 0;
overflow:hidden;
background:#ffffff url(../img/bg_drink.gif) repeat-x 0 20px;
}


#cocktails h3,
#mixed-drinks-und-alkoholfreie-cocktails h3,
#spirituosen h3,
#biere-weine-und-alkoholfreies h3 {
padding:20px 0 10px 0;
color:#f70504;
font-size:18px;
font-weight:normal;
}

#cocktails h3.first,
#mixed-drinks-und-alkoholfreie-cocktails h3.first,
#spirituosen div.drinksfirst h3,
#biere-weine-und-alkoholfreies div.drinksfirst h3 {
padding:10px 0 10px 0;
color:#f70504;
font-size:18px;
font-weight:normal;
}

div.ce_drink h4 {
float:left;
font-weight:bold;
}

div.ce_drink span.price {
display:block;
float:right;
}

div.ce_drink p {
padding-top:6px;
clear:both;
width:300px;
}

.drink_detail div.ce_table {
width:100%;
clear:both;
}

.drink_detail div.ce_table table {
width:100%;
}

.drink_detail div.ce_table table td {
padding-bottom:4px;
vertical-align:top;
}

.drink_detail div.ce_table table td.col_0 { 
font-size:14px;
font-weight:bold;
}
.drink_detail div.ce_table table td.col_1 { 
width:40px;
}
.drink_detail div.ce_table table td.col_2 { 
text-align:right;
width:60px;
}


/*****************************************************************************
	Musikprogamm
*****************************************************************************/

.mod_calendar table {
width:100%;
}

.mod_calendar th {
color:#034ea2;
text-align:left;
padding-bottom:10px;
background:none;
}

.mod_calendar tr.odd {
background-color:#f1f1f1;
}

.mod_calendar tr.even:hover,
.mod_calendar tr.odd:hover {
background-color:#dddddd;
}

.mod_calendar td {
vertical-align:top;
height:32px;
}

.mod_calendar td.date {
width:80px;
padding:4px;
}

.mod_calendar span.day {
display:inline-block;
width:24px;
}

span.Sa {
font-weight:bold;
}

span.So {
font-weight:bold;
color:#f70504;
}

.mod_calendar td.dj {
width:100px;
padding:4px 4px 4px 0;
}

.mod_calendar td.title {
padding:4px 4px 4px 0;
}

.mod_calendar td.divider {
height:1px;
line-height:1px;
font-size:1px;
background-color:#cccccc;
}

.mod_calendar p {
margin-top:30px;
text-align:center;
}





/**************************************
	Musikprogamm Paginierung
***************************************/
.mod_calendar .pagination {
margin:30px 0 30px 0;
overflow:hidden;
}

.mod_calendar .pagination span.previous {
display:block;
float:left;
width:33.33%;
}

.mod_calendar .pagination span.current {
display:block;
float:left;
width:33.33%;
text-align:center;
}

.mod_calendar .pagination span.next {
display:block;
float:left;
width:33.33%;
text-align:right;
}


/*******************************************************************************
 *
 * Videos
 * 
 ******************************************************************************/

div#videos .mod_yw_youtube {
margin:15px 0 0 0;
padding:0 0 5px 0;
min-height:337px;
overflow:hidden;
}

div#videos object {
display:block;
height:300px;
}

div#videos .mod_yw_youtube h3 {
margin:0 0 5px 0;
font-size:14px;
font-weight:bold;
color:#034ea2;
}

div#videos .mod_yw_youtube p {
padding:0 0 5px 0;
font-size:12px;
}



/*******************************************************************************
 *
 * Gästebuch
 * 
 ******************************************************************************/
 
div.ce_comments {
margin-top:30px;
}

div.ce_comments div.comment_default {
margin-top:30px;
}

div.ce_comments p.info {
margin-bottom:4px;
font-weight:bold;
font-size:13px;
}

div.ce_comments p.info span.name {
color:#034ea2;
font-weight:bold;
font-size:13px;
}

#left div.ce_comments div.comment,
#left div.ce_comments div.comment p {
line-height:18px;
font-size:13px;
}


div.ce_comments div.pagination {
margin:30px 0 0 0;
overflow:hidden;
}

div.ce_comments div.pagination p {
float:left;
font-size:13px;
}

div.ce_comments ul {
list-style-type:none;
float:right;
}

div.ce_comments li {
padding-left:4px;
float:left;
}

div.ce_comments a,
div.ce_comments span {
font-size:13px;
}

#left div.ce_comments h3 {
margin:60px 0 15px 0;
color:#034ea2;
font-size:16px;
font-weight:bold;
}

#left div.ce_comments input.text,
#left div.ce_comments input.captcha {
margin-bottom:4px;
}

#left div.ce_comments label,
#left div.ce_comments span.captcha_text {
font-size:13px;
}

#left div.ce_comments p.error {
font-size:13px;
color:#f70504;
}

#left div.ce_comments div.submit_container {
margin-top:15px;
}

/*******************************************************************************
 *
 * Kontaktformular
 * 
 ******************************************************************************/ 

form.contactform {
margin-top:20px;
}

form.contactform label {
display:block;
float:left;
width:90px;
height:20px;
line-height:20px;
}

form.contactform input.text,
form.contactform textarea,
form.contactform input.captcha {
display:block;
margin:0 0 6px 90px;
}

form.contactform input.text {
width:160px;
}


form.contactform input.captcha {
margin:0;
float:left;
}

form.contactform span.captcha_text {
margin-left:10px;
color:#888888;
font-size:12px;
}

form.contactform div.submit_container {
clear:both;
margin:30px 0 0 90px;
}

form.contactform p.error {
margin-bottom:2px;
color:#f70504;
font-size:12px;
}

/*******************************************************************************
 *
 * Google Map
 * 
 ******************************************************************************/ 

div.mod_dlh_googlemaps {
margin:0 0 7px 0;
}

div.mod_dlh_googlemaps div div span {
display:none;
}

div#right .ce_text p {
font-size:12px;
color:#034ea2;
line-height:17px;
}
  
/*******************************************************************************
 *
 * Partner
 * 
 ******************************************************************************/
  
div.partner_first {
padding-top:15px;
}  

  
/*******************************************************************************
 *
 * Footer + bottomborder
 * 
 ******************************************************************************/ 
div#footer {
padding:45px 0 45px 0;
clear:both;
}

p.footer_address {
margin-top:18px;
color:#ccd4ec;
text-align:center;
font-size:12px;
}

p.copyright {
margin-top:14px;
color:#ccd4ec;
text-align:center;
font-size:12px;
}

 
#bottomborder { 
position:relative;
margin-top:-10px;
height:10px;
background-color:#ffffff;
}

/*******************************************************************************
 *
 * Frontend-Editing
 * 
 ******************************************************************************/ 

.editorform {
padding-top:30px;
} 

.editorform label {
font-weight:bold;
} 

.editorform input {
font-size:14px;
height:auto;
} 

.editorform td {
padding-bottom:10px;
}  

.editorform td.col_first {
padding-right:10px;
}  


.editorform input.date{
width:70px;
} 

.editorform input.dj{
width:240px;
}

.editorform input.title{
width:240px;
}

.editorform span.mandatory {
color:#f70504;
}

.editorform p.error {
color:#f70504;
}

.editorform div.submit_container {
padding-top:15px;
}

.editorform input.submit {
color:#ffffff;
background-color:#034ea2;
width:70px;
padding:0 0 1px 0;
cursor:pointer;
}

a.edit_backlink {
clear:both;
display:block;
margin-top:30px;
width:50px;
}