/* Default CSS Belegungsplan Modul */

/*=======================================================================
        17. Formular Zimmersuche/Verfuegbarkeit
========================================================================*/
#roomlist form {
 width: 100%;
 float: left;
 padding: 0 0 5px 5px;
 }

#roomlist legend.none {
 display: none;
 }
/* IE */
* html #roomlist legend.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 10;
 }

#roomlist label {
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 }
#roomlist select {
 float: left;
 font-size: 0.7em;
 }

#roomlist input.buttonstyle {
 width: auto;
 float: left;
 font-size: 0.7em;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #6685AA;
 padding: 0 5px;
 margin: 0 0 0 10px;
 cursor: pointer;
 }
 /* IE */
* html #roomlist input.buttonstyle {
 padding: 0;
 }
#roomlist input.buttonstyle:hover, #roomlist input.buttonstyle:active, #roomlist input.buttonstyle:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

#roomlist .room, #verteilung .room  {
 width: 100%;
 float: left;
 background-color: #fff;
 padding: 2px 0 5px 0;
 margin: 1px 0 0 0;
 }
/* IE */
* html #roomlist .room, * html #verteilung .room {
 width: 101.2%;
 }

#roomlist .room h3, #verteilung .room h3 {
 font-size: 0.75em;
 color: #003471;
 padding: 3px;
 margin: 0;
 }
#roomlist .room p, #verteilung .room p {
 float: left;
 font-size: 0.8em;
 color: #003471;
 padding: 0 0 0 15px;
 margin: 0;
 }

#roomlist .room .zeit, #verteilung .room .zeit {
 width: 96%;
 float: left;
 border-style: solid;
 border-width: 1px 0;
 border-color: #E6E6E6;
 background-color: #F9F9F9;
 padding: 0 0 3px 0;
 margin: 3px 1% 0 3%;
 display: inline;
 }

#roomlist .room .zeit span, #verteilung .room .zeit span {
 float: left;
 font-size: 0.7em;
 color: #303030;
 margin: 2px 0 0 2px;
 }


/*=======================================================================
        18. Verfuegbarkeits-Kalender
========================================================================*/
#roomlist .room .cal, #verteilung .room .cal {
 width: 57%;
 float: right;
 font-size: 0.6em;
 margin: 0;
 }

/* aenderungen fuer verfuegbarkeitskalender gastgeber */
#verteilung .verfuegbar1 {
 width: 100% !important;
 margin: 5px 0 !important;
 }
#verteilung .verfuegbar2 {
 width: 99% !important;
 margin: 0 0 0 2px !important;
 }

#roomlist .room .days, #roomlist .room .dates, #verteilung .room .days, #verteilung .room .dates {
 float: left;
 }
#verteilung .room .month {
 float: none;
 margin: 5px 0 0 0;
 }

.fixfloat{
 clear: both;
}


/* formatierung kalender */
#roomlist .room .day, #verteilung .room .day {
 width: 16px;
 height: 13px;
 float: left;
 letter-spacing: -2px;
 text-align: center;
 margin: 0 1px 0 0;
 display: inline;
 }
#roomlist .room .date, #verteilung .room .date {
 width: 14px;
 height: 13px;
 float: left;
 letter-spacing: -2px;
 text-align: center;
 margin: 1px 1px 1px 0;
 display: inline;
 }
#roomlist .room .default, #verteilung .room .default {
 color: #3D3D3D;
 border: 1px solid #C4DF9B;
 background-color: #C4DF9B;
 }
#roomlist .room .go, #verteilung .room .go {
 color: #000;
 border: 1px solid #000;
 background-color: #99CC33;
 }
#roomlist .room .nogo, #verteilung .room .nogo {
 color: #3D3D3D;
 border: 1px solid #F9AD81;
 background-color: #F9AD81;
 }



/*=======================================================================
        19. Liste Zimmer: infos, belegung, preis, buchen
========================================================================*/
#roomlist .room ul, #verteilung .room ul {
 width: 100%;
 float: left;
 padding: 0;
 margin: 5px 0 0 0;
 list-style-type: none;
 }
#roomlist .room li, #verteilung .room li {
 float: left;
 padding: 0;
 margin: 0;
 }

/* weitere infos */
#roomlist .room li.zimmerlink, #verteilung .room li.zimmerlink  {
 width: 25%;
 float: left;
 font-size: 0.7em;
 color: #000;
 padding: 0;
 margin: 4px 0 0 0;
 }
