*			{font-family: sans-serif}
body		{padding: 100px 20px 20px 20px; margin: 0px}
div.head	{position: absolute; top: 0px; left: 0px; width: 100%; height: 100px}
img.logo	{display: block; margin: 5px auto; width: auto; height: 80px; padding-right: 100px}
img.logo2	{display: block; width: auto; height: 40px; position: absolute; top: 20px; right: 20px; cursor: pointer}
a			{text-decoration: none; color: #0072FF}
a:active	{text-decoration: none; color: #0072FF}
a:visited	{text-decoration: none; color: #0072FF}
a:hover		{text-decoration: none; color: #0072FF}
a:active	{text-decoration: none; color: #0072FF}

.nav		{left: 0px; width: calc(100% + 40px); margin: 0px -20px 0px -20px; display: flex; flex-direction: row; flex-flow: row wrap; align-content: space-between}
.nav a 		{display: block; margin: 0px; padding: 5px; border: 2px solid #FF0000; color: white; background-color: #FF0000;
			 text-align: center; border-radius: 0px; flex: auto; font-size: 100%; font-variant: small-caps}
.nav a.current	{font-weight: bold}

.nav2		{border-top: 1px solid #FF6666}
.nav2 a		{font-weight: normal; font-size: 90%}

li			{margin-bottom: 10px}
ul			{margin-bottom: 40px}

h1				{margin-top: 80px; margin-bottom: 40px}
h2				{margin-top: 80px; margin-bottom: 30px}
h3				{margin-top: 50px}
h1:first-of-type {margin-top: 30px}
h2:first-of-type {margin-top: 30px}
h3:first-of-type {margin-top: 30px}
h1 + h2		{margin-top: 0px}
h2 + h2		{margin-top: 0px}
h1 + h3		{margin-top: 0px}
h2 + h3		{margin-top: 0px}
h3 + h3		{margin-top: 0px}

table		{border-collapse: collapse}
table td, table th	{padding: 5px 15px; vertical-align: top}
table.preise td, table.preise th	{text-align: right; border-right: 1px solid silver}
table.preise td, table.preise th	{text-align: right}
table.preise td:last-child, table.preise th:last-child	{border-right: none}
table.preise th	{vertical-align: middle; background-color: #F0F0F0}
table.preise td {border-top: 1px solid #E0E0E0}

table.text td, table.text th	{text-align: left; border-right: 1px solid silver}
table.text td, table.text th	{text-align: left}
table.text td:last-child, table.text th:last-child	{border-right: none}
table.text th	{vertical-align: middle; background-color: #F0F0F0}
table.text td 	{border-top: 1px solid #E0E0E0}



@media (max-width: 500px) {
	body		{padding: 65px 5px 5px 5px}
	div.head	{height: 65px}	
	img.logo	{height: 50px; padding-right: 50px}
	img.logo2	{height: 20px; top: 5px; right: 5px}
	.nav		{width: calc(100% + 10px); margin: 0px -5px 0px -5px}
	.nav a		{min-width: none}
}