/********************
 * CHRONIK
 ********************/

.chronik {
	
}	
	
	
	#timeframeselector {
		margin:10px 0 20px 0;
	}
	
		#timeframeselector li {
			display:block;
			float:left;
			width:94px;
		}
		
		#timeframeselector li span {
			color:#002046;
			font-size:11px;
			line-height:16px;
			padding:4px 3px;
			display:block;
			overflow:hidden;
		}

			#timeframeselector  a {
				background:url('../img/basics/sprite.png') no-repeat 0 -706px;
				width:94px;
				height:0px;
				padding-top:31px;
				overflow:hidden;
				display:block;
			}
			
			#timeframeselector #timeframe-0 a {
				background-position:0 -706px;
			}
			#timeframeselector #timeframe-0 a:hover,
			#timeframeselector #timeframe-0 a:active,
			#timeframeselector #timeframe-0 a:focus {
				background-position:0 -746px;
			}
			#timeframeselector #timeframe-0 a.active {
				background-position:0 -786px;
			}
			
			#timeframeselector #timeframe-1 a {
				background-position:-96px -706px;
			}
			#timeframeselector #timeframe-1 a:hover,
			#timeframeselector #timeframe-1 a:active,
			#timeframeselector #timeframe-1 a:focus {
				background-position:-96px -746px;
			}
			#timeframeselector #timeframe-1 a.active {
				background-position:-96px -786px;
			}
			
			#timeframeselector #timeframe-2 a {
				background-position:-192px -706px;
			}
			#timeframeselector #timeframe-2 a:hover,
			#timeframeselector #timeframe-2 a:active,
			#timeframeselector #timeframe-2 a:focus {
				background-position:-192px -746px;
			}
			#timeframeselector #timeframe-2 a.active {
				background-position:-192px -786px;
			}
			
			#timeframeselector #timeframe-3 a {
				background-position:-288px -706px;
			}
			#timeframeselector #timeframe-3 a:hover,
			#timeframeselector #timeframe-3 a:active,
			#timeframeselector #timeframe-3 a:focus {
				background-position:-288px -746px;
			}
			#timeframeselector #timeframe-3 a.active {
				background-position:-288px -786px;
			}

			#timeframeselector #timeframe-4 a {
				background-position:-384px -706px;
			}
			#timeframeselector #timeframe-4 a:hover,
			#timeframeselector #timeframe-4 a:active,
			#timeframeselector #timeframe-4 a:focus {
				background-position:-384px -746px;
			}
			#timeframeselector #timeframe-4 a.active {
				background-position:-384px -786px;
			}
			
			#timeframeselector #timeframe-5 a {
				background-position:-480px -706px;
			}
			#timeframeselector #timeframe-5 a:hover,
			#timeframeselector #timeframe-5 a:active,
			#timeframeselector #timeframe-5 a:focus {
				background-position:-480px -746px;
			}
			#timeframeselector #timeframe-5 a.active {
				background-position:-480px -786px;
			}
			
			#timeframeselector #timeframe-6 a {
				background-position:-576px -706px;
			}
			#timeframeselector #timeframe-6 a:hover,
			#timeframeselector #timeframe-6 a:active,
			#timeframeselector #timeframe-6 a:focus {
				background-position:-576px -746px;
			}
			#timeframeselector #timeframe-6 a.active {
				background-position:-576px -786px;
			}						


	.chronik ul.timeline {
		margin:20px 0;
		background:url('../img/basics/bg-timeline.png') no-repeat 0 0;
		padding-top:12px;
		width:666px;
	}

	.dynd .chronik ul.timeline {
		background:none;
		padding-top:0px;
		position:relative;
		margin-top:0px;
		margin-left:14px;
		top:-35px;
	}
	
		.chronik ul.timeline li {
			background:url('../img/basics/slider-yeardash.png') no-repeat center 0;
			padding:8px 8px 0;
			float:left;
		}
		
		.dynd .chronik ul.timeline li {
			position:absolute;
			padding:8px 0 0;
		}	
		
		.dynd .chronik ul.timeline li a {
			text-decoration:none;
		}
		
		.dynd .chronik ul.timeline li.active a {
			font-weight:bold;
			text-decoration:none;
		}
	
	.dynd #timelineslider {
		margin-top:40px;
		margin-bottom:10px;
		background:url('../img/basics/bg-timeline.png') no-repeat 0 0;
		height:40px;
		width:666px; /* HOLY MACCARONI, NUMBER OF THE BEAST >:-0  */
		position:relative;
		z-index:1;
	}
	
		.dynd #timelinehandler {
			background:url('../img/basics/slider-indicator.png') no-repeat 0 0;
			height:33px;
			width:33px;
			position:absolute;
			top:-10px;
			left:0px;
			margin-left:10px;
		}
	
	
	#yeardetails {
		
	}
	
		#yeardetails img {
			float:left;
			margin-right:10px;
			margin-bottom:5px;
			display:block;
		}
		
		#yeardetails p {
			padding-top:0;
		}
			


