/* CSS Document: Style */

/* ##### Reset-Skript ##### */

center, isindex, html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
}

html {
 height:100%;
 margin-bottom:0px;
}

/*################################################################*/




/* WEBSITE - Struktur */

body {		
	background: url(img/site_bg.jpg) repeat-x top #fff;
	/*overflow:hidden;*/
}



/*----------------------------------------------------------------------------*/

#supersize {
    position:relative;
		/*width:auto;*/
	  height:382px;
	  z-index: 0;
	  border:none;
	  overflow:hidden;
	  visibility: visible;
	  background:url:(files/start_winter.jpg);
	  margin-top:50px;
}


#supersize img, #supersize a{
    height:382px;
		/*width:auto;*/
    position:relative;
		z-index: 0;
    }


#supersize .activeslide, #supersize .activeslide img{  
     display:block;  
} 


/*----------------------------------------------------------------------------*/



#container {
	position:absolute;
	width: 1000px;
	height: auto;
	left:50%;
	margin-left:-460px;
	background:none;
	z-index:5;

}

#content {
	width:auto;
	height:auto;
	margin-top:392px;
	float:left;
	border-bottom: solid 1px #b2b2b2;
	margin-bottom:25px;
}

#inhalt {
	width:500px;
	height:auto;
	float:left;
	margin-left:25px;
	padding-right:20px;
	border-right: solid 1px #b2b2b2;
	margin-bottom:15px;
}

#rechte-spalte {
	width:164px;
	height:auto;
	float:right;
	/*border-left: solid 1px #d2d2d2;*/
  margin-top:20px;
	margin-left:10px;
	padding-left:5px;
	margin-bottom:10px;
}


#reservierung {
	width:160px;
	height:auto;
	float:left;
	margin-bottom:25px;
}


#navigation {
  width:210px;
	height:100%;
	overflow:hidden; 
	background:url(img/navi_bg.png) repeat-y left;
	padding-left:10px; 
	float:left;
	z-index:10;
}


#adresse {
	margin-left:20px;
	margin-top:50px;
	float:left;
	margin-bottom:15px;
}

#logos {
	margin-left:20px;
	margin-top:5px;
	float:left;
	margin-bottom:15px;
}

/*###########################################################################*/


/* ### Navigation ### */


ul#mainnavi { width:200px; height:auto; border-top: solid 1px #b2b2b2; list-style-type:none;z-index: 12;}
ul#mainnavi  li {float:left; width:180px; height:auto; background: url(img/menu_bg.gif) repeat-x top;} 
ul#mainnavi  li a {float:left; width:180px; height:auto;background: url(img/menu_bg.gif) repeat-x top;}
ul#mainnavi  li a:hover, .current, .active {float:left; width:180px; height:auto;}
ul#mainnavi  li#active {float:left; height:auto;}

ul#mainnavi li.current a {float:left; width:180px; height:30px;}
ul#mainnavi li.current a:hover {float:left; width:200px; height:30px;}

ul#mainnavi li a{
  color:#525252;
	height:30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align: left; 
	padding-top: 5px;
	padding-left:20px;
}

ul#mainnavi li a:hover {
  color: #a86633;
	height:30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align: left; 
}


ul#mainnavi li.active a {	
  color: #a86633;
}

ul#mainnavi li.current a {	
  color: #a86633;
}

ul#mainnavi li.active a:hover , li.current {	
  color: #a86633;
}


/*_____________ Subnavi 1 ______________ */


ul#mainnavi li.current ul.subnav1 {width:200px; line-height:22px; list-style-type:none;}

ul#mainnavi li.current ul.subnav1 li {width:200px; line-height:22px; background: none;}

ul#mainnavi li.current ul.subnav1 li a{
  color:#848484;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 15px;
	text-align: left;
	border:none;
	list-style-type:none;
	background: none;
}


ul#mainnavi li.current ul.subnav1 a:hover{
  color: #a86633;
  text-decoration:underline;
	background: none;
}

