/* 	-------------------------
		Eventkalender CSS 
		Stand: 	21. Feburuar 2012
		Author:	RH - Pixeltex
    ------------------------- */

/* !Suchmaske */
/* ---------- */

div.searchTemplate { background-color:#fff; }
div.searchHeader { padding: 10px; }
div.searchHeader h1 { 
	color: #EC1B24;
	font-size: 1.2em;
  padding: 0;
}
div.searchHeader h2 {
	padding:10px 0 0;
	font-size:14px;
}
div.searchHeader h3,
div.listHeader h3 {
	margin: 15px 0 0;
	font-size: 12px;
  font-weight: bold;
}

div.eventHeaderFloat h1 {
	float:left;
}

div.eventHeaderFloat h2 {
	float:right;
	margin: 0 0 0 15px;
	padding:5px 0 0;
	font-size: 14px;
}

#nav-events {
	margin:0;
	padding:0;
	border:1px solid #bbb;
	background-color:#fff;
	border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	overflow:hidden;
}
#nav-events li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.063em;
	color:#72777c;
	font-weight:bold;
	border-top:1px solid #bbb;
}
#nav-events li.catIcon {
	border:none;
}

#nav-events li.first {
	border:none;
}
#nav-events li a,
#nav-events li a:link,
#nav-events li a:visited,
#nav-events li a:hover,
#nav-events li a:active,
#nav-events li a:focus {
  padding: 6px 10px 4px 53px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.063em;
	line-height: 1em;
	color:#72777c;
}

#nav-events li.catIcon a.nav1Link { background: url(/html/events/img/iconsNavMain.png) 7px 9px no-repeat; }
#nav-events li.timeIcon a.nav1Link { background: url(/html/events/img/iconsNavMain.png) 7px -94px no-repeat; }
#nav-events li.regionIcon a.nav1Link { background: url(/html/events/img/iconsNavMain.png) 7px -146px no-repeat; }

#nav-events li.catIcon.open a.nav1Link { background: url(/html/events/img/iconsNavMain.png) 7px -243px no-repeat; }
#nav-events li.timeIcon.open a.nav1Link { background: url(/html/events/img/iconsNavMain.png) 7px -344px no-repeat; }
#nav-events li.regionIcon.open a.nav1Link { background: url(/html/events/img/iconsNavMain.png) 7px -396px no-repeat; }

#nav-events li.hasSubNavi {
	position:relative;
	background:none;
}
#nav-events li.open {
	background-color:#72777C;
	background: -moz-linear-gradient(top, #a2acb2 0px, #71787e 44px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#a2acb2), color-stop(44px,#71787e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a2acb2 0px,#71787e 44px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a2acb2 0px,#71787e 44px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a2acb2 0px,#71787e 44px); /* IE10+ */
	background: linear-gradient(top,  #a2acb2 0px,#71787e 44px); /* W3C */
}

.iem7 #nav-events li.open {
	filter:none;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYWNiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTc4N2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 */
	background-size: 100% 45px;
	zoom: 1;
}

#nav-events li.open a {
	position: relative;
	color: #fff;
}

#nav-events li.open ul.subNav {
	background-color:#f4f4f4;
	display: block;
}

#nav-events li.open ul.subNav li.selected {
	color:#4d4d4d;
}
#nav-events li.open ul.subNav a {
	color: #72777c;
}

#nav-events li.open span.closer {
	background:transparent url(/html/events/img/icons.png) -50px 0px no-repeat;
}

#nav-events span.closer {
  position: absolute;
  right: 12px;
  top: 13px;
	display: none;
	height: 28px;
  width: 28px;
}

.radioList li, .checkList li {
	position:relative;
	cursor: pointer;
	padding: 10px 10px 10px 12px !important;
	-webkit-tap-highlight-color: transparent;
}

