/*
blau: 0061a1
orange: FF7911
*/
/* Box-Sizing immer inkl. padding */
* {
	box-sizing:border-box;
}

html { 
	margin:0;
	padding:0;
	/*
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	*/
}
body {
	font-family:"Fira Sans",sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:1.5;
	margin:0;
	padding:0;
	background-color: #0061a1; 
}

footer { 
	background-color: #0061a1; 
	color: white; 
	padding: 60px;
}

@media (min-width: 1100px) {
    .container {
        max-width: 96%;
    }
 
}



footer a { color: #ff7911; }

.wrapper { background-color: white;}

main { background: white; padding-bottom: 3em !important;}

footer h2 {font-size: 20px; letter-spacing: 1px;}

figure {
	margin:0;
	padding:0;
	display:inline-block;
}
a {
	color:#0061a1;
}
/*
a {	text-decoration:none;color:inherit;}
a:hover {	color:#000; }
a img { 	border:0;	outline:0;}
p {	margin:0 0 1em 0; }
*/
figure {	margin:0;	padding:0;	line-height:1; }
figcaption {
	font-weight:300;
	font-size:13px;
	line-height:1.3;
	padding:5px 0px;
	margin:0;
	color:#333;
}
ul {
	list-style:square outside;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #0061a1;
	border: 0.1rem solid #0061a1;
	width: 100%;
}
.button.button-outline {
	color: #0061a1;
	border: 0.1rem solid #0061a1;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, 
input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, 
input[type="url"]:focus, textarea:focus, select:focus {
    border-color: #0061a1;
}


.page-header {
	padding:2em 0 0.5em 0;
	box-shadow:0 2px 8px rgb(200,200,200);
	margin-bottom:2em;
	background-color:#fafafa;
}
.page-header .logo {
	line-height:1;
	display:inline-block;
}
.page-header .logo img {
	display:inline-block;
	height:64px;
	width:auto;
	margin-right:1em;
}
.page-header .column {
	display:flex;
	align-items:center;
}
.row .column.column-logo {
	flex-basis:25%;
	min-width:150px;
	justify-content:flex-start;
}
.column-search {
	justify-content:center;
}
.column-search input[type="text"] {
	margin:0;
}
.column-search form {
	white-space:nowrap;
	margin:0;
	width:80%;
	display:block;
}
.search-do {
	font-size:23px;
	color:#888;
	line-height:1;
	margin-left:5px;
}
.row .column.column-menu {
	justify-content:flex-end;
	flex-basis:25%;
}



.text-right {
	text-align:right;
}

main.container {
}
.login-form {
	border:1px solid #ddd;
	padding:2em;
	border-radius:0.3em;
	display:block;
	margin:4em auto 0 auto;
	max-width:50%;
}

.file-browser {
	margin:2em 0;
}
.file-browser .row {
}
.file-browser .column {
	border-right:1px solid #ddd;
	min-height:200px;
	max-height:600px;
	overflow-y:auto;
}
.file-browser .link {
	display:block;
	color:#0061a1;
	text-decoration:none;
	line-height:1;
	padding:8px 5px 8px 45px;
	margin-bottom:2px;
	border-bottom: 1px solid #eee;
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 22px;
	line-height: 1em;
/* 	font-size: 15px; */
	
}
.file-browser .link:first-child {
		border-top: 1px solid #eee;
}

.file-browser .link.active {
	color:white;
	background-color:#0061a1;
	border-radius:3px;

	
}
.file-browser .link:hover {
	color:#FF7911;
}
.file-browser .icon {
	text-align:center;
}
.file-browser .video {
	display:inline-block;
	width:100%;
	height:auto;
}

/* -------------------------------------------------
   Folder
   ------------------------------------------------- */

.link.link_folder  {
	 background-image: url(./ikons/ic-folder-24px.svg);

}

.link.link_folder.active {
	 background-image: url(./ikons/ic-folder-open-24px.svg);
}

/* -------------------------------------------------
   File
   ------------------------------------------------- */

.link.link_file  {
	 background-image: url(./ikons/ic-file-download-24px.svg);

}

.link.link_file.active {
	 background-image: url(./ikons/ic-file-download-24px-white.svg);
}


.file-info .text { text-align: center;}

.searchbox:focus {
	background-color:#fff;
}
.file-browser.search-results .softlink {
	display:block;
}
.search-results .softlink:nth-child(odd) {
	background-color:#fafafa;
}
.search-results .softlink small {
	display:inline-block;
	margin-left:2em;
	color:darkgrey;
}
.search-results .file-info {
	display:none;
}
.messages {
	color:#a00000;
	margin:0 0 10px 0;
}
.fn-link {
	display:block;
	padding:0.5em 0;
	border-bottom:1px solid #ddd;
}
.fn-link.active {
	color:#FF7911;
}
.fn-link:first-child {
	margin-top:2em;
	border-top:1px solid #ddd;
}
.entry-group {
	display:flex;
	border-bottom:1px solid #ddd;
	padding:0.5em 0;
}
.entry-group:first-child {
	padding-top:0;
	margin-top:0.1em;
}
.entry-label {
	width:20%;
	font-size:inherit;
	margin:0;
}
.entry-value {
	margin:0 0 0 0;
}

@media all and (max-width:860px) {
	.row .column.column-25 {
		flex:1 1 auto;
		margin-bottom:1em;
		max-width:50%;
	}
	.row .column.column-66 {
		flex:1 1 auto;
		margin-bottom:1em;
		max-width:100%;
	}
	.file-browser .column {
		min-height:0;
		max-height:initial;
		border-right:0;
		border-bottom:1px solid #ddd;
		margin:0 0 1em 0;
		padding-bottom:1em;
	}
	.row .column.column-logo {
		flex: 1 1 auto;
		width:100%;
	}
}