/*----------------------------------------------------------------
 * Main Stylesheet
 * ---------------
 * 
 * Rhoen Feeling
 * 
 * Author     : Christoph Bach - redtrump. Buero fuer Gestaltung
 * Contact    : style-o-rama@redtrump.de
 * Last edited: 2009-02-27
 * 
 * 
 * Used methods:
 * -------------
 *
 * - Star HTML Hack
 *--------------------------------------------------------------*/

/*--------------------------------
 * Browser Reset
 *------------------------------*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  line-height: 1;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/*--------------------------------
 * Elementsxx
 *------------------------------*/

html, body {
  height: 100%;
}

body {
  width: 100%;
  background: #ffcb76 url(../img/layout/background-body.gif) repeat-x;
  /*overflow-x: hidden;*/
}

h1,
p, table {
  margin-bottom: 1em;
}

h2 {
  margin-bottom: 0.5em;
}

ol, ul {
  margin-bottom: 2em;
}

#main li,
#main-single li {
  margin-bottom: 0.2em;
}

td p {
  margin: 0;
}

td {
  padding: 0.2em 1em 0.2em 0;
  border-bottom: 1px solid #ffa714;
}

/*--------------------------------
 * Klassen
 *------------------------------*/
 
.clearer {
  clear: both;
}

hr.clear {
  height: 0;
  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/list-item_bg-faux.gif) no-repeat;
}

.clearfix:after {
  clear: both;
  display: block;
  height: 0;
  content: ".";
  visibility: hidden;
}

.clearfix {
  zoom: 1; /* vergibt hasLayout fuer IE */
}


/*--------------------------------
 * Typography
 *------------------------------*/

/*--- generic ---*/

body {
  font: 62.5% Verdana,Helvetica, Arial, sans-serif;
}


/*--- font-family --*/

textarea {
  font-family: Verdana,Helvetica, Arial, sans-serif;
}


/*--- font-size ---*/

h1 {
  font-size: 2.3em;
}

h2,
div.news-list-item h1 {
  font-size: 1.9em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.3em;
}

#navigation ul li a,
p.routenplanung,
#main-single div.tx-flseositemap-pi1 ul {
  font-size: 1.5em;
}

a.teaser_word {
  font-size: 1.4em;
}

p,
label,
div#newsbox h3,
#main li,
#main-single li {
  font-size: 1.3em;
}

textarea,
#sidebar p,
#footer p, #footer li,
#navigation ul li ul li a,
div.markerTooltip {
  font-size: 1.2em;
}

#main li li,
#main-single li li {
  font-size: 1em;
}

#main-single div.tx-flseositemap-pi1 ul ul {	
  font-size: 0.7em;
}

#main-single div.tx-flseositemap-pi1 ul ul ul {
  font-size: 1em;
}


/*--- line-height ---*/

label {
  line-height: 1.7em;
}

p,
#footer li,
#main li,
#main-single li {
line-height: 1.3em;
}


/*--- color ---*/

body, a {
 color: #fed400; /* gelb */
}

/*#sidebar,
#sidebar a,*/
#suche input,
p.tx-aahbook-pi1-site,
p.tx-aahbook-pi1-site a,
div.markerTooltip,
#map div.gmnoprint,
#map div.gmnoprint a,
#countryfestival,
#countryfestival a {
  color: #971300; /* rot */
}


/*--- font-weight ---*/

h1, h2, h3 {
  font-weight: normal;
}


/*--- font-style ---*/

h1, h2, h3,
#navigation ul li a {
  font-style: italic;
}

#navigation ul li ul li a {
  font-style: normal;
}


/*--- letter-spacing ---*/

h1 {
  letter-spacing: 1px;
}


/*--- text-decoration ---*/


#logowr a,
#navigation a,
ul.teaser li a {
  text-decoration: none;
}


/*--- special---*/



/*--------------------------------
 * Layout
 *------------------------------*/

#faux-shadow-left {
  z-index: 9;
  position: absolute;
  height: 465px;
  width: 10px;
  left: 50%;
  margin-left: -500px;
  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-faux-shadow.gif) no-repeat;
}

