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

* {
	margin:0;
	padding:0;
	border:none;
	font:13px/20px normal Arial, Helvetica, sans-serif;
	color:#332b23;
	list-style:none;
}

body {}
html {background:#f4edda;}

h2 {font-size:20px; font-family: 'Vollkorn', serif; color:#df8a25; padding-bottom:10px; text-transform: uppercase;}
h3 {font-size:18px; font-family: 'Vollkorn', serif; color:#df8a25; text-transform: uppercase;}
h4 {font-size:16px; font-family: 'Vollkorn', serif; color:#df8a25; text-transform: uppercase;}
h5 {font-size:14px; font-weight:bold; margin-bottom:5px; color:#332b23; }
h6 {font-size:14px; font-weight:bold; margin-bottom:5px; color:#332b23; }
hr {border: 1px dotted #000000; margin-bottom:10px;}
strong {color:#da7803;}

h2 span {font-size:18px; color:#000000;}

a, a:visited, .escape span {
	text-decoration: none;
	color: #da7803;
	outline: none;
}
a:hover, a:focus, a:hover span, a:active, a:active span {
	text-decoration:underline;
	color:#da7803;
}

noscript p {
	background: #000;
	width: 100%;
	padding: 10px 0;
	margin: auto;
	position: absolute;
	top:47px;
	color: #fff;
	text-align: center;
	z-index:1000;
}
noscript a.noscript-link  { color: #c00; }

/*---------------------------------------------------------------------------------------
--------------------------------------CLASSES--------------------------------------------
---------------------------------------------------------------------------------------*/

strong {font-weight:bold;}

.float {float:left; }
.float-right {float:right;}

.margin-right {margin-right:30px;}
.margin-left {margin-left:20px;}
.margin-bottom {margin-bottom:10px;}

.clear {clear:both; float:none;}
.highlight {color:#e97710;}

.hidden, #address {display:none;}

.border {border-right:1px solid #f5d1ae; padding-right:18px; }
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/

#navi-container {
	background:#fff;
	height:277px;
	float:left;
	position:absolute;
}
ul#navi {
	margin:0 auto;
	padding:15px 0 0 0;
	width:310px;
	height:46px;
}
ul#navi li {
	background:url(../images/bg-navi-li.jpg) no-repeat 11px -1px;
	margin:0 6px;
}
ul#navi li a {
	font-family: 'Vollkorn', serif;
	font-size:18px;
	line-height:28px;
	color:#bd9a77;
	text-decoration:none;
	text-transform:uppercase;
	padding:3px 10px 3px 10px;
	display:block;
	background: none;
}

ul#navi li a:hover, 
body.selected01 ul#navi li a.n01, 
body.selected02 ul#navi li a.n02, 
body.selected03 ul#navi li a.n03, 
body.selected04 ul#navi li a.n04, 
body.selected05 ul#navi li a.n05, 
body.selected06 ul#navi li a.n06, 
body.selected07 ul#navi li a.n07,
body.selected08 ul#navi li a.n08 {
	width:300px;
	color:#fff;
	background: url(../images/bg-navi-hover.png) no-repeat top left;
	height: 28px;
   left: -14px;
   position: relative;
	padding-left:24px;

}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI - ADD-----------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	display:block;
	float:right;
	list-style:none;
	position: absolute;
    right: 9px;
    top: 30px;
	
}	

#navi-add ul li {float:left; padding:0 12px;}
 
#navi-add ul li a {
	color: #000000;
   font-size: 11px;
   margin-bottom: 5px;
   text-transform: uppercase;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Container-----------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:0 auto;
	width:978px;
	position: relative;
}

/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	background:url(../images/bg-header.jpg) no-repeat left top;
	height:284px;
	width:607px;
	position:relative;
}


/*---------------------------------------------------------------------------------------
--------------------------------------SIDEBAR--------------------------------------------
---------------------------------------------------------------------------------------*/


#branding {
	background: none repeat scroll 0 0 #FFFFFF;
    height: 213px;
    padding: 40px;
    position: absolute;
    top: 69px;
    width: 230px;
	left:0;
}

#content-sidebar {
	width:310px;
	float:left;
	position: relative;
    margin: 382px 0 20px 0;
	height:655px;
}

#content-sidebar p, #content-sidebar a, #content-sidebar span {font-size:11px; line-height: 15px;}
#content-sidebar h4 {font-size: 14px;}
#content-sidebar h3 {color:#710000;}
#content-sidebar .aktuelles {
	background:#fff;
	margin-bottom:15px; 
	width:311px; 
	height:313px; 
	position: relative; 
	top: 297px;
	z-index:2;
}

#content-sidebar .aktuelles h1 {
	background: url(../images/bg-aktuelles.png) no-repeat top left;
	width:370px;
	height:46px;
	left: -30px;
    position: absolute;
    top: 14px;
}

#content-sidebar .aktuelles-inhalt {
	position:relative;
	top:75px;
	padding:0 30px;
}

#content-sidebar .mehrlesen {
	background: url("../images/mehrlesen.jpg") no-repeat scroll left top transparent;
   height: 20px;
   padding-left: 21px;
   position: absolute;
   right: 42px;
   top: 201px;
   width: 54px;
}

#content-sidebar .mehrlesen a {color:#710000;}

#eisbecher {
	background: url("../images/bg-eisbecher.png") no-repeat scroll left top transparent;
    height: 894px;
    position: absolute;
    width: 589px;
	left:-300px;
	top:300px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER------------------------------------------
---------------------------------------------------------------------------------------*/

