body {
	background-image:url('../jpg/background.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	overflow-y: scroll;
}



/* äußerer Rahmen, der in Banner und content-Teil aufgeteilt wird. */
#container {
	width:1000px;
}

/*++++++++++++ Layout ++++++++++++++++++++++++++++++++++++*/

.vertical-top, .vertical-mid, .vertical-bottom {
	position:relative;
	width: 100%;
}

.vertical-top {
	height:50px;
}

.vertical-mid {
	
}

.vertical-bottom {
	padding-top:15px;
	clear:both;
	padding-bottom:15px;
}

.banner-left, .banner-mid, .banner-right {
	height:100%;
}

.banner-left, .banner-mid, .banner-right, .navigation, .content {
	float: left;
	padding:1%;
}

.content-mid {
	padding-right: 1%;
	float: left;
}

.content-right {
	padding-left: 1%;
	float: left;
}

.banner-left, .navigation, .banner-right {
	width:15%;
}

.content-mid {
	width:68.5%;
}

.content-right {
	width:28.5%;
}

.banner-left {
	visibility: hidden;
}

.banner-mid {
	width:60%;
	color: white;
}

.content {
	background: rgba(255,255,255,0.8);	
	min-height:750px;
	float: left;
	width:81%;
}

.navigation {
	padding-top: 0px;
}

video {
}

/*Durchlässigkeit */
nav ul, .content {
	background: rgba(255,255,255,0.9);
}

/*++++++++++++ Navigation ++++++++++++++++++++++++++++++++++++*/

nav ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	width:100%;
}

nav li {
	margin:0px;
}

nav ul:first-child{
	padding-top:10px;
}	

nav li a {
	display: block;
	padding: 8px 16px;
	color: #000;
	margin: 0px;
}

nav li a:hover {
	background-color: #555;
	color: white;
}

.vertical-bottom {
	text-align:center;
	color:white;
}

.banner-mid {
	text-align: left;
	font-size: 41.3px;
}

.longTable {
	margin: 0px;
}

.longTable th, .longTable td {
  padding: 0px;
  padding-right: 3px;
  border: 0px;
  border-style: none;
  padding-left: 2px;
}

.longTable th {
  font-weight: bold;
}

.normalTable {
	margin: 3px;
}

.normalTable  th, .normalTable td {
  padding: 0px;
  padding-right: 3px;
  border: 0px;
  border-style: none;
  padding-left: 2px;
}

.normalTable th {
  font-weight: bold;
}
.search, .search td {
  padding: 0px;
  padding-left: 2px;
  cellspacing: 0px;
  border: 0px;
  border-style: none;
}

.teilbild {
	margin-right:10px;
	float:left;
}

.galerieleinwand {
	width:798px;
	height:600px;
	display:table-cell;
	vertical-align:middle;
}

.galerieleinwand img, .galerieleinwand video {
	max-width:798px;
	max-height:600px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-width:2px;
	border-style:solid;
}

.galeriebild {
	/*width:156px;*/
	height:117px;
	margin-right:2px;
	margin-top:7px;
	color:#000000;
	cursor:pointer;
	float:left;
	padding-left:1px;
	padding-right:1px;
	padding-top:4px;
}

.galeriebild img, .galeriealbum img, .galeriebild video, .galeriealbum video {
	border-width:2px;
	border-style:solid;
}


.galeriejahr {
	width:98%;
	height:20px;
	padding:0px 5px 0px 5px;
	border:2px solid black;
	border-left-color:white; 
	border-top-color:white;
	text-align:center;
	margin-bottom:3px;
	font-weight:bold;
	padding-top:1px;
}

.galeriealbum {
	color:#000000;
	cursor:pointer;
	width:190px;
	height:190px;
	float:left;
	padding:3px;
	padding-top:10px;
	margin-right:2px;
	margin-bottom:7px;
}

.galeriebild img, .galeriealbum img, .galeriebild video, .galeriealbum video, .galeriebild p, .galeriealbum p , .galeriejahr p {
	max-width:190px;
	max-height:220px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;
}

/* Grobe Struktur */
.terminumfrage-namensliste {
	width: 10%;
	float: left;
}

.terminumfrage-terminliste {
	/*width: 90%;*/
	float: left;
}

.umfrage-element-titel, .umfrage-element-auswahl {
	width: 100%;
}

.umfrage-element-titel {
	visibility: hidden;
	height: 0em;
}

.terminumfrage-umfragereihe, .terminumfrage-name, .terminumfrage-umfragetitel {
	height: 2.5em;
	border-bottom: 1px solid black;
}

.terminumfrage-umfragetitel {
	height: 5.2em;
}

.terminumfrage-umfragereihe, .terminumfrage-umfragetitel {
	/*overflow: hidden;*/
	overflow-x: visible;
	overflow-y: hidden;
}

#terminumfrage-kontainer {
	width:90%;
	overflow-x: scroll;
	float: left;
}

.fa-check, .fa-times, .fa-question, .fa-envelope-o {
	font-size:2em !important;
}

.mobilonly {
	visibility: hidden;
	height: 0px;
}

.terminumfrage-status {
	height: 100%;
	float: left;
}

.terminumfrage-namensliste, .terminumfrage-terminliste {
	height: 100%;
}

.umfrage-element {
	/*width: 12%;*/
	width:100px;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 5px;
	
	border-left: 1px solid black;
}

.umfrage-element * {
	text-overflow: ellipsis;
	
}