.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/*
 *search-veranstaltungen.tmpl
 ****************************************************************************/

.form input {
  border: none;
  box-shadow: inset 5px
}

.form input[type="text"] {
  float: left;
  width: 30px;
  border: none;
  box-shadow: inset 0 0 5px #ccc;
  margin: 0 5px 15px 0;
  text-align: center;
}
.form input[type="text"] { text-align: left; }

.form textarea {
  width: 360px;
  height: 50px;
  border: none;
  box-shadow: inset 0 0 5px #ccc;
  padding: 7px;
}

.form label {
  display: block;
  font-family: KlMediumItalic,calibri,'trebuchet ms',arial,sans-serif;
  text-transform: uppercase;
  float: left;
  padding: 4px 0;
}

.form input[type="submit"] {
  border: none;
  background: #cdcdcd;
  display: block;
  float: right;
  margin: -3px 0 3px;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-family: KlMediumItalic,calibri,'trebuchet ms',arial,sans-serif;
  text-transform: uppercase;
  color: #333;
}


#filterForm .vonbis {
  font-family: KlRegularItalic,calibri,'trebuchet ms',arial,sans-serif;
  font-size: 11px;
}
#filterForm .vonbis .searchCalendarBtn {
  display: block;
  width: 90px;
  min-height: 30px;
  margin: 18px 0px 18px 0;
  position: relative;
  color: #333 !important;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 16px;

  padding: 0 0 0 35px;
}
#filterForm .vonbis .searchCalendarBtn span {
  display: inline;
  padding: 0;
}
#filterForm .vonbis .searchCalendarBtn div {
  font-family: KlMediumItalic,calibri,'trebuchet ms',arial,sans-serif;
  font-size: 13px;
}

#filterForm .vonbis .searchCalendarBtn span.ico {
  position: absolute;
  width: 26px;
  height: 29px;
  background: url(/images/calendarBtn.png) no-repeat 0 0;
  top: 1px;
  left: 1px;
  opacity: .5;
}
#filterForm .vonbis .searchCalendarBtn:hover span.ico { opacity: 1; }

/* Filter: Umkreis-Slider */
#filterUmkreisDiv {
  margin-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #CDCDCD;
  line-height: 30px;
  height: 30px;
}
#filterUmkreisSliderWrap {overflow:hidden;
  display: inline-block;
  padding: 0 25px;
  background-color: #CDCDCD;
  width: 110px;
  height: 30px;
  border-radius: 6px 6px 6px 6px;
}
#filterUmkreisSlider {
  display: inline-block;
  border: none;
  background: none;
  background-color: #CDCDCD;
  width: 110px;
  height: 30px;
}
#filterUmkreisSlider .ui-slider-handle {
  top: 0;
  border: none;
  background: none;
  background-color: #9A9A9A;
  color: #FFFFFF;
  width: 50px;
  height: 30px;
  margin-left: -25px;
  font-family: KlRegularItalic,calibri,'trebuchet ms',arial,sans-serif;
  text-align: center;
  cursor: pointer; /*cursor:move; ?*/
}


.o1 {outline:1px solid red;}
.filterLabel {
  display: block;
  width: 100%;
  padding: 10px 0 !important;
}
.filterLabel input {float:left;}
.filterLabel span {border:none !important;}
.filterLabel .filterMarker {float:left;display:block !important;width:62px;height:42px;padding:0px !important;}
.filterLabel .filterText {float:left;line-height:42px;padding:0 !important;}





/*
 * veranstaltungen/uebersicht.tmpl
 ****************************************************************************/

#filterDateSliderWrap {
  position:relative;
  height: 40px;
  padding: 0 40px;
  background-color: #CDCDCD;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}
#filterDateSliderWrap .monthPos {
  top: 0;
  font-family: KlRegularItalic,calibri,'trebuchet ms',arial,sans-serif;
  font-size: 13px;
  line-height: 40px;
  border: none;
  color: #FFFFFF;
}
#filterDateSlider {
  height: 40px;
  border: none;
  background: none;
  background-color: transparent;
}
#filterDateSlider .ui-slider-handle {
  top: 0;
  width: 80px;
  height: 40px;
  border: none;
  background: none;
  background-color: #666666;
  margin-left: -40px;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 10px #666666;
  color: #FFFFFF;
  font-weight: bold;
  font-family: KlRegularItalic,calibri,'trebuchet ms',arial,sans-serif;
  font-size: 13px;
  cursor: pointer;
}

#filterDateSlider .ui-slider-handle.ui-state-focus {
  background-color: #E8007B;
  color: #FFFFFF;
}
#filterDateSlider .ui-slider-range {
  background: none;
  background-color: rgba(154, 154, 154, 0.9);
}







