/* OPTIONEN AUF KÖLNKALENDER-SEITE */

#calendar-options {
	margin-bottom: 1.5em;
	float: left;
}

#calendar-options div.menu {
	float: left;
	width: 151px;
	margin-left: 15px;
	padding: 0;
}

#calendar-options div.menu.first-child {
	margin-left: 0;
	border-bottom: 0;
}

#calendar-options div.menu label {
	font-weight: bold;
	margin-bottom: 0.4em;
	display: block;
}

#content #calendar-options ul {
	font-size: 85%;
	margin: 0;
	height: 160px;
	overflow: auto;
	border-top: 1px solid #003485;
	border-bottom: 1px solid #003485;
}

#content #calendar-options li {
	background: none;
	list-style: none;
	padding-left: 0;
	line-height: 1.1;
	margin: 0.5em 0;
}

#content #calendar-options a {
	margin: 0;
	padding: 0;
}

#calendar-options div.menu li.active a {
	font-weight: bold;
	background-color: #FE5705;
	color: #FFF;
}



/* CALENDAR WIDGET */

#content #calendar-options table {
	margin: 0;
	width: 151px;
	height: 162px;
	border-right: 0;
	border-bottom: 1px solid #003485;
	font-size: 95%;
}

#content #calendar-options td, #content #calendar-options th {
	padding: 0;
	border: 0;
	background: none;
}

#content #calendar-options .calweekdaycell {
	font-weight: normal;
}

#content #calendar-options td.calcell {
	text-align: center;
	width: 14%;
	border: 0;
	font-weight: normal;
}

#content #calendar-options td.calcell.oom {
	color: #ccc;
}

#content #calendar-options td.calcell.today {
	font-weight: bold;
}

#content #calendar-options td.calcell.selected {
	background: #FE5705;
}

#content #calendar-options td.calcell.selected a {
	color: #FFF;
}

.yui-skin-sam .yui-calendar .calheader {
	position: relative;
	width: 100%;
}

#content #calendar-options .calnavleft {
	background:url(../img/calendar-month-prev.png) no-repeat left;
	width:21px;
	height:15px;
	top: 2px;
	left:-5px;
	margin-left: 0.4em;
	cursor:pointer;
	position: absolute;
}

#content #calendar-options .calnavright {
	background:url(../img/calendar-month-next.png) no-repeat right;
	width:21px;
	height:15px;
	top:2px;
	bottom:0;
	right:-5px;
	margin-right: 0.4em;
	cursor:pointer;
	position: absolute;
}

body.calendar #calendar-options #calendar-ort {
	font-size: 100%;
}



/* --- */


/* BUBBLE */

#calendar-feature {
	margin: 15px;
}

#calendar-feature h4, #calendar-feature ul {
	margin-bottom: 1em;
}

#calendar-feature label {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: 0.2em;
	font-weight: bold;
}

#calendar-feature ul {
	list-style: none;
	font-size: 80%;
}

#calendar-feature li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	margin-right: 0.5em;
}

#calendar-feature a {
	text-decoration: none;
}

#calendar-feature a:hover, #calendar-feature a:focus {
	color: #000;
}

#calendar-feature a.active {
	background: #003485;
	color: #FFF;
}


/* BUBBLE */

#calendar-bubble {
	background: url(../img/calendar-bubble-bg.png) 0 0 no-repeat;
	width: 377px;
	height: 278px;
	position: absolute;
	left: 267px;
	top: 232px;
	padding: 15px;
	padding-right: 35px;
}

#calendar-bubble h4 {
	height: 20px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#calendar-bubble-close {
	position: absolute;
	right: 35px;
	top: 10px;
}

#calendar-bubble-container {
	width: 377px;
	height: 253px;
	overflow: auto;
}

#calendar-content-container {
	width: 100%;
}

#calendar-bubble-container.pending, #calendar-content-container.pending {
	background: url(../img/calendar-bubble-spinner.gif) center 260px no-repeat;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

div.vevent {
	float: left;
	width: 473px;
	margin: 0.5em 0;
	padding: 0.5em 5px;
	clear: both;
	border: 1px solid #fff;
}

.fx div.vevent:hover { background-color: #E9F0FA; border: 1px solid #D3DCEA; cursor: pointer; }

#calendar-content-container span.tagestipp {
	color: #fff;
	text-transform: uppercase;
	font-size: 75%;
	font-weight: bold;
	background: #A00;
	color: #fff;
	padding: 0.2em 0.4em;
}

#content div.vevent.tagestipp h2.summary {
	padding-top: 0.25em;
}

div.vevent.tagestipp {
	border-top: 1px solid #A00;
	border-bottom: 1px solid #A00;
	margin-bottom: 1.5em;
	margin-top: 0;
}

.fx div.vevent.tagestipp:hover { border-top: 1px solid #A00; border-bottom: 1px solid #A00; border-left: 1px solid #fff; border-right: 1px solid #fff; }

div.vevent.tagestipp a {
	color: #A00 !important;
}

div.vevent .dtstart {
	float: left;
	border-right: 1px solid #003485;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 0.2em;
	text-align: center;
	padding: 0.2em 0.4em;
	line-height: 1;
	width: 2.6em;
}

div.vevent div.details {
	margin-left: 4.5em;
}

#content div.vevent h2.summary {
	margin-top: 0;
	margin-bottom: 0;
}

#content div.vevent p.description {
	margin-top: 0.25em;
}

div.vevent div.genre {
	position: relative;
	float: right;
	margin-left: 0.3em;
	font-size: 75%;
	background: #999;
	color: #fff;
	padding: 0.2em 0.4em;
	text-transform: uppercase;
	font-weight: bold;
}

div.vevent.tagestipp div.genre {
	margin-top: 0.3em;
}

div.vevent div.time-location {
	font-size: 85%;
	margin: 0.4em 0;
}

div.vevent span.location {
	font-weight: bold;
}

div.vevent span.weekday, div.vevent span.day, div.vevent span.month {
	display: block;
	text-transform: lowercase;
	color: #003485;
}

div.vevent span.day {
	font-size: 200%;
	font-family: Georgia, serif;
}

div.vevent span.weekday, div.vevent span.month {
	font-size: 80%;
}

#calendar-bubble div.vevent .summary {
	font-weight: bold;
	font-size: 100%;
}


/* DETAILANSICHT */

#content table#termine {
	border: 0;
}

#content table#termine td {
	border: 0;
	padding: 0.2em 1em 0.2em 0;
	vertical-align: top;
}

/* VOR-ZURÜCK-NAVIGATION */

#content ul.prev-next-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 1em;
	float: left;
	width: 100%;
}

#content ul.prev-next-nav li {
	margin: 0;
	padding: 0;
	background: none;
}

#content ul.prev-next-nav li.prev {
	float: left;
}

#content ul.prev-next-nav li.next {
	float: right;
}

#content ul.prev-next-nav a {
	font-weight: bold;
}