/* ************************************************************ */
/*   Design:	footer.css										*/
/*   Author:	Thomas Panner									*/
/*   Web:		www.redklaxx.at									*/
/*   Date:		10.03.2015										*/
/* ************************************************************ */

.footer_page {
	position: relative;
	width: 100%;
	line-height: 100%;
	height: auto;
	color: #ffffff;
	background-image: url('../images/footer.gif');
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.footer_wrapper {
	text-align: left;
	min-height: 180px;
	height: auto;
	margin: 0px auto 0;
	padding-top: 20px;
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.footer_titel {
	margin: 0px auto 0;
	padding: 0px;
	float: left;
	text-transform: uppercase;
	height: 35px;
	color: #ffffff;
	font-family: 'EurostileLTStdBoldCn', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: oblique;
	font-size: 14pt;
	clear: both;
	text-transform: uppercase;
	border-bottom: 2px #ffffff dotted;
}

.footer_text {
	margin: 0px auto 0;
	padding: 0px;
	float: left;
	width: 250px;
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-transform: none;
	left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 22px;
}

.footer_text a, .footer_text a:link, .footer_text a:visited {
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

.footer_text a:hover {
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
}

.footer_column {
	margin: 0px auto 0;
	padding: 0;
	float: left;
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.footer_column ul li {
	margin: 0px auto 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
}

.footer_column ul {
	margin: 0px auto 0;
	padding: 0px;
	float: left;
	width: 240px;
	text-transform: uppercase;
}

.footer_column li {
    margin: 0px auto 0;
	padding: 0px;
	float: left;
	width: 240px;
	text-transform: uppercase;
}

.footer_column ul li {
	margin: 0px auto 0;
	padding: 0px;
	float: left;
	width: 220px;
	background-image: url('../images/footer_trenner.png');
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.footer_column ul li a, .footer_column ul li a:link, .footer_column ul li a:visited {
	list-style: none;
	line-height: 30px;
	color: #ffffff;
	font-size: 10pt;
	text-decoration: none;
	text-transform: uppercase;
}

.footer_column ul li a:hover {
	color: #ffffff;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

.footer_column ul li:hover {
	cursor: pointer;
	text-transform: uppercase;
}

.footer_column ul li a:hover {
	color: #ffcc00;
}


/* ====================  media screen einstellungen ==================== */

/* ----- desktop <= 767px ----- */

@media screen and (max-width: 767px) {

	.footer_column {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}

	.footer_titel {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}

}

/* ----- desktop < 400px----- */

@media screen and (max-width: 399px) {

	.footer_wrapper {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		padding-left: 20px;
	}

}

/* ----- desktop > 400px and < 480px----- */

@media screen and (min-width: 400px) and (max-width: 479px) {

	.footer_wrapper {
		width: 380px;
		padding-left: 20px;
	}

}

/* ----- desktop > 480px and < 600px----- */

@media screen and (min-width: 480px) and (max-width: 599px) {

	.footer_wrapper {
		width: 460px;
		padding-left: 20px;
	}

}

/* ----- desktop > 600px and < 640px----- */

@media screen and (min-width: 600px) and (max-width: 639px) {

	.footer_wrapper {
		width: 580px;
		padding-left: 20px;
	}

}


/* ----- desktop > 600px and < 640px----- */

@media screen and (min-width: 600px) and (max-width: 639px) {

	.footer_wrapper {
		width: 580px;
		padding-left: 20px;
	}

}

/* ----- desktop > 640px and < 768px----- */

@media screen and (min-width: 640px) and (max-width: 767px) {

	.footer_wrapper {
		width: 620px;
		padding-left: 20px;
	}

}

/* ----- desktop > 768px and < 800px----- */

@media screen and (min-width: 768px) and (max-width: 799px) {

	.footer_wrapper {
		max-width: 740px;
	}

	.footer_column {
		width: 220px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.footer_titel {
		width: 220px;
	}


}

/* ----- desktop > 800px and < 960px ----- */

@media screen and (min-width: 800px) and (max-width: 959px) {

	.footer_wrapper {
		max-width: 780px;
	}

	.footer_column {
		width: 230px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.footer_titel {
		width: 230px;
	}

}

/* ----- desktop > 960px and < 1024px ----- */

@media screen and (min-width: 960px) and (max-width: 1023px) {

	.footer_wrapper {
		max-width: 920px;
	}

	.footer_column {
		width: 270px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.footer_titel {
		width: 270px;
	}

}

/* ----- desktop > 1024px and < 1280px ----- */

@media screen and (min-width: 1024px) and (max-width: 1279px) {

	.footer_wrapper {
		width: 1000px;
	}

	.footer_column {
		width: 300px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.footer_titel {
		width: 300px;
	}

}

/* ----- desktop > 1280px ----- */

@media screen and (min-width: 1280px) {

	.footer_wrapper {
		width: 1200px;
	}

	.footer_column {
		width: 370px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.footer_titel {
		width: 370px;
	}

}

/* ----- schriftart einbetten ----- */

@font-face {
	font-family: 'OpenSans';
	src: 	url('../fonts/opensans.eot');
	src: 	url('../fonts/opensans.woff') format('woff'),
			url('../fonts/opensans.ttf') format('truetype'),
			url('../fonts/opensans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EurostileBoldItalic';
	src: 	url('../fonts/eurostile_bold_italic.eot');
	src: 	url('../fonts/eurostile_bold_italic.woff') format('woff'),
			url('../fonts/eurostile_bold_italic.ttf') format('truetype'),
			url('../fonts/eurostile_bold_italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EurostileLTStdBoldCn';
	src: 	url('../fonts/EurostileLTStdBoldCn.eot');
	src: 	url('../fonts/EurostileLTStdBoldCn.woff') format('woff'),
			url('../fonts/EurostileLTStdBoldCn.ttf') format('truetype'),
			url('../fonts/EurostileLTStdBoldCn.svg') format('svg');
}