/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{background: url(../img/background.jpg) no-repeat fixed;background-size: 100% 100%;font:18px Georgia;color: #5a5a5a;line-height: 1.6em;}
.container{border-top: 6px solid #497492;background: #fff;margin-top: 50px;margin-bottom: 50px;}
h1{font:29px Georgia;color: #497492;font-weight: bold;padding:35px 0 20px 70px;}
h1 span{color: #999;}
#slideshow{position: relative;}
#slideshow h3{background: rgba(53, 101,135,0.67); color: #fff;width: 745px;padding: 15px 15px 15px 40px;font-size: 18px;font-weight: normal;line-height: 1.4em;position: absolute;bottom: 60px;left: 0px;z-index: 10}
#slideshow img{width: 100%;height: auto;}
#mainContent{padding: 40px 0;}
.mainContent{padding-left: 40px;padding-right: 20px;}
.sidebar{padding-right: 30px;padding-left: 0px;}
.sidebar ul{list-style: none;padding: 0;margin: 0 0 20px 5px;}
.sidebar ul li{border-left: 4px solid #497492;padding:3px 0 3px 5px;margin-bottom: 15px;}
h2{font-size: 29px;color: #497492;margin-bottom: 20px;font-weight: normal;}
#mainContent p{margin-bottom: 20px;}

a{color: #5a5a5a;text-decoration: none;}
a:hover{color: #5a5a5a;text-decoration:underline;}

.imagerow{padding: 20px 0;}
.imagerow .img.first{padding-left: 40px;}
.imagerow .img.middle{padding-left: 20px;padding-right: 20px;}
.imagerow .img.last{padding-right: 40px;}
.imagerow .img img{width: 100%;height: auto;}

.contactrow{margin-bottom: 30px;}
.contactrow h2{padding-left: 40px;}
.contactrow .span12 p{padding-left: 40px;}
.contactrow .left p{padding:20px 0 20px 160px;background: url(../img/ansprechpartner.jpg) no-repeat left center;margin-left: 40px;}
.contactrow .right p{padding:25px 40px 25px 20px;background: #ecf0ee;border-left: 6px solid #497492;font-style: italic;margin-right: 40px;}

footer{background: #497492;color: #fffef9;font-size: 14px;line-height: 1.4em;}
footer p{padding: 20px;margin: 0;padding-left: 0px;}
footer p a{color: #fff;text-decoration: none;}
footer p a:hover{text-decoration: underline;color: #fff;}
footer .first p{padding-left: 40px;}
footer iframe	{ width:100%; height:400px; border:0;}
footer .middle p{
	padding-left: 20px;
}

@media (max-width: 1200px) {
	#slideshow h3{width: 585px;}
}
 
@media (min-width: 768px) and (max-width: 979px) {
	#slideshow h3{width: 585px;}
	.contactrow .left p{background: none;padding-left: 0;}
	#slideshow h3{width: 550px;}
}

@media (max-width: 763px) {
	
	#slideshow h3{
		display: block;
		width: 100% !important;
		padding: 20px 0 !important;
		text-align: center;
		bottom: 0px;
		left: 0px;
	}
		
}
 
@media (max-width: 767px) {
	#slideshow h3{width: 420px;padding-left: 20px;}
	.contactrow .left p{background: none;padding-left: 0;}
	footer p{padding-left: 20px !important;}
	
	.imagerow .img{padding: 0 !important;max-width: 283px;width: auto;margin: auto;margin-bottom: 20px;}
	.sidebar{max-width: 700px;width: auto;margin: auto;}
	h1{padding-left: 40px;font-size: 20px;}
	.mainContent, .sidebar{padding-left: 20px;padding-right: 20px;}
	
	.contactrow h2, .contactrow .span12 p, .contactrow .left p, .contactrow .right p{padding-left: 20px !important;margin-left: 0;margin-right: 0;}
}
 
@media (max-width: 480px) {
	/* #slideshow h3{width: 400px;bottom: 0px;} */

	footer iframe 	{ height:250px;}
	body{padding: 0 !important;}
	h1{padding-left: 0px;font-size: 20px;text-align: center;}
	footer p{padding: 20px !important;}
}