@charset "UTF-8";
/* CSS Document */



#textBoxContent {
	padding: 30px;
	}
#textBoxContent ul{
	padding-left: 30px;
	}
	
#textBoxContent ul ul {
	padding-left: 30px;
	}
	

.navigation #textBoxContent, .spalte #textBoxContent {
	border-left: solid 1px #FFF;
	width: 428px;
	float: left;
	padding: 30px;
	min-height: 250px;
	}
	
	

.news #textBoxContent {
	padding: 0;
	}	
	.news .newsItem {
		}	
	.news .newsItem .content {
		margin:  0 20px 0 230px;
		margin-bottom: -1px;
		border-bottom: 1px dotted #333;
		}	
	.news .newsItem .image {
		width: 210px;
		float: left;
		margin: 0 20px 0 0;
		border-right: 1px solid #FFF;
		}
		.news .newsItem .image img {
			width: 100%;
			margin: 0;
			}	
	.news .newsItem .images {
		display: none;
		}	
	.news .newsItem .data {
		float: right;
		font-size: 11px;
		padding: 10px 0;
		color: #333;
		margin: -30px 20px 0 0;
		
		}

.galerie #textBoxContent {
	padding: 10px 0;
	}	
	.galerie h3 {
		padding: 10px 0 10px 20px;
		margin: 5px 30px 5px 260px;
		border-left: 1px dotted #666;
		cursor: pointer;
		clear: left;
		color: #666;
		}
	.galerie h3.current {
		color: #333;
		}
	.galerie .galerieItem {
		display: none;
		background: #B4B9BE;
		border-top: 1px dotted #666;
		border-bottom: 1px dotted #666;
		padding: 20px 0;
		margin: 0 20px;
		}	
	.galerie .galerieItem .content {
		padding:  0 20px 0 260px;
		}	
	.galerie .galerieItem .image {
		width: 210px;
		float: left;
		margin: 5px 10px;
		border: 1px solid #666;
		}
	.galerie .galerieItem .image span {
		margin: 0;
		padding: 0;
		}
		.galerie .galerieItem .image img {
			width: 100%;
			margin: 0;
			}	
	.galerie .galerieItem .images {
		display: none;
		}	
	.galerie .galerieItem .data {
		float: right;
		font-size: 11px;
		padding: 10px 0;
		color: #333;
		margin: -30px 20px 0 0;
		
		}
		
.music #soundPlayer {
	position: relative;
	width: 100%;
	}
	
	
	
.kalender #miniCalendar {
	width: 147px;
	float: left;
	padding: 30px;
	font-size: 12px;
	}	
	.kalender #miniCalendar table {
		width: 100%;
		}
	.kalender #miniCalendar td {
		padding: 2px;
		text-align: center;		
		vertical-align: middle;
		}
	.kalender #miniCalendar span {
		filter:alpha(opacity=70); 	/* Internet Explorer */
		-moz-opacity: 0.70; 		/* Mozilla Browser */
		opacity: 0.70;				/* Opera */
		}
	.kalender #miniCalendar a {
		color: #004682;
		font-weight: bold;
		display: block;
		}
	.kalender #miniCalendar .miniCalendarNav {
		text-align: center;
		font-weight: bold;
		}
	.kalender #miniCalendar .miniCalendarNav a:hover {
		background: #FFF;
		filter:alpha(opacity=70); 	/* Internet Explorer */
		-moz-opacity: 0.70; 		/* Mozilla Browser */
		opacity: 0.70;				/* Opera */
		}
	.kalender #miniCalendar .miniCalendarNav td.miniCalPrev, .kalender .miniCalendarNav #miniCalendar td.miniCalNext, .kalender #miniCalendar .miniCalendarNav td.miniCalPrev a, .kalender .miniCalendarNav #miniCalendar td.miniCalNext a {
		width: 25px;
		}
	.kalender #miniCalendar .miniCalendarNav td.miniCalMonth {
		font-size: 20px;
		color: #333;
		padding: 5px;
		}
	.kalender #miniCalendar .miniCalendarDays thead {
		font-weight: bold;
		font-size: 11px;
		}
	.kalender #miniCalendar .miniCalendarDays td {
		background: #FFF;
		text-align: right;
		filter:alpha(opacity=70); 	/* Internet Explorer */
		-moz-opacity: 0.70; 		/* Mozilla Browser */
		opacity: 0.70;				/* Opera */
		}
	.kalender #miniCalendar .miniCalendarDays td:hover {
		filter:alpha(opacity=99); 	/* Internet Explorer */
		-moz-opacity: 0.99; 		/* Mozilla Browser */
		opacity: 0.99;				/* Opera */
		}
	.kalender #miniCalendar .miniCalendarDays td.prev, .kalender #miniCalendar .miniCalendarDays td.next {
		filter:alpha(opacity=20); 	/* Internet Explorer */
		-moz-opacity: 0.20; 		/* Mozilla Browser */
		opacity: 0.20;				/* Opera */
		}
		

.kalender #textBoxContent {
	width: 410px;
	float: left;
	padding: 30px 30px 30px 50px;
	border-left: 1px solid #FFF;
	min-height: 225px;
	}	
	.kalender #textBoxContent .listItem {
		border-top: dotted 1px #333;
		border-bottom: dotted 1px #333;
		padding: 10px;
		margin: 15px 0;
		}	
	.kalender #textBoxContent .listItem .listTime {
		font-size: 12px;
		}	
	.kalender #listDetails .detailsBox {
		margin: 10px 0;
		}		
	.kalender #listDetails .detailsTime {
		border-top: 1px dotted #333;
		border-bottom: 1px dotted #333;
		padding: 5px 0;
		margin-bottom: 20px;
		}	
		
.kalender #textBoxAll {
	width: 640px;
	float: left;
	margin: 30px 30px 20px 30px;
	border-bottom: 1px dotted #333;
	padding-bottom: 20px;
	}	


.spalte #spalte {
	width: 149px;
	float: left;
	padding: 30px;
	}
		
		
.pics #pics {
	padding: 20px 0;
	list-style: none;
	text-align: center;
	}
	 .pics #pics .item {
		float: left;
		}
		 .pics #pics .item .title {
			height: 110px;
			width: 110px;
			padding: 10px;
			border: 1px solid #8f9398;
			margin: 0 10px 10px 0;
			background: #c3c7cb;
			text-align: center;
			display: block;
			}
			 .pics #pics .item .title:hover {
				border: 1px solid #004682;
				}
			 .pics #pics .item .icon {
				width: 80px;
				margin: 0 auto;
				}
				 .pics #pics .item .icon img {
					width: 100%;
					}
.picList #picList {
	padding: 20px 0;
	list-style: none;
	text-align: center;
	}
	 .picList #picList .item {
		 float: left;
		 }
		   .picList #picList .thumb {
			   margin: 0 auto;
				height: 110px;
				width: 110px;
				padding: 10px;
				margin: 0 10px 10px 0;
				background: #c3c7cb;
				border: 1px solid #8f9398;
				text-align: center;
				display: block;
			  }
		   .picList #picList .thumb:hover {
				border: 1px solid #004682;
			   }
			   .picList #picList .thumb img {
					border: 1px solid #999;	
				  }