/* -----------------------------------------
	
	Kaiserhof Eisenach
	 - Stylesheet "rightside"
	 
	Autor:   Christoph Bach - redtrump.de
	Kontakt: style-o-rama@redtrump.de	
	
	letztes Update: 2008-07-21
	
----------------------------------------- */

/* -----------------------------------------
	Remote Control - Schriftgroessen
----------------------------------------- */

#remote {
 position: absolute;
 width: 210px;
 height: 52px; 
 top: 0;
 left: 50%;
 margin-left: 295px;
 background: url(../img/remote/remote-faux.gif) repeat-y;
}

	#remote #remote_toggle {
	  position: absolute;
	  width: 210px;
	  height: 27px;
	  bottom: 0;
	  cursor: pointer;
	  background: url(../img/remote/remote-end.jpg) no-repeat;
	}

	#remote p {
	  margin: 5px 0 0 0;
	  text-align: center;
	}
	
	#remote a:hover {
	  cursor: pointer;
	}


/* -----------------------------------------
	Newsbox - zeigt tt_news LATEST
----------------------------------------- */


#external_box {
  position: absolute;
  width: 210px;
  top: 60px;
  left: 50%;
  margin-left: 295px;
  background: url(../img/external_box/external_box-faux.gif) repeat-y;
  overflow: hidden;
}

	#external_box div.fakeIt {
	  width: 194px;
	  height: 20px;
	  margin-left: 8px;
	  background: url(../img/external_box/external_box-sprite.gif) -8px -72px no-repeat; 
	}
	
	#external_box p.schnellkontakt {
	  margin: -5px 20px 5px;
	}
	
	#external_box a.telefon-button {
	  float: left;
	  display: block;
	  height: 20px;
	  width: 20px;
	  margin-right: 5px;
	  background: url(../img/buttons/telefon-dunkel.gif) no-repeat;
	}
	
	#external_box a.telefon-button:hover {
	  text-decoration: none !important;
	}
	
	#external_box a.telefon-string {
	  display: block;
	  margin-top: 2px;
	}
	
	#external_box div.tx-thmailformplus-pi1 {
	  margin-bottom: 10px;
	}
	
	#external_box #external_box_bt_img {
	  position: relative;
	  z-index: 299;
	}
	
	/* external_box contents */
	
	#external_box #quick-contact {
	  width: 194px;
	  margin-left: 8px;
	}

	#external_box #newsbox-content {
	  width: 194px;
	  margin-left: 8px;
	  background: url(../img/external_box/external_box-gradient.jpg) repeat-x;
	}
	
		#external_box #newsbox-content a {
		  display: block;
		}

		#external_box #newsbox-content h3 {
		  margin: 0;
		  padding: 7px 0 1px /*13px*/;
		}
		
		#external_box h3.newsbox-head,
		#external_box h3.external_box-head {
		  position: relative;
		  z-index: 69;
		  margin: 0;
		  padding-top: 10px;
		  background: url(../img/external_box/external_box-sprite.gif) 0 0 no-repeat; 
		}
				
			/* Ueberschriften - Separierung der Sprites */
		
			#external_box #newsbox-content h3 {
			  background: url(../img/external_box/external_box-sprite.gif) 0 0 no-repeat;
			}
			
			#external_box #newsbox-content h3 {
			  background-position: -8px -40px;
			}

			#external_box #newsbox-content div.one h3 {
			  background-position: -8px -72px;
			}
			
			#external_box #newsbox-content div.two h3,
			#external_box #newsbox-content div.three h3,
			#external_box #newsbox-content div.four h3 {
			  background-position: -8px -105px;
			}

		#newsbox-content .news-latest-container,
		#newsbox-content .text-w-image,
		/* Top-Angebote-Slide -> */
		#newsbox-content .initial img,
		#newsbox-content .initial p {
		  margin: 2px 10px 4px;
		}
		
		#newsbox-content .initial p {
		  margin-top: 0;
		  line-height: 1;
		}

			#newsbox-content .news-latest-item {
			 position: relative;
			 margin-bottom: 0; /*25px*/
			}
				
				.news-latest-item p a {
				 margin-top: 3px;
				}

				.news-latest-item p {
				 margin-bottom: 0.2em;
				}
			
		#newsbox-content .news-latest-container img
		#newsbox-content .text-w-image img {
		 position: relative;
		 margin: 0 auto;
		 border-top: 1px solid #8d6c59;
		 border-right: 1px solid #8d6c59;
		 border-left: 1px solid #894f44;
		 border-bottom: 1px solid #894f44;
		}
		
		/* verstecke HR vor IE */
		#external_box hr.clearer {
		 color: #c7b679;
		 background: #c7b679;
		}

	div.kwick-element p.more-ads {
	  width: 173px;
	  margin-left: 10px;
	  border-top: 1px solid #97865b;
	}

		div.kwick-element p.more-ads a {
		  display: block;
		  padding: 1px 3px;
		  background: #b7a66b;
		}
		
		div.kwick-element p.more-ads a:hover {
		  background: #b2984c;
		}

	#external_box #external_box_bt {
	  height: 27px;
	  background: url(../img/external_box/external_box-end.jpg) no-repeat
	}
	

	#external_box_bt2,
	#external_box_bt3 {
	  height: 27px;
	  background: url(../img/external_box/external_box-end.jpg) no-repeat
	}