.radioList li:hover,
.checkList li:hover {
	background-color:#72777C;
	background-image: -moz-linear-gradient(top,#a2acb2,#71787e);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2acb2), to(#71787e));
	background: -webkit-linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	background: -o-linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	background: -ms-linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	background: linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2acb2', endColorstr='#71787e',GradientType=0 );
	color: #fff !important;
}

.iem7 .radioList li:hover,
.iem7 .checkList li:hover {
	filter:none;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYWNiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTc4N2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	zoom: 1;
}

.radioList li:hover:after,
.checkList li:hover:after {
	color: #fff;
}

.radioList li > .check,
.checkList li > .check {
	position: absolute;
	top:10px;
	right:5px;
	padding:5px 15px;
	opacity: 0;
}
.radioList li.selected > .check,
.checkList li.selected > .check {
	opacity: 1;
	color: #72777c;
	background:transparent url(/html/events/img/icons.png) left -37px no-repeat;
}
.radioList li > .check, .radioList li.selected:hover > .check,
.checkList li > .check, .checkList li.selected:hover > .check {
	color: #fff;
	background:transparent url(/html/events/img/icons.png) -50px -37px no-repeat;
}
.radioList li > input[type="radio"],
.checkList li > input[type="checkbox"] {
	display: none;
}

span.filterCat, span.filterTime, span.filterRegion {
	display: block;
	font-size: 9px;
  line-height: 1.063em;
  margin: 5px 0 2px;
  width: 90%;
}

#extenedSearch, #extenedSend, #mapLink, #calLink, #mailLink {
	margin:20px 0;
	display: block;
	background-color:#72777C;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	height:42px;
	font-family: Arial,Helvetica,sans-serif;
  	font-size: 1.063em;
  	line-height: 1.063em;
  	color: #fff;
}
#extenedSearch {
	border:1px solid #BBBBBB;
	padding:0 0 0 43px;
	color:#72777C;
	background:#fff url(/html/events/img/icons.png) 10px -80px no-repeat;
	overflow:hidden;
}

#extenedSearch input {
	border:none;
	width:92%;
	height: 32px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.063em;
	font-weight:bold;
	line-height: 1.063em;
	color: #72777C;
	-webkit-appearance: caret;
	-moz-appearance: caret;
}

#extenedSend, #mapLink, #calLink, #mailLink {
	border:none;
	width:100%;
	font-weight: bold;
	color: #fff;
	background-color:#72777C;
	background: -moz-linear-gradient(top,  #a2acb2 0%, #71787e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2acb2), color-stop(100%,#71787e));
	background: -webkit-linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	background: -o-linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	background: -ms-linear-gradient(top,  #a2acb2 0%,#71787e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2acb2', endColorstr='#71787e',GradientType=0 );
	background: linear-gradient(top,  #a2acb2 0%,#71787e 100%);
}

.iem7 #extenedSend, .iem7 #mapLink, .iem7 #calLink, .iem7 #mailLink {
	filter:none;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYWNiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTc4N2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	overflow:hidden;
}


/* !Liste */
/* ------ */

div.eventContent { padding:10px; }
div.listItem { cursor: pointer; }
div.listItemPicture { width: 75px; }
div.listItemTextLong { padding-left:87px; }
div.listItemTextLong h3 { font-size:100%; }
div.listItemTextLong p { font-size: 100%; }

/* span.heute {
	color:#fff;
	background-color:#BBB;
	padding: 1px 3px 0px 3px;
} */

span.heute {
	color:#DC1055;
	text-transform: uppercase;
}

a.grau { color: #4D4D4D; } 

#moreEntries {
	padding: 20px 10px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	background-color:#e6e6e6;
}

#eventsLoading {
	background:url(/html/events/img/loader.gif) right top no-repeat;
	padding: 0 0 0 20px;
	display:none;
}

div.backButtonContainer {
	margin:0;
	border-bottom: 1px solid #DADADA;
	background-color:#fff; 
}

a.backTop {
	line-height: normal;
  margin: 0;
  padding: 0;
  color: #FFFFFF !important;
  font-size: 0.8em !important;
}

