/*****************************************************************************
 *	Filename:				layout.css
 *	Author					Andreas Lenzen (ReX_)
 *	Email:					rex@rexlabs.org
 *	Start of Developing:	2021-01-08
 *	Last Modification:		2021-02-16
 *	Description:			CSS Stylesheet for layout.
 * (c) Copyright 2019 by Andreas Lenzen (ReX_)
 ****************************************************************************/

* {
	box-sizing: border-box
}

.green-bg {
	background-color: lime;
}

.yellow-bg {
	background-color: yellow;
}

.red-bg {
	background-color: red;
}

.clearing {
	clear: both;
}

.error {
	background-color: red;
	text-align: center;
	padding: 0.5em;
	margin-bottom: 2em;
}

.success {
	background-color: lime;
	text-align: center;
	padding: 0.5em;
	margin-bottom: 2em;
}

a {
	text-decoration: none;
	color: blue;
	padding: 0.5em;
}

textarea {
	width: 100%;
	height: 20em;
}

input[type="text"] {
	width: 98%;
}

input[type="password"] {
	width: 98%;
}

input[type="submit"] {
	width: 98%;
}

.clearing {
	clear: both;
}

#header {
	width: 100%;
	max-height: 5em;
}

#header #headline {
	float: left;
	width: 80%;
}

#header #logo {
	float: left;
	width: 20%;
}

#header #logo img {
	height: 5em;
}

#navigation a {
	float: left;
}

.defaulttable {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

.defaulttable td, .defaulttable th {
	border: 1px solid black;
	padding: 0.3em;
	text-align: left;
}

.defaulttable td .tablecontent {
	padding: 0;
}

.defaultedittable {
	width: 100%;
}

.subtable {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
}

.subtable td, .subtable th {
	border: none;
	text-align: left;
	font-size: 0.9em;
}

.defaultedittable {
	width: 100%;
}

.defaultedittable .key {
	width: 15%;
	padding: 0.3em;
}

.defaultedittable .value {
	width: 85%;
	padding: 0.3em;
}

@media only screen and (max-width: 1024px) {
	
	.defaulttable td, .defaulttable th {
		font-size: 0.8em;
		padding: 0.1em;
	}
	
	#header {
		width: 100%;
		max-height: 3em;
	}
	
	#header #logo img {
		height: 3em;
	}
	
	a {
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 768px) {
	
	.defaulttable td, .defaulttable th {
		font-size: 0.65em;
		padding: 0.1em;
	}
}