/* main.css */
.floatLeft{
	position: relative;
	float:left;
}
.floatTop{
	position: relative;
	float:left;
	margin-top: -193px;
	margin-bottom: -100px;
}
.w50{
	width: 360px;
	margin-top: 21px;
}

.width{
	width: 230px;
	float: left;
}
.width  figure{
	border: 1px solid grey;
}
#top{
	background-size: 100% 200px;
	z-index: 5;
}
#wrapper{
	font-weight: 200;
}
#backImage{
	background: url(../images/background_neu_blur.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 1000px;
	/*overflow: auto;*/
}
#header{
	width: 100%;
	height: 230px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
#header .inside{
	/*background: url(../images/head_bild_zeichnung.png);*/
	border-radius: 5px;
	height: 228px;
	width: 960px;
	border: 1px solid #999;	
	box-shadow: -3px 3px 5px 5px rgba(0,0,0,0.2) inset;
}
#header .headClass{
	/*position: relative;*/
	border-radius: 5px;
	height: 228px;
	margin-bottom: -228px;
	z-index: -1;
}
#header .ce_noobSlide{
	/*position: relative;*/
	margin-bottom: -228px;
}
#header h1{
	margin-left: 729px;
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: -10px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 10px;
	color: white;
	background: #74441c;
	opacity: 0.9;
	/*position: relative;*/
	z-index: 100;
}
#logo_header{
	position: relative;
	z-index: 100;
}
#header h1:first-of-type{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
#header h1:last-of-type{
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
#logo_header{
	float: right;
	/*position: relative;*/
	margin-top: 15px;
	opacity: 1.0;
	padding-bottom: 10px;
}
#logo_header img{
	box-shadow: 5px 5px 3px rgba(66,66,66,0.7) !important;
	-moz-box-shadow: 5px 5px 5px rgba(66,66,66,0.5) !important;
	-webkit-box-shadow: 5px 5px 5px rgba(66,66,66,0.5) !important;
	border-radius: 6px 0px 0px 7px;
	/*box-shadow: -3px 3px 5px 5px rgba(0,0,0,0.2) inset;*/
	width: 231px;
	margin-top: 16px;
	margin-bottom: 25px;
	margin-right: -1px;
	border-top: 1px solid #94643c;
	border-left: 1px solid #94643c;
	border-bottom: 1px solid #94643c;
}
#main{
	width: 720px;
	margin-right: 10px;
	background: rgba(255,255,255,0.8);
	min-height: 275px;
}
#main .inside{
	padding: 10px;
	font-weight: 200;
	color: #616161;
	font-size: 13px;
}
.ce_list li{
	padding-bottom: 10px;
	padding-left: 20px;
	background: url(../images/hIco.png) no-repeat;
	background-size: 12px 12px;
	background-position: 0px 0px; 
}
#right{
	width: 230px;
	background: #616161;
	color: white;
	font-size: 13px;
}
#right .inside{
	padding: 10px;
}
#right table td{
	line-height: 18px;
}
#right .info h1{
	margin-bottom:-10px;
}
#right .info h2{
	margin-bottom:15px;
	letter-spacing: 1.5px;
	font-weight: 100;
}
#footer{
	color: #616161;
	margin-top: 5px;
	width: 400px;
}
#footer .inside{
		padding: 5px;
}
#footer a{
	text-decoration: none;
	font-size: 13px;
	color: #616161;
	float: left;
}

/* Social Media */
.links_social_media{
	width: 100%;
	padding: 10px;
	padding-top: 20px;
	float: left;
}

.links_social_media img{
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
}

.links_social_media p{
	margin-top: 5px;
	float: left;
	width: 25%;
}

