/* -------------- Farben ---------------- */

body {                                  /* Hintergrundfarbe */
   font-family: Verdana, arial, helvetica, sans-serif; 
	 	 background:  url('../images/back_01_d.jpg') repeat-x;    /* weiss */
	 background-color: rgb(242,242,242);    /* weiss */
}


.content {                                 p

   font-family: Verdana, arial, helvetica, sans-serif; 
  }

.title { 
  background-color: rgb(255,160,4);      /* orange */ 
  background:       rgb(255,160,4);      /* orange */ 
}
.content img  {
  background-color:  rgb(255,160,4);     /* Bilderahmen */
  background:        rgb(255,160,4);     /* Bilderahmen */
}
.decocolumn {                            /* linke Spalte */
  background-color: rgb(255,160,4);      /* orange */ 
  background:       rgb(255,160,4);      /* orange */ 
} 
.artanimation {                            /* rechte Spalte */
  background-color: rgb(255,160,4);      /* orange */ 
  background:       rgb(255,160,4);      /* orange */ 
} 
.categories { /* Streifen oben */
  background-color: rgb(255,186,4);      /* goldgelb */ 
  background:       rgb(255,186,4);      /* goldgelb */ 
}
a { color: rgb(36,55,34); }

/* ------------- Positionen und Settings --------------------- */

.shadow {
			width: 835px;
			height: 640px;
			margin: auto;
			margin-top: -3px;
		  #margin-top: -10px;
		  background:  url('../images/back_03_d.jpg') repeat-x;
			padding-top: 4px;
			
 }
.main {
   width: 800px;
	 margin: 10px auto;
	 border: solid 1px;
	 height: 600px;	 
	 background-color: rgb(255,255,255);    /* weiss */
}
a {
	 letter-spacing: 1px; 
 	 text-decoration: none;
	 font-weight:bold; 	
}
a:link, a:visited {
	text-decoration: none; 	
}
a:hover, a:active  { 
	text-decoration: underline; 
}

/**** Kopfzeile Titelstreifen                ****/
.title {
  width : 800px;
	 height: 58px;
	 margin-bottom: 0px;
		border-bottom: solid 1px;
}
.logo {
	 margin: 5px 25px 10px 10px;
	 height: 30px;
}
/* bilderreihe neben dem Logo */
.slideshow { 
	 position: relative; /* relativ zu title */
	 left: 128px;
}

img {
border: 0px;
}

/* ************** Kategorienstreifen  ***************  */

.categories { /* Kategorienstreifen */
   text-align: center;
	 float: left;
   width: 800px; 
	 height: 20px;
   border-bottom: solid 2px;
   border-top: solid 1px;
	 letter-spacing: 2px; 
   font-weight: bold;
	 padding-top: 1px;
	}
	
	
.categories ul {
	float: left;
  margin: 0;
	list-style: none;
  white-space: nowrap;
	line-height: 5pt;
	/*margin-left: 150px;
	#margin-left: 100px;*/
	}

/* position in different browsers*/	
.categories ul {
margin-left: 110px;
}

/* IE6 Only */
* html .categories ul {
margin-left: 70px;
}

/* IE7 Only */
*:first-child+html .categories ul {
margin-left: 140px;
}	
	
	
	
.categories li  {
			float: left;
		line-height: 0.5em;
		float: left;
		list-style: none;
		border-right: 2px solid rgb(0,0,0);
 
}
.categories a {
   font-size: 11px;
   text-decoration: none;
	 padding:3px 20px 3px 20px;
	 line-height: 16px;
	}


.categories a:first-letter {  
text-decoration: underline;
line-height: 11px;
}

.categories .sprachwahl a {
	 padding:0px;
}
.categories a:hover, .categories a:active { 
	text-decoration: underline; 
	line-height: 16px;
}



.headnavi { 
margin: 0px 0px 0px 0px;
}

.headnavi:first-letter {  
  text-decoration: underline;
  line-height: 11px;
}

/**** Bilder ****/

.decocolumn img, .artanimation, .artanimation img .rightimg{
	/*height: 425px;*/
}


/* Rechte Spalte */
.rightimg {
  float: right;
  background:  url('../images/dependance_right.jpg') repeat-x;
  background-color: rgb(253,224,149);
}

/* Linke Spalte */
.decocolumn, .decocolumn img {
   width : 180px;
	/* height: 100%;*/
}
.decocolumn {
	 float: left;
   text-align: center;
   background:  url('../images/dependance_left.jpg') repeat-x;
   background-color: rgb(253,224,149);
	 height: 517px;
}

