/*	-------------------------------------------------------------
	Fonts + Basics
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:baseline;border:0;font-size:100%;outline:0;background:transparent;}
body{font-family:Arial, Helvetica, Verdana, sans-serif;;font-size:72%;color:#fff;line-height:1.5em;}
input,textarea,select{margin:0;padding:0;font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em;color:#fff;}
pre,code{font-family:"Andale Mono", monospace;font-size:1em;white-space:pre;}
p{margin-bottom:0.75em;}
h1,h2,h3,h4,h5,h6{font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;font-weight:bold;line-height:1.4em;text-transform:uppercase;}
h1{margin-bottom:0.75em;font-size:1.2em;color:#e2001a;}
h2{margin-bottom:0.75em;font-size:1.6em;color:#e2001a;}
h3{margin-bottom:0.75em;font-size:1.1em;color:#e2001a;}
h4{margin-bottom:0;font-size:1.2em;color:#e2001a;}
h5{margin-bottom:0;font-size:1em;color:#e2001a;}
a{color:#e2001a;text-decoration:none;}
a:hover{/*color:#fff;*/text-decoration:underline;}
ol,ul{list-style-type:none;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
*:focus{outline:0;}
* html ul,* html ol{position:relative;}
* html ol{margin-left:2em;}
*:first-child+html ol{margin-left:2em;}
* html legend{margin-bottom:1.4em;}
*:first-child+html legend{margin-bottom:1.4em;}

.center{text-align:center;}
a.mail {color:#fff;text-decoration:none;}
a.mail:hover{text-decoration:underline;}

/*	-------------------------------------------------------------
	Basics
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

* {
    margin: 0;
    padding: 0;
	}
	
html {
	height:100.2%;
	padding-bottom:0.1%;
}

* html body {
	background-color:#000;
}

body {
	background-color:#000;
	margin:25px 0 25px 0;
}

.clear {
	clear:both;
}

#wrapper {
}

#header {
	position:relative;
	background:url(../layout/glow_top.png) center top no-repeat;
	padding:0 10px 0 10px;
}
#header .inside {
}

#logo {
	position:absolute;
	left:30px;
	top:20px;
}
#logo h1 {
	float:left;
	text-indent:-9999px;
	width:1px;
}

#container {
	min-height:280px;
	padding:0 10px 0 10px;
	background:url(../layout/glow_middle.png) center top repeat-y;
}
* html #container {
	height:280px;
}

#left {
}
#left .inside {
}

#main {	
}
#main .inside {
}

#right {
}
#right .inside {
}

/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer {
	padding:0 10px 0 10px;
	background:url(../layout/glow_bottom.png) center top no-repeat;
	position:relative;
}
#footer .inside {
	padding:65px 30px 0 30px;
	color:#fff;
}

#nav_footer {
	/*float:right;*/
	position:absolute;
	right:110px;
}
#nav_footer a {
	color:#9c9c9c;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
}
#nav_footer a:hover, #nav_footer a.trail, #nav_footer span {
	color:#e2001a;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
}
#nav_footer ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#nav_footer li {
    float:left;
    padding-left:20px;
}

#nav_socials {
	/*float:right;*/
	position:absolute;
	right:30px;
	top:58px;
}

/*	-------------------------------------------------------------
	Mainmenu / Menumatic
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/**
 * Container
 */
#nav_main
{
}

/* ----[ LINKS ]----*/

/* all menu links */
#nav_main .level_1 a, #subMenusContainer a {
	text-decoration:none;
	display:block;
	padding:50px 0;
	font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#959594;
	text-transform:uppercase;
	background:url(../layout/star.png) center top no-repeat;
}
#subMenusContainer a {
	background:none;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav_main .level_1 a {
	margin:0;
	float:left;
	width:130px;
}

/* Just sub menu links */
#subMenusContainer a, #nav_main .level_1 li li a {
	text-align:center;
	padding:5px 0;
	border-right:none;
	color:#959594;
	font-size:12px;
}
#subMenusContainer li.last a, #nav_main .level_1 li li.last a{
	border-bottom:none;
}
* html #subMenusContainer a, #nav_main .level_1 li li a {
	margin:3px 0 3px 0;
}

/* main menu links on hover or focus */
#nav_main .level_1 a.mainMenuParentBtnFocused, 
#nav_main .level_1 li a:hover,
#nav_main .level_1 li a.active,
#nav_main .level_1 li a.trail,
#nav_main .level_1 li a:focus{
	background:url(../layout/star_hover.png) center top no-repeat;
	color:#fff;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus,
