/* Main */
	body{
		width: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		margin: 0;
		font-family: "Arial", Arial, sans-serif;
	}
	div#contentFrame{
		background-color: white;
		margin: 0 auto;
		width: 100%;
		padding: 0;
	}
	div.tableScrollingWrapper{
		overflow-x: scroll;
	}
	
#cookieBanner{
	padding: 5px;
	width: 100%; 
	background-color: black; 
	color: white;
	display: none;
}
#cookieBanner a{
	color: white !IMPORTANT;
    text-decoration: underline !IMPORTANT;
}

#trainingOverlay{
	display: none;
}

.training_ToolTip_center{
	display: none;
}
.training_ToolTip_right{
	visibility: hidden;
}
.training_ToolTip_top{
	visibility: hidden;
}
	
/* Benutzer-Navigation */
	.mobileUserNav{
			width: 100%;
			display: inline-block;
	}
	.mobileUserNav ul{    
			background-color: #772200;
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
	.mobileUserNav li{
			background-color: #772200;
			float: right;
		}
	.mobileUserNav li.left{
			float: left;
			font-size: 0.5em;
		}
	.mobileUserNav a{
			display: block;
			color: white;
			text-align: center;
			padding: 5px;
			text-decoration: none;
		}
		
	div.mobileUserNav li:not(:first-child) {display: none;}
	div.mobileUserNav li.icon {
			float: right;
			display: inline-block;
	}
		
	.usernav {
		display: none;
		height: 100%;
		width: 60%;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #772200;
		overflow-x: hidden;
		padding-top: 1em;
	}
	.usernav ul{
		list-style-type: none;
	}
	.usernav a {
		padding: 8px;
		text-decoration: none;
		color: white;
		display: block;
		transition: 0.3s
	}
	.closebtn {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 2em;
		padding: 0px 8px !IMPORTANT;
	}
	   
	  
/* Kopfzeile mit Logo */
	.pageheader{
	}
	.pageheaderlogo{
		max-width: 90%; 
		margin: 5%;
	}
	
/* Navigation im Baum */
	.nav{
		width: 100%;
		display: inline-block;
	}
	.nav ul{    
		background-color: #772200;
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: scroll;
	}
	.nav li{
		background-color: #772200;
	}
	
	@media only screen and (min-width: 336px){
		.nav li {
			float: left;
		}
		.nav li.right{
			float: right;
		}
	}
	@media only screen and (max-width: 336px){
		.nav ul{    
			white-space: nowrap;
		}
		.nav li {
			display: inline-block;
		}
	}
	
	.nav a{
		background-size: 100%;
		display: block;
		color: white;
		text-align: center;
		padding: 15px;
		text-decoration: none;
		height: 12px;
		width: 12px;   
	}
	.nav img{
		height: 50px;
		width: 50px;
		margin: 2px;
	} 
	
/* Informationsbereich */
	div.content h2{
		padding: 0 10px;
	}
	div.content a:link{
		color: #772200;
		text-decoration: none;
	}
	div.content a:visited{
		color: #772200;
		text-decoration: none;
	}
	div.content a:hover{
		color: #772200;
		text-decoration: underline;
	}
	div.content a:active{
		color: #772200;
		text-decoration: underline;
	}
	
	div.currentTree{
		padding: 5px;
		font-size: small;
		color: #772200;
		font-style: oblique;
	}
	
	div.personNav{
		padding: 10px 0;
		overflow: scroll;
	}
	div.personNav .buttonImg{
	}
	div.personNav .buttonImg{
		height: 36px;
		width: 36px;
		border: 3px solid transparent;
	}
	div.personNav .buttonImg.active{
		border: 3px solid #772200;
	}
	div.personNav a{
	}
	
/* große Listen */
	table#longtable {
		border-collapse: collapse;
		border-spacing: 0px;
		overflow: scroll;
	}
	#longtable th {
		background-color: #772200;
		color: #FFF;
		width: 100%;
	}
	#longtable tr:nth-child(2n) {
		background-color: #F2F2F2;
	}
	#longtable td, #longtable th {
		border: 1px solid #DDD;
		text-align: left;
		padding: 8px;
	}
	
	table#longtable{
		font-size: 0.85em;
	}
		
	.buttonImgAdd{
		height: 50px;
		width: 50px;
		border: 1px solid transparent;
	}
	.buttonImgAdd:hover{
		border-bottom: 1px solid #772200;
		border-top: 1px solid #772200;
	}
	
	table#longtable .buttonImg {
		height: 50px;
		width: 50px;
		border: 1px solid transparent;
	}
	table#longtable .buttonImg:hover {
		border-bottom: 1px solid #772200;
		border-top: 1px solid #772200;
	}
	#longtable form{
		margin-bottom: 0;
	}
	
/* Datenanzeige */

	table.showTable{
	}
	table.showPersonTable{
		width: 100%;
	}
	table.showPersonTable td{
		padding: 3px 7px;
	}
	.wideColumn{
		width: 34%;
	}
	.normalColumn{
		width: 22%;
	}
	.places{
		font-size: 13px;
		vertical-align: top;
	}
	.unsureDate{
		color: red;
		font-style: italic;
	}
	.parents{
		font-size: 13px;
		left: 20px;
	}
	
/* Overlay */
	.opener{
		font-size: 13px;
		left: 20px;
	}
	.collapsedBlockBackground{
		display: none;
		z-index: 9;
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(119, 34, 0, 0.25);
	}
	.collapsedBlock{
		display: none;
		z-index: 10;
		position: fixed;
		width: 90%;
		top: 15%;
		left: 5%;
		background-color: white;
		border: 1px solid black;
		padding: 1%;
		border-radius: 5px;
	}
	.collapsedBlock fieldset{
		padding: 0;
	}
	.collapsedBlock legend{
		text-align: center;
	}
	.collapsedBlock table{
		width: inherit;
	}
	.collapsedBlock table select{
		width: 100%;
	}
	.collapsedBlock td{
		font-size: 0.75em;
	}
	.collapsedBlockInTable{
		display: none;
	}
	table.overlayTable{
		width: 100%;
	}
	table.overlayTable.addParentTable{
		text-align: center;
		width: inherit;
	}
	table.overlayTable.addParentTable input{
		width: 100%;
	}
	table.overlayTable.addParentTable select{
		width: 100%;
	}
	
/* treeInfo */
	.treeInfo{
		padding: 1%;
	}
	
/* Form */
	textarea{
		width: inherit;
		height: 100px;
	}

/* Suche */
	#searchResult h4{
		margin-bottom: 0;
		margin-top: 30px;
	}


/* Impressum */
	table.impressum{
		width: 100%;
		font-size: 0.95em;
	}
	table.impressum td{
		vertical-align: top;
		padding-bottom: 30px;
	}
	table.impressum td:first-child{
		font-weight: bold;
		width: 20%;
		padding-right: 20px;
		text-align: right;
	}
	
/* Fehlerseite */
	div.error{
		height: 50px;
		width: 100%;
		background-color: #FF4500;
		font-size: 20pt;
		font-weight: bold;
	}