.decocolumn a { 
	font-size: 7pt;
}
.decocolumn a:link, .leftcolumn a:visited { 
	text-decoration: none; 	
}
.decocolumn a:hover, .leftcolumn a:active { 
	text-decoration: underline; 
}

/********* Inhalt (rechts unten) **************/

.content{
   
	   width: 422px;
   font-size: 11px;
	 text-align: left;
	 overflow: auto;
	 margin: 25px 0px 0px 0px;
	 #margin: 0px 0px 0px 0px; 
	 padding: 10px 20px 0px 20px;
	 /*border: 1px solid rgb(255,0,0);*/
}


.content p {
	 line-height: 1.4em;
	 padding-left: 45px; 
}
	 
.content p a:hover, .content p a:active { 
	text-decoration: underline; 
}
.content table {
	 line-height: 1.2em;
	 letter-spacing: 1px;
	 padding-left: 12px;
} 
.content ul {
   list-style-type: square;
	 line-height: 1.4em;
}
.content li 
   {margin:7px;} /* größere Absatzhöhe in Listen */

h1, h2, h3, h4, h5, h6 {
	 letter-spacing: 2px; 
	 line-height: 0.9;
} 

h2 { 
	 font-size: 11pt;
} 
h1 {
	 font-size: 12pt;
	 text-align: center;	
} 
h3, h4
{	 font-size: 10pt; }
.content img {
	 padding: 2px;
   margin: 2px;
	 border: 0px;
}

/* -------------- Spezielle Verzierungen ---------------- */

.impressum {
   font-family: Verdana, arial, helvetica, sans-serif; 
	font-size: 8pt;
}

.adresse {
  text-align: center;
	font-size: 8pt;
	line-height:1.4em;
}
.subtitel { font-size: smaller; }
/**** Voransichten und Bilder von Zimmern ****/

.galerie {
	float: right;
	width: 100px;
}
.galerie img {
	padding: 2px;
	width: 100px;
}

/* ------------- Linkband Startseite ------------------------*/

.linkband {
width: 380px; 
height: 50px;
text-align: center; 
margin-top: 30px; 
margin-left: 40px;
white-space: nowrap;

}

.linkband img  {
  background-color:  rgb(255,255,255);     /* Bilderahmen */
  background:        rgb(255,255,255);     /* Bilderahmen */
}

              /* Bildwechsel*/
							
/* bett+bike */
a#bb{
display:block;
float: left;
width:40px;
height:40px;
background: transparent url('../images/linkband/lb-bb.png') 0px 0px no-repeat;
}
a:hover#bb{
background: transparent url('../images/linkband/lb-bb.png') 0px -40px no-repeat;
}	
/* art-hotel */
a#art{
display:block;
float: left;
margin-left: 14px;
width:75px;
height:40px;
background: transparent url('../images/linkband/lb-art.png') 0px 0px no-repeat;
}
a:hover#art{
background: transparent url('../images/linkband/lb-art.png') 0px -40px no-repeat;
}	
/* rainbach */
a#rain{
display:block;
float: left;
margin-left: 12px;
width:100px;
height:40px;
background: transparent url('../images/linkband/lb-rain.png') 0px 0px no-repeat;
}
a:hover#rain{
background: transparent url('../images/linkband/lb-rain.png') 0px -40px no-repeat;
}	
/*naturpark*/
a#nat{
display:block;
float: left;
margin-left: 16px;
width:54px;
height:40px;
background: transparent url('../images/linkband/lb-nat.png') 0px 0px no-repeat;
}
a:hover#nat{
background: transparent url('../images/linkband/lb-nat.png') 0px -40px no-repeat;
}	
/*metropolregion*/	
a#met{
display:block;
float: left;
margin-left: 19px;
width:45px;
height:40px;
background: transparent url('../images/linkband/lb-met.png') 0px 0px no-repeat;
}
a:hover#met{
background: transparent url('../images/linkband/lb-met.png') 0px -40px no-repeat;
}	

/* -------------- Footer ------------------------------------*/

.footer, .footer p {
  font-size: 9px;
	text-align: center;
	color: rgb(110,110,110);
}
.footer a {
	color: rgb(110,110,110);
}
.footer a:hover, .footer a:active { 
	color: rgb(110,110,110);
	text-decoration: underline; 
}

/* --------------- Clearer ------------------------------------ */
.clearer {
	height: 0px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	clear: both;
	/* background-color: rgb(30,30,30);   /* debugging farbe */ 
}