
.wrapper_navi{
	width:100%;
	margin-right: 0%;
	display:block;
	z-index:99997;
box-sizing:border-box;
padding-top:10px;
background: rgba(251,248,241,0.8);
position:relative;
	}
	
	.sl-navigation{z-index:9999999;}
	
	.section{
		display:block;
	position:absolute;
	z-index:1;
	padding:0px 0;
	text-align:center;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	height:540px;
	max-height:540px;
	margin-top:0px;}
	
		.section_mobile{
			
			display:none;
	position:absolute;
	z-index:1;
	padding:0px 0;
	text-align:center;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	height:540px;
	max-height:540px;
	margin-top:0px;}


	

	
	.logo_2016_x{
	margin-left:auto;
	margin-right:auto;
	width:424px;
	height:120px;
	position:relative;
	z-index:99997;
	float:none;
	}




.box_topnavi{
	position: absolute;
	display:flex;
	align-items:center;
	right:150px;
	top:10px;}	
	

	.box_topnavi a{
		margin:5px;}	
	
	
		
a.top{font-size: 14px;
color:#666;

}

	.menu_top {
		text-align:right;
float:right;
width:70%;
		margin-right: 0px;
		z-index:500;
		position:relativ;
		}
		
	.menu_top img{
		vertical-align: middle;}
	
	.logo_kapfenberg{
	
	margin-left:10px;}
	
.navileiste{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;	
	height:38px;
	display:block;
	
	}
	
	.navileiste_mobile{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;	
	height:38px;
	display:none;
	
	}
	
	.slogan{
		margin-top:45px;
		float:left;}

.navi_100{
		height:38px;
margin-top:5px;

	
	}

	
	.platz{
		
		float:left;
		height:100px;
		overflow:hidden;}
		
	
				
				
	
	.box_countdown{
		border:#900;
	margin-top:40px;
	margin-bottom:20px;
	float:right;
	margin-right: 35px;
	}
	
		.box_countdown_headline{
			width:335px;
			text-align:right;
	float:none;
	font-size:24px;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:10px;
	line-height:22px;}
	
	.box_countdown_text{
	float:left;
	font-size:18px;

	margin-top:5px;}
	


	
.social_icons{
	margin-left:10px;
	margin-top: 0px;
	text-align: right;
float:right;

	}	
	


#nav-wrap {
	margin-top: 2px;
	padding-top:5px;
	width:100%;
	margin-left:auto;
	margin-right:auto;

	 text-transform: uppercase;

		
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
	z-index:9999 !important;	
}
#nav li {
	list-style: none;
	float: left;
	margin-right: 1px;
}

/* nav link */
#nav a {
	padding: 4px 14px;
	display: block;
	color: #4E4E4E;
	text-decoration:none;
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-size: 1.0em;
	

}
.nav_first:hover {
	background:#fbf8f1 ;

}





/* nav dropdown */
#nav ul {
	background: #fbf8f1;
	padding: 0px;
	position: absolute;
	display: none; /* hide dropdown */
	width: 200px;
		font-family: 'Roboto Condensed';
	font-weight: 400;
	z-index:9999 !important;
		
}



#nav ul li {
	float: none;
	margin: 0;
font-family: 'Roboto Condensed';
	font-weight: 400;
	font-size:0.85em;
	border-bottom: 1px dotted rgba(102,102,102,0.2);
	padding:5px;
	
}

#nav ul li:hover {
background:#fff;
	
}


#nav ul li :last-of-child {

border-bottom: 0px dotted rgba(102,102,102,0.2);
	
}

#nav li:hover > ul {
	display: block; /* show dropdown on hover */


}


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

#nav a {
	padding: 4px 5px;
	display: block;
	color: #4E4E4E;
	text-decoration:none;
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-size: 1.0em;
	

}

}



@media screen and (max-width: 780px) {
	
	.navi_100{
		height:38px;
margin-top:36px;

	
	}
	
.logo_kapfenberg{
float:none;
margin-left:0px;}
	

	#nav a {

	display: block;
	color: #000;
	text-decoration:none;
	font-family: 'Roboto Condensed';
	font-weight: 400;

}

	/* nav-wrap */
	#nav-wrap {
		position: relative;
		padding-top:0px;
	}
	
#nav li {
	list-style: none;
	float: left;
	margin-right: 5px;
	
}


	/* menu icon */
	#menu-icon {
		color: #000;
		width: 100%;
		height: 40px;
		background: #fbf8f1 url(../bilder/menue_icon.png) no-repeat center center;
		padding: 5px ;
		cursor: pointer;
		display: block; /* show menu icon */
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
	#menu-icon:hover {
		background-color: #fbf8f1;
	}
	#menu-icon.active {
		background-color: #fbf8f1;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 40px;
		width: 100%;
		padding: 0px;
		background: #fbf8f1;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
		
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		
		display: inline;
		padding: 0;
		color: #666;
		border: none;
		text-decoration:none;
	}
	#nav li:hover > ul {
	display: block; /* show dropdown on hover */
	background: none;
}

	
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #666;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 3px;
		background:#fff;
	}
	
	
		#nav ul li:hover {
		margin: 3px 0 3px 3px;
		background:#fbf8f1;
	}
	
	.social_icons{
	float: none;
	text-align: center;
	margin-top: 1px;
	}
	
		.section{
		display:none;
	position:absolute;
	z-index:1;
	padding:0px 0;
	text-align:center;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	height:540px;
	max-height:540px;
	margin-top:0px;}
	
		.section_mobile{
			
			display:block;
	position: absolute;
	z-index:1;
	padding:0px 0;
	text-align:center;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;

	max-height:240px;
	margin-top:130px;}

}




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


	
.logo_2016_x{

	width:250px;
	height:71px;
	margin-top:40px;

	}
	
	.box_topnavi{
		width:100%;
	position: absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	right:0px;
	top:10px;
	transform:scale(0.85);}	
	
	.box_topnavi a{
		margin:5px;}	

}



