.bottomnav {
	width: auto;
   margin: 0px 10px 10px 10px;
}

.bottomnav ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	position: relative;
}


.nav1 {
	margin-top: 0px;
	width: auto;
	
	margin-left: 0px;

	/*border:solid 1px red;*/
}

.nav1 ul {
	/*
		width: 75%;
	margin-right: 20%;
	width: 75%;*/
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	position: relative;
}
.nav1 ul ul{
	width: 75%;
	position: absolute;
	left: 0px;
}
.nav1 ul li {
	display: block;
	width: 129px;
	float: left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: transparent;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent;
}
.nav1 ul li:hover, .nav1 ul .current {
	border-left-color: #ED190F;
}
.nav1 ul li a {
	font-size: 12px;
	line-height: 18px;
	color: #464632;
	text-decoration: none;
	display: block;
	padding-left: 7px;
	margin-right: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-weight: bold;
}
.nav1 ul li ul li {
	float: left;
	display: block;
	width: auto;
}
.nav1 ul li ul li a {
	text-decoration: none;
	padding-left: 7px;
	margin-right: 20px;
	margin-left: 0px;
	font-weight: bold;
}
.nav1 ul li a:hover {
	color: #F5AF00;
	color: #000;
}
.nav1 ul li .current  {
	font-weight: bold;
	/*color: #000;*/
}

.nav1 ul .current ul li a{
	/*
	font-weight: normal;
	padding-left: 60px;
	color: #F5AF00;*/
}


.nav1 ul li ul li a:hover{
	/*color: # ;*/
	/*font-weight: bold;*/
}
.nav1 ul li ul li .current{
	font-weight: bold;
	color: #F5AF00;
}
.nav1 ul #kont {
	background-color: #FFE993;
	
}
.nav1 ul #kont a{
	background-color: #FFE993;
	border-bottom-color: #FFF;
}
.nav1 ul #not {
	background-color: #F5AF00;
}
.nav1 ul #not:hover a {
	color: #000;
}




/* Desktop XLarge */
@media only screen and (min-width: 1536px) and (max-width: 3000px) {
	.nav1 ul li {  width: 196px; }
	.nav1 ul li a { font-size: 16px;  line-height: 32px;}
}



/* Desktop large */
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
	.nav1 ul li {  width: 163px; }
	.nav1 ul li a { font-size: 14px;  line-height: 26px;}
}






/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.nav1 { margin-left: 0px; /*background-color:red;*/}
	.nav1 ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	position: relative;
	}
	.nav1 ul ul{
		position: absolute;
		left: 0px;
	}
	
	
}

/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) {

}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.nav1 ul li {  width: 87px;}
	.nav1 ul li a { font-size: 14px; line-height: 14px;}
	.nav1 ul li ul li {  width: auto;}
	.nav1 ul li ul li a {  padding-left: 7px; margin-right: 7px;}
}

@media only screen and (min-width: 320px)  and (max-width: 511px) {
	.nav1 { margin-right: 0px; margin-top: 3px; display:none;}
	.nav1 ul li  { width: 98%; float: none; border-top: 1px solid #333;}
	.nav1 ul li a { font-size: 16px; line-height: 16px;}
	.nav1 ul li ul li  { width: 98%; float: none; border-top: 1px solid #333; }
	.nav1 ul ul { position: static; margin-left: 50px; }
}

/* Smartphone Land */
@media only screen and (min-width: 480px)  and (max-width: 720px) {	
	/*
	#hg {width: 100%; padding-top: 200px;  margin-top: 0px; background-color: #FFF;}
*/
}
/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) {	
	.nav1 { margin-right: 0px; margin-top: 80px; }
}