footer {
	margin: 90px 0 0 0;
}

footer .top {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	background-color: #444;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%), url(https://tramino.s3.amazonaws.com/s/gemeinde-rettenberg/718240/header-middle2.png) center center repeat;
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%), url(https://tramino.s3.amazonaws.com/s/gemeinde-rettenberg/718240/header-middle2.png) center center repeat;
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%), url(https://tramino.s3.amazonaws.com/s/gemeinde-rettenberg/718240/header-middle2.png) center center repeat;
	background: linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%), url(https://tramino.s3.amazonaws.com/s/gemeinde-rettenberg/718240/header-middle2.png) center center repeat;
}

footer .top .maxwidth:after { display: block; content: ""; clear: left; }

footer .top .box { width: 400px; float: left; }

footer .top .box .inner {
	margin: 30px 0 30px 25px;
	padding: 0 25px 0 0;
	border-right: 1px solid rgba(255,255,255,0.4);
}

footer .top .content a { color: #FFF; }

footer .top .box.first .inner { margin-left: 0 }
footer .top .box.last .inner { padding-right: 0; border-width: 0;  }

footer .top .box .head:after { display: block; content: ""; clear: both; }

footer .top .box h3 {
	font-size: 16px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	float: left;
}
footer .top .box .more {
	background: url(https://tramino.s3.amazonaws.com/s/gemeinde-rettenberg/718285/footer-ansprechpartner.png) top left no-repeat;
	padding: 0 0 0 30px;
	float: right;
	color: #FFF;
	height: 22px;
	line-height:22px;
	display: inline-block;
}

footer .top .box .content { line-height: 1.3; }
footer .top .box .content .tel { margin-top: 4px; color: #fff !important; }
footer .top .box .content .tel .linkstyle { color: #fff !important; }
footer .top .box .content .tel a { color: #fff !important; }
footer .top .box .content:after { display: block; content: ""; clear: both; }

footer .top .box .content .oez {
	float: right;
	width: 180px;;
	color: rgba(255,255,255,0.8);
}


footer .top .box .content .oez table {
	table-layout: auto;
	border-collapse: collapse;
	margin-bottom: 10px;
}
footer .top .box .content .oez table td  { padding: 0px; }
footer .top .box .content .oez table td:nth-child(1)  { padding-right: 20px ; white-space: nowrap; }

footer .bottom {
	background: url(https://tramino.s3.amazonaws.com/s/gemeinde-rettenberg/718292/karo.png) top left repeat-x;
	width: 100%;
	height: 45px;
}

/* --- Impressum --- */ 

footer .imprint {
	font-size: 14px;
	color: #777;
	color: rgba(0,0,0,0.8);
	margin: 8px 0;
}

footer .imprint a { color: rgba(0,0,0,0.8); text-decoration: none; }
footer .imprint .col2 a { margin-right: 15px; }

footer .imprint .maxwidth:after { display: block; content: ""; clear: left; }
footer .imprint .col1 { float: left; text-align: left;  padding-right: 15px; }
footer .imprint .col2 { float: center; text-align: center; }
footer .imprint .col3 { float: right; text-align: right; opacity: 0.5; }
@media all and (min-width: 1000px) and (max-width: 1250px) {
	footer .top { font-size: 12px; }
	footer .top .box { width: 315px; }
	footer .top .box .inner { padding-right: 15px; margin-left: 15px;}
	footer .top .box .content .oez { width: 140px; }
	footer .top .box .content .oez table td:nth-child(1)  { padding-right: 5px ; }
	footer .bottom { height: 25px; }
	footer .imprint { font-size: 13px; }
}

@media all and (min-width: 768px) and (max-width: 999px) {
	footer .top { font-size: 12px; }
	footer .top .maxwidth { width: 710px; margin: 0 auto; }
	footer .top .box { width: 33.3%; }
	footer .top .box .inner { min-height: 260px; }
	footer .top .box h3 { float: none; }
	footer .top .box .more { float: none; margin-bottom: 10px;}
	footer .top .box .content .left { float: none; margin: 0 0 20px 0; }
	footer .top .box .content .oez { float: none;}

	footer .bottom { height: 20px; }
	footer .imprint { font-size: 12px; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	footer .top { font-size: 12px; }
	footer .top .maxwidth { width: 490px; margin: 0 auto; }
	footer .top .box { width: 160px;}
	footer .top .box .inner { border-width: 0px; padding: 0; margin-left: 15px; }
	footer .top .box .head { height: 70px; margin: 0 0 5px 0; }
	footer .top .box .more { display: inline-block; float: none; }
	footer .top .box .content .left { float: none; margin: 0 0 20px 0; }
	footer .top .box .content .oez { float: none; width: auto; }
	footer .bottom { height: 15px; }
	footer .imprint { font-size: 11px; }
}

@media all and (max-width: 567px) {
	footer .top { font-size: 11px; padding-top: 20px; }
	footer .top .maxwidth { width: 280px; margin: 0 auto; }
	footer .top .box { width: 280px;  }
	footer .top .box .inner { border-width: 0; padding: 0; margin: 0 0 20px 0;  }
	footer .top .box .content .oez { width: 140px; }
	footer .bottom { height: 15px; }
	footer .imprint { font-size: 10px; }
	footer .imprint .col2 { float: none; clear: both; text-align: left; }
}