/* ----------------- dl-horizontal */
.cal dl {
	margin-bottom: 0;
	}

.cal dt {
		float: left;
		width: 5em;
		overflow: hidden;
		clear: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		}

.cal dd {
	margin-left: 6em;
}

.cal dd:before,
.cal dd:after {
	display: table;
	content: " ";
	}

	.cal dd:after {
		clear: both;
		}

/* --------------- Tabellen
table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		}

		*/

table {
		margin-bottom: 1em;
		table-layout: fixed;
		width: 100%;
		}

td {
		padding-right: 1em;
		}

td p {
		padding-bottom: 0;
		}

table caption {
		text-align: left;
		font-weight: bold;
		padding: 0 .5em;
		background: #CCC;
		}

#hauptinhalt td {
		border-top: dashed 1px #999;
		}


/* ------------------------------- */


.cal ul,
.box ul,
ul.dateiliste {
		list-style: none;
		margin: 0;
		padding-left: 0;
		}

.cal dt,
.cal dd,
.cal li {
	padding-bottom: 1.625em;
}

/*
.cal dl {
	margin-bottom: 0;
}
*/

/*****/
.box h2 {
		padding: 0 0 1em;
		margin: 0;
		}

.box h2 a {
		font-weight: normal;
		}

/* innerhalb der Boxen nur halber Zeilenabstand damit die Blöcke zusammenhängend aussehen */
.box p {
		margin-bottom: 0.8125em;
		}

		.box p:last-child {
				margin-bottom: 0;
				}

.box  {
		padding: 1.95em 0;
		}

.wichtig .box  {
		margin: 0;
		padding: 1.95em 0 !important;
	/** /	border-top: .1em solid #F55; /**/
		border-bottom: .1em solid #F55;
		}

/*
.box .boxFuss {
		margin: 1.5em 0 0;
		}
*/

/* iFrame (allris) */
.allris {
		border: solid .1em #CCC;
		display: block;
		width: 100%;
		height: 20em;
		}

/* --------------------------------------------------------- Seitenliste (Teaser)*/

/* wenn keine Bilder da sind, wird stattdessen der img title als Linktext angezeigt.. */
.seitenliste figure a { color: #FFF; }
/*****/

/* --------------------------------------------------------- Kalender */

th.month-weeknums {
  display: none;
}

/* Event teaserliste (Startseite): */
.spalte .cal a .event,
.extraSpalte_3 .cal a .event {
		font-weight: normal;
		}

.spalte .cal a .datum { display: block; }
/**/

#calendar-event dl {
		padding: 1.5em 0 0 0;
		}

#calendar-event dt {
		font-weight: bold;
		}


.cal div.monthWrapper,
.adressblock h2  {
		font-weight: bold;
		color: #FFF;
		background: #BBB;
		padding: 0 0 0 .3em;
		}

/*
.cal li {
display: block;
}
*/

.cal .datum {
	/*		display: block;
		text-align: center;
			width: 100%;
			border-top: solid 1px #CCC; */
			}

table.kalender {/*
		border-collapse: collapse; */
		vertical-align: middle;
		border-spacing: 0;
		margin:  -1em 0 0 0;
		}


.kalender th, .kalender td {
 padding: .5em 0; /* */
  text-align: center;
}

.kalender td {
 width:4em;
  }

