@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

body {
   background:url(../images/bg-body.jpg);
   
}

ol,
ul,
dl {
   list-style:none;
}

a:link,
a:visited {
   color: #000;
   text-decoration: underline;
}

a:hover {
   color: #786523;
   text-decoration: unterline;
}

a:active {
   color: #786523;
   text-decoration: underline;
}

p{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   line-height:18px;
   margin-bottom:12px;
   color:#786523;
}

.highlight {
	background:#af8e00;
   color:#fff;
   padding:0 1px;
   }



img,
img a {
   border: none;
   -ms-interpolation-mode: bicubic;
}

.trenn {
	padding:10px 0 0 0;
   margin-bottom:20px;
   border-bottom:#F6AE28 1px solid;
   margin-right:50px;
}

h3{
	font-weight:bold;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   line-height:18px;
   margin-bottom:18px;
   color:#000;
}

a.facebook  {
	background:url(../images/bg-facebook.jpg) no-repeat;
	text-indent: -999em;
	display:block;
	height: 26px;
	width: 26px;
	position: absolute;
	left: 887px;
	top: 13px;


}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.marginRight {
   margin: 0 20px 0 0;
}

/*==================================================
    => container
==================================================*/

div#container {
   width: 920px;
   position:relative;
   margin: 0 auto;
   text-align: left;


}

/*==================================================
    => header  
==================================================*/



div#header {
   height: 424px;
   width:920px;
   background:url(../images/bg-header.jpg);
   position:relative;
   margin:0 auto;
}


/*------------------ =branding  ------------------*/

h1#branding a {
display:block;
height:222px;
left:36px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:absolute;
text-indent:-9999px;
top:85px;
width:372px;
}

/*==================================================
    => navigation    
==================================================*/


ul#navi {
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
right:39px;
text-indent:-999999px;
top:10px;
width:317px;

}

ul#navi li{
	float:left;
	display:block;
    text-align: left;
    
}

a.index {
	display:block;
	width:75px;
	height:31px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.index:hover, a.index:active {
	display:block;
	width:75px;
	height:31px;
	padding:0 0 0 0;
	background:url(../images/navi-index.jpg);
}

a.kontakt {
	display:block;
	width:75px;
	height:31px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.kontakt:hover, a.kontakt:active {
	display:block;
	width:75px;
	height:31px;
	padding:0 0 0 0;
	background:url(../images/navi-kontakt.jpg);
}

a.anfahrt {
	display:block;
	width:73px;
	height:31px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.anfahrt:hover, a.anfahrt:active {
	display:block;
	width:73px;
	height:31px;
	padding:0 0 0 0;
	background:url(../images/navi-anfahrt.jpg);
}

a.impressum {
	display:block;
	width:94px;
	height:31px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.impressum:hover, a.impressum:active {
	display:block;
	width:94px;
	height:31px;
	padding:0 0 0 0;
	background:url(../images/navi-impressum.jpg);
}


ul#navi-add {
height:121px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
right:30px;
text-indent:-999999px;
top:163px;
width:241px;

}

ul#navi-add li{
	float:left;
	display:block;
    text-align: left;
    
}

a.alchimist {
	display:block;
	width:241px;
	height:24px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.alchimist:hover, a.alchimist:active {
	display:block;
	width:241px;
	height:24px;
	padding:0 0 0 0;
	background:url(../images/navi-alchimisten.jpg);
}


a.zutaten {
	display:block;
	width:241px;
	height:31px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.zutaten:hover, a.zutaten:active {
	display:block;
	width:241px;
	height:31px;
	padding:0 0 0 0;
	background:url(../images/navi-zutaten.jpg);
}

a.gefaehrten {
	display:block;
	width:241px;
	height:38px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.gefaehrten:hover, a.gefaehrten:active {
	display:block;
	width:241px;
	height:38px;
	padding:0 0 0 0;
	background:url(../images/navi-gefaehrten.jpg);
}

a.freunde {
	display:block;
	width:241px;
	height:28px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.freunde:hover, a.freunde:active {
	display:block;
	width:241px;
	height:28px;
	padding:0 0 0 0;
	background:url(../images/navi-freunde.jpg); 
   }
   
   
#newsletterbox {
height:77px;
position:absolute;
right:136px;
top:248px;
width:297px;
}   
   
ul#navi-gb {
height:31px;
left:34px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-999999px;
top:323px;
width:228px;

}

ul#navi-gb li{
	float:left;
	display:block;
    text-align: left;
    
}

a.gb {
	display:block;
	width:228px;
	height:31px;
	background:none;
	font-weight: normal;
	padding:0 0 0 0;
}

a.gb:hover, a.gb:active {
	display:block;
	width:228px;
	height:31px;
	padding:0 0 0 0;
	background:url(../images/navi-gb.jpg);
}




/*==================================================
    => content-container    
==================================================*/

#content-container {
	width:920px;
   min-height: 422px;
   height: auto !important;
   height: 422px;
   position:relative;
   background:url(../images/bg-content.jpg);
   }



/*------------------ =contentMain  ---------------*/

div#contentMain {
float:left;
width:402px;
height:auto;
padding:26px 33px 0px 25px;
}

div#contentMain ul {
 margin:12px 0;
 }
 
