body, html {
	font-size:12px;
	background:#203dd9;
	background:#092564;
	color:#D5D5D5;
	padding:0px;
	box-sizing: border-box;
	//background-image: url("./images/Aphyosemion dargei 'Mbam' by Ralph Hussmann.png");
	//background-attachment:fixed;
}
.home, .home-header{
	box-sizing: border-box;
	display:table;
	width:800px;
	margin:0 auto;
}
.home{
	position:sticky;
	top:0;
	left:0;
	right:0;
	z-index:9;
	line-height:2em;
	background:#092564;
}
.home h3, .homebutton {
	background:#092564;
	margin:0px 10px;
	text-align:center;
	border-radius:10px;
	border:none;
	width:180px;
	float:left;
}
.home-header .logo {
	background:#103085;
	float:left;
	width:80px;
}
a {
	color:#D5D5D5;
	//float:left;
}
.dkg_impressum {
	box-sizing: border-box;
	background:#103085;
	color:#D5D5D5;
	width:1150px;
	padding:15px;
	margin:0 auto;
}
h1 {
	text-align:center;
	font-size:2.5em;
	margin:10px;
	font-family:Verdana, Helvetica, sans-serif;
}
h2 {
	text-align:center;
	font-size:1.5em;
	font-family:Verdana, Helvetica, sans-serif;
}
h3 {
	margin:0 auto;
	font-size:1.1em;
	font-family:Verdana, Helvetica, sans-serif;
	background:#092564;
}
h4 {
	text-align:center;
}

h1, h2, h3 {
	white-space: nowrap;
	overflow:hidden;
	text-transform:none;
}
hr {
	border-top:1px solid #092564;
}
.panel {
	box-sizing: border-box;
	background:#103085;
	padding:10px;
	width:700px;
	margin-left:50px;
	text-align:left;
	float:left;
}
.module{
	box-sizing: border-box;
	width:250px;
	margin-right:50px;
	text-align:center;
	float:right;
}
.story {
	box-sizing: border-box;
	width:210px;
	border:4px solid #092564;
	border-radius:10px;
	height:350px;
	overflow:hidden;
	float:left;
	text-align:center;
	margin:8px;
	box-shadow: #092564 2px 2px 3px;
}
.portrait{
	display:unset;
}
.story img {
	width:90%;
}
.text {
	position:relative;
	top:-35px;
	text-align:left;
	z-index:1;
	padding:5px;
}
.text img {
	width:40% !important;
}
.img-left {
	float:left;
	margin-right:8px;
}
.img-right {
	float:right;
	margin-left:8px;
}
.continue {
	position:relative;
	top:302px;
	text-align:center;
	height:30px;
	background:#092564;
	z-index:5;
}
.link {
	width:200px;
	border:1px solid #092564;
	border-radius:10px;
	height:21px;
	overflow:hidden;
	float:left;
	text-align:center;
	margin:10px;
	box-shadow: #092564 2px 2px 3px;
}
.lang-home {
	box-sizing: border-box;
	text-align:right;
	height:25px;
	width:50px;
	float:left;
	margin:0px;
}
.jumpbox{
	margin:-2px 0 5px 0;
}
.home-jumpbox {
	float:right;
}
.return{
	margin:28px;
}
.schau{
	box-sizing: border-box;
	display:table;
	margin:10px auto;
	text-align:center;
}
.schau .rg{
}
.ls {
	box-sizing: border-box;
	display:table;
	float:left;
	background: #092564;
	border-radius:10px;
	font-size: 12px;
	margin: 2px;
	text-align: center;
	padding: 4px;
	min-width: 100px;
	height: 15px;
	white-space: nowrap;
	text-decoration:none;
}
.admin{
	background-color:#D5D5D5;
	color:#092564 !important;
}
.ls_termine{
	margin:5px 0;
	padding:10px;
	overflow:hidden;
}
.ls_termine dl{
}
.ls_termine dd{
	float: left;
	width: 185px;
	margin-left:0px;
	text-align: right;
}
.ls_termine dt{
	margin-left:200px;
}

