@charset "utf-8";

/* Author: Andreas Walter */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2010 - Andreas Walter & Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

html {
	background:#faf5cc url(../images/bg-html.jpg) repeat-x;
}

body {
   color:#000;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px Tahoma, Helvetica, sans-serif;
   overflow:-moz-scrollbars-vertical;
   background:#faf5cc url(../images/bg-body.jpg) center top repeat-x;
}

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

a,
.escape span {
   text-decoration:underline;
   color:#395916;
}

a:hover,
a:hover span {
   color:#2a4729;
   text-decoration:none;
}

a {
   outline:none;
}

p {
   margin:0 0 20px 0;
}


.img-highlight{
	padding: 20px 0 20px 0 !important;
	 border:none;}
	 
.img-content {
	 float: right;
	 margin: 0 0 5px 0;
}

.img-rechts{
	float:left;
	margin-left: 200px;}
	
.liste-links{
	float:left;}

hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #e9c671;
	margin:1em 0;
}

/* //////	=> noscript	////// */

noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
   text-align:center;
   background:#fff;
}

noscript strong {
	padding-left:20px;
	background:url(../images/cms/icon-cancel.png) no-repeat 0 center;
   font-weight:bold;
}

/* ///////////////////////////////////////////////////////////
	=> global classes / id's 
/////////////////////////////////////////////////////////// */

.highlight {
   padding-left:10px;
   background:url(../images/icons/icon-arrow.gif) 0 center no-repeat; 
}

.external-link {
   background:url(../images/icons/icon-external-link.gif) no-repeat right center;
   padding-right:15px;
}

.display-none {
	display:none;
}

/* //////	=> images	////// */

.image {
   border:2px solid #d8b866;
   background:#fff url(../images/icons/icon-loading.gif) no-repeat center center;
}

.image:hover,
a:hover img.image {
   border:2px solid #b89540;
}

/* //////	=> definition lists 	////// */

dl.imprint-business,
dl.imprint-address {
	margin-bottom:20px;
}

dl.imprint-business dt,
dl.imprint-address dt {
   display:block;
   width:50%;
   float:left;
}

dl.address dt {
	display:block;
   width:50%;
   float:left;
}

dl.imprint-business dd,
dl.imprint-address dd,
dl.address dd {
   clear:right;
}

/* //////	=> lists		////// */

ul.list {
   margin:0 0 20px 0;
}

ul.list li {
   padding: 0 0 0 20px;
   margin: 0 0 10px 0;
   background:url(../images/li.gif) no-repeat 0 5px; 
}



/* //////	=> floats, clearfix	////// */

.float-left {
   float:left;
}

.float-right {
   float:right;
}

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

* html .clearfix {
   height:1%;
}

.clearfix {
   display:inline-block;
}

* html .clearfix {
   height:1%;
}

.clearfix {
   display:block;
}

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

.container {
   width:950px;
   margin:0 auto;
   text-align:left;
   position:relative;
}

/* ///////////////////////////////////////////////////////////
	=> top 
/////////////////////////////////////////////////////////// */

#top {
	height:419px;
}

#top .container {
}

h1#branding {
   text-indent:-9999px;
   background:url(../images/branding.png) 10px no-repeat;
   position:absolute;
   left:41px;
   top:29px;
}

h1#branding a {
	display:block;
	height: 200px;
    width: 371px;

}

/* //////	=> navi 	////// */

ul#navi {
	width:869px;
	height:70px;
	background:url(../images/bg-navi.jpg);
	position:absolute;
	left:41px;
	top:347px;
}

ul#navi li {
	text-indent:-9999px;
	padding-bottom:7px;
	float:left;
}

ul#navi li a {
	display:block;
	height:70px;
}

ul#navi li.link1 a {
	width: 134px;
}

ul#navi li.link2 a {
	width: 177px;
}

ul#navi li.link3 a {
	width: 220px;
}

ul#navi li.link4 a {
	width: 173px;
}

ul#navi li.link5 a {
	width: 99px;
}

ul#navi li.link6 a {
	width:57px;
}

ul#navi li.link1 a:hover,
ul#navi li.link1-active a {
	width: 134px;
	background:url(../images/bg-navi.jpg) 0 -70px no-repeat;
}

ul#navi li.link2 a:hover,
ul#navi li.link2-active a {
	width: 177px;
	background:url(../images/bg-navi.jpg) -134px -70px no-repeat;
}

ul#navi li.link3 a:hover,
ul#navi li.link3-active a {
	width: 220px;
	background:url(../images/bg-navi.jpg) -311px -70px no-repeat;
}

ul#navi li.link4 a:hover,
ul#navi li.link4-active a {
	width: 173px;
	background:url(../images/bg-navi.jpg) -531px -70px no-repeat;
}

ul#navi li.link5 a:hover,
ul#navi li.link5-active a {
	width: 99px;
	background:url(../images/bg-navi.jpg) -704px -70px no-repeat;
}

