/* *********************************************************** */
/*   Design:  topmenue.css                                     */
/*   Author:  Thomas Panner                                    */
/*   Web:     www.redklaxx.at 		                           */
/*   Date:    02.10.2014                                       */
/* *********************************************************** */

.topmenue_page {
	text-align: center;
	position: relative;
	width: 100%;
	z-index: 999;
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
}

.topmenue_wrapper {
	color: #707070;
	text-decoration: none;
	font-size: 10px;
	border-width: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	min-height: 120px;
}

.topmenue_logo {
	max-width: 320px;
	text-align: left;
	float: left;
	vertical-align: middle;
}

.topmenue_logo img {
	max-width: 320px;
	padding-top: 10px;
	width: 100%;
}

.topmenue_nav {
	float: right;
	text-align: right;
	list-style: none;
	color: #707070;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-top: 75px;
}

.topmenue_nav li {
	list-style: none;
	color: #707070;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: inline-table;
	padding: 0px;
}

topmenue_nav li {
	display: inline;
}

.topmenue_nav li:after {
	content: '/';
	padding-left: 5px;
	padding-right: 5px;
}

.topmenue_nav li:last-child:after {
	content: '';
}

.topmenue_nav li:before {
	text-decoration: none;
	color: #707070;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	float: right;
	padding: 0px;
	padding-left: 5px;
	margin-right: 5px;
}

.topmenue_nav a, .topmenue_nav a:link, .topmenue_nav a:visited {
	border-width: 0;
	list-style: none;
	color: #707070;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

.topmenue_nav a:hover {
	color: #707070;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
	border-width: 0;
}

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

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

	.topmenue_logo {
		width: 100%;
		max-width: 640px;
		text-align: center;
		float: none;
	}

	.topmenue_logo img {
		max-width: 320px;
		padding-top: 10px;
		width: 90%;
	}

	.topmenue_nav {
		width: 100%;
		max-width: 640px;
		margin: 0px auto 0;
		text-align: center;
		padding-top: 0px;
		float: inherit;
		min-height: 20px;
		padding-bottom: 10px;
	}

}

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

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

	.topmenue_wrapper {
		max-width: 460px;
	}

}

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

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

	.topmenue_wrapper {
		max-width: 620px;
	}

}

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

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

	.topmenue_wrapper {
		max-width: 740px;
	}

}

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

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

	.topmenue_wrapper {
		max-width: 780px;
	}

}


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

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

	.topmenue_wrapper {
		max-width: 920px;
	}

}

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

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

	.topmenue_wrapper {
		max-width: 1000px;
	}

}

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

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

	.topmenue_wrapper {
		max-width: 1200px;
	}

}

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

@font-face {
	font-family: 'EurostileBoldItalic';
	src: 	url('../fonts/eurostile_demobold_italic.eot');
	src: 	url('../fonts/eurostile_demobold_italic.woff') format('woff'),
			url('../fonts/eurostile_demobold_italic.ttf') format('truetype'),
			url('../fonts/eurostile_demobold_italic.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;
}