@charset "UTF-8";
html{-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-moz-box-sizing:inherit;box-sizing:inherit}
body{background-color:#aab4c8; font-family: 'Old Standard TT', serif}
h1,h2,h3 {font-family: 'Old Standard TT', serif; color:#fafafa }
p{font-family: 'Old Standard TT', serif; font-size: 0.8em; line-height:1.5em; color:#fafafa }
a{font-family: 'Old Standard TT', serif; font-size: 1em; color:#aab4c8; }

#wrapper {max-width: 1024px; margin: 0 auto}
#content {background-color:#fafafa; margin-top:-1em; box-shadow:0 0 4px 1px #666}
#bar {max-width:100%; background-color:#aab4c8}
#anfahrt {padding: 1em; text-align: right}
#impressum p { color:#9faabf }

.left,
.right { width: 100%; padding: 1em 2em 1em 2em; }

img { max-width: 100%; height: auto; }
/*#logo { margin-left: 0em; }*/


.browsehappy{margin:0; background:#999; color:#fff; padding:1em}
 
 /*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}


/**
 *	Media Queries
 */

 /* ab 560px */
@media only screen and (min-width: 36em) {

	.infos { width: 576px; margin: 0 auto; }
	.left, .right { float: left; width: 50%; }

}

@media only screen and (max-width: 34em) {
	 
	#logo {   width:50%; margin-left: 0em; }
	#stoerer {   width:40%;  }