/* ********************************************** */
/*   Benutzerdefinierte Anpassung von Styles      */
/*   für eigene Layouts diese Datei kopieren und  */
/*   in den gewünschten Bereichen anpassen        */
/* ********************************************** */

/* ********************************************** */
/*  Farbdefinitionen, Farben hier umsetzen		  */
/* ********************************************** */
:root {
	--nav_schrift_farbe: #EBECEE;		/* Schriftfarbe Navigation */
	--nav_bg_farbe: #00445B;			/* Hintergrundfarbe Navigation */
	--nav_schrift_inaktiv: #CCCCCC;		/* Schriftfarbe Naviagtion inaktiv */
	--nav_schrift_hover: #00445B;		/* Schriftfarbe Navigation bei hover*/
	--nav_bg_hover: #EBECEE;			/* Hintergrundfarbe Navigation bei hover */
	
	--frame_std_farbe: #00445B;			/* Standard für Rahmen */
	
	--table_odd: #FFFFFF;				/* Hintergrundfarbe Tabellenzeile ungerade */
	--table_even: #EBECEE;				/* Hintergrundfarbe Tabellenzeile gerade */
	--table_hover: #F2DEDE;				/* Hintergrundfarbe Tabellenzeile bei hover */
	--table_head: #FFFFFF;				/* Hintergrundfarbe Tabelle Kopfzeile */
}

/* ********************************************** */
/*  Spezielle Definitionen für elemente			  */
/* ********************************************** */
header {
	border: 1px var(--frame_std_farbe) dotted;
	background-image: url('https://cdn.webclub.app/img/elements/logohead.png');
	color: #EBECEE;
}
section, nav {
	border-left: 1px var(--frame_std_farbe) dotted;
	border-right: 1px var(--frame_std_farbe) dotted;
}
footer {
	border: 1px var(--frame_std_farbe) dotted;
	color: #EBECEE;
	background-color: #00445B;
}
button {
	margin-top: 5px;
}
table > thead > tr {
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
.stdform {
	border: 1px #006AB2 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.note {
	color: #CCCCCC;
	font-size: smaller;
	font-weight: normal;
}

/* ********************************************** */
/*  REINE UMSETZUNGEN AB HIER KEINE ÄNDERUNGEN    */
/*  MEHR NOTWENDIG !!!!!!						  */
/* ********************************************** */

.navbar-default {
	background-color: var(--nav_bg_farbe);
	color: var(--nav_schrift_farbe);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a {
	color: var(--nav_schrift_farbe);
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
	color: var(--nav_schrift_hover);
	background-color: var(--nav_bg_hover);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: var(--nav_schrift_farbe);
	background-color: var(--nav_bg_farbe);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: var(--nav_schrift_inaktiv);
	background-color: var(--nav_bg_farbe);
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: var(--nav_schrift_farbe);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: var(--nav_schrift_hover);
		background-color: var(--nav_bg_hover);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: var(--nav_schrift_farbe);
		background-color: var(--nav_bg_farbe);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: var(--nav_schrift_inaktiv);
		background-color: var(--nav_bg_farbe);
	}
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: var(--table_odd);
}
.table-striped > tbody > tr:nth-of-type(even) {
	background-color: var(--table_even);
}
.table-hover > tbody > tr:hover {
	background-color: var(--table_hover);
}
table > thead > tr {
	background-color: var(--table_head);
}