/* Aktuelles Liste Startseite */
.aktuelles_Liste{
	padding: 3px;
	padding-top:10px;
	/*background: url(../images/rahmen.png) no-repeat;*/
	background: rgba(132, 84, 44, 0.1);
	width: 215px;
	float: left;
	margin-right: 5px;
	margin-bottom: 8px;
	height: 249px;
	min-height: 249px;
	padding: 6px;
}
.layout_latest.aktuelles_Liste img{
	width: 230px;
	border: 1px solid grey;
}
.aktuelles_Liste:last-of-type{
	margin-right: 0px;
	padding-left: 2px;
}
.aktuelles_Liste h2{
	margin-top: 13px;
	padding-right: 6px;
}
.aktuelles_Liste h2 a{
	color: #616161;
	font-size: 14px;
	margin-left: 3px;
	margin-top: -13px;
/*position: relative;*/
	font-weight: 700;
	text-decoration: none;

}
.aktuelles_Liste .teaser{
	font-size: 12px;
	padding: 3px;
	margin-top: 5px;
	/*position: relative;*/
}
.aktuelles_Liste .teaser p{
	line-height: 14px !important;
}
.aktuelles_Liste .more{
	padding-left: 3px;
	margin-top: -10px;
	/*position: relative;*/
	z-index: 10;
}
.aktuelles_Liste .more a{
	color: #616161;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}
.aktuelles_Liste img:last-of-type{
	margin-left: 1px;
}
/* Aktuelles Leser */
.mod_newsreader .aktuelles_Liste{
	background: none;
	width: 100%;
	min-height: 100px;
	height: auto;
}
.mod_newsreader .back a{
	color: #616161;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none
}
.mod_newsreader .info{
	margin-top: -9px;
	font-style: italic;
}
.mod_newsreader h1{
	margin-top: -4px;
	border-bottom: 1px solid #616161;
	padding-bottom: 7px;
}
.mod_newsreader img{
	border: 1px solid #616161;
}
.mod_newsreader table{
	border: 1px solid rgba(132, 84, 44, 0.1);
	width: 97%;
}
.mod_newsreader table td{
	padding: 5px;
	width: 25%;
}
.mod_newsreader table td:nth-of-type(even){
	background: rgba(132, 84, 44, 0.1);
}
.mod_newsreader table h3{
	font-size: 16px;
	margin: 0px;
}


/* Kacheln auf der Startseite */
.kachel{
	width: 32%;
	height: 150px;
	margin-right: 1%;
	float: left;
	background: #84542C;
	position: relative;
	border: 1px solid #84542C;
	margin-top: 10px;
}
#startseite div:nth-of-type(3n+2){
	margin-right: 0%;
}
.kachel figure{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.kachel figure img{
	width: 100%!important;
	/*height: 150px!important;*/
	z-index: -1!important;
}
.kachel h1{
	color: white;
	background: #84542C;
	text-align: center;
	margin-top: -145px;
	z-index: 12;
	font-size: 16px;
}
.kachel h1 a, .kachel h2 a{
	text-decoration: none;
	color: white;
	background: #84542C;
	width: 100%;
	padding-left: 50%;
	padding-right: 50%;
	margin-left: -15%;
	padding-top: 8px;
	padding-bottom: 3px;
}

.kachel h2{
	display: none;
	z-index: 11;
}


/* If smaller than 1000px than one column */
@media screen and (max-width: 1000px) {
	#wrapper{
		width: 95%!important;
		margin: auto;
	}
	#header{
		width: 100%!important;
		overflow: hidden;
	}
	#header .inside, #header .inside section{
		width: 100%!important;
	}
	#container, #footer{
		width: 100%!important;
	}
	#main{
		width: 70%;
		margin-right: 2%;
	}
	#right{
		width: 28%;
	}
	
	.mod_navigation{
		width: 100%!important;
	}
}

/* If smaller than 770px than one column */
@media screen and (max-width: 770px) {
	#main{
		width: 100%;
		margin-right: 0%;
	}
	#right{
		width: 100%;
	}
	
	
	.kachel{
		width: 48%;
	}
	#startseite div:nth-of-type(3n+2){
		margin-right: 0%;
	}
}

/* If smaller than 450px than one column */
@media screen and (max-width: 450px) {
	
	.kachel h1 a, .kachel h2 a{
	padding-left: 50%;
	padding-right: 50%;
	margin-left: -30%;
}
}