html,body {
	width:100%; height:100%;
}
@media screen and (min-device-width:1024px) {
	body {
		font:normal normal 16px/1.375 'Droid Sans',Arial,sans-serif;
	}
	header.header {
		 position:relative; width:100%; height:380px; overflow:hidden; background-color:#C4C4C4; z-index:5;
	}
	header.fix {
		position:fixed; top:-270px;
	}
	.wrapper {
		width:760px; margin:0 auto; position:relative;
	}
	.topimage {
		position:absolute; left:-480px; top:0; width:1719px; height:380px;
		background:white url(/img/header3.jpg) top center no-repeat;
	}
	.topraster {
		position:absolute; left:-170px; top:0; width:506px; height:380px;
		background:transparent url(/img/top-raster.png) top left no-repeat;
	}
	.topweiss {
		position:absolute; left:-270px; top:0; width:1300px; height:170px;
		background:transparent url(/img/top-weiss.png) top left repeat-x;
	}
	.linksweiss {
		position:absolute; left:-800px; top:0; width:800px; height:380px;
		background:transparent url(/img/weiss-links.png) top left repeat-y;
	}
	.rechtsweiss {
		position:absolute; right:-800px; top:0; width:800px; height:380px;
		background:transparent url(/img/weiss-rechts.png) top left repeat-y;
	}
	nav.top {
		position:fixed; z-index:5; top:0; width:764px; height:66px;
		background:transparent url(/img/navi.png) top left no-repeat;
		text-align:center;
	}
	nav.top .opener { display:none; }
	nav ul {
		list-style:none; overflow:hidden; margin:0; padding:0; display:inline-block;
	}
	nav.top li {
		float:left; padding:1.25em 1.5em; text-transform:uppercase; letter-spacing:0.5px;
	}
	.subnavi {
		background-color:rgba(168,112,95,.8); width:100%; height:3.25em;
		/* IE8 hack */
		background-color:transparent9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCA8705F,endColorstr=#CCA8705F);
		position:absolute; bottom:0; left:0;
	}
	nav.sub {
		width:760px; margin:0 auto; text-align:center;
	}
	nav.sub ul {
		height:2.75em; position:relative;
	}
	nav.sub li {
		color:white; float:left; padding:0.8em 1.2em; transition:all 0.5s ease; position:relative; top:0; left:0; font-size:1.2em;
	}
	nav.sub a, nav.sub a:visited, nav.sub a:hover {
		color:white; font-weight:bold;
	}
	nav.sub li:hover, nav.sub li:focus, nav.sub li.active {
		top:-2.75em;
	}
	article.fix {
		padding-top:380px;
	}
	article section, article header>div {
		width:760px;
	}
	article section p.left {
		width:500px;
	}
	aside p {
		width:760px;
	}
	.galerie a { display:block; margin:5px 0; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);
		-webkit-transition:all .3s; transition:all .3s; float:left; width:180px; text-align:center;
	}
	.galerie a:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	.galerie img { display:block; margin:auto; }
}
@media screen and (max-device-width:759px) and (orientation:landscape),
@media screen and (min-device-width:760px) and (max-device-width:1023px) {
	body {
		font:normal normal 20px/1.375 'Droid Sans',Arial,sans-serif;
	}
	header.header {
		 position:relative; width:100%; height:220px; overflow:hidden; background-color:#C4C4C4; z-index:5;
	}
	header.fix {
		position:fixed; top:-110px;
	}
	.wrapper {
		width:760px; margin:0 auto; position:relative;
	}
	.topimage {
		position:absolute; left:-480px; top:0; width:1719px; height:220px;
		background:white url(/img/header3.jpg) top center no-repeat;
	}
	.topraster {
		position:absolute; left:-170px; top:0; width:506px; height:220px;
		background:transparent url(/img/top-raster.png) top left no-repeat;
	}
	.topweiss {
		position:absolute; left:-270px; top:0; width:1300px; height:170px;
		background:transparent url(/img/top-weiss.png) top left repeat-x;
	}
	.linksweiss {
		position:absolute; left:-800px; top:0; width:800px; height:220px;
		background:transparent url(/img/weiss-links.png) top left repeat-y;
	}
	.rechtsweiss {
		position:absolute; right:-800px; top:0; width:800px; height:220px;
		background:transparent url(/img/weiss-rechts.png) top left repeat-y;
	}
	nav.top {
		position:fixed; z-index:5; top:0; width:764px; height:66px;
		background:transparent url(/img/navi.png) top left no-repeat;
		text-align:center;
	}
	nav.top .opener { display:none; }
	nav ul {
		list-style:none; overflow:hidden; margin:0; padding:0; display:inline-block;
	}
	nav.top li {
		float:left; padding:0.85em; text-transform:uppercase; letter-spacing:0.5px;
	}
	.subnavi {
		background-color:rgba(168,112,95,.8); width:100%; height:2.75em;
		position:absolute; bottom:0; left:0;
	}
	nav.sub {
		width:760px; text-align:center; margin:0 auto;
	}
	nav.sub ul {
		height:2.75em; position:relative;
	}
	nav.sub li {
		color:white; float:left; padding:0.8em 1.2em; transition:all 0.5s ease; position:relative; top:0; left:0;
	}
	nav.sub a, nav.sub a:visited, nav.sub a:hover {
		color:white; font-weight:bold;
	}
	nav.sub li:hover, nav.sub li:focus, nav.sub li.active {
		top:-2.75em;
	}
	article.fix {
		padding-top:220px;
	}
	article section, article header>div, aside p {
		width:760px;
	}
	article section p.left {
		width:500px;
	}
	.galerie a { display:block; margin:5px 0; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);
		-webkit-transition:all .3s; transition:all .3s; float:left; width:180px; text-align:center;
	}
	.galerie a:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	.galerie img { display:block; margin:auto; }
}

