@charset "utf-8";



/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #333333;
	font-size:12px;
}
body {
	background: #e4dfc8 url(../images/bg-body.jpg) top center repeat-y;
}
h1 {
	font-size: 28px;
	color: #555;
	font-weight:lighter;
	padding: 0 0 0 0;
}
h2 {
	font-size: 35px;
	color: #512f11;
	font-weight:bold;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:30px 0 30px 0;
}

	h2.headlineBig {
	font-size: 33px;
	color: #4d4119;
	font-weight:bold;
	padding:0;
	margin:0;
	}

h3, .h3 {
	font-size: 18px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}
h4, .h4 {
	font-size: 16px;
	color: #4d4119;
	font-weight:bold;
	padding:0;
	margin:0 0 20px 0;
}

	h4.headlineSmall {
	font-size: 22px;
	color: #4d4119;
	font-weight:normal;
	padding:0;
	margin:0;
	}

h5, .h5 {
	font-size: 12px;
	color: #512f11;
	font-weight:bold;
	padding: 0 0 10px 0;
}

h6, .h6 {
	font-size: 12px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}

p, p strong, p span.tel {
	font-size:12px;
	margin: 0 0 18px 0px;
	line-height: 18px;
	color:#3f200e;
}
img {
	border:none;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

div#container1 {
	width:100%;
	height:480px;
	background:url(../images/bg-container1.jpg) top center no-repeat;
}
	div#headContainer {
		width:920px;
		height:480px;
		margin:0 auto;
		position:relative;
	}
		h1#branding a{
				width:210px;
				height:150px;
				display:block;
				position:relative;
				float:left;
				z-index: 99;
			}
			
			h1#branding a span {
				text-indent:-2000px;
				width:210px;
				height:150px;
				display:block;
				position:absolute;
				top:0;
				left:0;
			}
			
			
			div.open{
	width:184px;
	height:257px;
	position:absolute;
	background:url(../images/bg-open_new.png) 0 0 no-repeat;
	top:134px;
	left:735px;
	z-index:100;
			}
			
			div.open p{
				font-size:11px;
				padding: 80px 0 0 26px;
			}
		
		
		
		
div#container2{
	width:100%;
	min-height:570px;
	background:url(../images/bg-container2.jpg) top center no-repeat;
}


	div#contentContainer {
		width:920px;
		min-height:570px;
		margin:0 auto;
		}
		
	
		
		div#contentMain1 {
			width:190px;
			height:340px;
			padding: 230px 0 0 80px;
			float:left;
		}
			div#contentMain1 a {
				font-size: 11px;
			}
			div#contentMain1 p{
				font-size:11px;
			}
		
			
		div#contentMain2 {
			width:650px;
			min-height:570px;
			float:left;
		}
		
		
		div.data01, div.data02{
			width:310px;
			min-height:20px;
			float:left;
		}
		
		div.data01{
			margin: 0 30px 0 0;
		}
		
		#Panorama{
			width:650px;
			height:220px;
			margin: 0 0 30px 0;
		}
		

		
			

div#container3 {
	width:100%;
	height:250px;
	background:url(../images/bg-container3.jpg) top center repeat-x;
}


.aktuelles p {
	font-size: 14px;
}

.startseite p, .startseite a, .startseite a:hover {
	font-size: 14px;
}
.startseite p strong {
	font-size: 16px;
}

.empfehlungen p, table td {
	font-size: 14px;
}

iframe[src*="maps"] { 
	width:650px;
	height:350px;
	frameborder:0;
	scrolling:no;
	marginheight:0;
	marginwidth:0;
}
				