#contentwr {
  position: relative;
  min-height: 100%;
  width: 968px;
  left: 50%;
  margin-left: -500px;
  padding-bottom: 158px;
  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-wrapper.jpg) repeat-y;
}

/* Star HTML Hack */
* html #contentwr {
  height: 100%;
}

	#content {
	}
	
	
/*--- left column ---*/
	
	#column-left {
	  float: left;
	  width: 208px;
	  margin-left: 10px;
	  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-left.gif) 0 0 repeat-y;
	}
	
		#logowr {
		  height: 297px;
		  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-logo.gif) no-repeat;
		}
		
			#logowr h1.logo {
			  height: 53px;
			  padding-top: 95px;
			  margin: 0 0 0 2px;
			  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/logo.gif) 0 bottom no-repeat;
			}

				#logowr h1 span {
				  visibility: hidden;
				}
			
			#logowr a {
			  display: block;
			}
				
			#logowr #marco-polo {
			  width: 150px;
			  height: 0;
			  margin: 37px 0 0;
			  padding-top: 100px;
			  overflow: hidden;
			  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/marco-polo.png) no-repeat;
			}
			
			#logowr #marco-polo:hover {
			  background-position: 0 -100px;
			}
		
		#suche h2,
		#rss h2 {
		  padding-left: 20px;
		}
		
		#suche {
		  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-left-end.gif) 2px bottom no-repeat;
		  /* test: */
		  height: 100px;
		}
		
			#suche input {
			  width: 150px;
			  margin: 5px 0 0 20px;
			  padding: 3px 4px;
		 	  border: 1px solid #ffa714;
			  background: url(../img/navigation/background-search.gif) no-repeat;
			}
		
		#rss {
		  height: 60px;
		  
		 background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-left.gif) 0 0 repeat-y;
}

			#rss p {
			  margin-left: 20px;
			}
		
		#suche h2 img,
		#rss h2 img {
		  margin: 0 5px -4px 0;
		}
	
	
/*--- right column ---*/
	
	#column-right {
	  float: left;
	  width: 597px;
	  margin: 0 0 0 -7px;
	}
	
		#head-img {
		  padding-bottom: 10px;
		}


/*--- Breadcrumb ---*/

			#head-img p#breadcrumb {
			  width: 547px;
			  margin: 0 0 0.6em 30px;
			  padding-bottom: 0.3em;
			  border-bottom: 1px dotted #ac1a00;
			}


/*--- main ---*/

		#main,
		#main-single {
		  float: left;
		  margin-left: 30px;
                  min-height: 1260px;
		}
		
		#main {
		  width: 328px;
		}
		
		#main-single {
		  width: 520px;
		}

			#main-single img.main-single-img {
			  float: right;
			  margin: 5px 5px 20px 20px;
			}
		
		#main ul,
		#main-single ul {
		  list-style: disc;
		  margin-left: 1.5em;
		}

		#main ul.teaser,
		#main-single ul.teaser {
		  list-style: none;
		  margin: 1em 0 0 0;
		}
		
			ul.teaser li {
			  float: left;
			  font-size: 1.8em;
			  margin-bottom: 1em;
			}
				
				ul.teaser li a {
				  display: block;
				}
				
				ul.teaser li a.teaser_word {
				  padding-top: 27px;
				}

		table.contenttable {
		  width: 100%;
		}

			table.contenttable td {
			  vertical-align: top;
			}


/*--- news list items --- */		

		div.news-list-item {
		  background: #ffd11b;
		  margin-bottom: 15px;
		  padding-top: 10px;
		  color: #941600;
		  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/list-item_bg-faux.gif) no-repeat;
		}

			div.news-list-item h1,
			div.news-list-item h3,
			div.news-list-item p {
			  margin: 10px 0 0 20px
			}

			div.news-list-item img,
			div.news-list-item a img {
			  float: right;
			  margin: 15px 20px 0 10px !important;
			  border: 1px solid;
			}
			
			div.news-list-item a img {
			  float: right;
			}

			div.news-list-item a {
			  color: #941600;
			}
			
			div.news-list-item div.news-list-item-bottom {
			  height: 31px;
			  margin: -8px 0 0 !important;
			  background: url(/fileadmin/templates/jugendhotel_07/img/layout/list-item_bottom.gif) no-repeat;
			}