@media screen and (max-device-width:759px) and (orientation:portrait) {
	body {
		font:normal normal 26px/1.375 'Droid Sans',Arial,sans-serif;
	}
	header.header {
		 position:fixed; top:0; left:0; width:100%; z-index:5; overflow:hidden;
	}
	nav.top {
		background-color:#ddd; z-index:5; float:left;
	}
	nav.top .opener {
		height:80px; width:80px; background:#ddd url(/img/menu.png) center center no-repeat; float:left;
	}
	nav ul {
		list-style:none; overflow:hidden; margin:0; padding:0;
	}
	ul.navi {
		display:none;
	}
	nav.top li {
		padding:0.5em; text-transform:uppercase; font-size:2em;
	}
	.subnavi {
		background-color:rgba(168,112,95,.8); float:left;
	}
	nav.sub li {
		color:white; padding:0.5em 1em; overflow:hidden;
	}
	footer nav.sub li { float:left; }
	nav.sub li span {
		position:relative; top:0; left:0; height:1.5em; transition:all 0.5s ease; font-size:2em; display:block;
	}
	nav.sub a, nav.sub a:visited, nav.sub a:hover {
		color:white; font-weight:bold;
	}
	nav.sub li span:hover, nav.sub li span:focus, nav.sub li.active span {
		top:-2.75em;
	}
	article header { text-align:center; }
	article section, article header>div, aside p {
		width:92%;
	}
	article section p.left {
		width:80%;
	}
	h1:first-child { text-align:center; }
	.galerie a { display:block; margin:1em 0; font-size:1.3em; }
	.galerie img { vertical-align:middle; }
	footer { padding-bottom:1.8em; }
	footer .count { font-size:1.25em !important; }
}

