/* ----------------------------------------------------- */
/* -----------------| CSS Document |-------------------- */

/* -----------------|  BODY / HTML  |----------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font: 12px/23px "Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
	line-height:20px;
	color:#FFFFFF;
	background: #8a3410 url(../images/body_background.jpg) center top no-repeat;
}

html {
	overflow-x:hidden;
	overflow-y:auto;
}
img	{
	border:0;
}
	
/* -----------------| LINKS / TEXTE |--------------------------------------------------- */
a:link, a:visited {
	color:#ffdf89;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color:#3d1206;
	text-decoration:none;	
	outline:none;
}
a:active {
	color:#3d1206;
	text-decoration: none;
	outline:none;
}
.floatstop {
	float: none;
	clear:both;
}
.special{
	color:#f6a565;
	font-size:16px;
	font-weight:bold;
}
.orange{
	color:#f6a565;
	font-size:13px;	
}
.orangebold{
	color:#f6a565;
	font-size:13px;
	font-weight:bold;	
}
.smaller{
	font-size:11px;
}
.icon{
	float:left ;
	padding-top:2px;
	margin-right:7px;	
}
.impressum{
	line-height:19px !important;
}
.map24icon{
	padding:1px 0 0px 0;	
	margin-bottom:-3px;
}

/* -----------------| FOTOS/BILDER |----------------------------------------------------- */
.pic{
	border:none;
	padding:0px;
	margin-right:19px;
	margin-bottom:10px;	
	margin-top:5px;
}
.picl{
	border:none;
	padding:0px;
	margin-right:21px;
	margin-bottom:10px;	
	margin-top:5px;
}
.picr{
	border:none;
	padding:0px;
	margin-left:21px;
	margin-bottom:10px;	
	margin-top:5px;
}
.picleft{
	border:none;
	padding:0px;
	margin:0px;
	float:left;	
	margin:5px 25px 25px 0pt;
}
.picleftcms{
	border:3px solid #edd9bd;
	padding:0px;
	margin:0px;
	float:left;	
	margin:5px 25px 25px 0pt;
}
.cmsthumb{
	border:3px solid #edd9bd;
	padding:0px;
	margin:0px;
	float:left;	
	margin:3px 19px 19px 0pt;
}
.picright{
	border:none;
	padding:0px;
	margin:0px;
	float:right;
	margin:5px 4px 10px 20px;
}
.pdflogo{
	background:url(../images/pdf.jpg) no-repeat left;
	padding:10px 1px 5px 30px;
	height:25px;
	font-weight:bold;
}
#counter p {
	color:#660000 !important ;
	font-size:14px !important ;
	font-weight:bold !important;	
}
#cmstabelle table{
	width:62%;
	float:left;
}
#cmstabelle td{
	border:1px solid #994927;
	padding:3px;
	vertical-align:top;
}
/* -----------------| HEADLINES |----------------------------------------------------- */
#headline {
	padding:0pt 0px 12px;
	width:100%;
}
h1 {
	font-size:29px;
	line-height:29px;
	color:#6b913a;
	font-weight:bold;		
}
#home h1 {
	background-image:url(../images/headlines/home.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#spa h1 {
	background-image:url(../images/headlines/spa.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#tradition h1 {
	background-image:url(../images/headlines/tradition.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#aroma h1 {
	background-image:url(../images/headlines/aroma.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#weitere h1 {
	background-image:url(../images/headlines/weitere.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#treue h1 {
	background-image:url(../images/headlines/treue.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#preise h1 {
	background-image:url(../images/headlines/preise.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#team h1 {
	background-image:url(../images/headlines/team.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#galerie h1 {
	background-image:url(../images/headlines/galerie.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#partner h1 {
	background-image:url(../images/headlines/partner.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 -10px;
	text-indent:-5000px;
}
#kontakt h1 {
	background-image:url(../images/headlines/kontakt.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 0;
	text-indent:-5000px;
}
#anfahrt h1 {
	background-image:url(../images/headlines/anfahrt.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 0;
	text-indent:-5000px;
}
#impressum h1 {
	background-image:url(../images/headlines/impressum.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 0;
	text-indent:-5000px;
}
#newsletter h1 {
	background-image:url(../images/headlines/newsletter.jpg);
	background-repeat:no-repeat;
	height:84px;
	margin:0 0 0 0;
	text-indent:-5000px;
}

h2 {
	color:#ffdf89;
	font-size:22px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

/* -----------------| WRAPPER ----------------------------------------------------- */
div#wrapper {	
	height:auto;
	margin:0pt auto;
	padding:0pt;
	position:relative;
	width:975px;	
}
/* -----------------| MAIN |----------------------------------------------------- */
#head {
	position:relative;
	width:975px;
	height:327px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background: url(../images/header_background.jpg) no-repeat center top;	
}
#navigation {
	width:219px;
	height:auto;	
	margin:0px;
	position:absolute;
	top:49px;
	left:32px;		
}
#content {
	position:relative;
	width:975px;
	margin:0 0 0 0;
	padding:0px 0 0 0;
	background:url(../images/content_background.jpg) no-repeat 0 0;
	min-height:480px;
	height:auto !important;  /* für moderne Browser */
	height:480px;  /*für den IE */
}
#text  {
	float:right;
	padding:24px 90px 0px 43px;
	width:510px;
}
#text p {
	margin: 0 0 15px 0;
	text-align:justify;
}
#text ul	{
	float:left;
	list-style:none;
	padding-bottom:30px;
	padding-left:0px;
}
#text ul li	{
	background:transparent url(../images/li.jpg) no-repeat scroll 0px 9px;
	margin:0px 0px 3px 0;
	padding:4pt 0pt 0pt 24px;
}
#panoramaarm {
	background:url(../images/header_figur.png) no-repeat top center;
	border:none;
	position:absolute;	
	left:414px;
	top:51px;
	width:118px;
	height:216px;
		
}
#panorama {	
	border:none;
	position:absolute;
	right:186px;
	top:17px;
	width:375px;	
		
}
#rauch {	
	border:none;
	position:absolute;
	left:0px;
	top:14px;
	width:312px;
	height:292px;		
}
/* -----------------| FOOTER |----------------------------------------------------- */
div#footer { 	
	margin:0 auto;
	margin-top:0px;
	width:100%;
	height:209px;
	background: url(../images/footer_background.jpg) repeat-x 0 0;
}
div#footerinhalt {
	position:relative;
	margin:0 auto;
	padding:0 0 0 0;
	width:975px;
	height:209px;
	background: url(../images/footerinhalt_background.jpg) no-repeat 0 0;
}
#nachoben {
	background:transparent url(../images/top.jpg) no-repeat scroll 0pt 50%;
	font-size:11px;
	height:13px;
	line-height:12px;
	margin:0pt 0pt 0pt 0px;
	padding:0pt 0px 0pt 17px;
	position:absolute;
	right:145px;
	text-decoration:none;
	top:17px;
	width:75px;
}
.top{
	margin-bottom:-10px;
	text-align:right !important;
}
#anschrift1 {
	height:70px;
	left:356px;
	line-height:18px;
	margin:0pt 0pt 0pt 0px;
	position:absolute;
	top:126px;
	width:175px;
}
#anschrift2 {
	height:70px;
	left:570px;
	line-height:18px;
	margin:0pt 0pt 0pt 0px;
	position:absolute;
	top:126px;
	width:175px;
}
#anschrift3 {
	height:70px;
	left:764px;
	line-height:18px;
	margin:0pt 0pt 0pt 0px;
	position:absolute;
	top:126px;
	width:175px;
}
#nummern {
	height:70px;
	left:630px;
	line-height:18px;
	margin:0pt 0pt 0pt 0px;
	position:absolute;
	top:58px;
	width:200px;
}
/* -----------------| SONSTIGE |----------------------------------------------------- */

.linie {
	float: none;
	line-height: 0;
	font-size: 0.1px;
	clear:both;
	height:1px;
	width:100%;
	margin:20px 0 20px 0;
	background: url(../images/linie.gif) repeat-x top left;	
}
.toplinie {
	float: none;
	line-height: 0;
	font-size: 0.1px;
	clear:both;
	height:1px;
	width:100%;
	margin:-6px 0 20px 0;
	background: url(../images/linie.gif) repeat-x top left;	
}
#toplink {
	background:url(../images/top_background.jpg) no-repeat top center;
	height:26px;
	text-align:right;
	padding:3px 10px 0 0;
	text-decoration:none !important;
	margin:20px 0 20px 0;
}
#toplink a {
	font-weight:bold;
	text-decoration:none !important;
}
#toplink2 {
	background:url(../images/top_background.jpg) no-repeat top center;
	height:26px;
	text-align:right;
	padding:3px 10px 0 0;
	text-decoration:none !important;
	margin:20px 0 20px 0;
}
#toplink2 a {
	font-weight:bold;
	text-decoration:none !important;
}
#headerlink{
	height:115px;
	left:35px;
	position:absolute;
	top:85px;
	width:275px;
}
