*
{
	font-family:'Lato', sans-serif;
	font-size:12pt;
	color: #4f6069;
}
html, body
{
	margin:0px;
	background-color:#819aa7;
}

/* Verweise */
a:link, a:visited, a:active, a:hover
{
	color:#4f6069;
	font-weight:bold;
	text-decoration:none; 
}
a:hover
{
	color:#667b86;
	text-decoration:underline;
}
a.home_url:link, a.home_url:visited, a.home_url:active, a.home_url:hover
{
	color:#b8cbd4;
	font-weight:bold;
	font-size:12pt;
	text-decoration:none; 
}
a.home_url:hover
{
	text-decoration:underline;
}
a.bread
{
	color: #b8cbd4;
	font-weight: bold;
	text-decoration: none; 
}
a.bread:hover
{
	color: #819aa7;
	text-decoration: underline; 
}

/* Header */
div#top
{
	width:100%;
	height:83px;
	background-color:#4f6069;
}
div#top_bild
{
	float:left;
	margin:0px;
	width:253px;
	height:72px;
	background-image:url(../image/bild_top.jpg);
	background-repeat:no-repeat;
}
div#top_schrift
{
	position:relative;
	float:right;
	margin-right:40px;
	width:calc(100% - 320px);
	height:62px;
	color:#b8cbd4;
	font-weight:bold;
	font-size:16pt;
}
div#top_schrift div.titel
{
	position:absolute;
	bottom:0px;
	left:0px;
	color:#b8cbd4;
}
div#top_schrift div.url
{
	position:absolute;
	bottom:0px;
	right:0px;
	color:#b8cbd4;
}
div#trennung_oben
{
	width:100%;
	height:10px;
	background-color:#cccc8e;
	overflow:hidden;
}

/* Login: 'index.php */
div#login_content
{
	width:100%;
	text-align:center;
}
div#login
{
	position:relative;
	margin:auto;
	width:400px;
	height:calc(100vh - 83px);
}
div#login_form
{
	position:absolute;
	top:25%;
	width:100%;
}
div#login_fehler
{
	margin:-50px 0px 40px 0px;
	font-weight:bold;
}
div#fieldset
{
	width:100%;
}
div#label
{
	float:left;
	width:150px;
	text-align:right;
}
div#label label
{
	display:block;
	margin-top:3px;
	padding:8px 10px 2px 10px;
	box-sizing:border-box;
}
fieldset#input
{
	float:right;
	margin:0px;
	width:250px;
	padding:0px;
	text-align:left;
	border:none;
}
fieldset#input input
{
	width:90%;
	margin-top:3px;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
}
fieldset#input input.textfeld:hover
{
	background-color:#d7dee2;
}
fieldset#input input.textfeld:focus
{
	background-color:#d7dee2;
	border:1px solid #8e5e54;
}
fieldset#input input.textfeld
{
	background-color:#dee8ed;
}
fieldset#input button
{
	width:90%;
	margin-top:10px;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	cursor:pointer;
	background-color:#4f6069;
	color:#dee8ed;
	border:1px solid #2e393f;
}
fieldset#input button:hover
{
	background-color:#5e727c;
	border:1px solid #425159;
}

/* Login: 'start.php' */
div.login_error
{
}
div#kein_login
{
	margin:6% 0px 0px 21%;
	width:400px;
	text-align:left;
}

/* Anfang Hauptmenu */
#hauptmenue {
	float: left;
	margin: 30px 0px 0px 1px;
	width: 240px;
}
.ebene_1 {
	position: relative;
	margin-top: 1px;
	width: 100%;
	height: 40px;
	background-color: #cccd88;
	font-weight: bold;
}
.ebene_1_rechts {
	width: 70%;
}
.ebene_1 div.text {
	position: absolute;
	top: 50%;
	left: 0px;
	padding-left: 10px;
	box-sizing: border-box;
	-webkit-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	transform: translateY(-45%);
}
.ebene_2 {
	position: relative;
	margin-top: 1px;
	width: 100%;
	height: 40px;
	cursor: pointer;
	background-color: #d7e4ea;
}
.ebene_2:hover {
	background-color: #f9f9f4;
}
.ebene_2 div.text {
	position: absolute;
	top: 50%;
	left: 0px;
	padding-left: 15px;
	padding-right: 10px;
	box-sizing: border-box;
	color: #4f6069;
	-webkit-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	transform: translateY(-45%);
}
.ebene_2:hover div.text {
	color: #768891;
}
/* Ende Haupmenu */