#eventsearch {
  background-color:#fff;
}

#backToEventsearch {
  margin: 0;
  padding: 15px 15px 10px;
  font-size: 14px;
  font-weight:bold;
  display:none;
}

#backToEventsearch {
  margin: 0;
  padding: 15px 15px 10px;
  font-size: 14px;
  font-weight:bold;
  display:none;
}

#backToEventsearch a { display: block; }


/* !Detailseite */
/* ------------ */
   
div.detailHeader .eventDetailTime,
div.detailHeader .eventDetailCat {
	font-size:12px;
	font-weight: bold;
}

div.detailContent {}
div.detailText div.description,
div.detailText div.price,
div.detailText div.reservation,
div.detailText div.broschures,
div.detailText div.info {
	margin: 0 0 10px;
}
span.detailTextH3 {
	margin:10px 0 0;
	font-size:12px;
	font-weight:bold;
}
div.detailFooter {
	padding: 20px 10px 0 25px;
}

div.detailFooterInformations {
	margin: 10px 0 5px;
}

#mapLink a,
#calLink a,
#mailLink a {
	padding-left: 45px;
	color:#fff;
	display: block;
	line-height:42px;
}

#mapLink a { background:url(/html/events/img/iconsNavMain.png) 10px -493px no-repeat; }
#calLink a { background:url(/html/events/img/iconsNavMain.png) 10px -534px no-repeat; }
#mailLink a { background:url(/html/events/img/iconsNavMain.png) 10px -570px no-repeat; }

/* High Resolution (iPhone 4) */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
	#nav-events li.catIcon a.nav1Link { background: url(/html/events/img/iconsNavMain@2x.png) 7px 9px no-repeat; -webkit-background-size: 36px 600px; }
	#nav-events li.timeIcon a.nav1Link { background: url(/html/events/img/iconsNavMain@2x.png) 7px -94px no-repeat; -webkit-background-size: 36px 600px; }
	#nav-events li.regionIcon a.nav1Link { background: url(/html/events/img/iconsNavMain@2x.png) 7px -146px no-repeat; -webkit-background-size: 36px 600px; }

	#nav-events li.catIcon.open a.nav1Link { background: url(/html/events/img/iconsNavMain@2x.png) 7px -243px no-repeat; -webkit-background-size: 36px 600px; }
	#nav-events li.timeIcon.open a.nav1Link { background: url(/html/events/img/iconsNavMain@2x.png) 7px -344px no-repeat; -webkit-background-size: 36px 600px; }
	#nav-events li.regionIcon.open a.nav1Link { background: url(/html/events/img/iconsNavMain@2x.png) 7px -396px no-repeat; -webkit-background-size: 36px 600px; }
	#mapLink a { background:url(/html/events/img/iconsNavMain@2x.png) 10px -493px no-repeat; -webkit-background-size: 36px 600px; }
	#calLink a { background:url(/html/events/img/iconsNavMain@2x.png) 10px -534px no-repeat; -webkit-background-size: 36px 600px; }
	#mailLink a { background:url(/html/events/img/iconsNavMain@2x.png) 10px -570px no-repeat; -webkit-background-size: 36px 600px; }
	
	#nav-events li.open span.closer {	background:transparent url(/html/events/img/icons@2x.png) -50px 0px no-repeat; -webkit-background-size: 75px 128px; }
	.radioList li.selected > .check,
	.checkList li.selected > .check {
		background:transparent url(/html/events/img/icons@2x.png) left -37px no-repeat;
		-webkit-background-size: 75px 128px;
	}
	.radioList li > .check, .radioList li.selected:hover > .check,
	.checkList li > .check, .checkList li.selected:hover > .check {
		background:transparent url(/html/events/img/icons@2x.png) -50px -37px no-repeat;
		-webkit-background-size: 75px 128px;
	}
	
	#extenedSearch {
		background:#fff url(/html/events/img/icons@2x.png) 10px -80px no-repeat;
		-webkit-background-size: 75px 128px;
	}
	
}