body  { line-height: 1.4em; font-family: helvetica; 
}
	

.hgBild { 
	background: url(images/hgBild.jpg) no-repeat; 
	background-size: 100% auto;
	background-attachment: fixed;
}


/*background-image: url(images/hgBild.jpg) no-repeat; background-size: 100% auto; */
			/*background-color: #F3F3F3;   */


}


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


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

#wrapper {
	max-width: 1980px;
/*max-width: 100%;*/
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background-color: #FBFCFD;
	
}

#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 {

/* ---
width: 100%;
position: absolute;
left:0;
---  */
	color: #878787;
background-color: #751C1C;

border-with: 1px;
border-color: #A9A9A9;

border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;


}




/* --  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;
	margin: 5px 300px 5px 0px;
}

/*
.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: #205F94;
	font-weight: bold;

	line-height:1.1em;

	text-align:center;

}

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

h5 {
	font-size: .83em;
text-align:right; 
font-weight:700;
color:#696969;

	
	margin: 0 20px .2em 0;
}

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

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

.rightbox {
	background-color: #f2f2f2;


			background: #4d90c6; /* Old browsers */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(24%,#4d90c6), color-stop(100%,#437FAD)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #E4E4E4 0%, #E4E4E4 24%, #D7D7D7 100%); /* Chrome10+,Safari5.1+ */
			background:    -moz-linear-gradient(top, #E4E4E4 0%, #E4E4E4 24%, #D7D7D7 100%); /* FF3.6+ */
			background:     -ms-linear-gradient(top, #FE4E4E4 0%, #E4E4E4 24%, #D7D7D7 100%); /* IE10+ */
			background:      -o-linear-gradient(top, #FE4E4E4 0%, #E4E4E4 24%, #D7D7D7 100%); /* Opera 11.10+ */
			background:         linear-gradient(top, #E4E4E4 0%, #E4E4E4 24%, #D7D7D7 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#437FAD',GradientType=0 ); /* IE6-9 */

-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
-khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
border-radius:5px 5px 5px 5px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */

	padding: 15px;
	margin: 0 0px 15px 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:990px)  {

	#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;
}

	

}