/*---------------------------------------------------------------------------------------
--------------------------------------KLASSEN--------------------------------------------
---------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.strong_text {
	color:#f3f3f3;
	font-weight:bold;
}
.red {
	color:#ac0000;
}
ul.auflistung {
	padding: 0 0 20px 20px;
}
ul.auflistung li {
	padding: 0 0 10px 20px;
	background:url(../images/li-icon.jpg) 0 6px no-repeat;
	color:#3f200e;
}


div.accordionContent ul.auflistung{
	display:block!important;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/
ul#navigation{
		width:920px;
		height:80px;
		}
		
		
		ul#navigation li{
			height:80px;
			float:left;
				}
			
			
			ul#navigation li a{
				display:block;
				text-indent:-2000px;
				height:80px;
				text-decoration:none;
				}

			ul#navigation li a.b1{
					width:393px;
					background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
					}
					ul#navigation li a.b1:hover{
					background:url(../images/bg-navigation.jpg)  0px -80px ;
					}
					
			ul#navigation li a.b2{
					width:199px;
					background:url(../images/bg-navigation.jpg) -393px 0  no-repeat;
					}
					ul#navigation li a.b2:hover{
					background:url(../images/bg-navigation.jpg)  -393px -80px ;
					}
					
			ul#navigation li a.b3{
					width:184px;
					background:url(../images/bg-navigation.jpg) -592px 0  no-repeat;
					}
					ul#navigation li a.b3:hover{
					background:url(../images/bg-navigation.jpg)  -592px -80px ;
					}
					
					
			ul#navigation li a.b4{
					width:144px;
					background:url(../images/bg-navigation.jpg) -776px 0  no-repeat;
					}
					ul#navigation li a.b4:hover{
					background:url(../images/bg-navigation.jpg)  -776px -80px ;
					}		
					
					
					


/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION ADDITIONAL------------------------------
---------------------------------------------------------------------------------------*/
ul#navigationAdditional{
			width:415px;
			height:60px;
			margin:90px 0 0 0;
			float:left;
		}
		
		
		ul#navigationAdditional li{
		height:60px;
		float:left;
				}
			
			
			ul#navigationAdditional li a{
				display:block;
				text-indent:-2000px;
				height:60px;
				text-decoration:none;
				}

			ul#navigationAdditional li a.s1{
					width:56px;
					background:url(../images/bg-navigationAdditional.jpg) 0 0 no-repeat;
					}
					ul#navigationAdditional li a.s1:hover{
					background:url(../images/bg-navigationAdditional.jpg)  0 -60px ;
					}
					
			ul#navigationAdditional li a.s2{
					width:71px;
					background:url(../images/bg-navigationAdditional.jpg) -64px 0  no-repeat;
					}
					ul#navigationAdditional li a.s2:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -64px -60px ;
					}
					
			ul#navigationAdditional li a.s3{
					width:57px;
					background:url(../images/bg-navigationAdditional.jpg) -144px 0  no-repeat;
					}
					ul#navigationAdditional li a.s3:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -144px -60px ;
					}
					
			ul#navigationAdditional li a.s4 {
					width:56px;
					background:url(../images/bg-navigationAdditional.jpg) -210px 0  no-repeat;
					}
					ul#navigationAdditional li a.s4:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -210px -60px ;
					}
					
			ul#navigationAdditional li a.s5 {
					width:76px;
					background:url(../images/bg-navigationAdditional.jpg) -276px 0  no-repeat;
					}
					ul#navigationAdditional li a.s5:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -276px -60px ;
					}
			ul#navigationAdditional li a.s6 {
					width:90px;
					background:url(../images/bg-navigationAdditional.jpg) -362px 0  no-repeat;
					}
					ul#navigationAdditional li a.s6:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -362px -60px ;
					}







/*---------------------------------------------------------------------------------------
--------------------------------------DATEN--------------------------------------------
---------------------------------------------------------------------------------------*/



/*IMPRESSUM*/

#adressdaten {
	float: left;
	width: 300px;
}
#geschaeftsdaten {
	float: left;
	width: 300px;
}
#datenschutzhinweis p {
	font-size: 11px;
}



#address{
font-style:normal;
margin: 0 0 18px 0;
color:#3f200e;
}

#addressDetails, #addressDetails strong{
font-style:normal;
margin: 0 0 18px 0;
color:#3f200e;
font-size:11px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/


a, .escape span {
	font-size:11px;
	text-decoration: underline;
	color: #1e4216;
	outline: none;
}
a:hover, a:hover span {
	font-size:11px;
	text-decoration:none;
	color:#1e4216;
}


a.vcard {
width:225px;
height:24px;
display:block;
background:url(../images/bg-vcard.jpg) no-repeat;
text-indent:-2000px;
}


/*---------------------------------------------------------------------------------------
--------------------------------------CMS------------------------------
---------------------------------------------------------------------------------------*/


div.entry {
	width:650px;
	min-height:20px;
	margin: 0 0 30px 0;
}

div.cmsData {
	width:450px;
	min-height:20px;
	float:left;
}

div.cmsData2 {
	width:650px;
	min-height:20px;
	float:left;
	/* padding-left: 20px; */
	padding-top: 20px;
}

div.cmsData2 table {
	width:600px;
}

/*div.cmsData2 a {
	
background: #1e4216;
padding:20px;
color: #fff;
text-decoration: none;
font-size:18px;
top: 30px;
position: relative;
}

div.cmsData2 a:hover {
	
background: #fff;
padding:20px;
color: #1e4216;
text-decoration: none;
font-size:18px;
top: 30px;
position: relative;
} */

