/* ------------------------------------------------- */
/* HAUPTELEMENTE                                     */
/* ------------------------------------------------- */
	
	/* {
		font-family	: Arial, Helvetica, sans-serif;
		font-size	: 13px;
	}*/
	body {
		padding		: 0px;
		margin		: 0px;
		cursor		: default;
	}
	body, td, p, li {
		font-family	: Arial, Helvetica, sans-serif;
		font-size	: 13px;
	}
	.WortSUCHE {
		font-size	: 16px;
		font-weight	: bold;
		color		: #666666;
	}
	.Suchleiste {
		background-color: ButtonFace;
		border-left	: 1px solid white;
		border-bottom	: 1px solid black;
		border-right	: 1px solid black;
		border-top	: 1px solid white;
	}
	.Suchleiste label {
		cursor		: pointer;	
	}
	.suchergebnis .kopf td {
		border-bottom	: 2px solid black;
		padding-top	: 2px;
		padding-bottom	: 2px;
		font-weight	: bold;
	}
	.suchergebnis .zeile td {
		border-bottom	: 1px solid silver;
	}
	.Stil4 {
		font-size	: 14px;
		font-weight	: bold;
	}
	.Stil5 {
		color		: #330099;
		font-weight	: bold;
	}
	.OrtUndZeit {
		line-height	: 130%;
	}
	.g14 {	font-size	: 14px}
	.g10 {	font-size	: 10px}
	.fliesstext,
	.fliesstext p,
	.fliesstext li {
		font-size	: 14px;
		line-height	: 18px;
	}
	.fliesstext li {
		margin-bottom   : 14px;
	}
	.Headline {
		font-size	: 30px;
		font-weight	: bold;
		margin-top	: 0px;
		margin-bottom	: 2px;
	}
	#LogoArea {
		width:730px;
		height:105px;
		/*background-image:url(/images/v3/bg-header.png)*/
	}
	#SearchArea {
		float:right;
		padding-top:60px
	}
	#SearchBox {
		background-image:url(/images/black-alpha30.png);
		width:340px;
		z-index:7;
		padding:10px;
		position:relative;
		margin-top:-40px;
		margin-left:-20px
	}


/* ------------------------------------------------- */
/* MENUE                                             */
/* ------------------------------------------------- */

	.submenu {
		/*background-color:#e0ffe3;*/
		color:black;
		font-size:14px;
		/*font-weight:bold;*/
		background-color:#e0ffe3;
		border-left:1px solid white;
		margin-bottom:20px;
	}
	.submenu td {
		padding-top:4px;
	}
	.reiter td {
		cursor: hand;
		cursor: pointer;
		font-size:12px;
		font-weight:bold;
		border-bottom:1px solid black;
		padding:2px;
		padding-bottom:1px;
		padding-left:5px;
		padding-right:5px;
		color:white;
	/*	border-left:1px solid gray;
		border-top:1px solid gray;
		border-right:1px solid gray;*/
		background-color:#A8DDA0;
	}
	.reiter .trenner {
		cursor: default;
		border:0px;
		border-bottom:1px solid black;
		background-color:#e0ffe3;
		padding:0px;
		width:5px;
	}
	.reiter .trennerEnde {
		border:0px;
		border-bottom:1px solid black;
		background-color:#e0ffe3;
		padding:0px;
	}
	.reiter .aktiv {
		border-top:1px solid black;
		border-left:1px solid black;
		border-right:1px solid black;
		border-bottom:0px;
		background-color:#FFFFFF;
		color:black;
	}
	.reiter a {
		text-decoration:none;
		color:white;
	}
	.reiter .aktiv a {
		color:black;
	}
	form {
		margin:0px;
	}


/* ------------------------------------------------- */
/* NAVIGATION                                        */
/* ------------------------------------------------- */

	#Navigation {
		margin: 0px; 
		padding:0px;
		text-align: left;
		white-space: nowrap;
	}
	#Navigation li {
		list-style: none;
		display: inline;
		margin:0px;
		margin-left: 7px; 
		margin-right: 7px; 
		padding: 0;
		text-transform:lowercase;
		font-size:18px;
		font-weight:bold;
		color:#B2B2B2;
	}
	
	#Navigation a {
		color: #B2B2B2;
		text-decoration:none;
	}
	#Navigation .aktiv,
	#Navigation .aktiv a {
		color: white;
		text-decoration:none;
	}
	#Navigation a:hover {
		color: white;
	}
	#Navigation .current a:hover {
		color: white;
		background-color:transparent;
		cursor:default;
	}