#subMenusContainer a.active,
#subMenusContainer a.trail,
#nav_main .level_1 li li a:hover,
#nav_main .level_1 li li a:focus,
#nav_main .level_1 li li a.active,
#nav_main .level_1 li li a.trail,
#subMenusContainer a.subMenuParentBtnFocused{
	font-weight:bold;
	font-size:12px;
	background:none;
	color:#fff;
	border-right:none;
}
* html #subMenusContainer a:focus,
* html #subMenusContainer a.active,
* html #subMenusContainer a.trail,
* html #nav_main .level_1 li li a:focus,
* html #nav_main .level_1 li li a.active,
* html #nav_main .level_1 li li a.trail,
* html #subMenusContainer a.subMenuParentBtnFocused{
	margin-bottom:-0.99em;
}
/* ---- FIX FÜR IE8 SUBMENUE HOVER BUG !!! ----*/
#subMenusContainer a {
	position:relative;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden
	padding:0 2px;
	margin:0 0 0 -2px;*/
}


/* All ULs */
#nav_main .level_1, #nav_main .level_1 ul, #subMenusContainer ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu ULs */
#nav_main .level_1 ul, #subMenusContainer ul {	
	/*border around submenu goes here*/	 
	background:none;	
	left:0px;
	width: 130px;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav_main .level_1 li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}
* html #subMenusContainer li {
	margin-bottom:-0.99em;
}

/* main menu ul elment */
#nav_main .level_1{
	position: absolute;
	z-index:100;
	top:40px;
	right:10px;
	width:650px;
	height:100px;
	list-style:none;
	margin:0;
	text-align: center;
	display:block;
}

#subMenusContainer{ display:block; position:absolute; top:-40px; left:0; width:100%; height:0; overflow:visible; z-index:100000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav_main .level_1 li li{	float:none; }

#nav_main .level_1 li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav_main .level_1 li ul { /* second-level lists */
	position: absolute;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:32px;
}


 /* lists nested under hovered list items */
#nav_main .level_1 li:hover ul{	margin-left: 0; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav_main .level_1 li a:focus + ul {  margin-left: 0; margin-top:38px; }
#nav_main .level_1 li li a:focus {left:0;  margin-left:1000em; width:auto;  margin-top:0;}
#nav_main .level_1 li:hover a:focus{ margin-left: 0; }

/*	-------------------------------------------------------------
	Submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#submenu-alcohol {
	position:absolute;
	top:0px;	
}
#submenu-alcohol a:link, #submenu-alcohol a:visited {
    display: block;
    width: 250px;
    height: 30px;
	padding-bottom:5px;
    font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color: #0f0014;
    line-height: 30px;
    text-decoration: none;
    background: #0d0909 url(../layout/submenu_a.jpg) no-repeat left top;
    text-indent: 70px;
}
#submenu-alcohol a:hover {
     background: #0d0909 url(../layout/submenu_a_hover.jpg) no-repeat left top;
     color: #fff;
}
#submenu-alcohol span {
     display: block;
     width: 250px;
     height: 30px;
	 padding-bottom:5px;
     font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	 text-transform:uppercase;
	 font-size:13px;
	 font-weight:bold;
	 color: #fff;
     line-height: 30px;
     text-decoration: none;
     background: #0d0909 url(../layout/submenu_a_hover.jpg) no-repeat left top;
     text-indent: 70px;
}

/* --------------------> */

#submenu-nonalcohol {
	position:absolute;
	top:0px;	
}
#submenu-nonalcohol a:link, #submenu-nonalcohol a:visited {
    display: block;
    width: 250px;
    height: 30px;
	padding-bottom:5px;
    font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color: #0f0014;
    line-height: 30px;
    text-decoration: none;
    background: #0d0909 url(../layout/submenu_na.jpg) no-repeat left top;
    text-indent: 70px;
}
#submenu-nonalcohol a:hover {
     background: #0d0909 url(../layout/submenu_na_hover.jpg) no-repeat left top;
     color: #fff;
}
#submenu-nonalcohol span {
     display: block;
     width: 250px;
     height: 30px;
	 padding-bottom:5px;
     font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	 text-transform:uppercase;
	 font-size:13px;
	 font-weight:bold;
	 color: #fff;
     line-height: 30px;
     text-decoration: none;
     background: #0d0909 url(../layout/submenu_na_hover.jpg) no-repeat left top;
     text-indent: 70px;
}

