/**Farben
Hellgrün: a9c606
Olive: 7c960c
Grün: 348d26

Creme: fffef5
*/

body {
  background-color: #fffef5;
  font-family: Helvetica, Corbel, sans-serif;
  font-size:18px;
  #width:1136px;
  height: auto;
  text-align:left;
  margin:0 auto 0 auto;
  line-height: 0.8cm;
  background-position: left top;
  left: none;
 }

#wrapper {
	width: 100%;
	margin-bottom:500px;
	height:auto;
}
#steuerung {
	width: 40%;
	float:left;
}
#zweite_spalte {
	width: 60%;
	float:right;
	webkit-hyphens: none;
	hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
}

a:visited {
text-decoration: none;
color: #000;
}

a:link {
text decoration: none;
color: #000;
}

.content {
	white-space: pre-wrap;
}

h1 {
	font-size:32px;
	font-weight:800;
	color: #7c960c;
	display: inline;
}

h2 {
	font-size:24px;
	font-weight:800;
	color: #7c960c;
	display: inline;
}

ul,li {
list-style-type: circle;}

.headline {
	font-size:24px;
	font-weight:800;
	color: #7c960c;
	display: inline;
}

.subline {
	font-size:18px;
	font-weight:800;
	color: #7c960c;
}

.eins {
	font-family: Helvetica, Corbel, sans-serif;
	font-size:18px;
	color:#390;
	font-weight:600;
}

.zwei {
	font-family: Helvetica, Corbel, sans-serif;
	font-size:18px;
	color:#F90;
	font-weight:600;
}

.drei {
	font-family: Helvetica, Corbel, sans-serif;
	font-size:18px;
	color:#FC0;
	font-weight:600;
}

.vier {
	font-family: Helvetica, Corbel, sans-serif;
	font-size:18px;
	color:#F33;
	font-weight:600;
}


.rot {
	color:#F30;
}

/*.calltoaction {
	background-color:#a9c606; 
	color:#fffef5; 
	width:auto; 
	max-width:280px; 
	height:auto; 
	font-size:20px; 
	font-weight:800; 
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;
	text-decoration:none;
}
*/
.calltoaction a:link {background-color:#a9c606; color:#fffef5; font-size:20px; font-weight:800; text-decoration:none;}
.calltoaction a:visited {background-color:#a9c606; color:#fffef5; font-size:20px; font-weight:800; text-decoration:none;}
.calltoaction a:active {background-color:#a9c606; color:#fffef5; font-size:20px; font-weight:800; text-decoration:none; }
.calltoaction a:hover {background-color:#7c960c; color:#fffef5; font-size:20px; font-weight:800; text-decoration:none; }


.rand {
	background-color: #000;
	height:15px;
	width:100%;
}

.bild {
	width: 100%;
	border-bottom:none;
}

#social {
}

#xing {
	background-image:url(xing.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	float:right;
	margin:15px 5px 5px 5px;
}

#xing:hover {
	background-image:url(xing-h.png);
}

#facebook {
	background-image:url(facebook.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin:15px 5px 5px 5px;
	float:right;
}

#facebook:hover {
	background-image:url(facebook-h.png);
}

#pinterest {
	background-image:url(pinterest.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin:15px 5px 5px 5px;
	float:right;
}

#pinterest:hover {
	background-image:url(pinterest-h.png);
}

#twitter {
	background-image:url(twitter.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin:15px 5px 5px 5px;
	float:right;
}

#twitter:hover {
	background-image:url(twitter-h.png);
}

#content {
	width:80%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	float:none;
	margin-bottom:100px;
}

#footer {
  background-color: #000;
  width:100%;
}

img {
	border-bottom:none;
}




@media screen and (max-width: 850px) {
#wrapper {
	width: 100%;
	margin-bottom:40px;
}
#steuerung {
	width: 100%;
	float:none;
}
#zweite_spalte {
	width: 100%;
	float:none;
	margin-top:50px;
}

}


@media screen and (max-width: 500px) {

body {
  font-size:22px;
}

#social {
	margin-left:auto;
	margin-right:auto;
}

#xing {
	background-image:url(x.png);
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	float:right;
	margin:0;
}

#facebook {
	background-image:url(f.png);
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	float:right;
	margin:0;
}

#pinterest {
	background-image:url(p.png);
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	float:right;
	margin:0;
}

#twitter {
	background-image:url(t.png);
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	float:right;
	margin:0;
}

#xing:hover {
	background-image:url(x-h.png);
}

#facebook:hover {
	background-image:url(f-h.png);
}

#twitter:hover {
	background-image:url(t-h.png);
}

#pinterest:hover {
	background-image:url(p-h.png);
}

#content {
	margin-top:5px;
	width:100%;
}

}

@media screen and (max-width: 700px) {



}