/* 	----------------------------------------------------------------------------------------------------
	MAIN ELEMENTS
	---------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'MXSubmenu';
    src: url('fonts/submenu.eot');
    src: url('fonts/submenu.eot?iefix') format('eot'),
         url('fonts/submenu.woff') format('woff'),
         url('fonts/submenu.ttf') format('truetype'),
         url('fonts/submenu.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MXSubmenuSelektiert';
    src: url('fonts/submenuSelected.eot');
    src: url('fonts/submenuSelected.eot?iefix') format('eot'),
         url('fonts/submenuSelected.woff') format('woff'),
         url('fonts/submenuSelected.ttf') format('truetype'),
         url('fonts/submenuSelected.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MXmenuSelektiert';
    src: url('fonts/menuselected.eot');
    src: url('fonts/menuselected.eot?iefix') format('eot'),
         url('fonts/menuselected.woff') format('woff'),
         url('fonts/menuselected.ttf') format('truetype'),
         url('fonts/menuselected.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MXHomeImpressum';
    src: url('fonts/home-impressum-webfont.eot');
    src: url('fonts/home-impressum-webfont.eot?iefix') format('eot'),
         url('fonts/home-impressum-webfont.woff') format('woff'),
         url('fonts/home-impressum-webfont.ttf') format('truetype'),
         url('fonts/home-impressum-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MXMenu';
    src: url('fonts/menu-webfont.eot');
    src: url('fonts/menu-webfont.eot?iefix') format('eot'),
         url('fonts/menu-webfont.woff') format('woff'),
         url('fonts/menu-webfont.ttf') format('truetype'),
         url('fonts/menu-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MXTexte';
    src: url('fonts/texte-webfont.eot');
    src: url('fonts/texte-webfont.eot?iefix') format('eot'),
         url('fonts/texte-webfont.woff') format('woff'),
         url('fonts/texte-webfont.ttf') format('truetype'),
         url('fonts/texte-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'MXTexteBold';
    src: url('fonts/textbold-webfont.eot');
    src: url('fonts/textbold-webfont.eot?iefix') format('eot'),
         url('fonts/textbold-webfont.woff') format('woff'),
         url('fonts/textbold-webfont.ttf') format('truetype'),
         url('fonts/textbold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'MXTexteRegular';
    src: url('fonts/textreg-webfont.eot');
    src: url('fonts/textreg-webfont.eot?iefix') format('eot'),
         url('fonts/textreg-webfont.woff') format('woff'),
         url('fonts/textreg-webfont.ttf') format('truetype'),
         url('fonts/textreg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* 	----------------------------------------------------------------------------------------------------
	BASIC STYLES
	---------------------------------------------------------------------------------------------------- */

body {
	-webkit-text-size-adjust:none;
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	color:#000;
	background-color:rgb(208, 222, 225);
}

* { outline:0; }
.clb { clear:both; line-height:1px; height:1px; overflow:hidden }
.cp { cursor:pointer }
.dn { display:none }

textarea {
	resize: none;
}

img { border:0}

*::selection { background: rgb(208, 222, 225) }
*::-moz-selection { background: rgb(208, 222, 225) }

a { 
	color:#000; 
	text-decoration:none;
	border:0; 
}

a:hover { 
	color:rgb(208, 222, 225);
	text-decoration:none 
}

.achtung { color:#C33 }


/* 	----------------------------------------------------------------------------------------------------
	MAIN ELEMENTS
	---------------------------------------------------------------------------------------------------- */
	

#MAIN {
	position:absolute;
	top:20px;
	left:20px;
	width:1030px;
	background-color:#fff;
	border-bottom:20px solid rgb(208, 222, 225);;	
}

#MENU {
	position:absolute;
	top:334px;
	left:20px;
	width:290px;
}

#TEXT {
	position:absolute;
	top:334px;
	left:480px;
	width:536px;
}

#TEXTINNER {
	width:400px;
	font-family: 'MXTexte',sans-serif;
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	height:100%;
}


#TEXTINNER b {
	font-family: 'MXTexteRegular',sans-serif;
	font-weight:normal;
}

#TEXTINNER i {
	font-family: 'MXSubmenu',sans-serif;
	font-weight:normal;
	font-style:normal
}
	

#TEXTINNER a { 
	font-family: 'MXTexteRegular',sans-serif;
}

#TEXTINNER img {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	width:100px;
}

input, textarea {
	width:300px;
	font-family: 'MXTexte',sans-serif;
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	color:#000;
	border:1px solid #878787;	
}


#PREVIOUSNEXTDISH {
	position:absolute;
	bottom:20px;
	left:480px;
	width:290px;
	font-family: 'MXHomeImpressum',sans-serif;
	font-size:11px;
	letter-spacing:1px;
}

#HOMEIMPRESSUM {
	position:absolute;
	bottom:20px;
	left:20px;
	width:290px;
	font-family: 'MXHomeImpressum',sans-serif;
	font-size:11px;
	letter-spacing:1px;
}