/* --------------------> */

#submenu-specials {
	position:absolute;
	top:0px;	
}
#submenu-specials a:link, #submenu-specials a:visited {
    display: block;
    width: 250px;
    height: 30px;
	padding-bottom:5px;
    font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color: #0f0014;
    line-height: 30px;
    text-decoration: none;
    background: #0d0909 url(../layout/submenu_s.jpg) no-repeat left top;
    text-indent: 70px;
}
#submenu-specials a:hover {
     background: #0d0909 url(../layout/submenu_s_hover.jpg) no-repeat left top;
     color: #fff;
}
#submenu-specials span {
     display: block;
     width: 250px;
     height: 30px;
	 padding-bottom:5px;
     font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	 text-transform:uppercase;
	 font-size:13px;
	 font-weight:bold;
	 color: #fff;
     line-height: 30px;
     text-decoration: none;
     background: #0d0909 url(../layout/submenu_s_hover.jpg) no-repeat left top;
     text-indent: 70px;
}

/* --------------------> */

#submenu-zubehoer {
	position:absolute;
	top:0px;	
}
#submenu-zubehoer a:link, #submenu-zubehoer a:visited {
    display: block;
    width: 250px;
    height: 30px;
	padding-bottom:5px;
    font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color: #0f0014;
    line-height: 30px;
    text-decoration: none;
    background: #0d0909 url(../layout/submenu_z.jpg) no-repeat left top;
    text-indent: 70px;
}
#submenu-zubehoer a:hover {
     background: #0d0909 url(../layout/submenu_z_hover.jpg) no-repeat left top;
     color: #fff;
}
#submenu-zubehoer span {
     display: block;
     width: 250px;
     height: 30px;
	 padding-bottom:5px;
     font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;
	 text-transform:uppercase;
	 font-size:13px;
	 font-weight:bold;
	 color: #fff;
     line-height: 30px;
     text-decoration: none;
     background: #0d0909 url(../layout/submenu_z_hover.jpg) no-repeat left top;
     text-indent: 70px;
}

.mod_breadcrumb {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:10px;
	left:70px;
}
* html .mod_breadcrumb {
	left:40px;
}

/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.content-bg {
	background:#0d0909 url(../layout/content_bg.jpg) left top repeat-y;
	padding:20px 30px 10px 30px;
	min-height:280px;
}
* .content-bg {
	height:auto;
}
.content-left-column {
	width:580px;
}

.content-3column {
	padding:20px 0px 10px 30px;
	background:#0d0909 url(../layout/content_bg.jpg) left top repeat-y;
	min-height:290px;
}
* html .content-3column {
	height:auto;
}

.box-right {
	position:absolute;
	top:10px;
	right:0px;
	width:225px;
	min-height:280px;
	padding:10px 30px 10px 30px;
}
* html .box-right {
	height:auto;
	right:20px;
	overflow:hidden;
}

.box-kontakt {
	position:absolute;
	top:10px;
	right:0px;
	width:280px;
	min-height:280px;
	padding:10px 30px 10px 30px;
}
* html .box-kontakt {
	height:auto;
	top:20px;
}

#home-left {
	background:#0d0909 url(../layout/home_bg_left.jpg) left top repeat-y;
	padding:20px 30px 20px 30px;
	min-height:280px;
}
* html #home-left {
	height:280px;
}
#home-right {
	background:#0d0909 url(../layout/home_bg_right.jpg) right top repeat-y;
	padding:20px 30px 20px 30px;
	min-height:280px;
}
* html #home-right {
	height:280px;
}
#home-middle {
	background-color:#000;
}
* html #home-middle {
	position:absolute;
	top:0;
}

.cocktails-bg {
	height:320px;
	background:#0d0909 url(../layout/cocktails_bg.jpg) left top repeat-x;
}
.cocktail-img {
	position:absolute;
	top:0px;
	left:10000px;
}
.cocktail-txt {
	width:215px;
	position:absolute;
	top:0px;
	left:685px;
	padding:10px 20px 10px 20px;
}

.news-bg {
	background:#0d0909 url(../layout/content_bg.jpg) left top repeat-y;
	padding:20px 30px 10px 30px;
	min-height:280px;
}
* html .news-bg {
	height:auto;
}
.mod_newslist h1 {
	margin-bottom:0.55em;
	font-size:1em;
	color:#e2001a;
}
.mod_newslist {
	width:430px;
	margin-bottom:0;
	padding:10px 10px 5px 10px;
}
.mod_newslist .info {
	color:#9c9c9c;
}
.mod_newslist .layout_full {
	border-bottom:#9c9c9c 1px solid;
	padding-top:5px;
}

