﻿	
			
	html, body {
/*  height: 100%; */
/*  margin: 0;
  padding: 0; */
}

/* body{
	background-color:white;
	margin:0px;
	padding:0px;
	overflow-y:scroll; 	
 	background: url(../images/bodybg.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
} */

html{
  height:100%;
}

body{
	overflow-y:scroll; 
	background-image:url('../images/background2.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;  
}



img{
	-ms-interpolation-mode: bicubic;
}

*{
color:white;
}

a{
	color:white;
	text-decoration:none;
}

a:hover, a.aktiv{
	text-decoration:underline;
}

strong{
	font-weight:600;
}

h1{
	font-style:normal;
	font-weight:900;
	font-size:24pt;
	letter-spacing:-0.1pt;	
}

h2{
	font-size:16pt;
	font-weight:normal;
	margin-bottom:6px;
}

h3{
	font-size:13pt;
	font-weight:normal;
	margin-bottom:6px;
}

h4{
	font-size:12pt;
	font-weight:normal;
	margin-bottom:6px;
}


.clear{
	clear:both;
	height:0px;
}

#page{
	width:auto;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:25px;
}
		
#banner div.bar{
	text-align:center;
	margin-top:94px;
	margin-bottom:20px;
	background-color:#99CA3C;
	padding-top:2px;
	padding-bottom:2px;
	position:relative;
}

#banner div.bar #logo{
	width:503px;
	margin:0 auto;
}

#banner div.bar p{
	color:white;
	text-transform:uppercase;
	font-style:italic;
	font-weight:900;
	font-size:14pt;
	text-align:right;
	padding-right:30px;
	margin:0;
}

#banner div.bar #logo div{
	position:relative;
	text-align:left;
}

#banner div.bar #logo div img{
	position:absolute;
	top:-94px;
}

div.content{
	width:1050px;
	margin:0 auto;
	position:relative;
}
	
div.content #intro{
	margin-bottom:40px;
}

div.content #intro h1{
	font-size:28pt;
}
		
div.content div.leftcontent{
	float:left;
	width:504px;
}

div.content div.rightcontent{
	float:right;
	width:430px;
}

div.content.full div.rightcontent{
	width:504px;
}

div.content.full div.rightcontent div.bar p{
	padding-left:74px;
}

div.content.full{
	width:auto;
	margin:0 auto;
	background-image:url('../images/barhelper.png');
	background-position:center center;
	background-repeat:repeat;
}

div.content.full div.positionhelper{
	width:1050px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
}

div.content div.leftcontent h1, div.content div.rightcontent h1{
	margin-bottom:40px;
}

div.content div.bar{
	/* background-color:#99CA3C; */
	/* padding:5px; */
}

div.bar{
	height:47px;
	background-repeat:no-repeat;
}

div.bar.left{
	background-image:url('../images/leftbar.png');
	background-position:right top;
}

div.bar.right{
	background-image:url('../images/rightbar.png');
	background-position:left top;
}

/* div.bar.left div{
	width:504px;
	float:right;
}

div.bar.right div{
	float:left;
	width:473px;
} */

div.bar p{
	margin:0;
	font-size:24pt;
	line-height:47px;
	font-weight:normal;
}

div.bar em{
	font-weight:900;
}
		
#bgimagehelper{
	position:relative;
}

#bgimagehelper div.left{
	position:absolute;
	left:0;
	top:5px;
}

#bgimagehelper div.right{
	position:absolute;
	right:0;
	top:100px;
}

#neu_in_minden{
	position:relative;
}	

#neu_in_minden img{
	position:absolute;
	right:0;
	top:-15px;
}
	
div.buttononlinebestellung{
	width:180px;
	background-color:#99CA3C;
	padding:10px;
	background-image:url('../images/einkaufswagen.png');
	background-position:100px center;
	background-repeat:no-repeat;
	float:left;
	margin-left:30px;
	margin-top:30px;
}

div.speisekarte{
	float:left;
}

div.speisekarte img{
	width:200px;
}

div.buttononlinebestellung img{
	float:right;
}

div.buttononlinebestellung p{
	font-size:14pt;
	line-height:125%;
	font-weight:900;
	margin:0;
}

div.buttononlinebestellung p span.big{
	font-size:18pt;
}
	
#footer{
	width:1050px;
	margin:0 auto;
	text-align:right;
	margin-top:100px;
}

div.hidden{
	display:none;
}

div.fullview{
	display:block;
}
	
@media all and (max-width: 1074px) {

	#bgimagehelper div.left, #bgimagehelper div.right{
	position:fixed;
}

	div.content, #footer{
	width:auto;
	text-align:center;
}

	div.content #intro h1{
	font-size:24pt;
}

div.bar p{
	text-align:center;
}

div.bar.left, div.bar.right{
	background-image:none;
	background-color:#99CA3C;
}

	div.content.full{
		background-image:none;
	}
	
	div.content div.leftcontent, div.content div.rightcontent{
		float:none;
		width:auto;
		border-top:5px #99CA3C dotted;
		margin-top:40px;
		padding-top:30px;
	}
	
	div.content div.rightcontent{
	border-bottom:5px #99CA3C dotted;
	margin-bottom:30px;
	padding-bottom:30px;
}
	
	div.hidden{
		display:block;
	}
	
	div.fullview{
		display:none;
	}
	
	div.content div.bar{
	margin-bottom:30px;
}

	div.buttononlinebestellung{
	text-align:left;
	float:none;
	margin:0 auto;
	margin-top:20px;
}

div.speisekarte{
	float:none;
}

#neu_in_minden img{
	position:static;
	top:auto;
}

#footer{
	margin-top:0;
}

}
	
@media all and (max-width: 520px) {
	body{
	font-size:100%;
	}
	
	h1{
	font-size:20pt;
	}

	div.content #intro h1{
	font-size:20pt;
}

	#banner div.bar #logo{
	width:100%;
}

	#banner div.bar #logo div img{
	max-width:100%;
}

	#banner div.bar p{
	font-size:12pt;
	text-align:center;
	padding-right:0;
}

	
}
