*{font-family:Arial,sans-serif}

html {
	position: relative;
	min-height: 100%; 
}

body {
	margin-bottom: 50px;
	padding: 0;	
}

/* Translation */
body.de span[lang=en] {display: none;} 
body.en span[lang=de] {display: none;}

/* Header & Footer */ 
footer {
	background-color: rgb(10,60,135);	
	color:#FFF;
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 50px; 
	line-height:50px;  /* Vertically center the text there */
	font-size: 66%;
	overflow: auto;
}  

footer a{  
	color:#FFF;
	text-decoration:none;
}

footer a:hover {
	color: #bbb;
	text-decoration:underline;	
}	

.topHeader {
	margin-top:5px;
	margin-left:10px;
	margin-bottom:0px;
	color: rgb(10,60,135);	
	font-size:24px;
	font-weight:600;
	line-height: 1.1;
	overflow: none;
	/* height:30px; */
	/* display: inline; */
}

.subHeader {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #A59C94;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.1;
}

/* AIS-Style nachgebaut */

.headline {
	background-color: #6DAFD5;
	overflow: auto;
}

.headlineText{color:#FFF;
	font-weight: 600;
	font-size: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
}
				
.logo {    
	/* width:100%; dedicated to Firefox ...*/
	width:316px;
	max-width:240px; 
	display: block;
	margin-top: auto;
	margin-left: auto;
	padding:8px;
}			

/* Permalink inkl. Popup 

.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); transition: opacity 300ms; visibility: hidden; opacity: 0;}
.overlay:target {visibility: visible; opacity: 1;}

.popup { margin: 20px auto; padding: 20px; background: #fff; border-radius: 5px; width:80%; max-width: 600px; position: relative; }
.popup .close {position: absolute; top: 0px; right: 10px; font-size: 30px; font-weight: bold;  text-decoration: none; color: #444;}
.popup .close:hover {color: #666;}
.popup .content {  max-height: 30%; overflow: auto;}
.popup .search {  height: 220px; overflow: auto;}
.copylink {font-size:16px; margin-top:20px;border-color: border-radius: 5px/5px; width:100%}
.remark {font-size: 14px;color:#1D4672;line-height:1.5}		
*/

.breadcrumb{font-size:14px;margin-bottom: 5px; margin-left: 15px; height:20px}
.breadcrumb a{padding-right: 5px; text-decoration:none;}
.breadcrumb a:hover {background-color:rgba(0,0,0,.05); text-decoration:underline;}
.breadcrumb a::before{content:"\00AB";color:#555;padding-right: 3px}

.imgButton {cursor: pointer;vertical-align: middle;}

/* END Header & Footer */ 


/* for pages */ 
.pageImage{
	max-width:100%;
	height:auto; 
	margin: 0px auto 0px;
	display: block;
	border:1;
}

/*  Navbuttons */ 
.pageNav {  
	position: fixed;
	top:50%;
	background-color:  #ccc; /* #f1f1f1;  white; */
	color: black;
	border-radius: 50%;
}

.pageNav:hover {
	background-color: #f7f7f7; /* #eee;*/
}

.pageNavLeft {left:5px;}
.pageNavRight {right:5px;}

/* for Chapters */

	ul{list-style:none;padding-left:0;margin-bottom:10px}
	.document-name,
	.document-prefix,
	.folder-name,
	.folder-prefix{padding:11px;display:table-cell; vertical-align: top}
	.document-item,
	.folder-item{display:table;width:100%;margin:0}
	.document-item.is-empty{padding:11px}
	.document-link,
	.folder-link{display:table-row; text-decoration: none;}
	.document-link:hover,
	.folder-link:hover{background-color:rgba(0,0,0,.05)}
	.document-prefix,
	.folder-prefix{color:#333;width:120px}
	.folder-arrow{display:table-cell;width:11px;padding:0 11px;font-size:23px;color:#333}
	.document-icon{display:table-cell;width:28px}
	.document-icon img{position:relative;height:100px}	



 .back-to-top {
    position: fixed;
    bottom: 55px;
    right: 5px;
    display: none;
    background: #ccc;
	border-radius: 50%;
}

.back-to-top:hover {
  background-color: #f7f7f7;
}		
	
 .expand-header {
	display: none;
 }	

 .expand-footer {
	display: none;
 } 

/* MEDIA QUERIES */


@media (min-width: 420px) {
  
	footer {
		font-size: 80%;
	}
	
	.headlineText {
		font-size: 100%;	
	}
}

@media (min-width: 576px) {
  
	.expand-header {
		display: inline;   /* suppress text on small screens */
	}  
	
	.logo {       
		max-width:300px;
		padding:8px;	
	}
	
	.headlineText {
		font-size: 110%;	
	}
}  
 
@media (min-width: 768px) {
	
	.expand-footer {
		display: inline;   /* suppress text on small screens */
	}	
	
	.logo {       
		max-width:360px;
		padding:8px;
	}
	
	.headlineText {
		font-size: 125%;	
	}

}