.nav {
	height : 118px;
	float : left;
	width : 300px;
}


/* ###top-nav start###  */
.top-nav {
	height : 97px;
}

.top-nav ul{
	margin : 0px 0px 0px 10px;
	padding : 0px;
	font-weight : bold;
	font-style : normal;
	font-size : 10px;
	text-transform : uppercase;
}

.top-nav li {
	line-height : 28px;
	float : left;
	display : block;
	margin : 0px 8px 0px 8px;
	padding : 0px;
}

.top-nav a {
	float: left;
	display : block;
	line-height : 28px;
	margin : 0px;
	padding : 0px;
	text-decoration : none;
}

.top-nav a:hover {
	text-decoration : underline;
}

.top-nav .active {
	text-decoration : underline;
}
/*  ###top-nav end###  */

/*  ###main-nav start###  */
/* ###main-nav ebene1 ### */
.main-nav {
	height : 21px;
	border : 0px solid black;
}

.main-nav ul {
	margin : 0px 0px 0px 10px;
	padding : 0px;
	font-weight : normal;
	font-style : normal;
	font-size : 10px;
	color : white;
	text-transform : uppercase;
}

.main-nav li {
	float : left;
	display : block;
	margin : 0px;
	padding : 0px;
}

.main-nav a {
	float: left;
	display : block;
	line-height : 21px;
	margin : 0px;
	padding : 0px 10px 0px 15px;
	text-decoration : none;
	color : white;
}

.main-nav .active1a .a1 {
	background-color : #6d6058;
}

.main-nav .active2a .a2 {
	background-color : #a19790;
}

.main-nav .active3a .a3 {
	background-color : #686a6f;
}

.main-nav .li1  a:hover {
	background-image: url(../images/bg/circle1.gif);
	background-color : #6d6058;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active1  a:hover {
	background-image: url(../images/bg/circle1.gif);
	background-color : #6d6058;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active1a  a:hover {
	background-image: url(../images/bg/circle1.gif);
	background-color : #6d6058;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .li2 a:hover {
	background-image: url(../images/bg/circle2.gif);
	background-color : #a19790;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active2 a:hover {
	background-image: url(../images/bg/circle2.gif);
	background-color : #a19790;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active2a a:hover {
	background-image: url(../images/bg/circle2.gif);
	background-color : #a19790;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .li3 a:hover {
	background-image: url(../images/bg/circle3.gif);
	background-color : #686a6f;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active3 a:hover {
	background-image: url(../images/bg/circle3.gif);
	background-color : #686a6f;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active3a a:hover {
	background-image: url(../images/bg/circle3.gif);
	background-color : #686a6f;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	text-decoration : none;
}

.main-nav .active1 {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle1.gif);
	background-color : #6d6058;
}

.main-nav .active1 ul {
	background-color : #6d6058;
	display : block;
	z-index : 1;
}

.main-nav .active1 .active {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle1.gif);
	background-color : #6d6058;
}

.main-nav .active1a ul {
	background-color : #6d6058;
	display : block;
	z-index : 1;
}

.main-nav .active1a .active {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle1.gif);
	background-color : #6d6058;
}

.main-nav .active2 {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle2.gif);
	background-color : #a19790;
}

.main-nav .active2 ul {
	background-color : #a19790;
	display : block;
	z-index : 1;
}

.main-nav .active2 .active {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle2.gif);
	background-color : #a19790;
}

.main-nav .active2a ul {
	background-color : #a19790;
	display : block;
	z-index : 1;
}

.main-nav .active2a .active {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle2.gif);
	background-color : #a19790;
}

.main-nav .active3 {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle3.gif);
	background-color : #686a6f;
}

.main-nav .active3 ul {
	background-color : #686a6f;
	display : block;
	z-index : 1;
}

.main-nav .active3 .active {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle3.gif);
	background-color : #686a6f;
}

.main-nav .active3a ul {
	background-color : #686a6f;
	display : block;
	z-index : 1;
}

.main-nav .active3a .active {
	line-height : 21px;
	padding : 0px 10px 0px 15px;
	background-repeat : no-repeat;
	background-position : 3px 0px;
	background-image: url(../images/bg/circle3.gif);
	background-color : #686a6f;
}

/* main-nav 2 ebene */

.main-nav  ul ul {
	position : absolute; 
	top : 118px;
	left : 24px;
	width : 650px;
	margin : 0px;
	padding : 0px 0px 0px 95px;
	display : none;
	border : 0px solid black;
	z-index : 2;
}

.main-nav  .li1 ul {
	background-color : #6d6058;
}

.main-nav  .li2 ul {
	background-color : #a19790;
}

.main-nav  .li3 ul {
	background-color : #686a6f;
}

.main-nav  ul ul li {
	margin : 0px auto;
	padding : 0px;
	display : block;
	float : left;
}

.main-nav  ul ul li a {
	height : 21px;
	margin : 0px;
	padding : 0px 10px 0px 15px;
	line-height : 21px;
	display : block;
	float : left;
}

.main-nav li:hover ul, .main-nav li.iehover ul {
	display : block;
	float : left;
}

.main-nav .li1:hover, .main-nav .li1.iehover .a1 {
	background-color : #6d6058;
}

.main-nav .li2:hover, .main-nav .li2.iehover .a2{
	background-color : #a19790;
}

.main-nav .li3:hover, .main-nav .li3.iehover .a3{
	background-color : #686a6f;
}

/* main-nav end */

/*footer-nav start*/

.footer .nav {
	height : 30px;
	width : 555px;
	float : right;
}

.footer .nav  ul{
	margin : 8px 15px 0px 0px;
	padding : 0px;
	font-weight : bold;
	font-style : normal;
	font-size : 10px;
	text-transform : uppercase;
	float : right;
}

.footer .nav  li {
	line-height : 30px;
	float : left;
	display : block;
	margin : 0px 8px 0px 8px;
	padding : 0px;
}

.footer .nav  a {
	float: left;
	display : block;
	line-height : 30px;
	margin : 0px;
	padding : 0px;
	text-decoration : none;
}

.footer .nav  a:hover {
	text-decoration : underline;
}

.footer .nav  .active {
	text-decoration : underline;
}

/*footer-nav end*/