/**********************
 * SATZUNGEN
 **********************/

ol.ankerlinks {
	margin-left:15px;
	margin-bottom:20px;
}

	ol.ankerlinks li {
	}

ol.satzung {
	list-style-type:none;
}

	ol.satzung li {
		margin-bottom:20px;
	}
	
		ol.satzung li h3 {
			margin-bottom:3px;
		}

		ol.satzung ol {
			list-style-type:decimal;
			margin-left:20px;
			padding-left:10px;
			list-style-position:outside !important;
		}
		
			ol.satzung ol li {
				margin-bottom:10px;
				list-style-type:inherit;
			}
		
			ol.satzung ol ol {
				list-style-type:decimal;
				margin-left:20px;
			}
			
				ol.satzung ol ol li {
					margin-bottom:0;
					list-style-type:inherit;
				}
			
				ol.satzung ol ol ol {
					list-style-type:lower-latin;
					margin-left:20px;
				}
				
					ol.satzung ol ol ol li {
						list-style-type:inherit;
					}		
			
		
		
/*******************
 * JAHRESBERICHT
 *******************/

.jahresbericht {
	
}

	.jahresbericht img.bordered {
		border:1px solid #94B0C9;
	}
	
	.jahresbericht img.captioned {
		border-bottom:1px solid #94B0C9;
	}
		
		
		
table.zahlentabelle caption {
	width:auto;
	caption-side:top;
	text-align:center;
	font-weight:bold;
	border:1px solid #e2001a;
	border-left:0;
	border-right:0;
	padding:3px 0;
	color:#000;
	line-height:normal;
	margin: 0 15px 20px;
}	

table.zahlentabelle {
	border-collapse:separate;
	border-spacing:15px 0;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:-15px;
	width:691px;
}
		
	table.zahlentabelle td {
		border-bottom:1px solid;
		border-color:#a4bed3;
		padding:5px;
		text-align:right;
	}
	
	table.zahlentabelle td:first-child  {
		text-align:left;
	}
	
	table.finanzbericht td:nth-child(2) {
		border-color:#e2001a;
	}
	
	table.anlagespiegel1 td:nth-child(6),
	table.anlagespiegel2 td:nth-child(6),
	table.anlagespiegel2 td:nth-child(5) {
		border-color:#e2001a;
	}
	
	
	/*table.zahlentabelle td:nth-child(2),
	table.zahlentabelle td:nth-child(3) {
		text-align:right;
	}*/

	table.zahlentabelle tr.level2 td:first-child {
		padding-left:20px;
	}
	
	table.zahlentabelle tr.bold td {
		font-weight:bold;
	}
	
	table.zahlentabelle tr.italic td {
		font-style:italic;
	}
		

		table.zahlentabelle h4 {
			font-weight:bold;
			font-size:13px;
		}		
		
		