/* -----------------------------------------
	Kwick related
----------------------------------------- */

	div.one,
	div.two,
	div.three,
	div.four {
	 position: relative;
	}
	
	div.two h3,
	div.three h3,
	div.four h3 {
	  background-position: -70px -15px;
	}
	
	div.one   { z-index: 71 !important; }
	div.two   { z-index: 72 !important; }
	div.three { z-index: 73 !important; }
	div.four  { z-index: 74 !important; }
	
	.kwick-element {
	 display: block;
	 height: 28px;
	 background: #c7b679 !important;
	 overflow: hidden; 
	}
	
	/* initial-div erzwingt Sichtbarkeit eines der LATEST-Elemente */
	div.initial {
	 height: 350px;
	}
	

/* -----------------------------------------
	le fin.
----------------------------------------- */






/************************************** RESERVIERUNGSANFRAGE  ***/

#stForm {
 width: 170px;
 min-height: 160px;
 overflow-x: hidden;
 margin: 0 0 6px 20px;
}

#stForm .AnfrageFeldLinks,
#stForm .AnfrageFeldRechts {
 width: 80px;
 float: left;
}

#stForm .AnfrageFeldLinks {
 margin: 0 8px 0 0;
 clear: both;
}

#stForm input {
 padding: 2px !important;
 margin: 1px 0 5px 0 !important;
}

#stForm label {
 font-size: 11px !important;
}

#stEZimmer,
#stDZimmer,
#stPersonen,
#stKinder {
 width: 75px !important;
}

#stAnreise,
#stAbreise {
 float: left;
 width: 50px !important;
}

#stAnfrage {
 background: url(../img/buttons/stAnfrage.jpg) left top no-repeat;
 width: 105px !important;
 height: 29px !important;
 color: transparent !important;
 margin: 4px 0 0 33px;
}
#stAnfrage:hover {
 cursor: pointer;
 background: url(../img/buttons/stAnfrage.jpg) left bottom no-repeat;
}

#stAnfrageTelefon {
 text-align: center;
}

/************************************** ********************************* ***/










/************************************** ANGEBOTE ***/

.Angebot-Container {
 background: url(../img/bg-angebotsbox.gif) -8px 0px no-repeat;
 margin: 0 0 10px 0;
}

.Angebot-Container,
.Angebot-Box,
.Angebot-Bild {
 width: 194px;
 height: 220px;
 overflow: hidden;
}

.Angebot-Box {
 margin: 15px 0 0 0;
 clear: both;
}

.Angebot-Mitte {
 width: 184px;
 margin: 10px 0 0 5px;
 text-align: center;
 float: left;
 clear: both;
}
.Angebot-Mitte h4 {
 margin-bottom: 0 !important;
 padding-bottom: 2px !important;
}
.Angebot-Mitte .news-list-morelink {
 display: none;
}



.Angebot-Bild .NurBild {
 width: 160px !important;
 height: 125px !important;
  overflow: hidden !important;
}

.Angebot-Bild .NurBild img {
 min-width: 160px;
}