ul#mainnavi li.current ul.subnav1 li.current a{
  color: #a86633;
  text-decoration:underline;
	background: none;
}

/*_____________ Subnavi 2 ______________ */


ul#mainnavi li.current ul.subnav2 {width:200px; line-height:22px; list-style-type:none;}

ul#mainnavi li.current ul.subnav2 li {width:200px; line-height:22px; background: none;}

ul#mainnavi li.current ul.subnav2 li a{
  color:#868686;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 25px;
	text-align: left;
	border:none;
	list-style-type:none;
	background: none;
}


ul#mainnavi li.current ul.subnav2 a:hover{
  color: #a86633;
  text-decoration:underline;
	background: none;
}

ul#mainnavi li.current ul.subnav2 li.current a{
  color: #a86633;
  text-decoration:underline;
	background: none;
}

/*_______________________________________________________________________________________*/


#meta_navi ul { 
	width: auto;
	height:50px;
	float:right; 
  margin-top:-25px;
  list-style-type:none;  
  padding-right:50px;
}

	
#meta_navi ul a { display:inline; width:75px;}
#meta_navi ul li { display:inline; width:75px; margin-right:10px;}
#meta_navi ul li a { display:inline; width:75px; margin-right:10px;}
#meta_navi ul li a:hover { display:inline; width:75px; margin-right:10px;}
#meta_navi ul li#active { display:inline; width:75px; margin-right:10px;}

ul#meta_navi li.current a {float:left; display:inline; display:inline; width:75px; margin-right:10px;}
ul#meta_navi li.current a:hover {float:left; display:inline; display:inline; width:75px; margin-right:10px;}

ul#meta_navi li a{
  color: #a0a0a0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left; 
	margin:0px;
}

ul#meta_navi li a:hover{
  color: #525252;
	text-align: center; 
	margin:0px;
}

ul#meta_navi li.current{
  color: #525252;
	text-align: center; 
	margin:0px;
}

ul#meta_navi li.active a {	
  color: #525252;
	text-align: center; 
}

ul#meta_navi li.active a:hover {	
 	color: #525252;
	text-align: center; 
	margin:0px;
}

ul#meta_navi li.meta-active a {
  color: #525252;
	font-size:11px;
}

/*###########################################################################*/



/* Textauszeichnungen */
body, p, .fieldset, .formtextfield, .formtext, .forminfo, #form-module-thanks, td, th {
	font-size: 12px;
	font-family:Arial, Helvetica;
	color: #646464;
	line-height: 19px;
	text-align:left;
}

i {
	font-weight: bold;
	font-style: normal;
}

legend {
  font-weight: bold;
	color: #a14521;
  font-size: 12px;
}

em {
  color: #a86633;
  font-style:italic;
  font-weight:bold;
}

strong {
  font-weight: bold;
  color: #a86633;
  font-size: 12px;
}



/* Überschriften */
h1 {
  color: #a86633;
  font-family:Arial,Helvetica,sans-serif;
  font-size:23px;
  font-weight:lighter;
  line-height:32px;
  text-align:left;
  /*letter-spacing:-1px;*/
  word-spacing:1px;
  margin-bottom:25px;
}

h2 {
  color: #525252;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	margin-bottom:15px;
	line-height:24px;
  word-spacing:1px;
}


h3 {
  color: #a86633;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  margin-bottom:10px;
	margin-top:1px;
}

h4 {
  color: #a86633;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  margin:0;
  line-height:15px;
}

h5 {
  color: #868686;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
}

h6 {
  color: #a86633;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  margin-bottom:10px;
	margin-top:1px;
}


.Stil1, .Stil2 {
   color: #ffffff;
}

/* Listen */

#inhalt ul, #inhalt li {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #646464;
	line-height: 20px;
	text-align:left;
	margin-left: 10px;
	list-style-type:disc;
}