#content-container {
	background:#fff;
   padding: 20px;
   position: relative;
   width: 607px;
	float:right;
	top:69px;
	min-height:884px;
	margin-bottom: 20px;
}

#content-container h3 {font-size:16px; font-family: 'Vollkorn', serif; color:#df8a25; text-transform: uppercase;}

#speisekarte {
	background: url(../images/speisekarte.png) top left no-repeat;
	width:467px;
	height:178px;
	position:absolute;
   right: -6px;
   top: 190px;
}
#speisekarte a {
	height: 30px;
    position: absolute;
    text-indent: -9999px;
    top: 90px;
    width: 275px;
}

#speisekarte a:hover {
	background: url(../images/speisekarte-hover.png) 0 -90px no-repeat;
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT-MAIN---------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {padding: 45px 0 0;}
#content-main p {margin-bottom:15px;}
#content-main strong {color:#710000;}
#content-main .content-column01 { width:290px; float:left; margin-bottom:20px;}
#content-main .content-column02 { float:left; margin-bottom:20px; padding-left: 42px; width: 275px;}
.content-column02 a, .content-column01 a {padding-bottom:7px;}
#content-main ul {margin-bottom:15px;}
#content-main li {background:url(../images/li-liste.png) no-repeat 0 5px; padding-left:15px;}
#content-main .content {width:560px;}


/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	background:url(../images/bg-footer.jpg) top no-repeat;
	width:918px;
	height:130px;
	padding:20px;
	position:relative;
	margin:0 auto;
	float:left;
	margin-top:80px;
}
#footer a span {font-size:11px;}
#footer h3 {text-transform:uppercase; margin-bottom: 20px;}
#kontakt, #newsletter, #partner {
	background:url("../images/trenner.jpg") no-repeat scroll 280px top transparent;
	float:left; 
	width:256px;
	padding:0 50px 0 0; 
	height:120px;
}
#partner {background:none;}
#kontakt p {font-size:11px; float:left; width:120px; line-height: 15px;}
#kontakt a {font-size:11px;}
#footer dl {float:left; width:136px; margin:0; padding:0;}
#footer dt {font-size:11px;	margin: 0 5px 0 0; float:left; padding:0; line-height:15px;}
#footer dd {font-size:11px; padding:0; margin:0; line-height:15px;}
#newsletter p {font-size:11px; margin-bottom:4px; line-height: 15px;}

/*---------------------------------------------------------------------------------------
--------------------------------------NEWSLETTER-----------------------------------------
---------------------------------------------------------------------------------------*/

.submit {margin-left:121px;}

fieldset, form, legend, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline; 
	background:transparent;
	font-family:inherit;
	font-size:inherit;
	float:left;
}
input {vertical-align:middle}
label, input[type="submit"] {cursor: pointer}
legend, input[type="hidden"] {display: none}
form br {clear: both}


label {float:left;padding-right: 20px; display: block; font-size:11px; width:100px; padding-bottom:13px;}

input[type="radio"] { margin: 5px 5px 0 0;}
label.radio { text-align: left; width: auto}

input[type="text"],
input[type="submit"] {padding: 2px 5px 2px 5px}

input[type="text"] {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    width: 142px;
	height: 18px;
	}
input[type="text"]:hover {border: 1px solid #c5c5c5}
input[type="text"]:focus {border: 1px solid #c5c5c5; background: #f3f3f3;}

input[type="submit"] {
	float:left;
	background: #710000; 
	color: #fff; 
	display: inline-block; 
	width: 82px; 
	height:24px;
	text-transform:uppercase;
	font-size:11px;
}
input[type="submit"]:hover { background: #920000}
#email-quick {width:162px;}
#name, #birthdate, #email {width:200px;} 

#newsletter-info {padding: 8px 10px; font-weight: 700; color:#000; border: 2px solid #FF6666; background: #FFCCCC; margin-bottom: 20px}
#newsletter-info p { margin:0}


/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {
	width:285px;
	font-size:13px;
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:100px;
   float:left;
	font-size:13px;
}

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd {
   clear:right;
	font-size:13px;
}


/* =imagesTypes */

.imagesType1 {
   border:5px solid #e4d8c0;
   background:#fff url(../images/layout/progress.gif) no-repeat center center;
   outline:none;
}

.imagesType1:hover, a:hover img.imagesType1 {
   border:5px solid #d9ceb7;
}

.imagesType2 {
   border:5px solid #e4d8c0;
   background:#fff url(../images/icon-progress.gif) no-repeat center center;
}

.ewcms_news_link {
	padding-bottom:10px;
	}



/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* --------------------------------| =colorbox |----------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:hidden; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background:url(../images/overlay.png) #000 0 0 repeat; }
#colorbox { }
#cboxTopLeft { width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat; }
#cboxTopRight { width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat; }
#cboxBottomLeft { width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat; }
#cboxBottomRight { width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat; }
#cboxMiddleLeft { width:21px; background:url(../images/controls.png) left top repeat-y; }
#cboxMiddleRight { width:21px; background:url(../images/controls.png) right top repeat-y; }
#cboxTopCenter { height:21px; background:url(../images/border.png) 0 0 repeat-x; }
#cboxBottomCenter { height:21px; background:url(../images/border.png) 0 -29px repeat-x; }
#cboxContent { background:#fff; }
#cboxLoadedContent { margin-bottom:28px; }
#cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; text-shadow:none; color:#333; }
#cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-75px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxNext.hover { background-position:-50px -25px; }
#cboxLoadingOverlay { background:url(../images/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background:url(../images/loading.gif) center center no-repeat; }
#cboxClose { position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxClose.hover { background-position:-25px -25px; }

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/