#roomlist .room li.zimmerlink a, #roomlist .room li.zimmerlink a:visited, #verteilung .room li.zimmerlink a, #verteilung .room li.zimmerlink a:visited {
 float: left;
 font-size: 90%;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #4C719B;
 padding: 1px 4px;
 margin-left: 15px;
 display: inline;
 }
#roomlist .room li.zimmerlink a:hover, #roomlist .room li.zimmerlink a:active, #roomlist .room li.zimmerlink a:focus, #verteilung .room li.zimmerlink a:hover, #verteilung .room li.zimmerlink a:active, #verteilung .room li.zimmerlink a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

/* belegung */
#roomlist .room li.belegung, #verteilung .room li.belegung {
 width: 30%;
 float: left;
 font-size: 0.7em;
 color: #003471;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
 }

/* preis */
#roomlist .room li.preis, #verteilung .room li.preis {
 width: 20%;
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 color: #003471;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
 }

/* buttons */
#roomlist .room li.button, #verteilung .room li.button {
 width: 23%;
 float: right;
 font-size: 0.6em;
 color: #000;
 text-align: right;
 padding: 0;
 margin: 0;
 }
#roomlist .room li.button a, #roomlist .room li.button a:visited, #verteilung .room li.button a, #verteilung .room li.button a:visited {
 float: right;
 color: #737373;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #B3B3B3 #B3B3B3 #F0F0F0;
 background-color: #F0F0F0;
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
#roomlist .room li.button a:hover, #roomlist .room li.button a:active, #roomlist .room li.button a:focus, #verteilung .room li.button a:hover, #verteilung .room li.button a:active, #verteilung .room li.button a:focus {
 color: #000;
 border-color: #B3B3B3 #F0F0F0 #F0F0F0 #B3B3B3;
 background-color: #B3B3B3;
 }

/* button buchen */
#roomlist .room li.button a.buchen, #roomlist .room li.button a.buchen:visited, #verteilung .room li.button a.buchen, #verteilung .room li.button a.buchen:visited {
 color: #fff;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TPortal/img/reg/objects/warenkorb_weiss.gif) no-repeat 97% 50%;
 }
#roomlist .room li.button a.buchen:hover, #roomlist .room li.button a.buchen:active, #roomlist .room li.button a.buchen:focus, #verteilung .room li.button a.buchen:hover, #verteilung .room li.button a.buchen:active, #verteilung .room li.button a.buchen:focus {
 color: #598527;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TPortal/img/reg/objects/warenkorb_gruen.gif) no-repeat 97% 50%;
 }

/* button im warenkorb */
#roomlist .room li.button a.inactive, #roomlist .room li.button a.inactive:visited, #roomlist .room li.button a.inactive:hover, #roomlist .room li.button a.inactive:active, #roomlist .room li.button a.inactive:focus, #verteilung .room li.button a.inactive, #verteilung .room li.button a.inactive:visited, #verteilung .room li.button a.inactive:hover, #verteilung .room li.button a.inactive:active, #verteilung .room li.button a.inactive:focus {
 color: #B3B3B3;
 border-color: #B3B3B3;
 background: #fff url(/irs/TPortal/img/reg/objects/warenkorb_grau.gif) no-repeat 97% 50%;
 }

/* button anfrage */
#roomlist .room li.button a.request, #roomlist .room li.button a.request:visited, #verteilung .room li.button a.request, #verteilung .room li.button a.request:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background: #E8E7E7 url(/irs/TPortal/img/reg/objects/anfrage.gif) no-repeat 98% 50%;
 padding: 2px 22px 3px 5px;
 }
#roomlist .room li.button a.request:hover, #roomlist .room li.button a.request:active, #roomlist .room li.button a.request:focus, #verteilung .room li.button a.request:hover, #verteilung .room li.button a.request:active, #verteilung .room li.button a.request:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }

/* button berechnen */
#verteilung .room li.button a.berechnen, #verteilung .room li.button a.berechnen:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background-color: #E8E7E7;
 padding: 2px 5px 3px 5px;
 }
#verteilung .room li.button a.berechnen:hover, #verteilung .room li.button a.berechnen:active, #verteilung .room li.button a.berechnen:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }

fieldset{
	border:1px solid;
	}

fieldset {
background-color:#F9F9FB;
border:1px solid #888888;
color:#333344;
margin-bottom:15px;
padding:12px;
}

table {
	border:none;}
table td{
	border:none;
	border-bottom:1px solid #cccccc;
	background:#f5f5f5;
	}


#verteilung .roomunit {
margin:10px 0 0;
}
#roomlist, #verteilung .roomunit {
background-color:#D6DEE8;
border:1px solid #406794;
float:left;
margin:20px 0 0;
padding:0;
width:99%;
}