.jahresbericht div.complementary {
	padding:16px;
	background-color:#eff7ff;
	clear:both;
	margin:20px 0;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-border-radius:5px;
	
	box-shadow:0px 2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.4);
}		
		
		
ul.heiligezweispaltigkeit li {
	width:267px;
	overflow:hidden;
	float:left;
	margin-right:70px;
	margin-bottom:35px;
	border-bottom:1px solid #e2001a;
	padding-bottom:4px;
}
ul.heiligezweispaltigkeit p strong{
	margin-left:1px;
}
ul.heiligezweispaltigkeit h3 {
	margin-left:1px;
}
ul.heiligezweispaltigkeit li:nth-child(2n),
ul.heiligezweispaltigkeit li.second-child {
	margin-right:0;
}		
		
	ul.heiligezweispaltigkeit h3 img {
		display:block;
		margin-bottom:10px;
	}
	
	ul.heiligezweispaltigkeit img.motiv {
		display:block;
		margin-bottom:5px;
		border-bottom:1px solid #a5bed3;
		padding-bottom:1px;
	}
	
	ul.heiligezweispaltigkeit strong {
		color:#204262;
	}
		
		
ul.accordion {
	margin-bottom:15px;
}		
		
	.accordion li {
		float:left;
		display:block;
		overflow:hidden;
		position:relative;
		height:341px;		
		border:1px solid #a4bed3;
		padding:5px;
		margin-right:5px;	
	}
	
	.accordion li:last-child {
		margin-right:0;
	}
	
		.accordion li h2,
		.accordion li .content {
			position:absolute;
			top:5px;
			left:5px;
		}

		.accordion li h2 {
			width:28px;
			height:287px;
		}
		
		.accordion li .content {
			width:505px;
			height:341px;
		}
		
			.accordion li .content .contentimg {
				float:left;
				display:block;
				margin-right:15px;
			}
			
			.accordion li .content h2 {
				display:block;
				margin-bottom:8px;
				width:auto;
				height:auto;
				position:static;
			}
			
			.accordion li .content p {
				padding:0;
				margin:0 0 5px;
				line-height:17px;
			}
		
	
	/* JS-Fallback */
	.accordion li {
		width:28px;
	}
	
	.accordion li.active {
		width:505px;
	}
		
		.accordion li h2 {
			display:block;
		}
		
		.accordion li .content {
			display:none;
		}
		
		.accordion li.active h2 {
			display:none;
		}
		
		.accordion li.active .content {
			display:block;
		}
		
		/* JS */
		.dynd .accordion li h2 {
			display:block;
		}
		
		.dynd .accordion li .content {
			display:block;
		}
		
		.dynd .accordion li.active h2 {
			display:block;
		}
		
		.dynd .accordion li.active .content {
			display:block;
		}		


.resizableimg {
	float:left;
	margin:0 16px 16px 0;
}

	.resizableimg a {
		display:block;
		position:relative;
	}
	
	.resizableimg a:active,
	.resizableimg a:focus {
		background-color:transparent;
	}

		.resizableimg a .plus{
			background:url('../img/basics/sprite.png') no-repeat right -1680px;
			z-index:1;
			position:absolute;
			bottom:5px;
			right:5px;
			width:16px;
			height:21px;
			display:block;
		}
		
		.resizableimg a .minus{
			background:url('../img/basics/sprite.png') no-repeat right -1712px;
			z-index:1;
			position:absolute;
			bottom:5px;
			right:5px;
			width:16px;
			height:21px;
			display:block;
		}
		
/******************
 * KLEINE CHRONIK
 ******************/

span.devlot,
span.devsoc {
	display:inline-block;
	vertical-align:text-bottom;
}

.devlot,
.devsoc {
	background:url('../img/basics/sprite.png') no-repeat right 0;
	padding-right:40px;
	height:24px;
}

.devlot {
	background-position:right -1606px;
} 
 
.devsoc {
	background-position:right -1637px;
}  
 
h3.devsoc,
h3.devlot {
	font-weight:bold;
	display:inline-block;
	text-align:left;
	font-size:18px;
	margin-bottom:2px;
	margin-top:5px;
} 
 
 
/******************************
 * INTERVIEW MIT DEM VORSTAND
 ******************************/
 
.interview .question {
	font-style:italic;
	color:#012c59;
}

.interview .zitat {
	font-style:normal;
	color:#012c59;
	font-size:15px;
	line-height:18px;
	margin:18px 0;
	font-weight:bold;
}

.interview .answer {
	margin-left:38px;
	margin-top:-10px;
}