/*
#######################################################################################################
##############################  HEADER  ###############################################
#######################################################################################################
*/

.rahmen-schatten {
	position: fixed;
	/* to prevent empty space around the vignette */
	top: 0;
	left: 0;
	/* extends to the whole visible area */
	width: 100%;
	height: 100%;
	-moz-box-shadow: inset 0 0 85px 5px #9b9c9e;
	-webkit-box-shadow: inset 0 0 85px 5px #9b9c9e;
	box-shadow: inset 0 0 85px 5px #9b9c9e;
	z-index: -1;
	/* overflow: auto; */
}

.rahmen-inhalt {
	width: 100%;
	height: 100%;
	margin: 0 auto -25px;
}


/* ========== WRAPs ========== */
.header {
	position: relative;
	width: 100%;
	min-width: 1200px; /* wrapper bugfix */
	height: 82px;
	margin: 0;
}
.header_wrap {
	position: initial;
	min-width: 1200px;
	height: 82px;
	margin: 0 auto 0 0;
}

.content {
	width: 100%;
	min-width: 1200px; /* wrapper bugfix */
	height: auto;
	padding: 0;
	margin: 0;
}

.content_wrap {
	position: absolute;
	/* min-width: 1080px; */
	height: auto;
	margin: 110px 10 0 50;
	padding: 0 0 50px 0;
	color: #706F6F;
	top: 10;
	bottom: 0;
	right: -10;
	left: 0;
	overflow: auto;
}


/* ========== DIVERSE CONTENT-BOXEN ========== */
.logo {
	position: absolute;
	top: 10px;
	left: 702px;
	bottom: 10px;
	width: 161px;
	height: 44px;
}

.logo1 {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	width: 92px;
	height: 44px;
}

h3.salut {
	font-weight: lighter;
	bottom: 0;
	height: 0;
	left: 900px;
	position: absolute;
	top: 25px;
	width: 250px;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: #7b7c7e;
	font-size: 10pt;
	line-height: 20px;
}

.sprache {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 860px;
	height: 18px;
	text-align: right;
}

/* ========== BUTTON LOGOUT ========== */

.logout {
	position: absolute;
	bottom: 0px;
	left: 1050px;
	/*width: 860px;*/
	height: 26px;/*text-align: right;*/
}

.logout a:link, .logout a:visited {
	color: #a8a8ad;
	line-height: 0px !important;
	text-decoration: none;
	padding: 6px 15px 6px 15px;
	margin: 0 0 0 20px;
	font-weight: bold;
	background: #FFF;/*Border*/
	border-top: #a8a8ad solid 2px;
	border-left: #a8a8ad solid 2px;
	border-right: #a8a8ad solid 2px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	font-style:normal;
	letter-spacing:0.05em;
	font-variant:normal;
	font-size:12pt;
	line-height:19px;
}

.logout a:hover, .logout a:active {
	color: #3e3e40;
	text-decoration: none;
}

/* ############# HAUPTNAVIGATION ############# */
.navigation_new {
	position: relative;
	width: 100%;
	/* min-width: 1200px;  */
	padding: 0;
	margin: 0;
	overflow: auto;
}
.navigation_wrap {
	font-size: 15;
	position: relative;
	min-width: 1271px;
	height: 34px;
	line-height: 34px;
	margin: -15px auto 0 -73px;
	padding-left: 2px;
	background: #7b7c7e;
	/*Border*/
	border-bottom: 1px solid #626263;
	border-top: 1px solid #9c9d9d;
	/*border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
	/*Background gradient*/
	background: rgba(156,157,157,1);
	background: -moz-linear-gradient(top, rgba(156,157,157,1) 0%, rgba(97,97,98,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,157,157,1)), color-stop(100%, rgba(97,97,98,1)));
	background: -webkit-linear-gradient(top, rgba(156,157,157,1) 0%, rgba(97,97,98,1) 100%);
	background: -o-linear-gradient(top, rgba(156,157,157,1) 0%, rgba(97,97,98,1) 100%);
	background: -ms-linear-gradient(top, rgba(156,157,157,1) 0%, rgba(97,97,98,1) 100%);
	background: linear-gradient(to bottom, rgba(156,157,157,1) 0%, rgba(97,97,98,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9d9d', endColorstr='#616162', GradientType=0 );
}
.navigation_wrap ul {
	list-style-type: none;
	margin: 0 74px 0 100px;
	clear: both;
}
.navigation_wrap ul li {
	font-family: 'Oswald', sans-serif;
	font-weight: 300 !important;
	text-transform: uppercase;
	list-style-type: none;
	float: left;
	margin: 0 0 5px 0;
	letter-spacing: 0.04em;
}
.navigation_wrap ul li.spacer, ul.oe_menu li.spacer {
	color: #ffffff;
	height: 20px;
	margin: 7px 3px 0 3px;
	/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);*/
	border-left: #ffffff solid 1px;
}
.navigation_wrap ul li a.active {
	font-weight: 300 !important;
	line-height: 26px !important;
	padding-top: 4px !important;
	padding-bottom: 3px !important;
	border-bottom: #B89F94  solid 2px;
	background-color: rgba(0, 0, 0, 0.20);
}
.navigation_wrap ul li a:link, .navigation_wrap ul li a:visited {
	text-decoration: none;
	line-height: 26px;
	padding-top: 4px;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 4px;
	color: #ffffff; 
	font-weight: 300 !important;
	padding-right: 14px;
	padding-left: 14px;
	/*crossfade color*/
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.navigation_wrap ul li a:hover {
	text-decoration: none;
	line-height: 26px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #ffffff;
	font-weight: 300 !important;
	border-bottom: #B89F94 solid 2px;

	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.navigation_wrap ul li a:active { /* .navigation_wrap ul li a:hover, */
	text-decoration: none;
	line-height: 26px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #B89F94;
	font-weight: 300 !important;
	border-bottom: #B89F94 solid 2px;

	-webkit-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity: 0.25;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

