/*
Design by Free Responsive Templates
Released for free under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0)
*/ 

* {
	margin: 0;
	padding: 0;
}
body  {
	font-family: Arial, sans-serif;
	font-size: 14px;
	background: #666666;
	color: #677a83;
}
a {
	color:#3a51d9;
	text-decoration:underline;
}
p {
	margin: 15px 0 20px 0;
	padding: 0 10px 0 20px;
	line-height:140%;	
}
.first {
	margin: 20px 0 20px 0;
}
.last {
	margin: 15px 0 40px 0;
}
.single {
	margin: 40px 0;
}
.meldung {
	margin: 20px 0 20px 0;
}
.meldungfirst {
	margin: 20px 0 0px 0;
}
.meldungtext {
	margin: 5px 0 20px 0;
}

.letztemeldungtext {
	margin: 5px 0 40px 0;
}

.entry {
	margin: 0;
	padding: 0 0 0 20px;
}
.lastentry {
	margin: 0 0 40px 0;
	padding: 0 0 0 20px;
}
h1 {
	display: inline;
	padding: 10px 20px;
	font-family: Arial, sans-serif;
	font-size:24px;
	font-weight: normal;
	background-color:#2d4794;
	color: #FFF;
}
h2 {
	font-size: 20px;
	color: #2d4794;
	font-family: Arial, sans-serif;
}
h3 {
	font-size: 20px;
	color: #2d4794;
	font-family: Arial, sans-serif;
}
h4 {
	font-size: 14px;
	margin 0;
	padding: 20px 0 0 20px;
	color: #455c67;
	font-family: Arial, sans-serif;
}
h5 {
	font-size: 14px;
	margin 0;
	padding: 0 0 0 20px;
	color: #455c67;
	font-family: Arial, sans-serif;
}
.container { 
	width: 960px;
	margin: 0 auto;
	padding: 0 0 0 20px ;
	background: #FFF;
}
header {
	background: #FFF;
	border-bottom:20px solid #2d4794;
	padding: 0px;
}
.headerContainer {
	width: 960px;
	margin: 0 auto;
} 



.boxes {
	padding:0 0 30px 0;
}
.boxes li {
	width:860px;
	margin:0 auto 10px auto;
	list-style:none;	
	overflow: auto;
}
.boxes li .boxPic {
	margin:20px 20px 10px 20px;
	float: left;
}
.boxes li h2, .boxes li p {
	margin: 0;
	padding:20px 20px 0 20px;
}



.boxes2 {
	padding:0;
}
.boxes2 h2 {
	padding: 30px 0 0 20px;
	color: /* #677a83; */ #2d4794;
}
.boxes2 li {
	background: #eee;
	width: 420px;
	float: left;
	margin: 10px;
	padding: 20px 0 0 20px;
	list-style: none;
}
.boxes2 li h3 {
	margin: 0;
	padding: 0;
	color: #455c67;
	font-size: 16px;
}
.boxes2 li p {
	margin: 0;
	padding: 15px 0 0 0;
}
.boxes2 li p a {
	padding: 0 15px 20px 0;
	float: right;
}

.rightList {
	float: right; 
	width: 500px;
	padding:20px;
	margin:20px 0;
	background: #eee;
}
.leftList h2, .rightList h2 {
	padding:0 0 20px 0;
}
.leftList { 
	margin: 0 570px 0 0;
	padding:20px 0 20px 0;
}
.leftList li {
	list-style:none;
	padding:5px 0 5px 35px;	
}
.floatPic {
	float: right;
	margin: 20px 20px 10px 20px;
}
footer {
	background: #2d4794;
}
footer p {
	text-align:center;
	padding:30px 10px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.shadowStyle {
	box-shadow: 0px 5px 4px 0px #9ba9d3;
}
/*--------------------------------------------------------------------------------------------*/
/********* begin MAIN NAV ********/
/*--------------------------------------------------------------------------------------------*/
#navcontainer {
	margin: 0 0 20px 0;
	padding:30px 0 15px 0;
	text-align: center;
}
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist li {
	display: inline;
	list-style-type: none;
}
#navlist a { 
	padding: 10px 20px;
	font-size:14px;
	font-family: Arial, sans-serif;
	text-decoration:none;
	color:#000000;	
}
#navlist a:hover {
	color: #888888;
	text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/********* end MAIN NAV ********/
/*--------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------*/
/********* begin MEDIA QUERIES ********/
/*--------------------------------------------------------------------------------------------*/
/* for 980px or less */
@media screen and (max-width: 960px) {
	.container {
		width: 98%;
	}
	.leftList {
		width: 70%;
	}
	.rightList {
		width: 29%;
	}
	.slider {
		width:99.6%;
	}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	header h1 {
    	float: left;
		padding: 45px 0 0 10px;
	}
	header h1 a {

	}
	.rightList {
		width: auto;
		float:none;
	}
	.leftList {
		margin:0;
		width: auto;
	}
	.slider {
		margin-top:10px;
		margin:20px 0 80px 0;
	}
	.flex-control-nav { 
		position:absolute; 
	}
	#navcontainer {
		float:right;
		padding:60px 10px 0 0;
	}
	#navlist li {
		display: inline;
		list-style-type: none;
	}
	.boxes li {
		width:auto;
		float:none;
		margin:0 0 20px 0;
	}
	.footerContent {
		width:auto;
	}
	header .headerContainer {
		width: auto;
	}
	.boxes li img {
		text-align:center;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	header h1 {
    	float: none;
		padding: 5px 0 10px 0;
		text-align:center;
	}
	.slider {
		margin-top:0px;
		margin-bottom:0px;
	}
	.rightList {
		width: auto;
		float:none;
	}
	.leftList {
		margin:0;
		width: auto;
	}
	.flex-control-nav { 
		position:absolute; 
	}
	#navcontainer {
		float:none;
		padding: 10px 0 0 0;
	}
	#navlist li {
		margin: 5px 0;
		display: block;
		text-align:center;
	}
	#navlist a { 
		padding: 0 10px;
	}
	.boxes li .boxPic {
		width:70%;
		margin:10px 20px;
	}
	.boxes li .floatPic {
		width:70%;
		margin:10px 20px;
		float: left;
	}
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

/*--------------------------------------------------------------------------------------------*/
/********* end MEDIA QUERIES ********/
/*--------------------------------------------------------------------------------------------*/
