/* Stylesheets zusammenf�hren! */

/* Kalender */
.tabcontrol_tabs ul{
	padding-left:0px!important;
	list-style-type: none;
}
.tabcontrol_tabs .tabs{
	list-style-image: none;
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}

.mod_calendar_timetable{
	border: #E8AA5D solid 1px;
	min-height: 160px;
}

.timetable_navi {
	margin-top: 10px;
}

.timetable_navi .head {
	display: inline;
	padding: 10px 46px;
	margin: 0 40px;
}
.timetable_navi .current,
.timetable .weekday .head,
.timetable .weekend .head{
	background-color: #F5EBDF;
}
.timetable_body{
	margin-top:10px;
}

.timetable .weekday,
.timetable .weekend{
	float: left;
	width: 128px;
}
.timetable .sonntag{
	width:134px;
}
.timetable .weekday .head,
.timetable .weekend .head{
	padding:5px;
	text-align: center;
	border-bottom: #E8AA5D solid 1px;

}
/*.timetable .even{
	background-color: #fcf6ef;
}*/
.timetable .event{
	padding: 5px;
	margin: 5px;
	border: #E8AA5D solid 1px;
	/*border-right: #E8AA5D solid 1px;
	border-top: #E8AA5D solid 1px;*/
}
/*
.timetable .event.first{
	border-top: none;
}
.timetable  .montag .event{
	border-left:none;
}
.timetable  .sonntag .event{
	border-right:none;
}
*/

.timetable .event.Badenerhof_Termine{
	background-color: #fcf6ef;
}

.timetable .event.Externe_Termine {
	background-color: #F3F3F3;
}

.timetable .event .event_time{
	font-size: 87%;
	margin-top: 2px;
}

.timetable .empty{
   display: table-cell;
   height: 100%;
}

.mod_eventlist .event{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F3F3F2;
}



/* Angebote */

.mod_cataloglist .total {
	display: none;
}

.mod_cataloglist .item{
	border: #E8AA5D solid 1px;
	padding:10px;
	margin-bottom: 10px;
}

.mod_cataloglist .p1_betrag_1,
.mod_cataloglist .p1_betrag_2,
.mod_cataloglist .p1_betrag_3,
.mod_cataloglist .p1_betrag_4,
.mod_cataloglist .p2_betrag_1,
.mod_cataloglist .p2_betrag_2,
.mod_cataloglist .p2_betrag_3,
.mod_cataloglist .p2_betrag_4,
.mod_cataloglist .p3_betrag_1,
.mod_cataloglist .p3_betrag_2,
.mod_cataloglist .p3_betrag_3,
.mod_cataloglist .p3_betrag_4{
	float: left;
	width: 80px;
	margin-left: 20px;
}

.mod_cataloglist .p1_info_1,
.mod_cataloglist .p1_info_2,
.mod_cataloglist .p1_info_3,
.mod_cataloglist .p1_info_4,
.mod_cataloglist .p2_info_1,
.mod_cataloglist .p2_info_2,
.mod_cataloglist .p2_info_3,
.mod_cataloglist .p2_info_4,
.mod_cataloglist .p3_info_1,
.mod_cataloglist .p3_info_2,
.mod_cataloglist .p3_info_3{
	margin-bottom: 5px;
}

.mod_cataloglist .p3_info_4{
	padding-bottom:20px;
}

/*.mod_cataloglist .angebot_ueberschrift,
.mod_cataloglist .p1_ueberschrift,
.mod_cataloglist .p2_ueberschrift,
.mod_cataloglist .p3_ueberschrift{
	margin-top: 20px;
	margin-bottom: 15px;
}*/

.mod_cataloglist .p1_ueberschrift{
	border-top: 1px solid #F3F3F2;
	padding-top: 20px;
	margin-top: 30px;
}

.mod_cataloglist .toggler .angebot_ueberschrift,
.mod_cataloglist .toggler .teaser {
	width: 184px;
	margin-left: 448px;
	}

.mod_cataloglist .toggler .angebot_ueberschrift {
    margin-top: -152px;
	}

.mod_cataloglist .toggler{ }

#veranstaltungen{
	background-color:#fff;
	padding:30px;
}

#veranstaltungen .toggler{
	background-position: 870px 10px;
}


/* tk update accessibility logo in footer.
	This is the only stylesheet that's included in all pages,
	which is why I put the stuff here */
#footer .nav-accessibility li a {
	padding: 0 15px;
}
/* right border on second to last element for providing the separator */
#footer .nav-accessibility li:nth-last-child(2) a {
	border-right: 1px solid white;
}
/* hide text of last nav-item... */
#footer .nav-accessibility li.last span,
#footer .nav-accessibility li.last a {
	font-size: 0;
	padding: 0;
}
/* ...and replace it with an icon */
#footer .nav-accessibility li.last span::before,
#footer .nav-accessibility li.last a::before {
	content: "\f193";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 32px;
	margin-top: 12px;
	padding-left: 15px;
	color: black;
}
#footer .nav-accessibility li a:hover,
#footer .nav-accessibility li.last a:hover::before {
	color: rgb(101, 101, 101);
}

/* small fixes for forms */

/* checkboxes for privacy-agreements */
.checkbox_container.mandatory {
	max-width: 400px;
}
.checkbox_container.mandatory > span{
	display: block; /* was "inline" for some reason */
}