@media screen {

body {
	margin:0;
	padding:0;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	background:#fff;
	overflow:scroll;
	}


body, td {
	font-size:16px;
	}

div#owrap {
	text-align:center;
	}

div#iwrap {
	position:relative;
	width:950px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

div#head {
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:127px;
	background-color:#fff;
	}

	
img#logo {
	border:0px;
	float:left;
	margin-right:20px;
	}

img#logo2 {
	position:absolute;
	right:0px;
	top:15px;
	border:0px;
	display:none;
	}
img#logo3 {position:absolute;top:0px;right:0px;margin-top:-130px;}

div#head h1 {
	margin:0px;
	margin-top:60px;
	font-size:24px;
	}

div#head p {
	margin:0px;
	font-size:18px;
	}




/* Hauptmenü */

ul#mainnav {
	position:absolute;
	left:0px;
	top:150px;
	margin:0;
	padding:0;
	width:200px;
	}
	
ul#mainnav li {
	float:none;
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	margin-bottom:4px;
	}


ul#mainnav a {
	text-decoration:none;
	display:block;
	color:#2d1000;
	padding:0;
	padding-left:15px;
	padding-top:6px;
	padding-bottom:6px;
	height:20px;
	font-weight:bold;
	background-color:#eee;
	}

ul#mainnav a:focus {
	color:#fff;
	background-color:#cc198c;
	}

ul#mainnav a:hover {
	color:#fff;
	background-color:#cc198c;
	margin-bottom:3px;
	}


ul#mainnav a.active1 {
	color:#fff;
	background-color:#cc198c;
	font-weight:bold;
	}


	
div#content {
	position:absolute;
	text-align:left;
	left:200px;
	top:150px;
	width:745px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:20px;
	}




h1 {
	font-size:18px;
	margin-top:0;
	margin-bottom:15px;
	color:#000;
	}

h2 {
	font-size:18px;
	margin-top:0em;
	margin-bottom:0em;
	color:#000;
	}


h3 {
	font-size:17px;
	margin-top:0em;
	margin-bottom:0em;
	color:#000;
	}


	
a {
	color:#2d1000;
	}

a:visited {
	color:#2d1000;
	}

a:focus {
	color:#cc198c;
	}

a:hover {
	color:#cc198c;
	}



form {
	width:440px;
	}

input.inp1 {
	display:block;
	width:100%;
	border:1px solid #ccc;
	font-family:Arial,Helvetica;
	font-size:15px;
	margin-bottom:4px;
	}

textarea.inp1 {
	display:block;
	width:100%;
	height:100px;
	border:1px solid #ccc;
	font-family:Arial,Helvetica;
	font-size:15px;
	margin-bottom:4px;
	}

.inp1:focus {
	border:1px solid #cc198c;
	}


ul.info li {
	padding-bottom:1em;
	}



table.preise
	{
	width:600px;
	}

table.preise td {
	text-align:right;
	}

table.preise tr:hover {
	background-color:#fff;
	}

.t3m, .c1 {background-color:#eee;}
.t4m {background-color:#D9F7FF;}
.t5m {background-color:#FFE6F6;}


ul.fotos {
	margin:0;
	padding:0;
	float:left;
	margin-bottom:2em;
	}

ul.fotos li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	padding-right:5px;
	font-size:13px;
	}

#foot {
	font-size:12px;
	margin-top:2em;

}






@media print {

body {
	margin:0;
	padding:0;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	background:#fff;
	}

body, td {
	font-size:10pt;
	}

h1	{
	font-size:14pt;
	}

h2	{
	font-size:12pt;
	}



div#head {
	position:static;
	}

div#head img {
	float:left;
	}

div#head h1 {
	clear:both;
	}



ul#mainnav {
	display:none;
	}


ul#mainnav {
	position:static;
	margin:0;
	padding:0;
	width:100%;
	}
	
ul#mainnav li {
	float:none;
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	margin-bottom:4px;
	}


ul#mainnav a {
	text-decoration:none;
	display:block;
	color:#2d1000;
	padding:0;
	padding-left:15px;
	padding-top:6px;
	padding-bottom:6px;
	height:20px;
	font-weight:bold;
	background-color:#eee;
	}

ul#mainnav a:focus {
	color:#fff;
	background-color:#cc198c;
	}

ul#mainnav a:hover {
	color:#fff;
	background-color:#cc198c;
	margin-bottom:3px;
	}


ul#mainnav a.active1 {
	color:#fff;
	background-color:#cc198c;
	font-weight:bold;
	}
	
	

table.preise
	{
	width:100%;
	}

table.preise td {
	text-align:right;
	}

table.preise tr:nth-child(even)  {
	background-color:#eee !important;
	}


tr.lr td {
	padding-bottom:1em;
	}




form {
	width:440px;
	}

input.inp1 {
	display:block;
	width:100%;
	border:1px solid #ccc;
	font-family:Arial,Helvetica;
	font-size:15px;
	margin-bottom:4px;
	}

textarea.inp1 {
	display:block;
	width:100%;
	height:100px;
	border:1px solid #ccc;
	font-family:Arial,Helvetica;
	font-size:15px;
	margin-bottom:4px;
	}



}

@media screen and (max-width:980px)
{
body {margin-bottom:200px;}


div#iwrap {
	position:relative;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

div#content {
	width: calc(100% - 230px);
	}
	
div#head {width:100%;height:auto;}

img#logo3 {top:400px;left:0px;width:180px;height:auto;margin-left:-180px;}

table {width:100%;}
td {display:block;width:100%;}

table#p1 {
	width:100%;
	}

table#p1 col {
	width:100%;
	}
	
	
table#p1  td {
	display:inline-block;
	width:49%;
	xborder:1px solid #ccc;
 }
 table#p1  td:nth-child(3), table#p1  td:nth-child(4) {
	border-bottom:1em #fff solid;
	}
h2 {font-size:16px;}
}


@media screen and (max-width:640px)
{
body {margin-bottom:10px;  hyphens: auto;}


div#iwrap {
	position:static;
	}

	
div#content {
	width: 90%;
		position:static;
	}
	
div#head {
	position:static;
	}


div#head h1 {
	margin:0px;
	margin-top:0px;
	font-size:24px;
	}
img#logo {
	margin-left:auto;
	margin-right:auto;
	display:block;
	float:none;
	}


/* Hauptmenü */

ul#mainnav {
	position:static;
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	padding:0;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	}
	
ul#mainnav li {
	display:inline-block;
	float:none;
	list-style:none;
	padding:0;
	margin:2px;
	}


ul#mainnav a {
	text-align:center;
	text-decoration:none;
	display:block;
	color:#2d1000;
	padding:8px;
	margin:0;
	height:auto;
	font-weight:bold;
	background-color:#eee;
	}

ul#mainnav a:focus {
	color:#fff;
	background-color:#cc198c;
	}

ul#mainnav a:hover {
	color:#fff;
	margin:0;
	background-color:#cc198c;
	}


ul#mainnav a.active1 {
	color:#fff;
	background-color:#cc198c;
	font-weight:bold;
	}

	
img#logo3 {top:400px;left:0px;width:180px;height:auto;margin-left:-180px;}



table.preise {width:100%;}


h1 {text-align:center;}
	h2 {font-size:16px;text-align:center;}

img {max-width:90%;height:auto;}	
	
}


