body {
	margin: 20px;
	padding: 0;
	background-image: url("../img/background_gradient.jpg");
	
	font-family: "Open Sans",Arial,sans-serif; 
	color: #333;/* MF ergänzt */
	
}

img {
	max-width: 100%;
	height: auto;
}

#container {
	margin: 0 auto;
	max-width: 980px; /* auf Breite des Header-Bildes gesetzt*/
	background: white;
}

#header1 {
	float: left;
	background: white;
	width:96%;
	/* height: 5em; /* vor her Zeile nicht da oder 20px*/
	padding: 1.1% 0 1.1% 2%; /* 20/960x100 */
	/* oben, re, unten, li */
}

@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
#header1 {
	display: none;
}
}

#header2 {
	float: left;
	background: lightgrey;
	width:100%;
	height: 10px;
	/* height: 5em; /* vor her Zeile nicht da oder 20px*/
	/*padding: 2% 0 2.08333333% 2%; /* 20/960x100 */
}

#header {
	float: left;
	background: orange;
	width:100%; 
	margin: 0 0 2.08333333% 0; /* 20/960x100 */
	
}


	#doubletap {
    	display: none;
	}

@media screen and (min-device-width: 600px), screen and (min-width: 600px) {
	#doubletap {
    	display: inline;
	}

}

@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
#header {
	/*display: none;*/
}
}

#logo {
	width: 12.5%; /* 120/960x100 */
	display: block;
	background: white;
	margin: 3.125% 2.08333333%; /* 30/960x100, & 20/960x100*/
	padding: 2.08333333%; /* 20/960x100 */
	text-align: center;
	text-decoration: none;
	color: grey;
}

#menu {
	float:left;
	background: orange;
	width:100%; 
	margin: 0 0 2.08333333% 0; /* 20/960x100 */
	
}

/*@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
#menu {
	height: 100px;
}
}*/

#article {
	float: left;
	width: 45%;  /* vorher 62.5%; /* 600/960x100 */
	padding: 0 0 0 2%; /* 30/600x100 */ /* MF ergänzt, sonst Scrift am Rand */
	
	color: #333; font-family: "Open Sans", Arial, sans-serif; background-color: #fff;
	font-size: 11pt;
	text-align: left;
	
}

	.artikel_ueberschrift {
		color: #333; font-size: 11pt; font-family: "Open Sans", sans-serif; font-weight: 700;
		text-decoration: none;
	}

/* aside setzt sich drunter bei kleinen  vorher 30em   media screen and*/
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
#article {
	float: left;
	clear: left;
	width: auto;  /* vorher 62.5%; /* 600/960x100 */
	padding: 0 3% 0 3%; /* 30/600x100 */ /* MF ergänzt, sonst Scrift am Rand */
	
	color: #333; font-family: "Open Sans", Arial, sans-serif; background-color: #fff;
	font-size: 11pt;
	text-align: left;

}
}

.info {
	background:yellow;
	padding:5%; /* 30/600x100 */
	margin:3.333333333% 0;  /* 20/600x100 */
}


#aside {
	float: right;
	width: 45%; /* vorher  29.16666667%; /* 280/960x100 */
	background: $fco; /* voerher #FC0; */
	padding: 0; /* vorher 2.08333333%; /* 20/960x100*/
	
	font-size: 11pt;

	
}


/* aside setzt sich drunter bei kleinen  vorher 30em   media screen and*/
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
  #aside {
  	float: left;
    clear: left;
    width: auto;
    background: $fff;
	padding: 0 3% 0 3%;
  }
  img:not(.unveraendert) {width: 100%; height:auto; }
  /*#container{ width: device-width;} mit body und #container probiert */
}

#footer {
	clear: both;
	padding: 1.0416666667%; /* 10/960x100 */
	background: white;/*#0a487b;*/
	text-color: white;
}

#footer a {
	color: white;
}


a.branchen2  { color: #399; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-stretch: expanded; text-decoration: none }
a.branchen1 { color: #666; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.branchen01 { color: #666; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

.fliste_schrift {
	font-size: 9pt;
	text-align: left;
}
.fliste_schrift a {
	text-decoration: none;
}

#fliste_name {
	margin-top: 10px;
	margin-bottom: 10px;

}
#fliste_adresse {
	float:right;
	margin-top: 5px;
	margin-bottom: 5px;

}
#fliste_links{
	float:left;
	margin-bottom: 5px;

}
#fliste_beschreibung {
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;

}

@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
	#fliste_adresse {
		float:none;
		margin-top: 5px;
	}
	#fliste_links{
		float:none;
	}
	#fliste_beschreibung {
		clear:both;

	}

}

.float_right {
	float:right;
}
.float_left {
	float:left;
}
.clear_both {
	clear:both;
}