/* --------------- GENERAL --------------- */
		
		body {
			background-color:white;
		}
		
		a {
			color: #003399;
		} 
		/*a:visited {
			color: #003399;
		}
		a:active {
			color: ##3366cc;
		}*/


		label {
			cursor		: pointer;
		}
		img {
			/* Wegen Whitespace durch HTML STRICT */
			padding		: 0px; 
			margin		: 0px; 
			border		: 0px; 
			vertical-align	: bottom;
			/* display:block;*/
		}

		/* --------------- EVENT TEASER------------- */
		
		.eventTeaser {
			width		: auto;
			display:table-cell;
			vertical-align:top;
		}
		#EventTeaserSpacer01,
		#EventTeaserSpacer02 {
			display:table-cell;
			width:11px;
			max-width:11px;
		}
		#EventTeaser03 {
			margin		: 0px;
			margin-right	: 0px;
			border		: 0px;
		}
		.eventTeaser img {
			background-color: silver;
			border		: 0px solid white;
			margin		: 0px;
			padding		: 0px;
			width: 100%;
		}
		.teaserCaptionContainer {
			border-top	: 1px solid white;
			overflow	: hidden;
			height		: 31px;
			background-color: #000066;
		}
		.teaserCaptionContainer div {
			color		: white;
			font-size	: 16px;
			font-weight	: bold;
			padding-left	: 6px;
			padding-top	: 6px;
			padding-bottom	: 6px;
		}
		#EventTeaser03 .teaserCaptionContainer div {
			padding		: 4px;
			padding-top	: 6px;
			padding-bottom	: 6px;
		}
		.teaserCaptionContainer a {
			color		: white;
			text-decoration	: none;
		}
		
		
		/* --------------- TOOLTIPS --------------- */
		
		
		#ContainerTeaser .tooltip  {
		        padding		: 10px;
		        background-color: #C5C5EC;
		        background-color: #C3CEE8;
		        font-size	: 15px;
		        border-left	: 1px solid #000066;
		        border-right	: 1px solid #000066;
		        border-bottom	: 1px solid #000066;
		        display:none;
		}	
		
		#ContainerTeaser .tooltip,
		#ContainerTeaser .tooltipShadow02,
		#ContainerTeaser .tooltipShadow01 {
			display:none;
		}

		/* --------------- CALENDAR TABLES --------------- */
		
		.CalendarTable td.anyDate a:hover {
			font-weight:bold;
			cursor:pointer;
			-webkit-border-radius	: 3px;
			-moz-border-radius	: 3px;
			border-radius	: 3px;			
			background-color:#FFC39B;
			text-decoration	: none
		}
		.CalendarTable th {
			font-weight	: bold;
			padding-left	: 6px;
			padding-right	: 6px;
			padding-bottom	: 3px;
			text-align	: right;
			font-size	: 12px;
			border-bottom	: 2px solid black;
		}
		.CalendarTable th.kw {
			border-right	: 1px solid gray;
			padding-left	: 0px;
			padding-right	: 3px;
			border-right	: 1px solid gray;
		}
		.CalendarTable th.monday {
			padding-left	: 7px;
		}
		.CalendarTable td {
			font-size	: 14px;
			padding		: 3px;
			padding-right	: 5px;
			padding-bottom	: 0px;
			text-align	: right;
		}
		.CalendarTable td.currentDate {
			padding-top	: 1px;
			padding-right	: 2px;
		}
		.CalendarTable .currentDate a {
			-webkit-border-radius	: 3px;
			-moz-border-radius	: 3px;
			border-radius	: 3px;
			font-weight	: bold;
			border		: 1px solid black;
			padding-left	: 2px;
			padding-right	: 2px;
			text-decoration	: none;
		}
		.CalendarTable td.kw {
			font-size	: 11px;
			font-weight	: bold;
			padding		: 0px;
			padding-bottom	: 0px;
			padding-left	: 0px;
			text-align	: center;
			border-right	: 1px solid gray;
		}
		.CalendarTable caption {
			margin		: 0px;
			margin-bottom	: 6px;
			font-size	: 13px;
			font-weight	: bold;
			padding		: 2px;
			background-color: #CBCBCB;
			text-align	: center		
		}
		.CalendarTable caption a {
			text-decoration	: none;
			color		: black;
		}
		
		/* --------------- KALENDERBLATT --------------- */
		
		#kalenderblatt {
			-webkit-border-radius	: 5px;
			-moz-border-radius	: 5px;
			border-radius		: 5px;
			background-image: url(/images/kalenderblatt-bg.png);
			background-color: #FF6600;
			border		: 1px solid #000066;
			border-right	: 2px solid #000066;
			border-bottom	: 2px solid #000066;
			color		: white;
			margin-top	: 11px;
			height		: 158px;
			width		: 233px;
			float		: right;
		}
		#kalenderblattSection01 {
			float		: left;
			width		: 130px;
			height		: 135px;
			margin-top	: 9px;
			border-right	: 2px solid white;
		}
		#kalenderblattMonat {
			text-align	: center;
			font-size	: 14px;
			font-weight	: bold;
			margin-top	: 10px;
		}
		#kalenderblattTag {
			text-align	: center;
			font-size	: 73px;
			font-weight	: bold;
		}
		#kalenderblattTagesname {
			text-align	: center;
			font-size	: 14px;
			font-weight	: bold;	
		}
		#kalenderblattSection02 {
			float		: left;
			width		: 90px;
			height		: 65px;
			margin-top	: 9px;
			border-bottom	: 2px solid white;
		}
		#kalenderblattWeek {
			text-align	: center;
			font-size	: 20px;
			font-weight	: bold;
			margin-top	: 5px;
		}
		#kalenderblattWeekLabel {
			margin-top	: 3px;
			text-align	: center;
			font-size	: 13px;
		}		
		#kalenderblattSection03 {
			float		: left;
			width		: 90px;
			margin-top	: 9px;
		}
		#kalenderblattSign {
			text-align	: center;
			font-weight	: bold;
			margin-top	: 5px;
			font-size	: 0px;
		}
		#kalenderblattSignLabel {
			margin-top	: 3px;
			text-align	: center;
			font-size	: 13px;
		}

		/* --------------- CALENDAR HIGHLIGHTS --------------- */

		#KalenderMonate {
			height		: 158px;
			border-left	: 2px solid #919191;
			margin-top	: 11px;
			width		: 481px;
			float		: left;
			padding-bottom	: 7px;
		}

		/* --------------- CALENDAR HIGHLIGHTS --------------- */

		#CalendarHighlights {
			-webkit-border-radius	: 5px;
			-moz-border-radius	: 5px;
			border-radius	: 5px;
			border		: 2px solid #919191;
			border-right	: 1px solid #919191;
			margin-top	: 11px;
			width		: 100%;
			float		: left;
			background-color: white;
		}
		#CalendarHighlights .monthEntry,
		#CalendarHighlights .monthEntryFirst {
			clear		: both;
			height		: 29px;
			border-bottom	: 2px solid #919191;
			background-color: #C5C5EC;
			background-color: #C3CEE8;
			background-image: url(/images/v3/bg-startseite-monatskalender.jpg);
		}
		#CalendarHighlights .monthEntry {
			border-top	: 2px solid #919191;
		}
		#CalendarHighlights .monthEntry h2,
		#CalendarHighlights .monthEntryFirst h2 {
			margin		: 0px;
			margin-top	: 2px;
			font-size	: 16px;
		}
		#CalendarHighlights .monthEntry h2 a,
		#CalendarHighlights .monthEntryFirst h2 a {
			color		: black;
		}
		#CalendarHighlights .dayEntry {
			clear		: both;
			margin-bottom	: 10px;
			padding-top	: 10px;
			border-top	: 1px solid #919191;
			display:table;
			width:100%;
		}		
		#CalendarHighlights .dayEntryFirst {
			clear		: both;
			display:table;
		}		
		#CalendarHighlights .dayImage,
		#CalendarHighlights .dayList {
			display:table-cell;
			vertical-align:top;
		}
		#CalendarHighlights .dayImage {
			width:103px;
		}
		.dayImageCaption {
			max-width:102px;
			font-size:14px;padding-top:3px;text-align:center;background-color:#FF6600;color:white;font-weight:bold;border-top:2px solid white
		}
		
		#CalendarHighlights .dayEntries {
			margin		: 0px;
			margin-bottom	: 5px;
			padding-left	: 35px;
		}
		#CalendarHighlights .dayEntries a {
			text-decoration: none;
		}
		#CalendarHighlights .dayEntries a:hover {
			text-decoration: underline;
		}
		
		/* ----------------- CONTAINER ---------------- */
		
		#ContainerTeaser {
			clear:top;
			border-bottom:1px solid white;
			margin:0px;
			padding:0px
		}
		
		
		

		#ContainerNavigation {
			width 		: 730px;
			background-color: black;
		}
			
		/* --------------- RIGHT COLUMN --------------- */
		
		#RightColumn .columnBox {
 			-webkit-border-radius	: 5px;
 			-moz-border-radius	: 5px;
 			border-radius	: 5px;
 			margin-top	: 11px;
 			background-color: #C5C5EC;
 			background-color: #C3CEE8;
 			width		: 100%;
 			border		: 1px solid #000066;
		}
		#RightColumn .headlineContainer {
			padding-top	: 2px;
			padding-left	: 3px;
			background-color: #000066;
			color		: white;
			height		: 30px;
			background-image: url(/images/v3/bg-startseite-spalte.jpg);
		}
		#RightColumn .headlineContainer a {
			color		: white;
		}
		#RightColumn h2 {
			margin		: 0px;
			margin-top	: 4px;
			font-size	: 16px;
		}
		#RightColumn .contentContainer .boxContent {
			padding		: 12px;
		}

		#PopularEventsBox h3 {
			margin-top	: 0px;
			margin-bottom	: 7px;
			font-size	: 14px;
		}
		#PopularEventsBox .dtstart {
			color		: red;
			font-weight	: bold;
			padding		: 0px;
		}
		#PopularEventsBox p {
			margin-top	: 7px;
		}
		#PopularEventsBox url {
			color		: navy;
			text-decoration	: underline;
		}

		#KategorienBox .contentContainer,
		#KalenderBox .contentContainer {
			overflow	: auto;
		}
		
		#KategorienBox ul,
		#KalenderBox ul {
			margin		: 0px;
			padding-left	: 12px;
		}
		#KalenderBox ul {
			margin-bottom	: 12px;
		}
		#KalenderBox h3 {
			font-size	: 14px;
			font-weight	: bold;
			margin		: 0px;
		}
		
		/* --------------- OVERRIDES --------------- */
		
		#Logo {
			border		: 0px solid white;
		}
		
		/*#Seitenrahmen {
			padding-left	: 15px;
			padding-right	: 15px;
		}*/
		#ContainerMain {
			width		: 730px;
			margin-left	: auto;
			margin-right	: auto;
			margin-bottom	: 180px;
		}
		#Header {
			padding-top	: 37px;
			margin-bottom	: 15px;
			
			padding-top	: 56px;
		}
		
		#TopNavi #ToolsRight {
			position:absolute;
			top:0px;
			right:0px;
			text-align:right;
			padding:8px;
		}
		
		
		#DayBox,
		#DayBoxInnerbox {
 			-webkit-border-radius	: 7px;
 			-moz-border-radius	: 7px;
 			border-radius		: 7px;
		}
		#DayBox .closeButton {
 			-webkit-border-radius	: 4px;
 			-moz-border-radius	: 4px;
 			border-radius		: 4px;
		}
		#DayBoxIframe {
			height			: 366px;	/* border-ausgleich */
		}
		
		
		#SearchForm {
			margin:0px;
		}
		#SearchArea {
			width	: 404px;
			float	: right;
		}
		#SearchHint {
			z-index		: 8;
			position	: absolute;
			margin-left	: -27px;
			/*ldeft		: 300px;*/
			top		: 93px;
			width		: 450px;
		}
		#SearchHint.notVisible {
			display:none;
		}
		#SearchInput {
			font-size	: 14px;
			width		: 320px;
			padding		: 1px;
			height		: 18px;
			border		: 2px solid #8E8E93;
			border-bottom 	: 1px solid silver;
			border-right	: 0px solid white;
		}
		#SearchSubmit {
			cursor		: pointer;
			font-size	: 14px;
			width		: 80px;
			height		: 23px;
			background-image: url(/images/v3/bg-startseite-monatskalender.jpg);
			border 		: 2px solid #8E8E93;
			border-left	: 1px solid #8E8E93;
			border-top	: 1px solid #8E8E93;
		}
		#SearchSubmit:hover {
			background-image: url();
		}
		
		input[type=submit]:hover,
		input[type=button]:hover, 
		button:hover {
			background-color	: white;
			cursor			: pointer;	
		}
		

		@media screen and (max-width:759px){
			.isNotResponsive #CalendarHighlights {
				max-width: 480px;
			}
			.isNotResponsive #RightColumn .columnBox {
				width: 234px;
			}		
		
			.isResponsive #EventTeaser03,
			.isResponsive #EventTeaserSpacer02 {
				display:none;
			}
			.isResponsive #ContainerKalender {
				display:none;
			}
		}
		@media screen and (max-width:500px){
			.isResponsive #EventTeaser02,
			.isResponsive #EventTeaserSpacer01 {
				display:none;
			}
			/*.isResponsive #EventTeaser01 .tooltip {
				display:block;
			}*/

			#ContainerMainContent {
				padding:3%;
				padding-top:0px;
			}
			#ContentBody {
				padding:0px !important;
			}
		}

		@media screen and (min-width: 760px)  {
				#CalendarHighlights {
					max-width: 480px;
				}
				#RightColumn .columnBox {
					width: 234px;
				}
				
		}


		/* --------------- SHADOW FX --------------- */
		
		/*#ContainerNavigation {
			box-shadow: 3px 5px 7px rgba(0,0,0,0.35);
		}*/
		
		/*#CalendarHighlights {
			box-shadow:3px 3px 7px rgba(0,0,255,0.30);
		}*/
		
		/*.columnBox,
		#kalenderblatt {
			box-shadow:4px 3px 7px rgba(0,0,255,0.30);
		}*/
		
		/*#KalenderMonate {
			border-radius	: 3px;
			box-shadow 	: 5px 2px 6px 1px rgba(0,0,255,0.25);
		}*/