body {
	color:black; margin:0; background-color:#A8705F;
}
a, a:visited, a:link {
	color:#A8705F; text-decoration:none; outline:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
img {
	border:none; outline:none;
}
h1, h2 {
	margin:0.2em 0 0.5em;
}
h3 {
	margin:0.2em 0;
}
h1 {
	font-size:1.9em; text-transform:uppercase; color:#A8705F;
}
h2 {
	font-size:1.5em;
}
nav.top li a {
	color:black;
}
nav li a:hover, nav li a:focus {
	color:#A8705F; text-decoration:none;
}
nav.top li.active, nav.top li.active a {
	color:#A8705F; font-weight:bold;
}
article.de :lang(en) {
	display:none;
}
article.en :lang(de) {
	display:none;
}
article, aside {
	background-color:white; padding-bottom:2em; position:relative;
}
article header {
	width:100%; height:171px; background-color:rgba(168,112,95,.2); margin-bottom:1em;
	/* IE8 hack */
	background-color:transparent9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33A8705F,endColorstr=#33A8705F);
}
p.serif {
	font:normal normal 1.2em/1.4 'Droid Serif', 'Times New Roman', serif;
	color:#A8705F;
}
ul.liste {
	list-style:none outside none; margin:0 auto; overflow:hidden; padding:0.6em; width:90%;
}
ul.liste li {
	float:left; padding:0.25em 0.675em; width:9.5em;
}
ul.linklist {
	list-style:none;
	padding-left:1em;
}
ul.linklist li {
	margin:0.375em 1em;
}
ul.linklist li a {
	display:block;
	margin-left:-1em;
}
.right {
	text-align.right;
}
.multicol3 {
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
}
.multicol4 {
	column-count:4;
	-moz-column-count:4;
	-webkit-column-count:4;
}
.note {
	font-size:0.9em; line-height:1.3; color:#555;
}
article header>div {
	margin:0 auto; position:relative;
}
article section {
	margin:1.6em auto; clear:both;
}
article section:first-child {
	padding-top:1.6em; margin-top:0;
}
article section p {
	margin-top:0;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	text-align:justify;
}
article section p.left {
	float:left; padding-right:1em;
}
article section p.clear {
	clear:both;
}
figure {
	float:right; width:245px; margin:0;
}
figcaption {
	font-family:'Droid Serif', 'Times New Roman', serif;
	font-size:0.75em; text-align:center;
}
.box {
	background-color:rgba(168,112,95,.2); padding:0.75em 1em;
	/* IE8 hack */
	background-color:transparent9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33A8705F,endColorstr=#33A8705F);
}
.box h3 {
	text-align:center;
}
input[type=text], input[type=button], select, textarea {
	font:normal normal 1em/1.3em 'Droid Sans',Arial,sans-serif;
	border:0.0625em solid #A8705F; border-radius:0.2em;
	padding:0.0625em 0.3125em 0.125em;
}
input[type=button]:hover {
	background-color:#A8705F; color:white;
}
input[type=text].error, textarea.error {
	border-color:#f05050; box-shadow:0 0 0.375em 0.125em #f05050;
}
input[disabled], textarea[disabled] {
	background-color:white; border-color:grey; color:#606060;
}
article .contact {
	overflow:hidden;
}
article .contact label {
	clear:both; width:8.75em; padding:0.125em 0.5em 8,75em 0; display:inline; float:left;
}
article .contact input[type=text] {
	width:20em; display:block; margin-bottom:0.625em;
}
article .contact select {
	width:19.5em; display:block; margin-bottom:0.625em;
}
article .contact textarea {
	width:90%; max-width:90%;
	height:7.5em; margin-bottom:0.625em;
}
article #contactresult p.error {
	padding-left:9.25em;
	color:#a02020;
}
.pager { float:left; font-size:0.8em }
.paging { float:right; font-size:0.8em; }
.pager span, .paging span  { cursor:pointer; }
.pager strong, .paging strong { font-size:0.875em; }
.pager span:hover, .paging span:hover { text-decoration:underline; }
.pager span:hover { text-decoration:underline; }
.galerie { width:100%; position:relative; overflow:hidden; }
.galerie div { float:left; width:180px; text-align:center; margin:5px; }
#galerie { height:200px; width:100%; position:relative; overflow:hidden; }
#galerie div.gimg {
	float:left;
	opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);
	-webkit-transition:all .3s;
	transition:all .3s;
}
#galerie div.gimg:hover {
	opacity:1; -moz-opacity:1; filter:alpha(opacity=100);
}
.galerie #caption {
	font-size:0.875em; text-align:center; padding-top:0.5em;
	font-family:'Droid Serif','Times New Roman',serif; color:#808080;
}
.text dl dt { float:left; width:5em; text-align:right;  padding-right:1em; }
#gaestebuch fieldset {
	background-color:rgba(168,112,95, 0.1);
	background-color:transparent9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19A8705F,endColorstr=#19A8705F);
	border:0.0625em solid #A8705F;
	border-radius:0.6em;
	margin:1.25em 0;
}
#gaestebuch legend {
	background-color:white;
	border:0.0625em solid #A8705F;
	border-radius:0.6em;
	color:#A8705F;
	padding:0.125em 0.5em 0.1875em;
}
#gaestebuch blockquote {
	margin:0.625em;
}
aside {
	text-align:center; font-family:'Droid Serif', 'Times New Roman', serif;
	font-size:0.8em; line-height:1.1em; color:#808080;
}
aside p {
	margin:0 auto 0.4em;
}
aside .zitat {
	font-size:1.25em; line-height:1.5em;
}
aside .zitat:before {
	content:url(/img/zitat-start.png); padding-right:0.3em;
}
aside .zitat:after {
	content:url(/img/zitat-ende.png); padding-left:0.3em;
}
footer {
	color:white; position:relative;
}
footer .count {
	font-size:0.9em; position:absolute; bottom:0.4em; right:0.6em;
}