/* ------------------------------------------------- */
/* KLEINER KALENDER                                  */
/* ------------------------------------------------- */
	
	.kleinerKalender {
		margin-bottom	: 13px;
		margin-left	: 3px;
		margin-right	: 3px;
		margin-top	: 3px;
	}
	.kleinerKalender td,
	.kleinerKalender th {
		padding		: 2px;
		padding-top	: 1px;
		padding-bottom	: 1px;
		font-size	: 11px;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		text-align	: right;
		border		: 1px solid white;
	}
	.kleinerKalender .kopf td,
	.kleinerKalender .kopf th {
		text-align	: center;
		background-color: ButtonFace;
		font-weight	: bold;
	}
	.kleinerKalender .tageszeile td,
	.kleinerKalender .tageszeile th {
		text-align	: right;
		border-right	: 0px;
		border-left	: 0px;
		padding-right	: 3px;
		border-bottom	: 1px solid black;
		font-weight	: normal;
	}
	.kleinerKalender td a {
		color		: black;
		text-decoration	: none;
	}
	.kleinerKalender .selectedHeute {
		border		: 1px solid black;
	}
	.farbeSelectedHeute {
		color	: #B0B0CC;
	}
	.kleinerKalender .selected {
		background-color: yellow;

	}
	.farbeSelected {
		color		: orange;
	}
	.kleinerKalender td.kleinerKalenderContent {
		padding-right:6px;
		padding-left:6px
	}


/* ------------------------------------------------- */
/* KALENDER STARTSEITE                               */
/* ------------------------------------------------- */

	.terminkalender {
		border		: 1px solid gray;
		background-color: white;
	}
	.terminkalender td {
		padding		: 5px;
		padding-top	: 7px;
		padding-bottom	: 7px;
		text-align	: left;
	}
	.terminkalender .zeile td {
		border-bottom	: 1px solid gray;
	}
	.terminkalender .zeileRuhetag td {
		border-bottom	: 1px solid gray;
		background-color: rgb(255,255,190);
	}
	.terminkalender .zeileSonntag td,
	.terminkalender .zeileSunday td {
		border-bottom	: 1px solid gray;
		background-color: rgb(255,255,175);
	}
	.terminkalender .zeileFeiertag td {
		border-bottom	: 1px solid gray;
		background-color: rgb(255,255,175);
	}
	.terminkalender .tag  {
		font-size	: 14px;
		width		: 20px;
		text-align	: right;
	}
	.terminkalender .tagesname {
		font-size	: 14px;
		width		: 30px;
		border-right	: 2px solid silver;
	}
	.terminkalender .zeileMonat td {
		border-bottom	: 1px solid gray;
		border-right	: 1px solid gray;
		font-size	: 16px;
		font-weight	: bold;
		background-color: #D4D0C8;
	}
	.terminkalender .zeileMonat h2 {
		margin:0px;
		padding:0px;
		font-size:16px;
	}
	.terminkalender .eintrag {
		border-right	: 1px solid gray;
	}
	.terminkalender .eintrag ul {
		margin-bottom	: 0px;
	}
	.terminkalender .eintrag a {
		color		: navy;
		text-decoration	: none;
	}
	.terminkalender .eintrag a:hover {
		text-decoration	: underline;
	}
	.terminkalender .jahrestag {
		color		: gray;
		float		: right;
	}
	.terminkalender ul {
		margin-top:0em;
	}
	

/* ------------------------------------------------- */
/* KALENDERBLATT STARTSEITE                          */
/* ------------------------------------------------- */

	#kalenderblatt {
		height:164px;
		width:195px;
		border:2px solid navy;
		background-image:url(/images/kalenderblatt-bg.png);
		background-color:#FF6B09;
		color:white;			
	}
	#kalenderreihe {
		height:164px;
		border:2px solid navy;
		margin-left:10px
	}
	#kalenderreihe .kleinerKalender {
		margin-bottom:0px;
		margin:10px;
	}
	#kalenderreihe .kleinerKalenderContent {
		padding-right:5px;
		padding-left:5px
	}
	#kalenderblattMonat {
		text-align:center;
		font-size:14px;
		font-weight:bold;
		margin-top:22px;
	}
	#kalenderblattTag {
		text-align:center;
		font-size:70px;
		font-weight:bold;
	}
	#kalenderblattTagesname {
		text-align:center;
		font-size:14px;
		font-weight:bold;			
	}
	#kalendergadget{
		margin-bottom:20px;
	}


