body {margin: 30px;
	font-family: "Verdana", "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
	font-size: 62.5%; /* 1em = 10px */
	background-color: white;
	}

#container {
	max-width: 1130px;
	margin: 0 auto;
	background: white;
	padding: 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

header {
	float: left;
	width: 23.958333333333336%; /* 230 v1070 */;
	margin-right: 1.8691588785046727%; /* 20v1070 */;
}

#navMain {
	list-style: none;
	padding: 0;
}

#navMain li {
	float: left;
	width: 100%;
}

#navMain li a {text-decoration: none; /* kein Unterstrich */}

#navMain li a:hover { background: #666; }

#content {
	float: left;
	width: 73.83177570093457%;
	margin-bottom:1%;
}
/* Stil des Select-Buttons. http://www.web-toolbox.net/webtoolbox/css/css-pulldown.htm#
*/
.selauswahl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	border: 1px solid #FFFFFF;
	background-color: #0066ff;
	width: 170px;
	padding: 2px;
}

#content bilder {}

#content figure {margin-left:0;/* wichtig*/
width:150px;
height:150px;
vertical-align:bottom;
float:left;} 

#content img {
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0;
	margin-left:0;
	float:left;
}

#content section {
	margin: 0 0 2% 0;
	width: 100%;
	float:left;
}

#content section:nth-of-type(1),
#content section:nth-of-type(2) {
	width: 46.835443037974684%;
}

#content section:nth-of-type(1) { margin-right: 6.329113924050633%; }

footer {
	clear: both;
	text-align: center;
	font-size:100%;
}

/* EIGENES */
h1 {font-size:4em;
	font-weight:bold;
	margin-bottom:0em !important;
}
h2 {font-size: 2em;
	font-weight:bold;
	margin-top:4%;
	margin-bottom:0%;}
p {	font-size: 1.4em;
	margin-top:0%;
	margin-bottom:0%;}
	

nav ul {
	font-size: 1.4em;
}
nav select {
      display: none;
    }

@media screen and (max-width:1190px) {
	body {
		margin:10px;
	}
	
	#container {padding:20px;}
}

@media screen and (max-width:860px) {
	
	#content {padding-top:2%;} 
	#content h1 {font-size:2.5em;}
	#content h2 {font-size:1.6em;}
	
}

@media screen and (max-width:700px) {
	
	body {margin:10;}
	
	#container {padding:10px 15px;}
	
	/*
	#toggleNavMain {
		display:block;
		position: absolute;
		right: 15px;
		top: 40px;
		background: #e3bf91;
		padding: 2% 3%;
		font-family: 'Kaushan Script', cursive;
		font-size:1.2em;
		cursor:pointer;
	}
	*/
	
	/*#logo {margin:0 auto;}*/
	
	#content section:nth-of-type(1),
	#content section:nth-of-type(2) {
		width:100%;
	}

	#content section img {float:left;}
h1 {margin-top:3%}
h2 {margin-top:2%;
	margin-bottom:0%;}
	p {margin-top:0%;
	margin-bottom:0%;}
	
	#navMain {display:none;}
	#adresse {display:none;}
	nav select { display: inline-block;
	position:relative; margin-left: 0px;}
	
	header {
	float: center;}
	
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	
  $(document).ready(function() {
 		$('html').addClass('js'); // Klasse "js" per jQuery zum html-tag hinzufügen.
		
		 var navToggle = ['<div id="toggleNavMain">Menü</div>'].join("");
		 $("header").append(navToggle) /* Button zur Einblenden des Hauptmenüs wird per JavaScript erstellt und in den Header eingefügt */
  });

  $(function() {
	  var pull 		= $('#toggleNavMain');
		  menu 		= $('#navMain');
		  menuHeight	= menu.height();
  
	  $(pull).on('click', function(e) {
		  e.preventDefault();
		  menu.slideToggle();
	  });
  
	  $(window).resize(function(){
		  var w = $(window).width();
		  if(w > 320 && menu.is(':hidden')) {
			  menu.removeAttr('style');
		  }
	  });
  });
</script>

}