body {
	background-color: #000033;
	color: whitesmoke;
}

footer {
	border-top-style: solid;
	border-top-color: #111155;
	margin-top: 12px;
}

.mybg-head {
	background-color: #111155;
	color: whitesmoke;
	margin-bottom: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.mybg-head h1 {
	font-size: 50px;
}

.mybg-main {
	padding-top: 20px;
}

.mybg-nav {
	background-color: #111155;
	color: whitesmoke;
	margin-bottom: 20px;
	margin-top: 5px;
}

.mybg-nav a {
	color: whitesmoke;
}

.mybg-nav a:active {
	color: gray;
}

.myh3-margin {
	margin-top: 0px;
	margin-bottom: 20px;
}

.mypad-brand {
	padding-top: 0px;
}

.mylist-none li {
	list-style: none;
}

#impressumVerantwortlich li {
	list-style: none;
}

.btn-left {
	text-align: left;
}

.myCardHeader {
	background-color: #111155;
	color: whitesmoke;
}

.myCardHeader a {
	font-size: 1.5rem;
}

.myCardBody {
	background-color: #000033;
	color: whitesmoke;
}

.myTableRow {
	/*font-size: 16px; */
}

img {
	max-width: 100%;
	height: auto;
}


.DokoTable {
	color: whitesmoke;
}

.DokoHead, .DokoSumme {
	background-color: MidnightBlue;
}

.DokoStripe {
	background-color: #000055;
}


@media only screen and (max-width: 720px) {
	table {
		font-size: 0.6rem;
	}
}

@media only screen and (max-width: 600px) {
	.table2Small {
		display: none;
	}	
}

@media only screen and (max-width: 480px) {
	.screen2small {
		display: none;
	}	
}

@media only screen and (min-width: 480px) {
	.notonscreen {
		display: none;
	}	
}