BODY {
	font-family: Arial, Helvetica;
	font-size: 12ptpx;
	color: #FFFFAA;
	background: #223;
	margin: 0px;
	padding: 0px; }

DIV, UL {margin: 0; padding: 0}

TD H1,TD H2, TD H3, H1, H2, H3, H4, .h
	{font-family: Optimum, Arial, Helvetica;
	 color: #FFCC33}

.h {font-size: 16pt; font-weight: bold}

H1 {
	font-size: 180%;
	margin: 0px 5px 10px 5px; padding: 5px;
	text-align: center;
	color: #FFCC33}

H2 {
	font-size: 150%;
	margin: 0px 5px 0px 5px; padding: 5px;
	text-align: center;
	color: #FFCC66;}

H2.ni {
	text-indent: 0pt;
	color: #FFCC66;}

H3 {font-size: 115a%;   
padding-top: 5px;
padding-bottom: 5px;}

td {padding: 15px 20px 15px 20px; text-align: center;}

A:link {color: #66f; text-decoration: none}
A:visited {color: #66a; text-decoration: none}
A:hover {color: #ccf; text-decoration: underline;}
A:active {color: #ff0}

A IMG {margin: 2px; padding: 1px; border: 1px solid transparent;}
TD A:visited IMG {border: none}
TD A:hover IMG {border: 1px solid #ccf}
TD A IMG.nr {margin: 2px; padding: 1px; border: none}

IMG.pd {padding: 5px; border: none}

.hell {background: #223}
.dunkel {background: #000}

.large {font-size: 125%}

.menu {display: flex; justify-content: center; margin: 25px 5px 25px 5px;}

.menu LI {
	list-style-type: none;
	margin: 0;
	padding: 0;	}

.menu LI A {
	margin: 0px 5px 0px 5px;
	padding: 3px;}
	
.main-image {margin-top: 10px}
		
.flex {display: flex; justify-content: center;}
.flex table {max-width: 1280px; border-spacing: 20px;}
.flex .einzelseite {width: 95vw; border-spacing: 5px}
.flex .einzelseite td {padding: 5px; margin: 0px;}

.details {display: flex; justify-content: space-evenly; margin: 0 15% 0 15%}
.details span {margin: 5px 10px 5px 10px}

@media (max-width: 800px) {
	table,td {border-spacing: 3px !important;}	
	td {padding: 5px; margin: 5px;}
}