/* Microsite Energiepfad */
@import url(basic.css);
body {
	background: #dddddd url(../img/bg-energiepfad.jpg) center top;
}
.outer {
	background: none;
}
.outer > .ym-wrapper {
	background: url(../img/bg-header-energie.png) center top repeat-x;
}
#main {
    background: #fff url(../img/header-energie.jpg) no-repeat scroll left top;
}
#header {
	height: 175px;
}
#logo {
	margin: 10px 0 0 5px;
	position: absolute;
}
.quickLinks {
	margin: 186px 0 0;
}
.ym-col1 div.vps {
	display: none;
}
.nav-outer .ym-vlist li {
	background: #e5eaee;
	max-width: 310px;
}
.nav-outer .ym-vlist > li a {
	background: #e5eaee url("../img/li-nav.png") no-repeat scroll 0 5px;
	padding: 2px 5px 2px 15px;
}
#footer {
	height: 100%;
	width: 100% !important;
}
#footer .ym-wrapper {
	width: 100% !important;
}
#footer .ym-wrapper .ym-wbox {
	padding: 0;
}
#footer .ym-wrapper .ym-wbox .ym-wbox.top {
	background: #c6cfd4;
}
#footer .ym-wrapper .ym-wbox .ym-wbox.bottom {
	background: #31464e;
}
#footer #FooterTop, #footer #FooterBottom {
	margin:0 auto;
	padding: 20px 0;
	width: 1400px;
}
#footer #FooterTop {
	text-align: center;
}
#FooterTop .ym-g33 {
	line-height: 40px;
	padding: 10px 0 0;
}
#footer #FooterBottom *, #footer #FooterContact a, #footer #FooterContact i.fa {
	color: #fff;
	font-size: 13px;
}
#footer #funktionsLinks a {
	background: none;
	padding: 0;
}
#footer .ym-wrapper .ym-wbox .ym-wbox.top:after, #footer .ym-wrapper .ym-wbox .ym-wbox.bottom:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.home .ym-col2wide {
    width: 75%;
}

/**********************************************************************************************/
/* RESPONSIVE */
/**********************************************************************************************/

@media screen and (min-width: 1200px) and (max-width: 1420px) {
	#footer #FooterTop, #footer #FooterBottom {
		width: 1180px;
	}
	.nav-outer .ym-vlist li {
		max-width: 250px;
	}
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
	#footer #FooterTop, #footer #FooterBottom {
		width: 960px;
	}
	.nav-outer .ym-vlist li {
		max-width: 190px;
	}
}
@media screen and (min-width: 830px) and (max-width: 979px) {
	#footer #FooterTop, #footer #FooterBottom {
		width: 800px;
	}
	.outer {
		padding: 52px 0 0;
	}
	#FooterTop .ym-g33 {
		line-height: 30px;
		padding: 0;
	}
	.outer {
		padding: 52px 0 0;
	}
	.nav-outer .ym-vlist li {
		max-width: 150px;
	}
	.home .ym-col2wide {
		width: 100%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 829px) {
	#footer #FooterTop, #footer #FooterBottom {
		width: 580px;
	}
	.outer {
		padding: 52px 0 0;
	}
	.home .ym-col2wide, #FooterTop > .ym-g33, #FooterTop .ym-g66 {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	#footer #FooterTop, #footer #FooterBottom {
		width: 400px;
	}
	.outer {
		padding: 52px 0 0;
	}
	.home .ym-col2wide, #FooterTop > .ym-g33, #FooterTop .ym-g66 {
		float: none;
		width: 100%;
	}
	#FooterTop img {
		max-width: 150px;
	}
	#FooterTop .ym-g66 .ym-g33 img {
		max-height: 80px;
		max-width: 100px;
	}
	#footer #FooterTop .ym-g66 .ym-g33 {
		text-align: center;
		width: 33.333%;
	}
	#footer #FooterTop .ym-g66 .ym-g33.ym-gl {
		float: left;
	}
	#footer #FooterTop .ym-g66 .ym-g33.ym-gr {
		float: right;
	}
}
@media only screen and (max-width: 479px) {
	#footer #FooterTop, #footer #FooterBottom {
		width: 300px;
	}
	.outer {
		padding: 52px 0 0;
	}
	#footer #FooterTop, #footer #FooterTop .ym-g33 {
		text-align: center;
	}
	#FooterTop .ym-g50 {
		margin: 0 0 20px;
	}
	.home .ym-col2wide, #FooterTop > .ym-g33, #FooterTop .ym-g66 {
		float: none;
		width: 100%;
	}
	.home .ym-col2wide, #FooterTop .ym-g33, #FooterTop .ym-g50, #FooterTop .ym-g66 {
		float: none;
		width: 100%;
	}
}