.kalender th.wochentag { color: #BBB; }

.kalender td.weekday6,
.kalender td.weekday0,
.kalender td.wochenende {
		color: #BBB;
		font-weight: 700;
		}

		.kalender td.monthOff,
		.kalender td.monthOff a,
.kalender td.monatstagAus,
.kalender td.monatstagAus a { color: transparent; }

.kalender td.currentDay,
.kalender td.heute {
		padding: 0;
		border: solid .3em #CCC;
		}

		.kalender td.currentDay.monthOff,
.kalender td.heute.monatstagAus {
		border: solid .3em #FFF;
		}
/* --- Abfallkalender

.kalender div {
		position: relative;
		width: 100%;
		height: 100%;
		}
.kalender span {
		position: absolute;
		width: .5em;
		height: .5em;
		top: 0;
		right: 0;
		background: #933;
		}
*/
.kalender td,
.kalender div {
		position: relative;
}

.kalender b {
		position: relative;
		top: 0;
		right: 0;
		z-index: 3;
		font-weight: normal;
		}

.kalender span {
	/* seitliche Balken * /
		position: absolute;
		bottom: 0;
		right: 0;
		width: .5em;
		height: 100%;
		z-index: 4;

		width: 2.3em;
		border-right: solid .5em transparent; */

		position: absolute;
		bottom: 2%;
		right: 5%;
		width: 90%;
		height: .5em;
		z-index: 4;

		border-bottom: solid .5em transparent;

/* Rahmen * /
position: absolute;
display: inline-block;
bottom: 5%;
right: 5%;
height: 90%;
width: 90%;
border:solid .3em transparent;
z-index: 4; */
		}

.kalender span.default_catheader {
		display: none;
		}

.kalender span.orange_catheader {
	/*	background: #4F4F4F; Restm�ll */
		border-color: #4F4F4F;
		}

.kalender span.yellow_catheader {
	/*	background: #FFD71F; Gelber Sack */
		border-color: #FFD71F;
		}

.kalender span.pink_catheader {
	/*	background: #1F5BFF; Papier */
		border-color: #1F5BFF;
		}

.kalender span.green_catheader {
	/*	background: #26CF3D; Bioabfall */
		border-color: #26CF3D;
		}

.kalender span.red_catheader {
	/*	background: #26CF3D; Bioabfall Neue Reihe */
		border-color: #26CF3D;
		height: .5em;
		}

.kalender span.grey_catheader {
		z-index: 2;
		background: #F00;/* Sperrm�ll
		width: 100%;*/
		}

/* Markierung bei monatstagAusen Tagen ausschalten */
.kalender .monatstagAus span.default_catheader,
.kalender .monthOff span.orange_catheader,
.kalender .monthOff span.yellow_catheader,
.kalender .monthOff span.pink_catheader,
.kalender .monthOff span.green_catheader,
.kalender .monthOff span.red_catheader {
		border-color: #FFF;
		}

.kalender .monatstagAus span.grey_catheader {
		background: #FFF;
		}
/**/

.kalender .legende  { color: #FFF; }

.kalender td.def {
		text-align: left;
		padding-left: 1em;
		}

/* --- Pagebrowser */

.cal .pagebrowser {
		text-align: center;
		}

.cal .pagebrowser  span {
		margin: 0 .6em;
		}


/* ------------------------------------------------ Diaschau (Historische Karten) */

		ul.diaschau {
			position: relative;
			margin: 0;
			height: 650px;
		}

		.diaschau a .bildtext {
			font-weight: normal;
			color: #222;
			background-color: #FFF;
			height: 8em;
/*			width: 400px; */
		}



		.diaschau a .dia {
			position: absolute;
			top: 0;
			left: 4.5em;
			opacity:0;

			width: 66.33499%;
		/**/
			-o-transition: opacity .3s linear;
			-moz-transition: opacity .3s linear;
			-webkit-transition: opacity .3s linear;
			-ms-transition: all .3s linear;
			transition: opacity .3s linear;
		/**/
			z-index: 1;
			cursor: help;
		}

		.diaschau a:hover .dia,
		.diaschau a:focus .dia,
		.diaschau a:active .dia  {
			opacity: 1;
			z-index: 3;
		}

		.diaschau a:focus .dia,
		.diaschau a:active .dia  {
			z-index: 2;
		}

		.diaschau , .diaschau * {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.diaschau a {
			float: none;
			padding: .35em 0;
		}

		.diaschau a:hover{
			background-position: -2px -52px;
		}

		.diaschau a:focus,
		.diaschau a:active{
			background-position: -2px -212px;
		}
/* --------------------------------------------------------- Legende Wanderwege */
/* (von „Kalender“ übernommen) */
.wanderwege td, .wanderwege div { position: relative; }
#hauptinhalt .wanderwege td { border-top: none; }
.wanderwege td.def { text-align: left; padding-bottom: .7em;}

.wanderwege span {
		position: absolute;
		bottom: 2%;
		right: 5%;
		width: 90%;
		height: .5em;
		z-index: 4;

		border-bottom: solid .5em transparent;
		}

.wanderwege span.reitwege {
				border-color: #D27979;
				}

.wanderwege span.seeweg {
				border-color: #7979D2;
				}

.wanderwege span.heideweg {
				border-color: #FFB366;
				}

.wanderwege span.wiesenweg {
				border-color: #A3A3C2;
				}
/** --------------------------------------------------------- CE Textmedia */
article .textMitBild .breite-1 {


}

.seitenliste .textMitBild.nowrap figure {
/*	width: 33%; */
}

/* --------- */
.ce-align-left { text-align: left; }
	.ce-align-center { text-align: center; }
	.ce-align-right { text-align: right; }

	.ce-table td, .ce-table th { vertical-align: top; }
.textMitBild, .nowrap .text, .bilder,
	 .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.textMitBild.left .bilder { float: left; }
	.bilder .ce-outer { position: relative; float: right; right: 50%; }
	.bilder .ce-inner { position: relative; float: right; right: -50%; }
.textMitBild.right .bilder { float: right; }

	.bilder figure,
	.bilder figure { display: table; margin: 0; }
	.bilder figcaption { display: table-caption; caption-side: bottom; }
	.bilder img { display: block; }
	.bilder iframe { border-width: 0; }
	.ce-border img,
	.ce-border iframe {
		border: 10px solid #F00;
		padding: 10px;
	}

	.intext.right .bilder, .intext.left .bilder, .above .bilder {
		margin-bottom: 1em;
	}

	.intext.right .bilder { margin-left: 1em; margin-top: .25em}
	.intext.left .bilder { margin-right: 1em; margin-top: .25em }
	.below .bilder { margin-top: 1em; }

.intext.right .bilder figure, .intext.left .bilder figure {
			margin-top: 1em;
		}

.intext.right .bilder figure:first-child, .intext.left .bilder figure:first-child {
		margin-top: .4em;
	}
	.above .text { clear: both; }

.above figure { margin: .5em 0; }

	.intext.left ol, .intext.left ul { padding-left: 40px; overflow: auto; }

	.ce-uploads { margin: 0; padding: 0; }
	.ce-uploads li { list-style: none outside none; margin: 1em 0; }
	.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
	.ce-uploads span { display: block; }