/*
 Styles for BCH Logenbuchung
 *
 */

#content ul.bchlogenbuchung_logenselector{list-style:none;height:80px;}
#content ul.bchlogenbuchung_logenselector li{list-style:none;float:left;margin-right:20px;}

.addons h4{margin-bottom:3px;margin-top: 15px;}

.tagungspauschale_loge_3 h4{
	margin-top: 0px;
}
.timeslot {
  color: #826648;
  background-color: #fff;
  cursor: pointer;
  font-size: 11px;
  line-height:16px;
  padding:4px 10px;
  margin: 3px 0 0 0;
	border:1px solid #826648;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.timeslot:hover, .timeslot.active {
  color: #fff;
  background-color: #826648;
  cursor: pointer;
}

form#logenbuchung, form#logensuche, form#flexlogensuche{font-size:13px;}
form#logenbuchung label, form#logensuche label, form#flexlogensuche label{width:100px;font-weight:bold;}
form#logenbuchung span.note, form#logensuche span.note, form#flexlogensuche span.note{color:#999;}

form#logenbuchung input[type=submit], form#logensuche input[type=submit], form#flexlogensuche input[type=submit]{height:28px;margin:10px 0;}

ul.logenliste{margin-bottom:20px;}
ul.logenliste li{
	float:left;
	list-style:none;
	width:125px;
	margin:0 5px 5px 0;
	}
ul.logenliste li #logeninfo{
	text-align:center;
	border:1px solid #826648;
	padding:4px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
ul.logenliste li  #logeninfo.inactive{ opacity: 0.2; }
ul.logenliste li  #logeninfo p{font-size:13px;line-height:16px;}
ul.logenliste li:hover #logeninfo, ul.logenliste li  #logeninfo.active{background:#826648; cursor:pointer;}
ul.logenliste li:hover .timeslot{background:#F2D6B8;}
ul.logenliste li:hover .timeslot:hover{background:#826648;}
ul.logenliste li:hover #logeninfo p, ul.logenliste li  #logeninfo.active p,
ul.logenliste li:hover #logeninfo h5, ul.logenliste li  #logeninfo.active h5{color:#fff;text-shadow:none;}

ul.bookingprocess{margin:20px 0;border-bottom: 1px solid #999;}
ul.bookingprocess,
ul.bookingprocess li{height:30px;line-height: 30px;}
ul.bookingprocess li{
	float:left;
	list-style:none;
	padding:0 10px;
	font-size:13px;
	color:#999;
	border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
	text-align:center;
	margin-right:2px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}
ul.bookingprocess li.active{color:#826648;border-color:#999;background:#fff;}


table.check tr th,
table.check tr td{padding:2px 5px;}

form#logenbuchung .tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
}

.addons .addon {
    margin-top: 5px;
}

.addons ul.logenliste > li{
    width: initial;
    float: none;
}

.addons ul.logenliste > li .timeslot{
    float: left;
    width: 23%;
    margin-left: 5px;
    margin-right: 2px;
    max-width: 100px;
}

#logeninfo h5 {
    font-size: 1.0em;
}