#inhalt ol {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #646464;
	line-height: 28px;
	text-align:left;
	margin-left: 10px;
	/*list-style-image:url(img/aufz_start.jpg);*/
}


/* Text-Links */
a {
  color: #a86633;
  font-weight:normal;
  text-decoration: underline;
  margin:0px;
	font-size:12px;
}

a:hover {
   text-decoration: underline;
}

a img {
   text-decoration: none;
   margin:0px;
}

a img:hover {
   text-decoration: none;
   margin:0px;
}

/* ######################################################################### */



/* ####################### Farbe Veranstaltungem .farbe26 ####################### */

/* WEBSITE - Struktur */

body.farbe26  {
	background: url(img/site_bg_green.jpg) repeat-x top #fff;
	/*overflow:hidden;*/
}


/* ### Navigation ### */

.farbe26 ul#mainnavi li a:hover {
  color:#417e2e;
}

.farbe26 ul#mainnavi li.active a {	
  color:#417e2e;
}

.farbe26 ul#mainnavi li.current a {	
  color:#417e2e;
}

.farbe26 ul#mainnavi li.active a:hover , li.current {	
  color:#417e2e;
}

/*_____________ Subnavi ______________ */

.farbe26 ul#mainnavi li.current ul.subnav1 a:hover{
  color: #417e2e;
}

.farbe26 ul#mainnavi li.current ul.subnav1 li.current a{
  color: #417e2e;
}

/* Textauszeichnungen */

.farbe26 legend {
	color:#417e2e;
}

.farbe26 em {
  color:#417e2e;
}

.farbe26 strong {
	color:#417e2e;
}

/* Überschriften */
.farbe26 h1 {
  color:#417e2e;
}

.farbe26 h3 {
  color: #417e2e;
}

.farbe26 h4 {
  color: #417e2e;
}

/* Text-Links */
.farbe26 a {
	color: #417e2e;
}

/* ######################################################################### */


/* ######################### Farbe Restaurant .farbe20 ########################## */

body.farbe20  {
	background: url(img/site_bg_red.jpg) repeat-x top #fff;
	/*overflow:hidden;*/
}


/* ### Navigation ### */

.farbe20 ul#mainnavi li a:hover {
  color:#96111a;
}

.farbe20 ul#mainnavi li.active a {	
  color:#96111a;
}

.farbe20 ul#mainnavi li.current a {	
  color:#96111a;
}

.farbe20 ul#mainnavi li.active a:hover , li.current {	
  color:#96111a;
}

/*_____________ Subnavi ______________ */

.farbe20 ul#mainnavi li.current ul.subnav1 a:hover{
  color:#96111a;
}

.farbe20 ul#mainnavi li.current ul.subnav1 li.current a{
  color:#96111a;
}

/* Textauszeichnungen */

.farbe20 legend {
  color:#96111a;
}

.farbe20 em {
  color:#96111a;
}

.farbe20 strong {
  color:#96111a;
}

/* Überschriften */

.farbe20 h1 {
  color:#96111a;
}

.farbe20 h3 {
  color:#96111a;
}

.farbe20 h4 {
  color:#96111a;
}

/* Text-Links */
.farbe20 a {
  color:#96111a;
}
  
/* Aufzählung */

.farbe20 ol {
	list-style-image:url(img/aufz_rest.jpg);
}

/* ######################################################################### */


/* ########################### Farbe Wellness ############################## */

body.farbe21 {
	background: url(img/site_bg_orange.jpg) repeat-x top #fff;
	/*overflow:hidden;*/
}

/* ### Navigation ### */

.farbe21 ul#mainnavi li a:hover {
  color:#ed8600;
}

.farbe21 ul#mainnavi li.active a {	
  color:#ed8600;
}

.farbe21 ul#mainnavi li.current a {	
  color:#ed8600;
}

.farbe21 ul#mainnavi li.active a:hover , li.current {	
  color:#ed8600;
}