/*--- news sinler items ---*/

		div.news-single-item img {
		  float: right;
		  margin-left: 10px;
		}


/*--- sidebar ---*/
		
		#sidebar {
		  float: left;
		  width: 202px;
		  margin-left: 17px;
		}
		
			#sidebar img {
			  /*float: right;*/
			  margin: 2px 0 8px 2px;
			}
			
			#sidebar h2 {
			  padding: 6px 0;
			}
			
			#sidebar h3 {
			  margin: 10px 0;
			}
			
			#sidebar h2,
			#sidebar h3,
			#sidebar p {
			  margin-left: 15px;
			  margin-right: 10px;
			}
			
			#mp-badge {
			}
			
				#mp-badge p {
				  margin: 0 0 0 15px;
				  padding: 1em 0;
				  font-size: 1.2em;
				  line-height: 1.4em;
				}

				#mp-badge a {
				  display: block;
				  width: 75px;
				  height: 70px;
				  /* margin: 10px 0 25px 17px; */
				  padding: 47px 0 0 95px;
				  background: url(/fileadmin/templates/jugendhotel_07/img/mp-badge.png) no-repeat;
				}
				
				#mp-badge a:hover {
				  /* text-decoration: underline; */
				  background-position: 0 -118px;
				}

	#clearer {
	  clear: both;
	}
	
	
/*--- footer ---*/
	
	#footer {
	  position: absolute;
	  /*bottom: 0;*/
	  height: 166px;
	  width: 800px;
	  margin-left: 0;
	  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-footer.jpg) no-repeat
	}
	
		#footer-content {
		  position: absolute;
		  width: 776px;
		  height: 28px;
		  margin: 0 0 0 12px;
		  bottom: 10px;
		  border-top: 2px solid #ffa914;
		  /* background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/navigation/background-a.gif) 0 top repeat-x; */
		}
		
		#footer-content p,
		#footer-content ul li {
		  float: left;
		  line-height: 29px;
		}
		
		#footer-content p {
		  margin-left: 18px;
		}
		
		#footer-content ul {
		  float: right;
		  margin-right: 18px;
		}
				
			#footer ul li a {
			  display: block;
			  padding: 0 10px;
			}


/*--------------------------------
 * Navigation
 *------------------------------*/

/*--- main navigation ---*/

#navigation {
  width: 199px;
  margin: 0 0 0 2px;
}


/*--- visibility behavior ---*/

	#navigation ul {
	  padding-bottom: 35px;
	  margin-bottom: 0;
	  background: url(../img/layout/background-left-end.gif) 0 bottom no-repeat;
	}

	#navigation ul li a {
	  display: block;
	  height: 38px;
	  line-height: 38px;
	  padding-left: 20px;
	  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/navigation/background-a.gif) 0 top repeat-x;
	  cursor: pointer;
	  border-bottom: 1px solid #ffa714;
	} 
	
	#navigation ul li a:hover {
	  background-position: 0 bottom;
	}
	
		#navigation ul li a.first {
		  background: url(../img/navigation/background-a-first.gif) no-repeat;
		}

		#navigation ul li a.first:hover {
		  background-position: 0 -39px;
		}
	
		#navigation ul li a.active {
		  background-position: 0 bottom;
		}
		

/*--- Submenue ---*/
		
			#navigation ul li ul {
			  padding-bottom: 0;
			  /*border-bottom: 1px solid;*/
			}
			
			#navigation ul li ul li a {
			  height: 28px;
			  line-height: 28px;
			  border: 0;
			  background: url(../img/navigation/background-a-sub.gif) 0 top repeat-x;
			}
			
			#navigation ul li ul li a:hover {
			  background-position: 0 bottom;
			}
			
			#navigation ul li ul li a.active {
			  background-position: 0 bottom;
			}

	

