/*

Stylesheet für Room-Slider

- Panoramen
- Grundrisse & Bilder
- Anfrage Formular
- Pauschalen
- Preisliste 
*/ 



/* DESCRIPTION */
#room-slider-description {
  clear:both;
  padding-top:20px;
}



/* BILDER */

#room-slider-graphics {
  float:left;
}

#room-slider-screen {
  float:left;
}

#room-slider-pics-menu {
  z-index:1000;
/*  position:absolute;*/
  height:30px;
  color:#009EE0;
  background-color:#FFFFFF;
}

#room-slider-pics-menu div {
  position:relative;
  float:left;
  text-align:left; 
  color:#009EE0;
  height:20px;
  padding:5px;
  z-index:1000;
  cursor:pointer;
  text-decoration:underline;
}

#room-slider-pics-screen {
  z-index:900;
/*  position:absolute;
  margin-top:30px;*/
}

#room-slider-graphics {
  display:none;
}




/* NAVIGATION */
#room-slider-nav {
  float:left;
  padding-left:10px;
  width:125px;
}

#room-slider-nav .csc-firstHeader {
  margin-top:0px;
  font-size:100%;
}

#room-slider-nav ul {
  margin:0px;
}

#room-slider-nav ul li {
  list-style-type:none;
  padding-right:10px;
  text-align:right;
}


/* FORMULARE */

#room-slider-form {
  /*height:400px;*/
  clear:both;
}

#room-slider-form-comment {
  padding-top:20px;
  color: #AAAAAA;
  padding: 10px;
  width: 400px;  
}

#visibleFields {
  float:left;
  width:300px;
}

#hiddenFields {
  display:none;
  float:left;
  width:280px;
}

#hiddenFields label {
  width:60px;
}

.yui-u.first .csc-mailform {
  border:0px solid #E46101;
  padding:10px;
}

.yui-u.first .csc-mailform-field {
  margin-bottom:2px;
  clear:both;
  font-size:11px;
}

.yui-u.first .csc-mailform-field label {
  display:block;
  float:left;
  margin-right:10px;
  max-width:200px;
  width:120px;
}


.textarea {
  
}

select {
  
}




/* PREISLISTE */
#room-slider-pricelist {
  display:none;
}


.zeitbereich {
	width:100px;
	float:left;
	text-align:center;
}

.zeitraeume {
	float:left;
}

.zeitraeume_beschriftung {
	float:left;
	width:100px;
}

.zeitbereich_beschriftung {
	float:left;
	width:100px;
	font-weight:bold;
	text-align:left;
}



/* PAUSCHALEN */

#room-slider-all-inclusives h2 {
  cursor:pointer;
}

#room-slider-all-inclusives-show {
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
}

#room-slider-all-inclusives {
  display:none;
  clear:both;
  margin-top:10px;
  float:left;
  width:250px;
  margin-top:10px;
  cursor:pointer;
  padding-bottom:20px;
}

#room-slider-all-inclusives .pauschale {
  border:1px solid #009EE0;
  margin-top:10px;
  padding:5px;
  cursor:pointer;
  font-size:11px;
}

#room-slider-all-inclusives .pauschale:hover {
  border:3px solid #009EE0;
  padding:3px;
}

#room-slider-all-inclusives .pauschale.active {
  border:3px solid #009EE0;
  background-color:#E46101;
  cpolor:white;
  padding:3px;
}

#room-slider-all-inclusives .pauschale .name {
  font-weight:bold;
}

#room-slider-all-inclusives .pauschale .von,
#room-slider-all-inclusives .pauschale .bis {
  display:inline;
}

#room-slider-all-inclusives .pauschale .beschreibung {
  display:none;
}

#pauschale_description {
  border:1px solid #009EE0;
  float:right;
  font-size:11px;
  margin-right:20px;
  margin-top:20px;
  padding:5px;
  width:300px;
}