/* ------------------------------------------------- */
/* NAVIGATION SEITENENDE                             */
/* ------------------------------------------------- */
	
	#NaviBottom {
		/*border-top:3px solid gray; 
		background-color:#D4D0C8;*/
		/*margin-top:2em;*/
		background-color:rgb(220,220,220);
		border-top:1px solid #919191;
		box-shadow: inset 0px 3px 7px rgba(0,0,0,0.2);
	}
	
	#bottom {
		margin:15px;
	}
	
	#bottom td {
		color:black;
		font-size:12px;
		font-family:arial;
	}
	#bottom td {
		text-align:left;
		border-right:1px solid orange;
		padding-right:20px;
		padding-left:20px;
	}
	#bottom {
		border-left:1px solid orange;
	}
	#bottom ul, #bottom li {
		margin:0px;
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
		padding:0px;
	}
	#bottom td a {
		text-decoration:none;
		color:black;
	}
	#bottom td a:hover {
		text-decoration:underline;
	}
	#bottom h3 {
		font-size:12px;
		font-weight:bold;
		color:navy;
		text-transform:uppercase;
		margin-bottom:7px;
	}
	#bottom h3 a {
		color:navy;
	}

	#MainContent {
		margin-bottom:160px;
	}
	html, body {
    		height: 100%;
	}
	body {
    		margin: 0; padding: 0;
	}
	#Seitenrahmen { 
		min-height : 100%; 
		position   : relative;
	}
	* html #Seitenrahmen {
		height     : 100%;
	}
	#NaviBottom {
		position: absolute; 
		bottom: 0; 
		left: 0; 
		width:100%
	}	

	
/* ------------------------------------------------- */
/* SOCIAL NETWORKS, GOOGLE CALENDAR                  */
/* ------------------------------------------------- */
	
	#SocialNetworks img {
		border	: 1px solid silver;
		margin	: 2px;
		padding	: 2px;
	
	}
	#SocialNetworks h3, 
	#GoogleCalendar h3 {
		font-size: 14px;
		font-weight: bold;
		margin-top:1em;
		margin-bottom: 0px;
	}
	#SocialNetworks h3.breit {
		font-size:14px;
		color:gray;
		font-weight:bold;
		margin-bottom:0.5em;
		text-transform:uppercase;
	}
	#SocialNetworks p,
	#GoogleCalendar p {
		margin-top:0.5em;
		padding-left:1.5em;
	}
	
	