/*--------------------------------
 * Newsbox
 *------------------------------*/

#newsbox {
  z-index: 9;
  position: absolute;
  width: 220px;
  top: 0;
  left: 50%;
  margin-left: 290px;
  background: url(../img/newsbox/newsbox-neu-top.jpg) 0px 0px no-repeat;
}


#newsbox #newsbox-anfrage {
 height: 245px; 
 padding: 55px 0 0 0;
}



#newsbox #newsbox-anfrage .csc-mailform-field {
 margin: 0 0 0 21px;
 padding: 0 0 4px 5px;
}

#newsbox #newsbox-anfrage .csc-mailform-field-half {
 width: 95px;
 margin: 0;
 padding: 0;
 float: left;
}

#newsbox #newsbox-anfrage input {
 width: 78px;
 padding: 2px 2px;
 border: 1px solid #ffa714;
 background: url(../img/navigation/background-search.gif) no-repeat;
 float: left;
}


#stAnreise {
 width: 54px !important;
}
#stAbreise {
 width: 48px !important;
}
#stPersonen {
 width: 72px !important;
}
#stKinder {
}
#stZimmer {
}



#newsbox-hotline p {
 font-weight: bold;
}


#newsbox-prospekt a {
 text-decoration: none;
}
#newsbox-prospekt a:hover {
 text-decoration: underline;
}

#newsbox-partner {
 padding-bottom: 11px;
}

#newsbox-stockborn,
#newsbox-gruenekutte {
 width: 220px;
 height: 186px;
 display: block;
 background: url(../img/newsbox/newsbox-neu-partner.jpg) 0px 0px no-repeat;
}

#newsbox-stockborn {
 background-position: 0px -186px;
}

.newsbox-bg {
 width: 220px;
 background: url(../img/newsbox/newsbox-neu-bg.jpg) repeat-y;
}

.newsbox-trenner,
.newsbox-trenner2 {
 height: 22px;	
 width: 220px;
 margin: 0;
 padding: 0;
 background: url(../img/newsbox/newsbox-neu-trenner.jpg) no-repeat;
}

.newsbox-trenner2 {
 width: 216px;
}



	#newsbox .news-latest-item {
	  padding: 5px 0 0;  
	}

	#newsbox h2 {
	  width: 174px;
	  padding: 6px 0 3px 25px;
          margin: 0 0 0 0;
	}

	#newsbox h3,
	#newsbox h4,
	#newsbox p {
	   padding: 0 15px 2px 25px;
	}

		#newsbox p.news-latest-morelink {
		  margin-bottom: 0;
		  padding-bottom: 10px;
		}
	

	#newsbox p {
	  width: auto;
	  margin: 0;
	}
	
		#newsbox-content {
		  position: relative;
		  margin-top: 260px;
		}
		
			#newsbox-content h2,
			#newsbox-content p {
			  margin: 0;
			}
		
			#newsbox-content h2 {
			  padding: 0 15px 0 25px;
			}
			
			#newsbox-content p {
			  padding: 30px 15px 4px 25px;
			}

		

	#newsbox .btn-hotelbewertungen-morelink a,
	#newsbox .btn-360grad-morelink a,
	#newsbox .btn-anfahrt-morelink a,
	#newsbox .btn-reservierung-morelink {
	  display: block;
	  height: 0;
	  width: 169px;
	  padding-top: 37px;
	  padding-bottom: 0px;
          margin-left: 3px;
	  overflow: hidden;
          cursor: pointer;
	  background: url(../img/newsbox/button-reservierungsanfrage.png) no-repeat;
	}

	#newsbox .btn-hotelbewertungen-morelink a {
	  background: url(../img/newsbox/button-hotelbewertungen.png) no-repeat;
	}

	#newsbox .btn-360grad-morelink a {
	  background: url(../img/newsbox/button-360gradbilder.png) no-repeat;
	}

	#newsbox .btn-anfahrt-morelink a {
	  background: url(../img/newsbox/button-anfahrt.png) no-repeat;
	}

        #newsbox .btn-anfahrt-morelink a:hover,
        #newsbox .btn-360grad-morelink a:hover,	
        #newsbox .btn-hotelbewertungen-morelink a:hover,
	#newsbox .btn-reservierung-morelink:hover {
	  background-position: 0 -39px;
	}


			
	#partnerlinks {
	  margin-left: 8px;
	}

	/* CF-Schild */
	#countryfestival {
	  margin: 15px 0;
	}
	
		#countryfestival p {
		  margin-bottom: 0;
		}
		