.center {
	text-align:center;
}
.ls-wappen {
	float:right;
	max-width: 100px;
	height:auto;
	margin: 0 3% 2%;
}
.dkgpanel{
	box-sizing: border-box;
	border:1px solid #092564;
	background:#103085;
	margin:0 auto;
	padding-bottom:15px;
	font-size:1.1em;
	width:1150px;
	clear:both;
	display:table;
	border-radius:10px;
	box-shadow: #092564 2px 2px 3px;
}
.lspanel{
	background:#103085;
	max-width:700px;
	font-size:1.1em;
	margin:0 auto;
	text-align:left;
	border:1px solid #092564;
	border-radius:10px;
	box-shadow: #092564 2px 2px 3px;
}
.lspanel h3{
	white-space:wrap;
	height:2.2em;
}
.sell{
	margin: 10px auto;
	padding: 10px;
}
.shirt25 img {
	width:90%;
}
.ls-button {
	background:#092564;
	font-size:10px;
	text-align: center;
	float: left;
	margin: 3px;
	padding-top: 9%;
	width: 19%;
	height:50px;
	position: relative;
	overflow:hidden;
	border-radius:10px;
	//box-shadow: #092564 2px 2px 3px;
}
.ls-button-top-text {
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
}
.ls-button-bottom-text {
	position: absolute;
	left: 0;
	bottom: 2px;
	right: 0;
}
.ls-button img {
	height: 80px;
	margin: 2px;
	border: none;
	border-radius: 7px;
}
/* Hide scrollbar for IE, Edge and Firefox */
#lang-jumpbox .dropdown-contents {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
#lang-jumpbox img{
	margin:3px;
	height:15px;
	width:25px;
	border:1px solid #092564 !Important;
}
#lang-jumpbox button{
	background:#103085 !Important;
	width:44px;
	border:none;
	cursor:pointer;
}
#lang-jumpbox{
	width:44px;
	margin-left:-10px;
}
.jumpbox .dropdown .pointer-inner {
	border-color: #203dd9 transparent;
}
.dropdown .dropdown-contents {
	max-height: 352px;
}
.user{
	width:130px;
	text-align:center;
	overflow:hidden;
}
.dkgpanel .ag {
	box-sizing: border-box;
	display:table;
	border-radius:10px;
	padding:5px;
	text-align:center;
	width:210px;
	height:220px;
	float:left;
	margin:5px;
	overflow:hidden;
	box-shadow: #092564 2px 2px 3px;
}
.dkgpanel .ag img{
	width:95%;
}
.text .ag {
	box-sizing: border-box;
	width:95px;
	height:62px;
	margin:0px;
	padding:3px;
	float:left;
}
.text .ag img {
	width:100% !important;
}
.rgframe{
	width:200px;
	height:310px;
}
.rgnav{
	box-sizing: border-box;
	display:block;
	width:170px;
	float:left;
	margin-top:50px;
}
.rgnav .rg{
	display:block;
	width:95%;
	margin:3px 0;
	background:#092564;
	border-radius:10px;
	text-align:center;
	height:23px;
}
.rgnav .rg a{
	font-size:10px;
}
.rg_text{
	box-sizing: border-box;
	background:#103085;
	font-size:1.1em;
	//width:530px;
	padding-left:20px;
	display:table;
}
.rg_text img {
	max-width:95%;
}
.rgframe{
	width:100%;
	height:750px;
}
.dkg-calendar {
	box-sizing: border-box;
	width:90%;
	height:90px;
	overflow:scroll;
	text-wrap:nowrap;
	margin:0 auto;
	scrollbar-width: thin;
}
.dkg-month {
	box-sizing: border-box;
	width:150px;
	height:80px;
	float:left;
}
.dkg-month-name{
	box-sizing: border-box;
	text-align:center;
}
.dkg-day {
	box-sizing: border-box;
	font-size:9px;
	text-align:right;
	width:13%;
	height:10px;
	float:left;
}
a.dkg-day {
	text-decoration:none;
}
.impressum{
	width:94%;
}
.impressum span{
	display:none;
}
.killifische {
	max-width:700px;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
}
.img-links {
	float:left;
	margin:0px 20px 4px 0px;
}
.img-rechts {
	float:right;
	margin:0px 0px 4px 20px;
}
.img-links, .img-rechts {
	width:25%;
	color:#D5D5D5;
}
.img-links span, .img-rechts span {
	color:#888888;
}
.img-links img, .img-rechts img {
	width:100%
}
.page-footer{
	display:none;
}
input[type="file"] {
	background:#092564;
	border-radius: 10px;
}
input[type="submit"] {
	background:#092564;
	color:#D5D5D5;
	border:1px solid #092564 !Important;
	border-radius: 10px;
}
.box-k {
	display:none;
}
.formular {
	margin: 0 auto;
	max-width:670px;
	font-size:12px;
}
.kontaktformular {
}
.kontaktformular .vorname, .kontaktformular .nachname, .kontaktformular .email, .kontaktformular .partner,
.kontaktformular .betreff, .kontaktformular .betrifft, .kontaktformular .nachricht, .kontaktformular .absenden {
	text-align:right;
	font-size:12px;
	width:100%;
	float:left;
	margin:2px;
}
.dkgpanel input, .dkgpanel select, .dkgpanel textarea {
	background: #103090;
	border-color: #092564;
	color: #D5D5D5;
}
.kontaktformular .nachricht {
	text-align:left;
	margin:20px 0;
}
.kontaktformular .absenden {
	width:200px;
	text-align:center;
	margin-left:200px;
}
.kontaktformular input {
	width:80% !important;
}
.kontaktformular select {
	width:80%;
}
.kontaktformular textarea {
	width:99%;
	height:100px;
	font-size:12px;
}
.kontakt-button-feld {
	width:50%;
	text-align:center;
}
.kontakt-button-feld .rg {
	width:50% !important;
	margin-bottom:10px
}
.kontaktformular .fehler {
	text-align:center;
	color: #FF0000;
}
.testbilder{
	width:100%;
	text-align:center;
}
.testbild {
	width:48px;
	height:48px;
	padding:0px;
}
.betrifft {
	position:relative;
	top:-2400px;
}
.abc {
	box-sizing:border-box;
	background:#092564;
	color:#D5D5D5;
	border:2px solid #092564;
	text-align:center;
	width:34px;
	height:34px;
	font-size:14px;
	float:left;
	margin:3px;
	border-radius:17px;
	font-weight:bold;
	line-height:29px;
	cursor: pointer;
}
.no {
	background:#103085;
	border:none;
	padding-top:2px;
	cursor: default;
}
.abc:hover, .active, .button1:hover {
	color:#103090;
	background-color:#D5D5D5;
}
.no:hover, .no .active, .no .button1:hover {
	color:#D5D5D5;
	background-color:#103085;
}
.abc-systematik {
	width:250px !important;
}
.buttontext {
	position: relative;
	top: -5px;
	text-align: center;
	z-index: 1;
	padding-top: 5px;
	white-space:nowrap;
}
.liste-ja{
	color: #103090;
	background-color:#D5D5D5;
	border-radius:4px;
}
.button1, .button1:hover, .button1:focus {
	font-size: 12px !important;
	border: 3px solid #103085 !important;
	background: #092564 !important;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	color: #D5D5D5 !important;
	border-radius: 7px;
	font-weight:normal !important;
	cursor: pointer;
}
.nr {
	color:#888888;
	width:60px;
	text-align:right;
	display:inline-block;
}
.list-bild {
	width: 20px;
	margin-right: 5px;
	float: left;
}
.list-bild:hover {
	width: 150px;
	margin-bottom: -86px;
	margin-right: -120px;
	position: relative;
	bottom: 86px;
}
.fischliste{
	line-height:12px;
}
.fischliste a{
	text-decoration:none;
}
.beschreiber {
	color: #888888;
}
.meldung {
	width: 40%;
	margin: 2px auto;
	text-align: center;
}
dl.meldung {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
dl.meldung dt {
	width: 35%;
	float: left;
}
dl.meldung dd {
	width: 65%;
	margin-left: 35%;
	font-size: 1em;
}
dl.meldung .dummy {
	width: 98%;
	height: 1.5em;
	text-align: left;
	padding: 1px 0px 1px 5px;
	border-radius:7px;
}
dl.meldung input {
	width: 100% !Important;
	height: 1.5em !Important;
}
.meldung dd textarea {
	width:100%;
}
.bestandsliste, .bestandsliste a{
	font-size:1em;
	text-decoration:none;
}
.bestandsliste fieldset dl {
	padding:0;
	margin:0;
}
.bestandsliste fieldset dt {
	width:54%;
}
.pic {
	height: 150px;
	width: 100%;
}
.registrierung {
	width:100%;
}
.registrierung td {
	padding-right:5px;
	color:#D5D5D5;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.registrierung input {
	height: 1.5em;
	padding: 1px 0px 1px 5px;
}
.dl {
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	float: left;
	margin: 3px;
	padding-top: 24%;
	width: 24%;
	position: relative;
	border:1px solid #092564;
	border-radius:10px;
	box-shadow: #092564 2px 2px 3px;
}
.download-titel {
	position: absolute;
	top: 4px;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	font-weight: bold;
	width: 100%;
}
.download-titel .pdf {
	height: 100px;
	font-size: 35px;
	font-weight: bold;
	color: #D5D5D5;
	position: absolute;
	left: 28px;
	top: 69px;
}
.download-beschreibung {
	height:150px;
	border:none;
	position:absolute;
	right:12px;
	top:26px;
	width:130px;
	font-size:9px;
}
.download-info {
	position:absolute;
	left:0;
	bottom:13px;
	right:0;
	font-size:9px;
}
.download-titel img {
	height:146px;
	border:none;
	border-radius:7px;
	position:absolute;
	left:12px;
	top:26px;
}
.shirt25 {
	width:29%;
	float:left;
	margin:1%;
	padding:1%;
}
.dl_edit {
	position:absolute;
	left:12px;
	bottom:12px;
}
.dl_delete {
	position:absolute;
	left:12px;
	bottom:50px;
}
.dl_up {
	position:absolute;
	right:12px;
	bottom:30px;
}
.dl_down {
	position:absolute;
	right:12px;
	bottom:12px;
}
.dl_loeschen {
	width:100%;
	background-color:#282828;
	color:red;
	position:absolute;
	left:0;
	right:0;
	bottom:150px;
}
dl.row-item {
	background-position: 4px 50%;
	background-repeat: no-repeat;
	background-size: 44px;
	min-height:50px;
}
dl.meldung {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
dl.meldung dt {
	width: 35%;
	float: left;
}
dl.meldung dd {
	width: 65%;
	margin-left: 35%;
	font-size: 1em;
}
dl.meldung .dummy {
	width: 98%;
	height: 1.5em;
	text-align: left;
	padding: 1px 0px 1px 5px;
	border-radius:7px;
}
dl.meldung input {
	width: 100% !Important;
	height: 1.5em !Important;
}
.fehler {
	//background: red !important;
	border:2px solid red !important;
}
/* Chrome, Safari, Edge, Opera */
.formular input::-webkit-outer-spin-button,
.formular input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.formular input[type=number] {
	-moz-appearance: textfield;
}
.tr-bewertung:hover {
	background:#AAAAAA;
	color:#282828;
}
.aufnahme {
	margin:0 auto;
	width:670px;
}
.aufnahme_r {
	width:60%;
	float:left;
}
.aufnahme_l {
	width:40%;
	float:left;
}
k {
	font-variant: small-caps;
}
.anker {
	position:fixed;
	top:150px;
	right:100px;
	height:420px;
	overflow:scroll;
}
.anker .button1 {
	background:#103085 !important;
	margin-top:5px;
	padding:3px;
	border:2px solid #092564 !important;
}
.ac-year {
	box-sizing: border-box;
	width: 1150px;
	height: 134px;
	overflow: scroll;
	text-wrap: nowrap;
	margin: 0 auto 8px;
	scrollbar-width: thin;
}
.ac-year a {
	display:block;
}
.ac-month {
	box-sizing: border-box;
	width: 150px;
	height:118px;
	float: left;
	margin:5px 18px;
	padding-left:4px;
	color:#105289;
	border-radius: 7px;
}
.ac-day, .ac-year .today {
	box-sizing: border-box;
	font-size: 9px;
	text-align: right;
	width: 20px;
	height: 14px;
	float: left;
	margin: 0;
	padding-top: 1px; 
	padding-right: 3px;
	border: 1px solid #103085;
	border-radius: 5px;
	text-decoration:none;

}
.ac-month-name {
	color: #d5d5d5;
	box-sizing: border-box;
	text-align: center;
	margin-bottom:3px;
}
.ac-day-active {
	color: #103085;
	background: #d5d5d5;
}
.ac-year .today, .ac-year .ac-current-month {
	border:2px solid #105289 !important;
	font-weight: normal;
}
.ac-year .today {
	padding: 0px 2px 1px 0 !important;
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	body, html {
		background-image:none;
	}
	#home{
		padding:0px !important;
		width:100%;
	}
	.home-header{
		max-width:350px;
		height:40px;
		margin:30px auto 0;
	}
	.home-header .logo {
		float:left;
		width:40px;
		margin-top:-40px;
	}
	.dkgpanel{
		width:95%;
		margin-left:6px;
		display:block;
	}
	.panel, .dkg_impressum, .home{
		width:335px;
		margin-left:0px;
	}
	.home h3{
		width:140px
	}
	.home-header {
		width:95%;
		height:50px;
		margin-top:3px;
		margin-bottom:10px !important;
	}
	.logo{
		padding: 10px 4px 0 4px;
	}
	.home-header .logo{
		margin-top:0px;
	}
	.story{
		width:96%;
	}
	.portrait{
		display:table;
	}
	.story img {
		width:70%;
	}
	h1 {
		font-size:1em;
		margin-left:25px;
	}
	h2 {
		font-size:12px;
		margin-left:25px;
		margin-top:-10px;
		margin-bottom:10px;
		white-space:wrap;
	}
	h3 {
		margin:0 auto;
		font-size:15px;
	}
	.text {
		font-size:12px;
	}
	.lang-home {
		top:-70px;
	}
	.dkg-login {
		font-size:10px;
		height:12px;
		width:80px;
		margin-top:7px;
		margin-right:20px;
	}
	.user{
		width:170px;
		text-align:center;
	}
	.dkg-calendar {
		margin-left:25px;
		height:80px;
	}
	.link{
		width:90%;
		height:20px;
		float:none;
	}
	.ag img{
	}
	.continue{
		font-size:10px;
	}
	.impressum{
		width:90%;
	}
	.impressum span{
		display:contents;
	}
	.shirt25 {
		width:80%;
		float:left;
		margin:1%;
		padding:1%;
	}
	.shirt25 img {
		width:90%;
	}
	.story img{
		width:180px;
	}
	.lspanel{
		width:95%;
		margin:0 auto;
	}
	.lsplakat{
		width:90%;
		margin:0 auto;
	}
	.schau{
		text-align:center;
		width:98%;
	}
	.ls{
		min-width:150px;
	}
	.ls_termine dd {
		width: 131px;
		margin-left: 0px;
	}
	.ls_termine dt {
		margin-left: 140px;
	}
	.killifische{
		width:90%;
		padding-left:8px;
	}
	.img-links, .img-rechts{
		width:40%;
	}
	.img-links{
		margin-right:10px;
	}
	.img-right{
		margin-links:10px;
	}
	.impressum{
		overflow:unset;
		height:36px;
	}
	.box-g {
		display:none;
	}
	.box-k {
		display:block;
	}
	.bestandsliste .nr, .fischliste .nr, .list-bild {
		display:none;
	}
	.meldung {
		width:90%;
	}
	.ls-button {
		width:30%;
		height:68px;
	}
	.ls-button img {
		height:50px;
		border-radius:5px;
	}
	.kontaktformular .vorname, .kontaktformular .nachname, .kontaktformular .email, .kontaktformular .partner, .kontaktformular .betreff, .kontaktformular .betrifft, .kontaktformular .nachricht, .kontaktformular .absenden {
		text-align: left;
		font-size: 12px;
		width: 100%;
		float: left;
		margin: 2px;
	}
	.kontaktformular input {
		width: 50% !important;
	}
		.dl {
		width:90%;
		height:270px;
	}
	.aufnahme {
		width: 100%;
	}
	.aufnahme_r {
		width:100%;
		float:clear;
	}
	.aufnahme_l {
		width:100%;
		float:clear;
		padding-left:0px;
	}
	.anker {
		display:none;
	}
	.ac-month {
		margin:5px 10px;
	}
}