html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body{height:100%}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
		body {
			height:100%;
			background-color:#564242;/*#555555;*/
			width:100%;
			height:100%;
			background-position:top left;
			background-repeat:no-repeat;
			background-size:100% auto;
			background-image: url(../images/brunch_butter.jpg);
		}
		h1{	
			font-family: 'Pinyon Script', Georgia, cursive;
			font-size:3em;
			text-shadow:1px 1px 3px #BBBBBB; /*1px 1px 3px #000000;*/
			letter-spacing: -1px;
			line-height:1.6em;
			padding-left:260px;
			font-weight:bold;
			padding-top:30px;
		}
		.titelzeile{
			background: #FFFFFF; /*#191010; */
			opacity:0.8;
			filter: alpha(opacity=80);
			-moz-opacity:0.8; 
			-webkit-opacity:0.8;
			width:100%;
			padding:1px;
			min-height:100px;
		}
		#logo{
			width:200px;
			height:220px;
			border-left: 4px double #888888;
			border-right: 4px double #999999;
			border-bottom: 4px double #AAAAAA;
			opacity:1;
			filter: alpha(opacity=80);
			-moz-opacity:0.9; 
			-webkit-opacity:0.9;
			position:absolute;
			top:0px;
			margin-left:30px;
			background-color:#FFFFFF; /*#191010;/*#000000;*/
			box-shadow:2px 2px 10px #000000;
			border-bottom-left-radius:14px;
			border-bottom-right-radius:14px;
			background-image:url("../images/logo_waldschloesschen_gold.png");
			background-position:center;
			background-repeat:no-repeat;
			z-index:2;
		}
		.beschreibung{
			width:400px;
			opacity:0.9;
			filter: alpha(opacity=90);
			-moz-opacity:0.9; 
			-webkit-opacity:0.9;
			position:absolute;
			top:250px;
			margin-left:30px;
			background:#FFFFFF; /*#090606; /*#000000;*/
			box-shadow:2px 2px 10px #000000;
			color: black; /*white;*/
			font-family: georgia;
			font-size:0.7em;
			padding:20px;
			border-radius:20px;
			}
		#footer{
			position:fixed; 
			bottom:0px;
			background-color:#191010; /*#333333;*/
			opacity:0.9;
			filter: alpha(opacity=90);
			-moz-opacity:0.9; 
			-webkit-opacity:0.9;
			width:100%;
			font-family: georgia, serif;
			font-size:11px;
			color:#be932a;
			padding:8px;
			padding-left:30px;
			text-shadow:1px 1px 1px #000000;
		}
		.italic{
			font-style: italic;
		}
		h2 {
			font-size:20px;
			font-weight:bold;
			line-height:1.2em;
			padding:0;
			margin:0;
			padding-bottom:8px;
		}
		.gold{
			color: #be932a;
		}
		a{
			color:inherit;
			//color:expression(this.parentNode.currentStyle['color']);
		}
		p{
			margin:0;
			margin-bottom:7px;
			line-height:1.4em;
		}
		.uhrzeit{
			font-size:1.3em;
			font-weight:bold;
			text-align:right;
			border-bottom:1px dotted #be932a;
			margin-top: -13px;
			padding-bottom:6px;
		}
		#mainmenu {
			position:absolute;
			width:100%;
			top:0px;
			color:white;
			background-color:#be932a; /*#090606; /*#111111;*/
			filter: alpha(opacity=70);
			height:30px;
			font-family:Arial;
			font-size:12px;
			color:white;
			z-index:1
		}
		#mainmenu a{
			text-decoration:none;
			margin:0px;
			padding:0px;
			padding-left:10px;
			padding-right:10px;
			border-right:1px solid #996622; /*#191010;/*#222222;*/
			border-left:1px solid #ddbb22; /*#000000;*/
			height:30px;
			line-height:30px;
			float:left;
			text-decoration:none;
		}
		#mainmenu a:first-child {border-left:none; padding-left:260px;}
		#mainmenu a:hover, :focus, .active {background-color:#996622; /*#000000;*/}

		.gutschein{
		position:absolute;
		right:5%;
		bottom:10%;
		}