.lvml {
  display: block;
  color: #666;
  border-left:none;
  display: block;
  margin: 0;
  padding: 15px 8px 15px 0;
  border-top: 1px solid #D9D9D9;
}

.lvml .inner {
  border-left: 60px solid #F2F2F2;
  padding-left: 15px;
  margin-left: 0;
}

.lvml.multi {
  display: block;
  border-left: 60px solid #F2F2F2;
  border-top: none;
  margin-top: 0;
  padding: 0;
  position: relative;
}
.lvml.multi .inner {
  border-left: none;
  border-top: 1px solid #D9D9D9;
  padding: 15px 8px 15px 0;
  margin-left: 15px;
}

.lvml.first + .lvml.multi:before {
  content: "";
  display: block;
  width: 60px;
  height: 15px;
  background: #F2F2F2;
  position: absolute;
  top: -15px;
  left: -60px;
}

.lvml:hover { background-color: #F2F2F2; }

.lvml .marker {
  float: left;
  width: 46px;
  min-height: 30px;
}
.lvml .marker span {
  display: block;
  width: 32px;
  height: 42px;
  background: no-repeat 0 0;
}
.lvml:hover .marker span { background-position: 0 -42px !important; }
.lvml .imgBox {
  float: left;
  width: 108px;
  min-height: 30px;
}
.lvml .imgBox img { display: block; }
.lvml .txt {
  float: left;
  width: 428px;
  max-width: 100%;
  font-family: KlRegularItalic,calibri,'trebuchet ms',arial,sans-serif;
  font-style: italic;
  font-style: normal\9;
}
.lvml .txt h2 {
  margin: 0;
  font-size: 17px;
}
.lvml .mlDatum {
  position: absolute;
  top: 7px;
  left: -53px;
  width: 50px;
  text-transform: uppercase;
}
.lvml .mlDatum span {
  display: block;
  background-color: #F2F2F2;
  line-height: 1;
}




/*
 * veranstaltungen/detail.tmpl
 ****************************************************************************/

.detailRow.kalender {
  background: url("/images/btnKalender.png") no-repeat scroll 12px 10px #F2F2F2;
}

.detailRow.email {
  background: url("/images/btnEmail.png") no-repeat scroll 12px 13px #F2F2F2;
}

.detailRow.webseite {
  background: url("/images/btnWebseite.png") no-repeat scroll 12px 13px #F2F2F2;
}
.detailRow.kalender h4,
.detailRow.email h4,
.detailRow.webseite h4 { padding-left:25px; }








.ui-widget{font-size:13px;}

/* #78C2FF #AEDCFF */
.ui-datepicker {
  font-family: KlRegularItalic,calibri,'trebuchet ms',arial,sans-serif;
  font-size: 13px;

  background: none;
  background-color: #78C2FF;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  width: auto;
}
.ui-datepicker .ui-datepicker-header {
  text-transform: uppercase;

  color: #FFFFFF;
  background: none;
  border: none;
  border-bottom: 1px solid #ABDBFF;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  height: 40px;
  padding-bottom: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  height: 40px;
  width: 39px;
  background: none;
  border: none;
  top: auto;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}
.ui-datepicker .ui-datepicker-prev:hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next:hover {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev {
  background: url(../images/arrowSmallLeft.png) no-repeat scroll center center;
  border-right: 1px dotted #ABDBFF;  
}
.ui-datepicker .ui-datepicker-next {
  background: url(../images/arrowSmallRight.png) no-repeat scroll center center;
  border-left: 1px dotted #ABDBFF;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-title {
  height: 40px;
  line-height: 40px;
}
/*
http://jsfiddle.net/JaF5h/330/
table {border:1px solid green;}
tr {border-top:1px solid purple;}
tr + tr {border-top:1px solid red;}
td {border-left:1px solid yellow;}
td + td {border-left:1px solid blue;}
*/

.ui-datepicker .ui-datepicker-calendar table {
  border-collapse: collapse;
  border: 1px solid red;
}
.ui-datepicker .ui-datepicker-calendar th {
  height: 40px;
  padding: 0;
  text-transform: uppercase;
  border: 1px dotted #ABDBFF;
  border-top: 0px solid #ABDBFF;
  border-bottom: 1px solid #ABDBFF;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
  border: 1px dotted #ABDBFF;
  vertical-align: center;
  height: 40px;
  width: 40px;
}



.ui-datepicker .ui-state-default {
  background: none;
  text-align: center;
  border: none;
  padding: 0;
  color: #FFFFFF;
  line-height: 40px;
  width: 40px;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-default:hover {
  background-color: #AEDCFF;
  color: #FFFFFF;
}