/* Anfang Content */
div#content_rahmen
{
	float:left;
	margin-left:1px;
	width:calc(100% - 242px);
	box-sizing:border-box;
	border-right:0px;
	border-left:1px solid #4f6069;
}
div#content_trenner
{
	width:100%;
	box-sizing:border-box;
	border-left:10px solid #cccc8e;
}
div#content_flaeche
{
	position:relative;
	width:100%;
	min-height:calc(100vh - 83px);
	padding:30px 0px 0px 70px;
	box-sizing:border-box;
	background-color:#819aa7;
	border-left:1px solid #4f6069;
}
	/* zur Überdeckung des waagerechten Trenners, damit der senkrechte Trenner direkt anschließt */
div#abdeckung
{
	position:absolute;
	top:-1px;
	left:-11px;
	width:10px;
	height:1px;
	overflow:hidden;
	background-color:#cccc8e;
}
div#trennung_links
{
	position:absolute;
	top:0px;
	left:0px;
	margin:-1px 0px 0px 1px;
	width:10px;
	height:calc(100vh - 82px);
	background-color:#cccc8e;
	overflow:hidden;
	border:none;
	border-left:1px solid #4f6069;
	border-right:1px solid #4f6069;
}
/* Ende Content */

/* Anfang Breadcrumzeile */
div#breadcrumb_logout
{
	position:relative;
	width:87%;
	height:37px;
	padding-left:35px;
	box-sizing:border-box;
	background-color:#4f6069;
	background-image:url(../image/bg_breadcrumb.gif);
	background-repeat:repeat-y;
}
div#breadcrumb
{
	position:absolute;
	top:50%;
	left:0px:;
	color:#b8cbd4;
	font-weight:bold;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
	/* Logout */
div#logout
{
	position:absolute;
	top:50%;
	right:15px;
	color:#b8cbd4;
	font-weight:bold;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
div#logout_schrift
{
	float:left;
	margin:2px 8px 0px 0px;
}
div#logout_schrift a
{
	color:#cccc8e;
	font-weight:normal;
}
div#logout:hover div#logout_schrift a
{
	text-decoration:underline;
}
div#logout_button
{
	float:left;
	width:30px;
	height:26px;
	cursor:pointer;
}
div#logout_button div#kreis
{
	position:relative;
	width:26px;
	height:26px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	border-radius:50%;
	box-sizing:border-box;
	border:2px solid #cccc8e;
}
div#logout_button div#pfeil_container
{
	position:absolute;
	top:3px;
	right:-5px;
	width:16px;
	height:16px;
	background-color:#4f6069;
}
div#logout_button div#pfeil_container div#pfeil
{
	position:absolute;
	top:-2px;
	left:-4px;
	color:#cccc8e;
	transition:left ease-out 0.2s;
}
div#logout:hover div#logout_button div#pfeil_container div#pfeil
{
	left:4px;
	transition:left ease-out 0.2s;
}
div#logout:hover a.logout
{
	text-decoration:underline;
}
/* Ende Breadcrumbzeile */

/* Anfang 'start.php' */
div#content
{
	width:85%;
	margin:50px 0px 0px 20px;
	padding-bottom:30px;
	box-sizing:border-box;
}
	/* Bestätigungs- oder Fehlermeldung */
div#ok-rahmen
{
	width:440px;
	padding:10px 30px 10px 10px;
	background-color:#9baea6;
	border:1px solid darkgreen;
}
div#ok-image
{
	height:50px;
	background-image:url(../image/ok.png);
	background-repeat:no-repeat;
	background-position:top right;
}
div#ok-hinweis
{
	padding:15px 0px 0px 15px;
	font-size:15pt;
	font-weight:bold;
	color:darkgreen;
}

	/* Tabelle */
table
{
	width:100%;
	border-spacing:1px;
	color:#4f6069;
	border:none;
}
td
{
	padding:12px;
	box-sizing:border-box;
	background-color:#d7e4ea;
}
td.titelzeile
{
	background-color:#cccc8e;
}
td.leerzeile
{
	padding:10px;
	box-sizing:border-box;
	background-color:#819aa7;
}
td.rechts
{
	text-align:right;
}
table.uebersicht tbody tr:nth-child(odd)
{
	background-color:#d7e4ea;
}
table.uebersicht tbody tr:nth-child(even)
{
	background-color:#c7d9e0;
}
table.uebersicht tbody td
{
	background-color:transparent;
}
table.uebersicht tbody td.befehle
{
	width:310px;
}
table.uebersicht tbody tr:hover {
	background-color: #f9f9f4;
}
table.uebersicht tbody tr.non_hover {
	pointer-events: none;
}
table.uebersicht td.anzeigen-ja
{
	border-left:20px solid darkgreen;
}
table.uebersicht td.anzeigen-nein
{
	border-left:20px solid darkred;
}
table.uebersicht td.befehle
{
	padding:4px 12px 4px 12px;
	text-align:right;
}
table.uebersicht button.neu
{
	width:200px;
	height:40px;
	cursor:pointer;
	background-color:#ffffff;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#880202;
	border:1px solid #999957;
}
table.uebersicht button.neu:hover
{
	background-color:#f4f8f9;
	color:#825b5b;
	text-decoration:underline;
}
table.uebersicht button.befehl
{
	margin:0px 0px 0px 7px;
	padding:7px 10px 7px 10px;
	box-sizing:border-box;
	cursor:pointer;
	background-color:#ffffff;
	text-align:center;
	color:#880202;
	border:1px solid #999957;
}
table.uebersicht button.befehl:hover
{
	background-color:#f4f8f9;
	color:#825b5b;
	text-decoration: underline; 
}
table.uebersicht button.befehl:first-child
{
	margin-left:0px;
	background-color:#667b86;
	color:#ffffff;
	border:1px solid #4f6069;
}
table.uebersicht button.befehl:first-child:hover
{
	color:#e6ebed;
}
table.uebersicht button.befehl:last-child
{
	background-color:#846666;
	color:#ffffff;
	border:1px solid #684f4f;
}
table.uebersicht button.befehl:last-child:hover
{
	color:#e6ebed;
}

	/* Hinweise */
div#hinweise
{
	margin-top:50px;
	width:100%;
	padding-bottom:30px;
	box-sizing:border-box;
	text-align:center;
}
div#hinweise_content
{
	margin:0px auto 0px auto;
	width:95%;
	padding:10px;
	box-sizing:border-box;
	background-color:#ffffff;
	text-align:left;
}
div#hinweise div.titel
{
	margin:0px 0px 0px 0px;
	padding:12px 10px 8px 10px;
	box-sizing:border-box;
	background-color:#cccc8e;
	font-weight:bold;
}
div.hinweis
{
	margin:1px 0px 0px 0px;
	padding:6px 5px 4px 10px;
	box-sizing:border-box;
	background-color:#d7e4ea;
}
div#hinweise div.nomargin
{
	margin:0px;
}
div#hinweise div.farbe
{
	float:left;
	margin-top:2px;
	width:20px;
	height:15px;
}
div#hinweise div.gruen
{
	background-color:darkgreen;
}
div#hinweise div.rot
{
	background-color:darkred;
}
div#hinweise div.text
{
	float:left;
	margin-left:5px;
}
/* Ende 'start.php' */

/* 'new.php', 'alter.php', 'delete.php' */
main.gesamt
{
	width:100%;
}
table#bearbeiten td
{
	padding:8px;
}
table#bearbeiten td.titelzeile
{
	width:45%;
}
table#bearbeiten td.erklaerung
{
	padding:30px 30px 30px 50px;
	box-sizing:border-box;
}
#bearbeiten .erklaerung .marginTop {
	margin-top: 3px;
}
table#bearbeiten div.bildauswahl
{
	padding-bottom:8px;
}
table#bearbeiten div.thumb
{
	padding-right:10px;
}
table#bearbeiten div.datei
{
	padding:15px 0px 15px 0px;
}
table#bearbeiten div.datei_groesse
{
	padding:3px 0px 0px 18px;
	font-size:11pt;
}
table#bearbeiten td#loeschen_hinweis, table#bearbeiten td#loeschen_hinweis *
{
	text-align:center;
	color:darkred;
}
table#bearbeiten td.leerzeile_null
{
	height:5px;
	padding:0px;
	overflow:hidden;
	background-color:#819aa7;
}

/* Fehlerausgabe auf 'new.php', 'alter.php', 'delete.php' */
div#error-rahmen
{
	margin-bottom:40px;
	width:670px;
	background:#a9a5ad;
	padding:20px;
	border:2px solid darkred;
}
div#error-image
{
	background-image:url(../image/error.png);
	background-repeat:no-repeat;
	background-position:top right;
}
div#error-hinweis
{
	font-size:16pt;
	font-weight:bold;
	color:darkred;
}
div.fehler, div.fehler *
{
	margin-top:8px;
	color:darkred;
}

/* 'einen weiteren Datensatz eintragen' in 'new.php', 'alter.php', 'delete.php' */
table#bearbeiten td.bestaetigen, table#bearbeiten td.copy
{
	color:#880202;
}
div#auswahl_rahmen
{
	width:100%;
	padding-bottom:50px;
	box-sizing:border-box;
	text-align:center;
}
div#auswahl
{
	margin:0px auto 0px auto;
	width:40%;
	padding:0px 0px 0px 30px;
	box-sizing:border-box;
	background-color:#a0ad93;
	text-align:left;
	font-weight:normal;
	color:#4f6069;
	border:1px solid #4f6069;
}
#auswahl ul {
	list-style-type: none;
}

