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

body {                                  /* Hintergrundfarbe */
   font-family: Verdana, arial, helvetica, sans-serif; 
	 	 background:  url('../images/back_01.jpg') repeat-x;    /* weiss */
	 background-color: rgb(255,244,215);    /* 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: 840px;
			height: 550px;
			margin: auto;
			background:  url('../images/back_03.jpg') repeat-x;
			padding-top: 1px;
			/*background-color: rgb(255,0,0);*/
 }
.main {
   width: 800px;
	 height: 508px;
   margin: 10px auto;
	 border: solid 1px;
	 
	 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;
	}
	
	/* position in different browsers*/	
.categories ul {
margin-left: 30px;
}

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

/* IE7 Only */
*:first-child+html .categories ul {
margin-left: 85px;
}	

.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 { 
/*line-height: 0em;*/
/*white-space: pre;*/
margin: 0px 0px 0px 0px;

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

/**** Bilder ****/

.decocolumn, .decocolumn img, .artanimation, .artanimation img {
	 height: 425px;
}
/* Rechte Spalte */
.artanimation, .artanimation img {
   width : 90px;
}
.artanimation {
	 float: right;
}

/* Linke Spalte */
.decocolumn, .decocolumn img {
   width : 180px;
}
.decocolumn {
	 float: left;
   text-align: center;
/*	 margin-top: -9px;*/
}
.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: 480px;
   height: 370px;
   font-size: 11px;
	 text-align: left;
	 overflow: auto;
	 margin: 25px 0px 0px 0px;
	 #margin: 0px 0px 0px 0px; 
	 padding: 10px 20px 0px 20px;
}


.content p {
	 line-height: 1.4em;
	 padding-left: 15px; 
}
	 
.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;
}

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

.footer, .footer p {
  font-size: 9px;
	/* width: 800px; */
  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 */ 
}