<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
	box-sizing: border-box;
}

*, ::before, ::after {
	box-sizing: inherit;
}

/********************* Basic structure ********************/
body {
	margin: 1% 5%;
}

/*** Toplinks ***/
#toplink, #toplinks {
	float: right;
}

.clear {
	clear: both;
}

/*** Page header ***/
#header {
	width: 100%;
}
#header a img, img#logo {
	margin: 1%;
	max-width: 49%;
	min-width: 290px;
}
#headertext {
	margin: 1%;
	max-width: 49%;
	min-width:290px;
	font-size: 160%;
	white-space:nowrap;
}

/*** Image gallery ***/
#textborder {
	margin: 1% 0% 0% 0%;
	max-width: 100%;
}
#bordermiddle {
	max-width: 100%;
	clear: both;
}
#borderleft {
	float: left;
	max-width: 33%;
}
#bordercenter {
	float: left;
	max-width: 33%;
	margin: 0 0.5%;
}
#borderright {
	float: left;
	max-width: 33%;
}
#textborderouter img {
	max-width: 100%;
}
/*** Middle content area ***/
#maincontent {
	border-spacing: 0;
	margin: 1% 0% 0% 0%;
	float: left;
	width: 100%;
	font-size: 100%;
}
#leftside {
	vertical-align: top;
	width: 18%;
}
#textleft, #textright {
	margin: 5% 0% 0% 0%
}
#middle {
	padding: 0% 0.5% 0% 0.5%;
	vertical-align: top;
	height: 100%;
}
.maincontentmiddleborder {
	margin: 1px;
	border: 1px solid #000066;
}
.middle {
	border-spacing: 0; padding: 0; margin: 0px;
	width: 100%;
	height: 100%;
}
#rightside {
	vertical-align: top;
	width: 18%;
	min-width: 190px;
}
td.textmiddle table tr td {
	valign: top;
	vertical-align: top;
}
/*** Footer ***/
#lastUpdMsg {
	float:left;
}
#admin {
	float:right;
}

/******************************** Fonts &amp; Design ********************************/
body {
	background-image: url("Schnecken.jpg");
	background-color:#DDB799;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 100%;
	color:#000066;
	font-size:small;
	font-family:Verdana, Tahoma, Arial, Sans-Serif;
}

/*** Toplinks ***/
#toplink, #toplinks {
	background: rgb(203, 183, 147); /*#CBB793 Fallback*/
	background: rgba(255, 222, 189, 0.6); /*#FFDEBD*/
	padding:0.3em;
}
.toplink {
	color: rgb(0, 0, 102);
	/*font-weight:bold;*/
	text-decoration:none;
	padding:0.3em 0.5em;
}

/*** Page header ***/
#header {
	background: rgb(0, 0, 102); /*#000066 Fallback*/
	background: rgba(0, 0, 102, 0.8); /*#000066*/
}
#headertext {
	color: #b4c8ff;
	font-weight:bold;
}

/*** Image gallery ***/
.textborderouter { border: 1px solid #000066; }
.textborder {
	border: 0.4em solid #b4c8ff; /*rgb(180, 200, 255)*/
	background: rgb(203, 183, 147); /*#CBB793 Fallback*/
	background: rgba(255, 222, 189, 0.7); /*#FFDEBD*/
}
#bordermiddle {
	border: 1px solid #000066;
}
.textborder #bordermiddle {
	text-align: center;
	font-weight: bold;
}

/*** Middle content area ***/
.middle { border: 0.4em solid #b4c8ff; font-size:100%; }
.nopadding { padding: 0; }
#t1 {
	background: rgb(231, 231, 225); /* #E7E7E1 Fallback*/
	background: rgba(255, 255, 255, 0.8);  /* #FFFFFF */
	border: 1px solid #000066;
	font-weight:bold;
	padding: 0.3em;
	text-align: center;
}
#t2 {
	background: rgb(203, 183, 147); /*#CBB793 Fallback*/
	background: rgba(255, 222, 189, 0.7); /*#FFDEBD*/
	font-weight: bold;
	padding: 0.3em;
	text-align: center;
}
.textmiddle {
	border: 1px solid #000066;
	background: rgb(231, 231, 225); /* #E7E7E1 Fallback*/
	background: rgba(255, 255, 255, 0.8);    /* #FFFFFF */
	height: 100%;
	vertical-align: top;
}