/*_____________ Subnavi ______________ */

.farbe21 ul#mainnavi li.current ul.subnav1 a:hover{
  color:#ed8600;
}

.farbe21 ul#mainnavi li.current ul.subnav1 li.current a{
  color:#ed8600;
}

/* Textauszeichnungen */

.farbe21 legend {
  color:#ed8600;
}

.farbe21 em {
  color:#ed8600;
}

.farbe21 strong {
  color:#ed8600;
}

/* Überschriften */

.farbe21 h1 {
  color:#ed8600;
}

.farbe21 h3 {
  color:#ed8600;
}

.farbe21 h4 {
  color:#ed8600;
}

/* Text-Links */
.farbe21 a {
  color:#ed8600;
}

/* ######################################################################### */


/* ############################ Farbe Freizeit ############################# */

body.farbe37 {
	background: url(img/site_bg_blue.jpg) repeat-x top #fff;
	/*overflow:hidden;*/
}

/* ### Navigation ### */

.farbe37 ul#mainnavi li a{
  color:#727272;
}

.farbe37 ul#mainnavi li a:hover {
  color:#06517a;
}

.farbe37 ul#mainnavi li.active a {	
  color:#06517a;
}

.farbe37 ul#mainnavi li.current a {	
  color:#06517a;
}

.farbe37 ul#mainnavi li.active a:hover , li.current {	
  color:#06517a;
}

/*_____________ Subnavi ______________ */

.farbe37 ul#mainnavi li.current ul.subnav1 a:hover{
  color:#06517a;
}

.farbe37 ul#mainnavi li.current ul.subnav1 li.current a{
  color:#06517a;
}

/* Textauszeichnungen */

.farbe37 legend {
  color:#06517a;
}

.farbe37 em {
  color:#06517a;
}

.farbe37 strong {
  color:#06517a;
}

/* Überschriften */

.farbe37 h1 {
  color:#06517a;
}


.farbe37 h3 {
  color:#06517a;
}

.farbe37 h4 {
  color:#06517a;
}

/* Text-Links */
.farbe37 a {
  color:#06517a;
  
/* Aufzählung */
}
.farbe37 ol {
	list-style-image:url(img/aufz_freizeiz.jpg);
}

/* ######################################################################### */


/* ########################### Farbe Arrangements ########################## */



/* ######################################################################### */


/* ############################ Farbe Freizeit ############################# */

body.farbe25 {
	background: url(img/site_bg_hellblau.jpg) repeat-x top #fff;
	/*overflow:hidden;*/
}

/* ### Navigation ### */

.farbe25 ul#mainnavi li a:hover {
  color:#5694bc;
}

.farbe25 ul#mainnavi li.active a {	
  color:#5694bc;
}

.farbe25 ul#mainnavi li.current a {	
  color:#5694bc;
}

.farbe25 ul#mainnavi li.active a:hover , li.current {	
  color:#5694bc;
}

/*_____________ Subnavi ______________ */

.farbe25 ul#mainnavi li.current ul.subnav1 a:hover{
  color:#5694bc;
}

.farbe25 ul#mainnavi li.current ul.subnav1 li.current a{
  color:#5694bc;
}

/* Textauszeichnungen */

.farbe25 legend {
  color:#5694bc;
}

.farbe25 em {
  color:#5694bc;
}

.farbe25 strong {
  color:#5694bc;
}

/* Überschriften */

.farbe25 h1 {
  color:#5694bc;
}


.farbe25 h3 {
  color:#5694bc;
}

.farbe25 h4 {
  color:#5694bc;
}

/* Text-Links */
.farbe25 a {
  color:#5694bc;
  
/* Aufzählung */
}
.farbe25 #inhalt ol {
	list-style-image:url(img/aufz_freizeiz.jpg);
}

/* ######################################################################### */


.extern-links {
	float:left;
}

.blau img:hover {
  margin-top:-10px;
  margin-left:-1px;
}