.Angebot-Bild {
 width: 160px;
 height: 125px;
  overflow: hidden;
 float: left;
}

.Angebot-Bild-Cover {
 width: 160px;
 height: 125px; 
 position: relative;
 top: -125px; 
  overflow: hidden;
 background: url(../img/angebot-bild-cover.png) no-repeat; 
}

.Angebot-Bild-Cover a {
 width: 160px;
 height: 125px;
  overflow: hidden;
 display: block;
}

.Angebot-Rechts,
.Angebot-Links {
 width: 17px;
 height: 125px;
 float: left;
}

a.Angebot-Rechts-A,
a.Angebot-Links-A {
 width: 13px;
 height: 26px;
 margin: 49px 2px 0 2px;
 display: block;
 background: url(../img/pfeile.jpg) left top no-repeat;
}
a.Angebot-Links-A:hover {
 background: url(../img/pfeile.jpg) left bottom no-repeat;
 border: 0;
}


a.Angebot-Rechts-A {
 background: url(../img/pfeile.jpg) right top no-repeat;
}
a.Angebot-Rechts-A:hover {
 background: url(../img/pfeile.jpg) right bottom no-repeat;
 border: 0;
}


/************************************** ********************************* ***/




/************************************** BILDERGALERIE ***/

.RechteSpalteH4 {
 text-align: center;
 padding-top: 7px !important;
 line-height: 22px !important;
}

#RechteBildergalerie {
 background: url(../img/bg-angebotsbox.gif) -8px 0px no-repeat;
 width: 194px;
 padding: 15px 0 0 0;
}

#RechteBildergalerieWrap {
 width: 160px;
 height: 125px;
 overflow: hidden;
 margin: 0 0 0 17px;
}

#RechteBildergalerieBild {
 width: 160px;
 height: 125px;
 overflow: hidden;
}

#RechteBildergalerieCover {
 width: 160px;
 height: 125px; 
 position: relative;
 top: -125px; 
 overflow: hidden;
 background: url(../img/angebot-bild-cover.png) no-repeat; 
}

#RechteBildergalerieCover a {
 width: 160px;
 height: 125px; 
 display: block;
}

/************************************** ********************************* ***/




/************************************** PROSPEKTE ***/

#RechteProspekte {
 background: url(../img/bg-angebotsbox.gif) -8px 0px no-repeat;
 width: 194px;
 padding: 15px 0 0 0;
}

#RechteProspekte #stProspektLink {
 width: 100px;
 height: 163px;
 display: block;
 margin: 0 0 0 47px;
}


/************************************** ********************************* ***/



/************************************** AKTION ***/

#RechteAktion {
 background: url(../img/bg-angebotsbox.gif) -8px 0px no-repeat;
 width: 194px;
 padding: 15px 0 0 0;
}

#RechteAktionWrap {
 width: 160px;
 height: 241px;
 overflow: hidden;
 margin: 0 0 0 17px;
}

#RechteAktionBild {
 width: 160px;
 height: 241px;
 overflow: hidden;
}
#RechteAktionBild p {
 color: #660b09;
 line-height: 19px;
}

#RechteAktionCoverOben {
 width: 160px;
 height: 12px; 
 position: relative;
 top: -241px; 
 overflow: hidden;
 background: url(../img/angebot-bild-cover.png) left top no-repeat; 
}

#RechteAktionCoverUnten {
 width: 160px;
 height: 12px; 
 position: relative;
 top: -24px; 
 overflow: hidden;
 background: url(../img/angebot-bild-cover.png) left bottom no-repeat; 
}

/************************************** ********************************* ***/



/************************************** AKTION ***/

#RechteFacebookBox {
 background: url(../img/bg-angebotsbox.gif) -8px 0px no-repeat;
 width: 194px;
 padding: 15px 0 0 0;
}

#RechterFacebookButton {
 margin: 0 0 10px 3px;
 width: 187px;
 height: 55px;
 display: block;
 background: url(../img/fb-button.jpg) left top no-repeat;
}
#RechterFacebookButton:hover {
 background: url(../img/fb-button.jpg) left bottom no-repeat;
}


#RechterAbstand {
 width: 100%;
 height: 30px;
 background: #EADAA0;
}

/************************************** ********************************* ***/