div.cmsImg {
	width:140px;
	height:140px;
	float:left;
}



ul.accordion li a.acc {
	display:block;
	width:650px;
	height:25px;
	font-size:14px;
	color:#c9a37d;
	background:#663300;
	margin: 0 0 10px 0;
	padding: 3px 0 0 10px;
	text-decoration:none;
	
}

#panoramaReplacement{
	z-index:-100;
}

.galerie-bild {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.cms-text {
	font-size: 14px;
}

/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
}

.mobileonly { display:none;}

a.aktuelles {
	text-indent:-9999px;
	width:91px;
	height:17px;
	position:absolute;
	display:block;
	margin:42px 0 0 76px;
}

#weatherWidget {
	margin-bottom: 18px;
}
  
.dse ul{
	list-style-type: square!important;
    }     
.dse li{
        margin: 5px 0 5px 20px;
		padding-left: 20px;
		list-style-type: square!important; 
}   

.resm{
	margin: 15px 0;
	text-align: center;
	background-color: #feb201;
	padding: 5px;
}


.ddssee{
	display: none;
}

.resma {
	display: none;
}





#overlay {
position: fixed;
top: 50px;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cntPopup a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
background: rgba(0,0,0,0.8);
height:100%;
padding-top:15%;

}
.cntPopup{
min-width: 600px;
width: 600px;
min-height: 305px;
margin: 100px auto;
background: #fff;
position: relative;
z-index: 103;
padding: 50px 35px 0px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}

.cntPopup h3{
font-size: 35px;
	color: #512f11;
	font-weight:bold;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px 0 30px 0;
}
.cntPopup p{

    color: #3f3f3f;
    /* text-align: justify; */
    font-size: 18px;
    font-family: sans-serif;
    font-weight:300;
    line-height:26px;
}
.cntPopup p a{
color: #fff;
font-size:18px;
}

.cntPopup p a:hover{
color: #fff;
font-size:18px;
background: #3f3f3f;
}

.cntPopup .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: 50px;
width: 34px;
}
.cntpopUp .x:hover{
cursor: pointer;
background: #3f3f3f;
}

.cntPopup .btn{
background: #1e4216;
padding:20px;
color: #fff;

}

.cntpopUp .btn:hover{
cursor: pointer;
padding:20px;
background: #3f3f3f;
}

.cntPopup .btnRight{
right:0px;
top:0px;
position: absolute;
background: #1e4216;
padding:20px;
color: #fff;
border-radius: 0 4px 0 5px;
}

.cntPopup .btnRight:hover{
background: #3f3f3f;
}


.cntPopup .btnRight:before{
  content: "x";
  color: #fff;
}

.cntPopup .btnLeft{
	position: absolute;
    background: #1e4216;
    padding: 15px 25px;
    color: #fff;
    border-radius: 5px;
    margin-top: -4px;
}

.speisekarte .gericht{
	width:500px;
	padding:10px 30px;
}

.speisekarte .gericht2{
	width:400px;
	padding:10px 30px;
}

.speisekarte .preis{
	width:100px;
	padding:10px 10px;
	text-align: right;
}

.speisekarte table{
	width:600px;
}


/*Tabellen Valifehler Weinkarte*/


p.textRight {
	text-align: right;
}


td.va-top {
	vertical-align: top;
}

.w-480 {
	width: 480px;
}

.w-66 {
	width: 66px;
}

.w-68 {
	width: 68px;
}

table.null {
	border: none;
	padding: 0px;
	border-spacing: 0px;
}

/*Tabellen Valifehler Speisekarte*/

.table-600 {
	width: 600px;
}

.w-499 {
	width: 499px;
}

.w-113 {
	width: 113px;
}

p.textCenter {
	text-align: center;
}

.w-428 {
	width: 428px;
}

.w-99 {
	width: 99px;
}

.w-92 {
	width: 92px;
}

.w-461 {
	width: 461px;
}

.w-76 {
	width: 76px;
}

.w-400 {
	width: 400;
}

.w-50 {
	width: 50px;
}

.w-80 {
	width: 80px;
}

table.specialTable {
	border: 2px solid #000000; 
	border-image: none; 
	width: 450px;
}

.specialTD {
	text-align: center;
	width: 80px;
	vertical-align: middle;
}

.va-middle {
	vertical-align: middle;
}


.w-243 {
	width: 243px;
}

.w-64 {
	width: 64px;
}

.w-248 {
	width: 248px;
}

.w-59 {
	width: 59px;
}


.w-140 {
	width: 140px;
}

.w-143 {
	width: 143;
}

.w-65 {
	width: 65;
}

.w-62 {
	width: 62;
}