ul#navi li.link6 a:hover,
ul#navi li.link6-active a {
	width:57px;
	background:url(../images/bg-navi.jpg) -803px -70px no-repeat;
}

/* //////	=> navi-add 	////// */

ul#navi-add {
	width:178px;
	height:49px;
	background:url(../images/bg-navi-add.jpg) no-repeat;
	position:absolute;
	left:731px;
	top:29px;
}

ul#navi-add li {
	text-indent:-9999px;
	padding-bottom:7px;
	float:left;
}


ul#navi-add li a {
	display:block;
	height:49px;
}

ul#navi-add li.link1 a {
	width: 52px;
}

ul#navi-add li.link2 a {
	width: 57px;
}

ul#navi-add li.link3 a {
	width: 69px;
}



ul#navi-add li.link1 a:hover,
ul#navi-add li.link1-active a {
	width: 52px;
	background:url(../images/bg-navi-add.jpg) 0 -49px no-repeat;
}

ul#navi-add li.link2 a:hover,
ul#navi-add li.link2-active a {
	width: 57px;
	background:url(../images/bg-navi-add.jpg) -52px -49px no-repeat;
}

ul#navi-add li.link3 a:hover,
ul#navi-add li.link3-active a {
	width: 69px;
	background:url(../images/bg-navi-add.jpg) -109px -49px no-repeat;
}



/* //////	=> navi-add2 	////// */

ul#navi-add2 {
	width:358px;
	height:241px;
	background:url(../images/navi-add-bg.png) no-repeat;
	position:absolute;
	left: 626px;
   
    top: 59px;
}

ul#navi-add2 li {
	text-indent:-9999px;
	padding-bottom:7px;
	float:left;
}


ul#navi-add2 li a {
	display:block;
	height:223px;
}

ul#navi-add2 li.link1 a {
	width: 358px;
}





ul#navi-add2 li.link1 a:hover,
ul#navi-add2 li.link1-active a {
	width: 358px;
	background:url(../images/navi-add-bg.png) 0 -241px no-repeat;
}





/* ///////////////////////////////////////////////////////////
	=> center 
/////////////////////////////////////////////////////////// */

#center .container {
	background:url(../images/bg-center-container.jpg) left 950px repeat-y;
}

#center h2 {
   color:#2a4729;
   font:normal 36px/40px Arial Narrow, Helvetica, sans-serif;
}

#center h2 strong {
   font:normal 72px/76px Arial Narrow, Helvetica, sans-serif;
}

#center h3 {
   color:#313230;
   font:normal 20px/24px Arial Narrow, Helvetica, sans-serif;
}

#center h4 {
   color:#2a4729;
   font:bold 16px/20px Arial Narrow, Helvetica, sans-serif;
}

#content-main {
	width:512px;
	float:left;
	padding-top:22px;
	padding-bottom:40px;
	min-height:260px;
	height:auto !important;
	height:260px;

}

.text-content{
	width: 370px;
	float: left;
}

#content-sidebar {
	background:url(../images/bg-sidebar.jpg) 0 0 no-repeat;
	width:398px;
	float:left;
	height:529px;
	margin-top: 22px;
	position:relative;
}

#content-sidebar h3,
#content-sidebar h4,
#content-sidebar p {
	text-indent:-9999px;
}

#content-sidebar a {
	display:block;
}

#content-sidebar a.escape {
	width:200px;
	height:22px;
	position:absolute;
	top:179px;
	left:137px;
}

#content-sidebar a.escape:hover {
	background:url(../images/bg-sidebar-email.jpg) no-repeat;
}

/*#content-sidebar a.anfahrt-hover {
	width:209px;
	height:121px;
	position:absolute;
	top:352px;
	left:136px;
}

#content-sidebar a.anfahrt-hover:hover {
	background:url(../images/bg-sidebar-anfahrt.jpg) no-repeat;
}*/

#content-sidebar a.buchungskalender-hover {
	height: 121px;
    left: 133px;
    position: absolute;
    top: 346px;
    width: 209px;
}

#content-sidebar a.buchungskalender-hover:hover {
	background:url(../images/bg-sidebar-kalender.jpg) no-repeat 1px 2px;
}

/* ///////////////////////////////////////////////////////////
	=> bottom 
/////////////////////////////////////////////////////////// */

#bottom {
	background:url(../images/bg-bottom.jpg) center top no-repeat;
	height:36px;
}


#bottom a {
	display:block;
}

#bottom a.nach-oben {
	width:87px;
	height:17px;
	position:absolute;
	top:0px;
	left:824px;
	text-indent: -999999px;
}

*+html .erde {
	width:84px;
	height:17px;
	background:url(../images/erde.gif) no-repeat;
	left:-613px;
	position:relative;
	top:-41px;
}

.googleMaps{
	border: dashed 1px #FFCC00;u
}

#onlinereservierung {position:relative;top:50px;}