body
{
  	font-size: 10pt;
	font-family: Verdana,Tahoma, Arial,sans-serif;
}

.wrap 
{
	min-width: 48em;
	max-width: 60em;
	margin: 0em auto;
}

#head
{
}

#head img
{
	width: 34.5em;
	display: block;
	margin: auto;
}

#topnav
{
	clear: both;
	padding: 0.3em 0.15em 0.4em 0.15em;
	margin: 0 0 0.3em 0;
	border-top: solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
	background-color: rgb(255,255,255);
	text-transform: uppercase;
	line-height: 1.5em;
	height: 1.5em;
	color: rgb(50,50,50);
}

#topnav li
{
	margin: 0em 0.15em 0em 0.15em;
	border-top: solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
	color: rgb(0,0,0);	
	background-color: rgb(235,235,235);	
	text-transform: uppercase;
	text-decoration: none;
}

#topnav li.left
{
	float: left;
}

#topnav li #selected
{
	color: rgb(0,0,0);	
	background-color: rgb(235,135,135);	
}

#topnav li.right
{
	float: right;
}

#topnav li a {	
	display: block;
	padding: 0em 0.3em 0em 0.3em;
	text-decoration: none;
	color: rgb(50,50,50);
	background-color: rgb(235,235,235);	
}	

#topnav li a:hover {	
	color: rgb(50,50,50);
	background-color: rgb(220,220,220);			
}	

#topnav li:hover {	
	background-color: rgb(220,220,220);			
	color: rgb(0,0,0);	
}	

#topnav ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.0em;
}	

#sidenav
{
	float: left;
	width: 12em;
}

#sidenav ul
{
	margin: 0.3em 0.3em;
	padding: 0 0.3em;
	border: solid 1px rgb(175,175,175);
}

#sidenav li
{
	margin: 0.3em 0em;
	list-style-type:none;
}

#sidenav li h2
{
	padding: 0 0.3em;
	margin: 0;
	background-color: rgb(200,200,200);
	color: black;
	font-weight: bold;
	font-size: 1.0em;
}

#sidenav li h3
{
	padding: 0 0.3em;
	margin: 0;
	font-weight: normal;
	font-size: 1.0em;
}

#sidenav li h3:hover {	
	color: rgb(0,0,0);			
	background-color: rgb(220,220,220);			
}	

#sidenav li a
{
	margin: auto;
	display: block;
	text-decoration: none;
	color: rgb(0,0,0);			
	background-color: rgb(255,255,255);			
}

#sidenav li a:hover
{
	text-decoration: none;
	color: rgb(0,0,0);			
	background-color: rgb(220,220,220);			
}

#middle
{
	margin: 0.3em 0.3em;
	padding: 0.3em 0.3em;
	float: left;
	display: block;
        width: 34.5em;
}

#middle.nonav
{
        width: 46.5em;
}


#middle h1
{
	margin: 0;
	padding: 0 0 0.4em 0;
	background-color: rgb(255,255,255);			
	color: black;
	font-weight: bold;
	font-size: 1.1em;
}

#middle h1 span
{
	margin: 0.2em 0 0 0;
	font-weight: normal;
	font-size: 0.8em;
	float: right;
}

#middle h1 span a
{
	background-color: rgb(255,255,255);	
	text-decoration: none;
	color: black;
}

#middle h2
{
	margin: 0;
	padding: 0.4em 0 0 0;
	background-color: rgb(255,255,255);			
	color: black;
	font-weight: bold;
	font-size: 1.0em;
}

#middle p
{
	margin: 0;
	padding: 0 0 0.3em 0;
	background-color: rgb(255,255,255);			
	color: black;
	font-weight: normal;
	font-size: 1.0em;
}

#middle td a
{
	display: block;
        text-decoration: none;
	background-color: rgb(255,255,255);			
	color: black;
}

.startliste
{
	font-size: 8pt;
}

.startliste th
{
	border-bottom: solid 1px rgb(175,175,175);
}

.startliste th.left
{
	text-align: left;
}

.startliste th.center
{
	text-align: center;
}

#right
{
	width: 12em;
	float: right;
}

#right div
{
	margin: 0.3em 0.3em;
	padding: 0 0.3em;
	border: solid 1px rgb(175,175,175);
}

#right div h2
{
	padding: 0 0.3em;
	margin: 0.3em 0;
	background-color: rgb(200,200,200);
	color: black;
	font-weight: bold;
	font-size: 1.0em;
}

#right div .block
{
	width: 98%;
	border-width: 1px;
	border-style: solid;
}

#right div p
{
	margin: 0.3em 0 0.3em 0;
	display: block;
}

#foot
{
	padding: 0.2em;
	border-top: solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
	background-color: rgb(255,255,255);
	color: rgb(50,50,50);
	text-align: center;
	margin: auto;
	text-transform: uppercase;
	clear: both;
}

#foot a
{
	padding: 0em 0.3em 0em 0.3em;
	text-decoration: none;
	color: rgb(50,50,50);
	background-color: rgb(235,235,235);
	border-top: solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
}	

input {
	border-width: 1px;
	border-style: solid;
        border-color: rgb(175,175,175);
        vertical-align: bottom;
}

textarea {
    border-color: #AFAFAF;
    border-style: solid;
    border-width: 1px;
    vertical-align: bottom;
}

select {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(175,175,175)
}

label {
	padding-top: 0.2em;
}

div#news div {
	margin-bottom: 1em;
	display: block;
}

div#news h2 {
	padding: 0.1em 0 0.1em 0.3em;
	margin: 0 0 .25em 0;
	color: rgb(50,50,50);
	background-color: rgb(235,235,235);
	border-top: solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
}

div#news p {
	margin: 0 0 .5em 0;
}

div#news h2 span.date {
	float: right;
	padding-right: 0.5em;
}


div#news h2 span.price {
	float: right;
	padding-right: 0.5em;
	text-align:right;
	width:3em;
}

div#news h2 span.unit {
	float: right;
	padding-right: 1em;
}

div#news p span.date {
	float: right;
	padding-right: 0.5em;
}

div#news p span.price {
	float: right;
	padding-right: 0.5em;
	text-align:right;
	width:3em;
}

div#news p span.unit {
	float: right;
	padding-right: 1em;
}

div#guestbook div {
	display: block;
}

div#guestbook h2 {
	padding: 0.1em 0 0.1em 0.3em;
	margin: 0 0 .25em 0;
	color: rgb(50,50,50);
	background-color: rgb(235,235,235);
	border-top: solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
}

div#guestbook p {
	padding: 0 0 0 0.3em;
	margin: 0 0 .5em 0;
}

.guestbook_span_date {
	float: right;
	padding-right: 0.5em;
}

.guestbook_span_date_img {
	border: none;
}

#endoffinal td {
	border-top: solid red 1px;
}

.half_left {
	width: 48%;
	float: left;
}
.half_right {
	width: 48%;
	float: right;
}

.summary_startliste td {
	text-align: center;
}

.summary_startliste td.top {
	border-bottom: solid 1px;
}

.summary_startliste td.left {
	width: 40%; 
	border-right: solid 1px;
	text-align: left;
}

.index-entries {
    display: flex;
    flex-direction: column;
    gap: 10px;
	justify-content: space-between;
}

.index-entry {
	display: grid;
	grid-template-columns: auto min-content 1fr;
	gap: 10px;
}