/* ------------------------------------------------- */
/* SONSTIGES                                         */
/* ------------------------------------------------- */
		
	#EventContent {
		margin-top:0.6em;
	}	
	.blackTextlink {
		text-decoration: none;
		color:black;
	}
	.inlineHeadline {
		font-size:13px;
		display:inline;
		margin-right:0.5em;
	}
	.inlineParagraph {
		display: inline;
	}
	.virtualParagraph {
		display:block;
		margin-top:1em;
		margin-bottom:1em;
	}
	
	#ThemaKalender,
	.schoolHolidaysTable {
		background-color:white;
		width:100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #4D4D4D;
		box-shadow:4px 3px 7px rgba(0,0,255,0.20);
		margin-bottom:15px;
	}

	#ThemaKalender th, 
	#ThemaKalender td, 
	.schoolHolidaysTable th, 
	.schoolHolidaysTable td{
		text-align:left;
		border-bottom:1px solid #4D4D4D;
		border-right:1px solid #4D4D4D;
		font-size:14px;
		padding:7px;
	}	
	.schoolHolidaysTable td {
		font-size:12px;
		padding:4px;
		padding-top:8px;
		padding-bottom:8px;
	}

	#ThemaKalender th,
	.schoolHolidaysTable th{
		text-align:left;
		font-size:16px;
		font-weight:bold;
		padding-top:8px;
		padding-bottom:8px;
		background-color:#D1D1FA;
		background-image:url(/images/bg-category-infobox.png);
	}
	.schoolHolidaysTable th {
		font-size:13px;
		padding:12px;
		padding-left:4px;
		padding-right:4px;
	}
	.schoolHolidaysTable th a,
	.schoolHolidaysTable td a {
		text-decoration:none;
	}
	.schoolHolidaysTable th a:hover,
	.schoolHolidaysTable td a:hover {
		text-decoration:underline;
	}

	#ThemaKalender .zwischentitel,
	.schoolHolidaysTable .zwischentitel {
		font-weight:bold;
		background-color:#E9E8FF;
	}
	
		
	#Infobox,
	#TranslationBox {
		margin:0px;
		font-size:14px;
		line-height:17px;
	}
	#InfoboxInnerPadding,
	#TranslationBoxInnerPadding {
		margin-top:25px;
		margin-bottom:10px;

		width:726px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
		border:2px solid #4D4D4D;
		border-left:1px solid #4D4D4D;
		border-top:1px solid #4D4D4D;
		
		box-shadow:4px 3px 7px rgba(0,0,255,0.20);

	}
	
	#InfoboxTitleBar,
	#TranslationBoxTitleBar {
		clear:both;
		border-bottom:1px solid #4D4D4D;
		background-color:#D1D1FA;
		background-image:url(/images/bg-category-infobox.png)
	}
	#InfoboxTitleBarPadding,
	#TranslationBoxTitleBarPadding {
		padding:7px;
		padding-top:10px;
		padding-bottom:10px;
	}
	#Infobox h2,
	#TranslationBox h2 {
		margin:0px;margin-top:3px;font-size:16px
	}
	
	#InfoboxImage {
		margin-top:3px;
		padding:8px;
		background-color:white;
		border:1px solid #A2A2A2;
		box-shadow:4px 3px 7px rgba(0,0,0,0.20);
		float:right;
		margin-left:20px;
	}
	#InfoboxImageCaption {
		margin-top:7px;
		font-size:12px;
		font-weight:bold;
		color:#575757;
		width:225px;
	}
	
	#InfoboxImage img {
		width:225px;
		height:151px;
		border:0px solid white;
		background-color:silver;
	}
	
	#Infobox .table,
	#TranslationBox  .table{
		display:table;
	}
	#Infobox .table,
		margin-top:15px;
	}
	#Infobox .row,
	#TranslationBox .row {
		display:table-row;
	}
	#Infobox .cell,
	#TranslationBox .cell {
		display:table-cell;
		padding-bottom:3px;
		padding-right:5px;
	}
	#Infobox .th,
	#TranslationBox .th {
		font-weight:bold;
		color:#575757;
		width:85px;
	}	
	
	#Infobox {
  		-webkit-user-select: none; 
  		-moz-user-select: none; 
  		-ms-user-select: none; 
  		-o-user-select: none;
  		user-select: none;   	
  		-webkit-touch-callout: none;
	}
	
	/* LOGO STARTSEITE */
	#headlineStartseite {
		margin:0px;
		padding:0px;
	}	
	#FrontpageLeftColumn {
		background-color:#D4D0C8;
		border:1px solid #000080;
		width:197px;
		max-width:197px;
		overflow:hidden;
		float:left;
		margin-right:3px;
	}
	#FrontpageLeftColumn .headline {
		padding:7px;
		/*background-color:#FF5A00*/
		background-color:#7D7D7D;
	}
	#FrontpageLeftColumn h2 {
		color:white;
		font-size:16px;
		font-weight:bold;
		margin:0px;
	}
	#FrontpageLeftColumn .content {
		padding:13px;
		line-height:1.3em;
	}
	#FrontpageLeftColumn h3 a {
		text-decoration:none;
		color:black;
	}
	#FrontpageLeftColumn h3 {
		font-size:14px;
		font-weight:bold;
		margin:0px;
	}
	#FrontpageLeftColumn h3 span {
		display:block;
		font-size:12px;
		color:#B80000;
	}
	#FrontpageLeftColumn p{
		margin-top:0.5em;
		margin-bottom:1.3em;
	}
	#BreadcrumbNavi a {
		color:blue;
	}
	#MainContent {
		padding-top:10px;
	}
	#MainContent small {
		font-size:10px;
	}
	