div#contentMain li {
margin-left:18px;
margin-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#786523;
list-style:disc;
}

div#contentMain li ul li {
margin-bottom:10px;
margin-top:10px;
list-style:circle;
}

.speisekarte {
	background:url(../images/zutaten/speisekarte.jpg);
    width:161px;
    height:112px;
    display:block;
    text-indent:-99999px;
    }

/*------------------ =cols  ---------------*/

.col {
	float:left;
   width:189px;}



/*------------------ =contentSidebar  ---------------*/

div#contentSidebar {
	width:460px;
   height:422px;
   float:left;
   background:url(../images/bg-sidebar.jpg) no-repeat;
   }
   
#large-image {
	position:absolute;
   top:32px;
   left:33px;
   width:396px;
   height:236px;
   }
  
#player-border {
	border:3px solid #c0a238;
	width:396px;
	height:246px;
	margin:-3px;
	}
   
#anschrift {
height:auto;
left:33px;
position:absolute;
top:349px;
width:400px;
}

.hightlight_anschrift {
	font-size:16px;
   font-weight:bold;
   color:#000;
   }




/* =headlines */

div#contentMain h2 {
	font-size:20px;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#786523;
   margin-bottom:15px;
    }
    

/* =image */

.image {
   border: 3px solid #c0a238;
   outline: none;
}


.image-gal {
   border: 3px solid #c0a238;
   outline: none;
   margin-left:8px;
}




/* =imprint */

dl.imprintTypeOfBusiness,
dl.vcard {
   line-height: 20px;
   margin: 15px 0;
}

dl.imprintTypeOfBusiness dt,
dl.vcard dt {
   display: block;
   width: 190px;
   float:left;
   font-weight:bold;
}

dl.imprintTypeOfBusiness dd,
dl.vcard dd {
   clear:right;
}



/*==================================================
    => footer   
==================================================*/


#footer {
	position:relative;
   background:url(../images/bg-footer.jpg);
   width:920px;
   height:453px;
   }
   
   #zeiten {
height:auto;
left:33px;
position:absolute;
top:82px;
width:400px;
}

 #galerie {
height:auto;
left:477px;
position:absolute;
top:79px;
width:402px;
}




   

/*==================================================
    => googlemaps   
==================================================*/

div#map a{
   background:url(../images/kartenansicht.jpg);
   display:block;
   height:62px;
   text-indent:-9999px;
   width:162px;
   margin:8px 0 10px 0;
   
}


.iframemap {
   border:1px solid #C0A238;
   padding:3px;
}

.clear {
	clear:both;
   float:none}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */
@charset "utf-8";
/* CSS Document */