/* Elemente in 'new.php', 'alter.php', 'delete.php' */
input, textarea
{
	width:100%;
	padding:8px;
	background-color:#f9f9f4;
	box-sizing:border-box;
	border:1px solid #4f6069;
}
div.checkbox
{
	padding-top:2px;
	padding-right:5px;
	box-sizing:border-box;
	text-align:left;
}
input[type="radio"], input[type="checkbox"]
{
	margin:0px;
	width:20px;
}
input[type="file"]
{
	height:40px;
	padding:0px;
}
select.dropdown
{
	background-color:#f9f9f4;
	width:25%;
	padding:2px;
	border:1px solid #4f6069;
}
input:disabled, textarea:disabled, select:disabled
{
	background-color:#edf2f4;
	color:#999999;
}
.quill_copy {
	display: none;
}

/* '/klick/index.php' */
.prozentbalken {
	margin-top: 5px;
	width: 0px;
	height: 15px;
	background-image: url('../image/rot.gif');
	background-repeat: repeat-x;
}
.klick_dateiname_abstand {
	margin-top: 5px;
}
.klick_zusatzhinweis {
	font-weight: normal;
}

/* 'stats/klick_reset/index.php' */
.klick_reset_hinweis {
	padding-bottom: 40px !important;
	box-sizing: border-box; 
}
.klick_reset_hinweis_text {
	padding: 30px;
	box-sizing: border-box; 
}