/* ------------------------------------------------- */
/* TABELLEN                                          */
/* ------------------------------------------------- */
		
	.ContentTable01 {
		border:1px solid black;
	}
	.ContentTable01 td, 
	.ContentTable01 th {
		font-size	: 12px;
		padding:5px;
	}
	.ContentTable01 th {
		background-color: #D4D0C8;
		font-size:13px;
		text-align:left;
		font-weight:black;
	}
	.ContentTable01 a {
		color:blue;
	} 


/* ------------------------------------------------- */
/* DAYBOX / LINK BOX                                 */
/* ------------------------------------------------- */

	.linkButton {
		position:relative;
	}
	.linkButton img {
		cursor:pointer;
	}	
	.linkBox {
		padding:10px;
		background-image:url(http://www.kleiner-kalender.de/images/black-alpha30.png);
		position:absolute;
		z-index:9;
		width:520px;
		top:-60px;
		left:-120px;
	}	
	#DayBox {
		padding:10px;
		background-image:url(/images/black-alpha30.png);
		position:absolute;
		z-index:9;
		width:440px;
		height:400px;
		top:50px;
		left:50px;
	}
	#DayBoxInnerbox,
	.linkBox .innerBox {
		border:3px solid #000066;
		background-color:#000066;
		resize:both;
	}
	#DayBoxTitle,
	.linkBox .boxTitle {
		padding-left:5px;
		padding-top:5px;
		font-size:13px;
		font-weight:bold;
	}
	#DayBoxHeader,
	.linkBox .boxHeader {
		height:25px;
		padding:2px;
		background-color:#FF6600;
		color:white;
		font-weight:bold;
		font-family:arial,verdana,sans-serif;
		cursor:move;
	}
	#DayBox.invisibleBox {
		display:none;
	}
	#DayBox.visibleBox {
		
	}
	#DayBoxIframe {
		width:434px;
		height:364px;
		border:0px;
	}
	#DayBox .closeButton,
	.linkBox .closeButton {
		padding:2px;
		text-align:center;
		border:1px solid white;
		border-right:1px solid black;
		border-bottom:1px solid black;
		color:white;
		cursor:pointer;
		background-color:transparent;
	}
	#DayBox .closeButton:active,
	.linkBox .closeButton:active {
		border:1px solid black;
		border-right:1px solid white;
		border-bottom:1px solid white;
	}
	#DayBox .closeButton:hover,
	.linkBox .closeButton:hover {
		background-color:white;
		color:black;
	}
	.linkBox .boxContent {
		padding:15px;
		background-color:white;
	}
	
	
	.CalendarTable td a {
		cursor:pointer;
	}
	
	
	#TopNavi {
		border-bottom:1px solid #C7C7C7;
		box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
		position:absolute;
		top:0px;
		left:0px;
		height:33px;
		width:100%;
		background-color:rgb(241, 240, 240);
		background-image: -moz-linear-gradient(center top , rgb(255, 255, 255) 0px, rgb(241, 240, 240) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(241,240,240))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(241,240,240) 100%); /* Chrome10+,Safari5.1+ */
		background:-moz-linear-gradient( bottom top, rgb(255, 255, 255) 100%, rgb(241, 240, 240) 100% );	
		background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(241,240,240) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(241,240,240) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(241,240,240) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); /* IE6-9 */			
	}
	
/* ------------------------------------------------- */
/* EVENT DETAIL                                      */
/* ------------------------------------------------- */		
	
	#EventContent .description a {
		text-decoration:none;
	}
	#EventContent .description b a {
		text-decoration:underline;
	}

	#EventContent .description a:hover {
		text-decoration:underline;
	}
	
	.eventRightLinkbox {
		padding:10px;
		border:1px solid black;
		margin-bottom:15px;
	}
	.eventRightLinkbox .linkWithImage {
		display:table-cell;
		vertical-align:middle;
		padding-left:49px;
		height:39px;
		background-repeat:no-repeat;
	}
	.eventRightLinkbox .linkWithImage a {
		font-size:14px;
		font-weight:bold;
	}
	
/* ------------------------------------------------- */
/* LISTEN                                            */
/* ------------------------------------------------- */	
	
	.liste li {
		list-style-image:url(/images/bullet.gif);
	}
	.liste li a:hover {
		text-decoration:none;
	}
	
	.noBulletList {
		list-style-type		: none;
		list-style-position	: outside;
		margin			: 0px;
		padding			: 0px;
	}
	.noBulletList li {
		margin			: 0px;
		padding			: 0px;
	}