/*--------------------------------
 * Formmailer
 *------------------------------*/

#formmailer {
  margin: 0 0 0.8em 0;
}

	fieldset h3 {
	  margin-bottom: 1.2em;
	}

	#formmailer input.hidden_input {
	  display: none;
	  border: none !important;
	}
	
	#formmailer label,
	#formmailer input {
	  float: left;
	  display: block;
	}
	
	#formmailer label {
	  width: 8em;
	  margin: 0 1em 1em 0;
	  text-align: right;
	}
	
	#formmailer select,
	#formmailer .captcha_input {
	  width: 10em;
	}
	
	#formmailer select {
	  width: 150px;
	  background: #ffaf35;
	}
	
	#formmailer input,
	#formmailer textarea {
	  width: 256px;
	  background: url(../img/navigation/background-search.gif) no-repeat;
	}
	
	#formmailer input#plz {
	  width: 50px;
	}
	
	#formmailer label.ort {
	  width: 40px;
	  margin: -1.1em 1em 0 10px;
	}
	
	#formmailer input#ort {
	  width: 137px;
	  margin-top: -1.3em;
	}
	
	/*#formmailer label.ort,
	#formmailer input#ort {
	  margin-top: -0.9em;
	}*/
	
	#formmailer br.ie_plz {
	  clear: none;
	}
	
	#formmailer select,
	#formmailer input,
	#formmailer textarea {
	  padding: 2px;
	  border: 1px solid #ffa714;
	}
	
	#formmailer br {
	  clear: both;
	}
	
	#formmailer input.submit {
	  width: 136px;
	  margin-left: 10.6em;
	  background-image: none;
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
	}
	
	#formmailer input.submit:hover {
	   background: #ef9f25;
	}
	
	#formmailer #captcha_block {
	  margin-top: 1em;
	}
	
		#captcha_block label.captcha_img img {
		  /*padding-left: 5px;*/
		  background: #c8c8c8;
		}

		#captcha_block input.captcha_input {
		  height: 1.5em;
		}

	#formmailer p {
	  padding: 0;
	  margin: 0.5em 0;
	}


/*--- Rueckrufformular ---*/

#formmailer #datum {
  width: 10em;
}

select#uhrzeit-h,
select#uhrzeit-m {
  width: 4.7em;
}


/*-- Kontakt Fussball ---*/

fieldset {
  border-bottom: 1px dotted;
  margin: 2em 0 0;
  padding: 0 0 2em;
}

fieldset.hidden_input { display: none; }
input#anreise, input#abreise { width: 100px; }
.form-fussball textarea { margin-bottom: 1em; }

.form-fussball #captcha-block { margin-top: 0; }

.form-fussball label.left { width: 10em !important; }
.form-fussball input.submit { margin-left: 13em !important; }



/*--------------------------------
 * Gaestebuch
 *------------------------------*/

div.tx-aahbook-pi1 {
}
	
	div.tx-aahbook-pi1 br {
	  clear: both;
	}
	
	div.tx-aahbook-pi1 div.entry_box {
	  margin-bottom: 2em;
	  border: 1px solid #901300;
	  border-bottom: 1px solid #ffa714;
	  border-top: 3px inset #ffa714;
	}

		div.tx-aahbook-pi1 p.tx-aahbook-pi1-site,
		div.tx-aahbook-pi1 div.entry_meta,
		div.tx-aahbook-pi1 div.entry_content {
		  padding: 0 0.5em;
		}
	
		div.tx-aahbook-pi1 p.tx-aahbook-pi1-site {
		  background: #ffa714;
		}
	
		div.tx-aahbook-pi1 div.entry_meta  {
		  background: #870300;
		}
	
			div.tx-aahbook-pi1 div.entry_meta p {
			  padding-top: 0.5em
			}

