body{

background:url(../pix/bg-layout-biergarten.jpg) 50% 0 fixed;
background-size:cover;
font-family: "Helvetica Neue", Verdana, sans-serif;
font-size: 1em;
color:#444;
margin: 0;
padding: 0;
}

h1,h2,h3,h4,p{
line-height: 140%;
}

h1{
line-height: 120%;
font-size:1.8em;
margin: 0;
padding: 0;
}

h2{
font-size:1.5em;
}

h3{
font-size:1.3em;

color: #000;
line-height: 120%;
}


a:link, a:visited{color: #006699;}

p{
margin: .5em 0;
}


#layout{
border: #f00 0px solid;
margin: 0;
padding: 0;
background:url(../pix/bg-body.jpg) 50% 0 repeat-x;
}

.contentwidth{
max-width: 1000px;
margin: 0 auto;
padding: 0 1em 1em 1em;
}

#header{
border: #f00 0px solid;
}

#logo{
background: url(../pix/logo.png) 0 0 no-repeat;
background-size:contain;
max-width: 600px;
height: 250px;
border: #f00 0px solid;
margin: 0 auto;
text-indent: -1000em;
padding: 0;
}

#sitehead{
margin: 1em auto;
}


.box-content{
border: #f00 0px solid;
width: 49%;
margin: 0 0 2em 0;

}

.left{
float:left;

}

.right{
float:right;
}

.box-content.right{
width: 39%
}

.box-content.left{
width: 59%;

}




.info span{
display:inline-block;
width: 12em;
}




.infobox{
border: #ccc 1px solid;
margin: 0 0 1em 0;
border-radius: 8px;
padding: .5em 1em;
background: rgba(255,255,255,.9);
}




.infobox h3{
margin: 0;
font-size:1em;
}



.infobox.intro{
color: #000;
background:#fff url(../pix/bg-body.jpg) 0 0 ;
background:#fff;
}

.infobox.intro p{

}

.infobox.intro h3{
font-size: 1.7em;
text-align:center;
font-weight: normal;
}
.infobox.intro h4{
font-size: 1.3em;
text-align:center;
font-weight: normal;
}

.infobox .boximage{
border: #fff 1px solid;

}

.infobox .boximage.right{
border: #fff 1px solid;
margin: 0 0 1em 1em;

}




.infobox.sitehead{
font-size: 1em;
margin: 0;
background:#fff;
}

.infobox.sitehead p{
font-size: 1.5em;
text-align:center;
margin: 0;
}


.infobox.oeffnungszeiten{
background: rgba(255,255,255,.9) url(../pix/edelweiss.png) 98% 10px no-repeat;
}








.infobox.download a{
display:block;
max-width: 307px;
height: 125px;
background: url(../pix/bg-button-download.jpg) 0 0 no-repeat;
background-size:contain;
text-indent: -1000em;
}




#footer{
min-height: 4em;
border: #f00 0px solid;
clear:both;
background:url(../pix/bg-body.jpg) 50% 0 repeat-x;
margin: 1em 0 0 0;
color: #333;
}

#footer fieldset{
background:rgba(255,255,255,.5);
}





.break{clear:both;}




/* ------------ klappbare fieldsets ------------ */

fieldset{
border:none;
border-left: #ddd 1px solid;
border-top: #ddd 1px solid;
border-radius: 10px;
-webkitborder-radius: 10px;
-moz-border-radius: 10px;
background: url(images/bg-box.png) 0 0 repeat-x;
}

html.js fieldset.collapsed {
height: 40px;
}


html.js fieldset.collapsed * {
display: none;
}
html.js fieldset.collapsed legend {
display: block;
padding:0;
}


/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
display: inline;
}

html.js fieldset.collapsible legend a {
display: block;
padding:0 10px 0 20px;
background: url(images/fieldsetpointer_close.gif) 0% 50% no-repeat;
}

html.js fieldset.collapsed legend a {
padding:0 10px 0 20px;
background: url(images/fieldsetpointer.gif) 0% 50% no-repeat;
}

/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
  clear:both;
  padding: 10px
}

@media only screen and (max-width: 600px) {
	
	.box-content,
	.box-content.right,
	.box-content.left{
	width: 100%;
	}
	
	.left{
	float:none;
	}
	
	.right{
	float:none;
	}	

}