#LANGUAGES {
	position:absolute;
	top:20px;
	right:20px;
	width:290px;
	font-family: 'MXTexteRegular',sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color: gray;
	width:100px;
	text-align:right;
	z-index:999999;
	margin-top: -38px;
	margin-right: -10px;
}

#LANGUAGES a {
	color: gray
}

#LANGUAGES a:hover {
	color:#000 !important
}


#RES_thanks {
	display:none
}

.res_space {
	height:8px;
	overflow:hidden;
}

.RESERVIERUNGONLINE {
	position:absolute;
	bottom:32px;
	left:311px;
	font-family: 'MXTexteRegular',sans-serif;
	font-size:20px;
	letter-spacing:2px;
	color:#fff;
	z-index:999999;
	padding-left:16px;
	padding-right:16px;
	padding-top:10px;
	padding-bottom:10px;
	text-wrap:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../_GFX/transparent.png');
}

.RESERVIERUNGONLINE[class]{
  background-image:url(../_GFX/transparent.png);
}



.RESERVIERUNGONLINE a {
	color:#fff !important
}

.RESERVIERUNGONLINE a:hover {
	color:#000 !important
}


#STARTPAGELOGO {
	position:absolute;
	top:270px;
	left:307px;
	z-index:999999	
}



#BOOKINGPOPUPTEXT {
	position:absolute;
	top:25px;
	left:25px;
	width:303px;
	font-family: 'MXTexte',sans-serif;
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	color:#575757
}

#BOOKINGPOPUPTEXT b {
	font-family: 'MXTexteRegular',sans-serif;
	font-weight:normal;
}

#BOOKINGPOPUPTEXT i {
	font-family: 'MXSubmenu',sans-serif;
	font-weight:normal;
	font-style:normal
}
	
	

#BOOKINGPOPUPTEXT a { 
	font-family: 'MXTexteRegular',sans-serif;
}


#BOOKINGPOPUPWIDGET {
	position:absolute;
	top:25px;
	left:375px;
	z-index:1;
}

#BOOKINGPOPUPLANGUAGES {
	position:absolute;
	top:70px;
	right:0px;
	width:290px;
	font-family: 'MXTexteRegular',sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#575757;
	width:100px;
	text-align:right;
}

#BOOKINGPOPUPLEFTCOVER {
	position:absolute;
	top:0px;
	left:372px;
	width:6px;
	height:400px;
	background-color:#fff;
	z-index:9999;	
}

#BOOKINGPOPUPRIGHTCOVER {
	position:absolute;
	top:0px;
	left:672px;
	width:6px;
	height:400px;
	background-color:#fff;
	z-index:9999;	
}

#BOOKINGPOPUPTOPCOVER {
	position:absolute;
	top:25px;
	left:372px;
	width:310px;
	height:4px;
	background-color:#fff;
	z-index:9999;	
}

#BOOKINGPOPUPBOTTOMCOVER {
	position:absolute;
	top:372px;
	left:372px;
	width:310px;
	height:4px;
	background-color:#fff;
	z-index:9999;	
}
	

/* 	-----------------------------------
	MENU 
	----------------------------------- */

.menuMainItem {
	font-family: 'MXMenu',sans-serif;
	font-size:20px;
	letter-spacing:2px;
	color:#000;
	margin-bottom:9px;
}

.menuMainItemSelected {
	font-family: 'MXmenuSelektiert',sans-serif !important;
}

.menuSubItem {
	font-family: 'MXSubmenu',sans-serif;
	font-size:15px;
	letter-spacing:2px;
	color:#000;
	margin-bottom:4px;
	margin-left:29px;
}

.menuSubItemSelected {
	font-family: 'MXSubmenuSelektiert',sans-serif !important;
}


/* 	-----------------------------------
	SPEISEN 
	----------------------------------- */

.speise_text {
	display:none;	
}


/* 	-----------------------------------
	SLIDESHOW 
	----------------------------------- */

#SLIDESHOW_container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10;
}

.SLIDESHOW_photodiv {
	position:absolute; 
	top:0px; 
	left:0px;
}

.SLIDESHOW_pic {
  filter:alpha(opacity=0);
  opacity:0;
  -moz-opacity:0; 
}

.SLIDESHOW_pic_visible {
  filter:alpha(opacity=100);
  opacity:1;
  -moz-opacity:1; 
}

/* 	-----------------------------------
	SCROLLBAR 
	----------------------------------- */


.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
	background: #dadada;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;	
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #dadada;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #dadada;
	position: relative;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	
}

.jspDrag {
	background: #878787;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow {
	background: #dadada;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #fff;
}

.jspVerticalBar .jspArrow {
	height: 4px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #dadada;
	float: left;
	height: 100%;
}

* html .jspCorner {
	margin: 0 -3px 0 0;
}