#textnormal {
	padding:0.3em;
}
#textleft, #textright {
	border: 1px solid #000066;
	background: rgb(231, 231, 225); /* #E7E7E1 Fallback*/
	background: rgba(255, 255, 255, 0.8);    /* #FFFFFF */
	padding:0.3em;
	font-size: 90%;
}

.dataimg{
	width:100%
}

#audio {
	border: 1px solid #000066;
	background: rgb(255, 255, 225); /* #E7E7E1 Fallback*/
	margin:0% 0% 5% 0%;
}
#audio audio {
	border: 0.4em solid #B4C8FF;
	width:100%;
	display: block;
}
#textleft, #textright {
	padding:0.3em;
}
#textleft h2, #textright h2 {
	font-size: 90%;
}
#textnormal h2 {
	font-size: 100%;
}

/*** Navigation ***/
#mainmenu {
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-left: 1px solid #000066;
}
.mm1, .mm1a {
	border-bottom: 1px solid #000066;
	background-color: #b4c8ff;
	padding:0.5em;
	overflow:hidden;
}
.mm2, .mm2a {
	border-bottom: 1px solid #000066;
	background-color: white;
	padding:0.5em 0.5em 0.5em 1em;
	overflow:hidden;
}
#mainmenu a {
	color: #000066;
	text-decoration: none;
}

/*** Footer ***/
#footer {
	font-size: 80%;
}

/**************** 4:3 ratio of image gallery ****************/

#borderleft, #bordercenter, #borderright {
	position: relative;
	width: 100%;		/* desired width = 4 */
}
.ratio4_3{
	content: "";
	display: block;
	width: 100%;
	padding-top: 75%; 	/* 4:3 ratio, height = 3 */
}
.ratio_inside{
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/**************** Image slider ****************/

.imageContainer {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position:relative;
 }
 .imageContainer img {
 	width: 100%;
 	height: 100%;
 }
.opacity1 { opacity:1; z-index:2; }
.opacity0 { opacity:0; }
.photo5 {
	position:absolute;
	animation:round5 20s infinite;
 	-webkit-animation: round5 20s infinite;
 	-moz-animation: round5 20s infinite;
 	-o-animation: round5 20s infinite;
}
/* Standard syntax */
@keyframes round5 {
	0%{opacity:0;}      /* 15% full + 2,5% + 2,5% = 20% = 100% / 5 images */
	5%{opacity:1;}
	20%{opacity:1;}
	25%{opacity:0;}
	100%{opacity:0}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes round5 {
	0%{opacity:0;}
	5%{opacity:1;}
	20%{opacity:1;}
	25%{opacity:0;}
	100%{opacity:0}
 }
 /* Mozilla */
@-moz-keyframes round5 {
	0%{opacity:0;}
	5%{opacity:1;}
	20%{opacity:1;}
	25%{opacity:0;}
	100%{opacity:0}
 }
 /* Opera */
 @-o-keyframes round5 {
 	0%{opacity:0;}
 	5%{opacity:1;}
 	20%{opacity:1;}
 	25%{opacity:0;}
 	100%{opacity:0}
 }

.imageContainer img[nr="1"]{
	animation-delay:0s;
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-o-animation-delay:0s;
}
.imageContainer img[nr="2"]{
	animation-delay:4s;
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
}
.imageContainer img[nr="3"]{
	animation-delay:8s;
	-webkit-animation-delay:8s;
	-moz-animation-delay:8s;
	-o-animation-delay:8s;
}
.imageContainer img[nr="4"]{
	animation-delay:12s;
	-webkit-animation-delay:12s;
	-moz-animation-delay:12s;
	-o-animation-delay:12s;
}
.imageContainer img[nr="5"]{
	animation-delay:16s;
	-webkit-animation-delay:16s;
	-moz-animation-delay:16s;
	-o-animation-delay:16s;
}

#textright, #textleft { display:none; }

/**************** Media queries ****************/

@media all and (max-width:620px) {

 	#rightside { display:none; }
 	#leftside {
 		max-width: 24%;
 	}
 	#middle {
 		max-width: 75%;
 		margin: 0% 0% 0% 1%;
 	}
  	body {
    	margin: 0%;
    	background-image:none;
  	}
  	#headertext {
    	font-size: 150%;
	}
}

</pre></body></html>