div.tx-aahbook-pi1 div.entry_content p strong {
  display: block;
  margin-top: 0.5em;
}
	
	
	/* neuer Eintrag */
	
	div.tx-aahbook-pi1 label.left,
	div.tx-aahbook-pi1 input.right,
	div.tx-aahbook-pi1 textarea {
	  display: block;
	}
	
	div.tx-aahbook-pi1 input,
	div.tx-aahbook-pi1 textarea {
	  padding: 0.2em 0.1em 0.1em 0.4em;
	  border: 1px solid #ffa714;
	  background: url(../img/navigation/background-search.gif) no-repeat;
	}
		div.tx-aahbook-pi1 input.tx-aahbook-pi1-button {
		  padding: 0.2em;
		  background-image: none; 
		  background: #ffaf35;
		  border: 1px solid #ef9704;
		  border-right-color: #db8300;
		  border-bottom-color: #db8300;
		}
	
	div.tx-aahbook-pi1 textarea {
	  width: 300px;
	}
	
	div.tx-aahbook-pi1 label.left {
	  float: left;
	}
	
	div.tx-aahbook-pi1 input.right,
	div.tx-aahbook-pi1 textarea.right {
	  margin-left: 140px;
	}
	
	div.tx-aahbook-pi1 input.right {
	  height: 1.4em;
	}
	
	div.captcha_block {
	  margin-top: 10px;
	}
	
		div.captcha_block img {
		  float: left;
		  margin: 2px 15px 0 0; 
		}
	
		div.captcha_block div.tx-aahbook-pi1-div_new {
		}
		
		div.captcha_block input {
		  margin-top: 3px;
		}
	input.tx-aahbook-pi1-button {
	  margin: 0 0 15px 165px;
	}


/*--------------------------------
 * Google Maps
 *------------------------------*/

#map-wrapper {
  background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/content/gmaps_schatten.gif) no-repeat;
  height: 370px;
  padding-top: 10px;
}

	#map-wrapper div#map {
	  margin: 0 0 0 10px;
	  border: 1px solid #800;
	}

div#tx-rggooglemap-poiNest {
  padding: 0 2em 2em;
}

div.markerTooltip {
  width: 160px;
  padding: 4px 6px;
  border: 1px solid #333;
}

p.routenplanung {
  margin-left: 12px;
}


/*--------------------------------
 * Sitemap
 *------------------------------*/

#main-single div.tx-flseositemap-pi1 li.item,
#main-single div.tx-flseositemap-pi1 li.list {
  padding: 2px 20px;
  background: #800;
  border: 1px solid #830000;
  border-top-color: #9a0000;
  border-left-color: #9a0000;
}

	#main-single div.tx-flseositemap-pi1 li li,
	#main-single div.tx-flseositemap-pi1 li li li {
	  padding: 0 !important;
	  border: 0 !important;
	}

#main-single div.tx-flseositemap-pi1 ul {
  margin: 2px 0 0;
  font-size: 1.5em;
  list-style: none !important;
}

	#main-single div.tx-flseositemap-pi1 ul ul {	
	  margin-left: 20px;
	  font-size: 0.7em;
	  list-style: disc !important;
	}

		#main-single div.tx-flseositemap-pi1 ul ul ul {
		  font-size: 1em;
		  margin-bottom: 0.3em;
		  list-style: circle !important;
		}


/*-------------------------------------------
 * DAM Gallery
 *-----------------------------------------*/

div.dam-gallery a {
  display: block;
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 20px 20px 0;
  border: 1px solid #941600;
}

div.dam-gallery a:hover {
  border: 1px solid #cc3a00;
}

/*-------------------------------------------
 * RM Google Weather
 *-----------------------------------------*/

div.weather-block {
  /* display: inline; */
}

div.weather-current,
div.weather-forecast {
  background: #fed400;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #941600;
}

div.weather-block img {
  padding: 4px;  
  background: #deb400;   
}

div.weather-block p {
  margin: 0;
}

