body {
	font-family: helvetica;
	line-height: 1.4em;
	background-color: #fff;
}


a {
	text-decoration: none;
	color: 	#424242;
}
a:hover {
	color: #51a338;
}


/* --  Grundgerüst div
   ----------------------------------- */

#wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	
	
}

#header {
	margin-top: 20px;
}

#main {
	margin-top: 50px;
}

#content_left {
	float: left;
	width: 65%;
	padding: 0 5% 0 0;
	
}

#content_right {
	float:left;
	width: 30%;
}

#footer {
	padding: 0 0 0 20px;
	color: #878787;
}




/* --  Navi
   ----------------------------------- */

ul.nav {
	float: left;
	margin: 20px 0px 0px 90px;
	padding: 0;
	list-style-type: none;
}

ul.nav li {
	float: left;
}

ul.nav li a {
	padding: 4px 0px 4px 0px;
	margin: 0px 14px 0px 14px;
	font-size: 1.4em;
}

ul.nav li a:hover {
	border-bottom: 3px solid #42689c;
}

/* --  Bilder
   ----------------------------------- */

.logo {
	float: left;
}
.respmenu {
display: none;
	float: right;
	margin: 18px 5%;	
}

img.line {
	margin-top: 30px;
}

#main img {
	margin: 20px 0 20px 0;
}

/* --  Headlines
   ----------------------------------- */


h2 {
	font-size: 1.8em;
	margin: 0 0 .3em 0;
	color: #42689c;
	line-height:1.1em;
}

h3 {
	font-size: 1.2em;
	color:	#51a338;
	margin: 0 0 .2em 0;
}


/* --  Content
   ----------------------------------- */

.author {
	color: #878787;
	font-size: 0.9em;
}

.rightbox {
	background-color: #f2f2f2;
	padding: 15px;
	margin: 0 0 6px 0;
}

.rightbox ul {
	margin: 0;
	padding: 0 0 0 1.3em;
}

a.more {
	display: block;
	margin-top: 8px;
	color: #51a338;
	font-weight: bold;
}


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

	#header {
		text-align: center;
	}
	
	img.logo {
		float: none;
	}
	
	img.line {
		width: 100%;
	}
	
	#content_left {
		width: 60%;
		padding-left:  5%;
	}
	ul.nav li a:hover {
		border-bottom: none;
	}

}

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

	 
	
.respmenu {
	display: block;
}
ul.nav {
	width: 100%;
	display: none;
	margin: 0;
}

ul.nav li {
	float: none;
	text-align: left;
}

ul.nav li a {
	display: block;
	color: #fff;
	padding: 8px 0 8px 20px;
	margin: 0;
}
 
.n01 a, .n03 a, .n05 a {
	background-color: #51a338;
}

.n02 a, .n04 a {
	background-color: #42689c;
}
	 
	#content_left {
		padding:  0 5% 0 5%;
	}
	
	#content_right {
		width: 25%;
	}
	
}

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

#content_left {
	float: none;
	width: 90%;
	padding:  0 5% 0 5%;
}

#content_right {
	float: none;
	width: 100%;
}

#content_left img {
	width: 90%;
}

img.logo {
	max-width: 90%;
}

a.more {
margin-top: 12px;
display: inline-block;
	background-color: #51a338;
	color: #fff;
	padding: 6px 14px 6px 14px;
-webkit-border-radius: 6px;
    
    border-radius: 6px;
    margin-bottom: 5px;
}

	

}