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

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


.content {                                 p

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

.title { 
  background-color: rgb(224,216,191);      /* sand */ 
  background:       rgb(224,216,191);      /* sand */ 
}
.content img  {
  background-color:  rgb(255,255,255);     /* Bilderahmen */
  background:        rgb(255,255,255);     /* Bilderahmen */
}
.decocolumn {                            /* linke Spalte */
  background-color: rgb(100,62,37);      /* braun */ 
  background:       rgb(100,62,37);      /* braun */ 
} 
.artanimation {                            /* rechte Spalte */
  background-color: rgb(105,58,32);      /* braun */ 
  background:       rgb(105,58,32);      /* braun */ 
} 
.categories { /* Streifen oben */
  background-color: rgb(224,216,191);      /* goldgelb */ 
  background:       rgb(224,216,191);      /* goldgelb */ 
}


/* ------------- 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;*/
					  /*background:  url('../images/back_03_d.jpg');*/
			padding-top: 4px;
			
 }
.main {
   width: 800px;
	 margin: 10px auto;
	 border: solid 2px rgb(50,84,163);
	/* height: 600px;*/	 
	background:  url('../images/back_main_b.jpg');
	 background-color: rgb(255,255,255);    /* weiss */
}
a {
	/* letter-spacing: 1px;*/ 
 	 text-decoration: none;
	/* font-weight:bold;*/ 
 	color: rgb(170,14,21);
}
a:link, a:visited {
	text-decoration: none; 	
}
a:hover, a:active  { 
	text-decoration: underline; 
}

/**** Kopfzeile Titelstreifen                ****/
.title {
  width : 800px;
	 height: 61px;
	 margin-bottom: 0px;
		border-bottom: solid 1px rgb(50,84,163);
}
.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 rgb(50,84,163);
   border-top: solid 1px rgb(50,84,163);
	 letter-spacing: 1px; 
   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: 60px;
}

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

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


.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/adler_back_right.jpg') repeat-x;*/
  /*background-color: rgb(105,62,37);*/
}

/* Linke Spalte */
.decocolumn, .decocolumn img {
   width : 180px;
	/* height: 100%;*/
}
.decocolumn {
	 float: left;
   text-align: center;
   background:  url('../images/adler_left3.jpg') repeat-x;
  /* background-color: rgb(105,85,32);*/
	 height: 562px;
}

.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;*/
	 width: 430px;	 
   font-size: 11px;
	 text-align: left;
	 overflow: auto;
	 margin: 25px 0px 0px 0px;
	 #margin: 0px 0px 0px 0px; 
	 padding: 0px 20px 0px 20px;
	 /*border: 1px solid rgb(255,0,0);*/
}

/* IE7 Only */
/**:first-child+html .content {
width: 430px;
}	*/

.content a {
 white-space:nowrap;
 }

.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, h3 {
	 font-family: georgia, times new roman, serif;
	 font-style: italic;
	 letter-spacing: 1px;  
	 font-size: 1.5em;
	 color: rgb(170,14,21);
} 
h1 {
	 font-size: 12pt;
	 text-align: center;	
} 
h3, h4
{	 font-size: 10pt; }



.content img {
	 padding: 0px;
   margin: 0px;
	 border: 0px;
	 
}

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

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

.leftlink, .leftlinktop {
  padding-left: 20px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 9pt;
	line-height: 1em;
	color: rgb(255,255,255);
	border-bottom: 1px dotted rgb(140,140,140);
	font-weight: normal; 
	letter-spacing: 0px; 	
	text-decoration: none;
}

 
/* IE7 Only */
*:first-child+html .leftlinktop {
padding-top: 10px;
}	

/* IE6 Only */
* html .leftlinktop {
padding-top: 10px;
}	


.leftlink a, .leftlinktop a  {
color: rgb(255,255,255);
font-weight: normal; 
letter-spacing: 0px;
text-decoration: none;
}



.leftlink a:hover {
 text-decoration: underline;
}
.subtitel { font-size: smaller; }
/**** Voransichten und Bilder von Zimmern ****/

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

.breadcrumbs {
 margin-top: 0px;
 margin-left: -50px;
 color: rgb(50,84,163);
 font-size: 0.8em;
}
.breadcrumbs a {
 color: rgb(170,14,21);
  font-weight: normal; 	
}

.breadcrumbs span {
color: rgb(170,14,21);
}



/* -------------- 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 */ 
}

/* DIRS21 Mods */
#d21-headline-container{
	display:none!important;
}

#d21-quickbook .picker__holder{
	top: -100px;
   left: -130px;
}
 
#d21-quickbook.d21-rendered #d21_tooltip {
    top: initial!important;
	 bottom: 0;
	 left: -45px;
}
 
#d21-quickbook #d21_tooltip::before{
	display:none;
}

#d21-quickbook *:not(.d21-tooltip-box)>i:not(.minus):not(.plus):not(.delete):not(.removeText), #d21-quickbook #d21-avail-result-container{
   background-color:#aa0e15!important;
}

#d21-quickbook .field, #d21-quickbook .hasDatepicker, #d21-quickbook *:not(.D21-Age-Select)>select{
   border: 2px solid rgba(170,14,21,.7)!important;
}

a.d21-trigger-ibe.bkr{
	display: block;
    width: 90%;
    text-align: center;
    margin: 0 10%;
	 background-color: #aa0e15;
	 border:2px solid #aa0e15;
    color: white;
	 padding: 10px 0px;
}

a.d21-trigger-ibe.bkr:hover{
    color: #aa0e15;
	 background-color:transparent;
	 text-decoration:none;
}