/* 'system/menue/  */
.menuepos {
	display: none;
	margin: 10px 0px 5px 0px;
}

/* submit- und abrrechen-Button in 'new.php', 'alter.php', 'delete.php' */
table#bearbeiten button.button {
	margin: 10px 0px 10px 0px;
	width: 200px;
	height: 40px;
	cursor: pointer;
	background-color: #667b86;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #4f6069;
}
table#bearbeiten button.button:nth-of-type(1) {
	margin-right: 30px;
}
table#bearbeiten button.button:hover {
	background-color: #70848e;
	color: #d7e1e5;
}

/* Einzelbefehle */
.display_none {
	display: none;
}
.display_block {
	display: block;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.center {
	text-align: center;
}
.paddingTopLeft10 {
	padding: 10px 0px 0px 10px;
}
.weight_bold {
	font-weight: bold;
}
.weight_normal {
	font-weight: normal;
}
.font_kleiner {
	font-size: 10pt;
}
.font_red {
	color: darkred;
}
.bg_blue_1 {
	background-color: #cccc8e;
}
.bg_blue_2 {
	background-color: #c7d9e0;
}
.bg_yellow {
	background-color: #cccc8e;
}
.nomargin {
	margin: 0px;
}
.abstand10 {
	height: 10px;
	overflow: hidden;
}
.abstand20 {
	height: 20px;
	overflow: hidden;
}
.clear {
	clear:both;
}