@media only screen and (min-width: 760px) and (max-width: 979px) {
		body{background-image:url(../images/brunch_butter_979.jpg); background-size:auto;}
		#mainmenu { z-index:5; font-size:11px; overflow:none;}
		#mainmenu a:first-child {border-left:none; padding-left:20px;}
		#logo{ width:180px; height:200px; top:20px; }
		h1{ width:600px; font-size:2.5em;}
		h2 {font-size:16px;}
		.beschreibung{font-size:0.65em; width:370px;}
		.uhrzeit{font-size:1.2em; margin-top:-20px;}
		#footer{font-size:10px}
}
@media only screen /*and (min-width: 320px) */ and (max-width: 759px) {
		body{background-image:url(../images/brunch_butter_979.jpg); background-size:100%; background-position:0 155px;}
		h1{width:100%; padding:20px; padding-top:200px; text-align:center;}
		#mainmenu {	z-index:1; font-size:11px; height:auto; overflow:none; position: absolute; right: 0; width: 100%; min-width:300px; }
		.linkblock{padding-left:40%;}
		#mainmenu a{width:120px; text-align:center; border-bottom:1px solid #996622;}
		#mainmenu a:first-child {padding-left:10px; border-left:1px solid #ddbb22; border-bottom:1px solid #996622;}
		#logo{ width:120px; min-width:150px; max-width:200px; padding-left:3%; height:161px; top:0px; background-size:140px;}
		.titelzeile{position:relative; height:231px; margin-left:0px;}
		h1{ width:100%; font-size:2.5em; padding: 168px 0 0;}
		h2 {font-size:16px; padding: 0 20px 10px;}
		.beschreibung{position:relative; font-size:0.65em; width:100%; margin:0px !important; padding-left:0px; padding-right:0px; padding-bottom:6px; border-radius:0px;}
		.uhrzeit{font-size:1.2em; margin-top:-20px; margin-right:30px;}
		p{margin-left:20px; margin-right:30px;}
		#footer{font-size: 10px; margin: 0; padding: 6px 0; position: relative; top: 250px;}
		.gutschein{	width:180px; position:absolute;	left:20px; top:300px;}
}
@media only screen /*and (min-width: 320px) */ and (max-width: 500px) {
		body{background-image:url(../images/brunch_butter_979.jpg); background-size:500px; background-position:0 155px; width:500px;}
		#logo{ background-image:url("../images/logo_waldschloesschen.png"); background-color:#be932a; width:170px; padding-left:0px; height:155px; top:0px; background-size:140px; margin-left:0px; border:0px; border-radius:0px; box-shadow:none;}
		#mainmenu {	z-index:1; font-size:11px; height:auto; overflow:none; position: absolute; right: 0; width: 66%; min-width:320px}
		.linkblock{padding-left:0;}
		#mainmenu a{width:134px; text-align:center; border-bottom:1px solid #996622;}
		#mainmenu a:first-child {padding-left:10px; border-left:1px solid #ddbb22; border-bottom:1px solid #996622;}
		h1{ width:100%; font-size:2em; padding: 160px 0 0;}
		.titelzeile{ position:relative; height:216px; margin-left:0px;}
		.gutschein{	width:140px; position:absolute;	left:20px; top:300px;}
}
@media only screen and (max-width: 320px) {
		body{background-image:url(../images/brunch_butter_979.jpg); background-size:320px; background-position:0 105px; width:320px;}
		#logo{ width:101px; min-width: 101px; height:105px; border:0px; top:0px; background-size:90px; padding-left:0px; margin-left:0px; border:0px; border-radius:0px; background-color:#be932a; box-shadow:none;}
		#mainmenu {	z-index:1; font-size:8px;  height:auto; overflow:none; position: absolute; right: 0; width:220px; min-width:220px; }
		#mainmenu a{padding:0px; width:105px; text-align:center; border-bottom:1px solid #996622; height:20px; line-height:18px;}
		#mainmenu a:first-child {padding:0px; border-left:1px solid #ddbb22; border-bottom:1px solid #996622;}
		h1{ width:100%; font-size:2em; padding: 104px 0 0; font-size:22px; padding-left:0px;}
		.beschreibung{position:relative; top:175px; font-size:0.65em; width:100%; margin:0px !important; padding-left:0px; padding-right:0px; padding-bottom:6px; border-radius:0px;}
		.titelzeile{position:relative; height:140px; margin-left:0px;}
		.gutschein{	width:90px !important; position:absolute; left:20px; top:250px !important;}
		h2{font-size:13px;}
		p{font-size:9px;}
		#footer{font-size: 10px; margin: 0; padding: 6px 0; position: relative; top: 175px;}
}