.listing ul {
	margin:0px;
	padding:0px 0px 0px 0px;
}
.listing ul li {
	margin:0px;
	padding-left:14px;
	background-image:url("../layout/arrow.gif");
	background-position:left 4px;
	background-repeat:no-repeat;
	list-style-type:none;
}

/* wcslider */
#slider {
	width:435px !important;
	height:320px !important;
	position:absolute !important;
	top:0px !important;
	left:250px !important;
}
.item {
	width:10000px !important;
	height:320px !important;
}

/*	-------------------------------------------------------------
	Form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.form-left{ position:relative; float:left;}
.form-right{ position:relative;float:right;}
/*
.form-right{width:200px;top:-182px;left:220px;position:relative;float:left;}
.form-left{width:200px;}
*/
label{font-weight:bold;}
p.label{margin-top:0.5em;margin-bottom:-0.25em;}
fieldset{width:480px;padding:15px;border:1px solid #fff;}
fieldset label{padding-left:1px;}
legend{font-family:"Arial Black", Arial, Helvetica, Verdana, sans-serif;font-weight:bold;font-size:1.2em;color:#e2001a;text-transform:uppercase;padding:0 5px 0 5px;}
input.text{width:200px;height:14px;margin:0.25em 0.25em 0 0;padding:4px;background-color:#ccc;border:1px solid #fff;color:#000;}
input.text:focus{background-color:#efefef;border:1px solid #e2001a;}
input.upload{margin:0.25em 0.25em 0.25em 0;}
textarea{width:468px;height:50px;margin:0.25em 0.25em 0.25em 0;padding:4px;background-color:#ccc;border:1px solid #fff;color:#000; overflow:auto;}
textarea:focus{background-color:#efefef;border:1px solid #e2001a;}
.ce_form.tableless label{display:block;margin-top:1.5em;}
.ce_form.tableless .radio_container,.ce_form.tableless .checkbox_container{margin-bottom:-16px;}
.ce_form.tableless .radio_container label,.ce_form.tableless .checkbox_container label{display:inline;}
.ce_form.tableless p.error{margin-top:0;margin-bottom:0;}
.checkbox_container{margin:0.25em 0.25em 0.25em 0;}
.checkbox_container span{display:block;}
.checkbox_container label{font-weight:normal;}
input.checkbox{margin-right:3px;}
* html input.checkbox{margin:-1px 0;}
*:first-child+html input.checkbox{margin:-1px 0;}
input.captcha{width:68px;height:14px;margin:0.25em 0.25em 0.25em 0;padding:4px;background-color:#ccc;border:1px solid #fff;color:#000;text-align:center;}
input.captcha:focus{background-color:#efefef;border:1px solid #e2001a;}
span.captcha_text{top:0.65em;position:relative;vertical-align:top;font-weight:normal !important;color:#fff !important;}
* html span.captcha_text{top:0.8em;}
*:first-child+html span.captcha_text{top:0.8em;}
.radio_container{margin:0.25em 0.25em 0.25em 0;}
.radio_container span{display:block;}
.radio_container label{font-weight:normal;}
input.radio{margin-right:3px;}
* html input.radio{margin:-1px 0;}
*:first-child+html input.radio{margin:-1px 0;}
.submit_container{margin:1.25em 0.25em 0.25em 0;}
input.submit{padding-right:0.5em;padding-left:0.5em;color:#000;}
.submit{width:78px;}
* html input.submit{padding-right:0;padding-left:0;}
*:first-child+html input.submit{padding-right:0;padding-left:0;}
span.mandatory{font-weight:bold;;color:#ff0000;padding-left:3px;}
p.error{margin-top:0.5em;margin-bottom:0;font-size:11px;color:#ff0000;}
div.cc{margin-bottom:0.5em;}
.ce_form td.col_first{padding-right:1em;vertical-align:middle;}
select{width:100px;margin:0.25em 0.25em 0 0;background-color:#ccc;border:1px solid #fff;color:#000;}
select:focus{background-color:#efefef;border:1px solid #e2001a;}
.explanation {margin-top:1.25em;}
.explanation-box {
	width:500px;
	background:url(../layout/trans_bg.png) left top;
	padding:5px 5px 0 5px;
	border:#fff 1px solid;
	margin-bottom:10px;
}