div.weather-current {
  width: 470px;
  padding: 10px;
  margin-bottom: 1.5em;
}

div.weather-current span {
  display: block;
  float: left;
}

div.weather-current-content {
  margin-left: 60px;
}

div.weather-forecast {
  float: left;
  width: 220px;
  margin: 0 10px 10px 0;
  padding: 10px;
}

div.weather-forecast img {
  display: block;
  float: left;
}

div.weather-forecast-content {
  float: left;
  margin: 5px 0 0;
}

div.weather-forecast-content p {
  float: left;
  margin-left: 10px;
}


/***  RESERVIERUNGSANFRAGE ***/
div.csc-mailform-field {
	width:220px;
	padding:6px;
	padding-right: 13px;
	float:left;
}

#anreise,
#mailformxAnreise {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
}
#abreise,
#mailformxAbreise {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
}
#mailformZimmerkategorie {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
}
#mailformZimmeranzahl {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
	  margin-bottom:2px;
}
#Anrede,
#mailformAnrede {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
}
#mailformName {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;	
	  margin-bottom:2px;
}
#mailformEMail,
#mailformTelefon,
#mailformStrasse,
#xkinder,
#xerwachsene,
#mailformOrt,
#mailformMitteilung {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
}
#mailformformtype_mail {
	  width: 136px;
	  background: #ffaf35;
	  margin-top:10px;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
}

#mfGefunden,
#mfGefunden2 {
	  background: #ffaf35;
	  border: 1px solid #ef9704;
	  border-right-color: #db8300;
	  border-bottom-color: #db8300;
	  width:170px;
}



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


 .xSpacer {
  display: block;
  width:100%;
  clear: both;
 }
 
 
 

/*** hinzugefuegt am 23.09.09 von Martin ***/

a.MeinungsButton {
  width: 238px;
  height: 43px;
  padding: 0;
  margin: 0;
  display: block;
  background: url(../img/button-kundenmeinungen.jpg) left 0px no-repeat;
}


a.MeinungsButton:hover {
  background: url(../img/button-kundenmeinungen.jpg) left -42px no-repeat;
}

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





a#PanoramaButton {
  width: 238px;
  height: 50px;
  padding: 0;
  margin: 0;
  display: block;
  background: url(../img/button-360.jpg) left top no-repeat;
}


a#PanoramaButton:hover {
  background: url(../img/button-360.jpg) left -48px no-repeat;
}




.bookmarkicon {
 border: 0px solid #FED400;
 margin:0;
 padding:0;
}

.bookmarklink {
 text-decoration: none !important;
}

#SocialBookmark {
 height: 58px;
 background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-left.gif) 0 0 repeat-y;
}

#SocialBookmarkEnd {
 height: 39px;
 background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-left-end-rss.gif) no-repeat;
}


#RssSpacer {
 height: 34px;
 /* display: none; */
 background: url(http://www.rhoener-erlebniswelt.de/fileadmin/templates/jugendhotel_07/img/layout/background-left-end.gif) 2px bottom no-repeat;
}


.HideMe {
 display: none;
}




.Miniaturansicht table tr td a {
 font-size: 15px;
 line-height: 44px;
 text-decoration: none;
 margin-left: -10px !important;
}

.Miniaturansicht table tr td a:hover {
 text-decoration: underline;
}

.Miniaturansicht table tr td img {
 padding: 0 !important;
}


.Miniaturansicht table tr td {
 border: 0 !important;
}








.ExtraTabelle {
 font-size: 12px;
}

.ExtraTabelle .td-0 {
 width: 380px;
}







/* IE 7 */
*+html .Miniaturansicht table tr td a {
 margin-left: 0px !important;
}




.xZimmer {
 width: 24px;
 margin: 0 1px 2px 4px;
 background: #ffaf35;
 float: left;
}

.xZimmerart {
 font-size: 12px !important;
 line-height: 14px;
 margin: 0 0 2px 0;
 float: left;
}

.xZimmerbox {
 font-size: 13px !important;
 line-height: 14px;
 margin-bottom: 2px;
 clear: both;
}