/* ======= Navigation horizontal ======== */
.navbar {
  display: none;
}

.navbar-nav {
  background: #FFF !important;
}

.dropdown-menu, .dropdown-menu li a {
	font-size: 12px;
	padding-left: 10px;
	margin-left: 0;
}

.dropdown-menu > ul {
	margin-top: 0;
	padding-top: 0;
}

.dropdown-menu li {
	position: relative;
}

.dropdown-menu li a {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#topnav-area {
	position:relative;
	top: 2px;
	width:624px;
	height:30px; /* 70px wenn SubSub Nav Höhe für Submain, müsste dann in HTML mit verändert werden, wenn variable Höhe*/
	margin-left:201px;
	background-image:url(../images/template/navtop_bg_streifen.png); background-repeat: repeat-x;
	z-index: 200;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 line-height: normal;
 margin: 0;
 padding: 0; 
}

ul.dropdown {
 position: relative;
 float: left;
 z-index: 597;
}

ul.dropdown li {
 float: left;
 line-height:normal;
 vertical-align: middle;
 zoom: 1;
}

/*Sub-Sub Menü Container*/
ul.dropdown ul {
	position: absolute;
	top: 100%;
	left: 0;
	padding-top:7px;
	padding-left:8px;
	width:115px; /*Sub-sub Menü Breite*/
	background-image:url(../images/template/navtop_sub_bg.png);
	z-index: 598;
}

ul.dropdown ul li {
 float: none;
}

/*3te unterebene*/
ul.dropdown ul ul {
 top: 0;
 left: 65%; /*99%*/
}

.navbar-default {
	border: none;
    background: none;
	margin-top: -75px;
}

.navbar-brand{
	width:150px;
}

.nav li.open a{
	padding-bottom: 0;
}

.nav li.open {
	margin-bottom:5px;
}

.caret {
	display: block !important;
	position: absolute  !important;
    right: 10px !important;
	top: 5px !important;
	padding:0 !important;
	content: '' !important;
	width: 0 !important;
	height: 0 !important;
	border-style: solid !important;
	border-width: 10px 10px 0 10px !important;
	border-color: #ccc transparent transparent transparent !important;
	background: none !important;
}

.has-submenu.highlighted {
	background: none !important;
}

/* Sub-Main Breite*/
li.dir a {
	display:block;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	width:124px; /*124px Breite Ausgelegt auf 5 Menüpunkte, Rest dann direkt im HTML zuweisen*/
	
	background-image: url(../images/template/navtop_bg.png);
	background-repeat: no-repeat;
	background-position: right;
	
	color:#666;
	/*border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;*/
	/*Border raus, weil manche Browser interpretieren unterschiedliche Breiten!*/
}

li.dir a:hover,
li.active a {
	color:#fff;
	text-decoration:none;
	background-image: url(../images/template/navtop_bg_hover.png);
	background-repeat: no-repeat;
	background-position: right;
}

li.last a,
li.last a:hover{
	/*width:128px;*/
	background-position: left;
	/*border:none;*/
}

li.sub a {
	padding-top:0;
	color:#666;
	text-align:left;
	background-image:none;
}

li.sub a:hover,
li.activesub a{
	text-decoration:underline;
	background-image:none;
	color:#077cc1;
}





/* ======= Haupt Navigation links ======= */

#navleft-area {
	position:absolute;
	left:1px;
	width:198px;
	height:254px;
	z-index:10;
	background-image: url(../images/template/navleft_bg.png);
	background-repeat: repeat-y;
}

#navleft ul {
	margin: 0;
	padding:0;
	list-style-type:none;
}

#navleft li {}

#navleft li a,
#navleft li.sub2 {
	display: block;
	/*height:auto!important;*/
	height: 32px; /*26-6*/
	font-size: 12px; /*12px*/
	text-decoration: none;
	padding: 7px 0 0 15px; /*6*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #666666;
}

#navleft li.activemain a, a.active,
#navleft li a:hover {
	background-image: url(../images/template/navleft_hover.png);
	background-repeat: repeat-y;
	color:#FFFFFF !important;
}

/* ========= Subnav Top right ========== */

#subnav_top {
	position:absolute;
	font-size:11px;
	right:0;
	top: 18px;
	color:#666;
	text-align:right;
}

#subnav_top a {
	text-decoration:none;
	margin-left:4px;
	margin-right:4px;
	color:#666;
	background: none;
}

#subnav_top a:hover, #subnav_top a.active {
	color:#077cc1 !important;
}

/* ========== footer Navigation ============ */
#footer-content {
	position:relative;
	margin:0 auto;
	width:826px;
	padding-top:30px;
	margin-top:0;
	font-size:13px;
	color:#5f6b73;
}

#footer-content ul {
	margin:0;
	padding:0 180px 0 16px;
	list-style-type:none;
}

#footer-content li {
	float:left;
}

#footer-content  li a {
	display:block;
	height:auto;
	font-size:13px;
	line-height:20px;
	text-decoration: none;
	padding:0 10px 0 0;
	margin-right:10px;
	background-image:none;
	border-right:1px solid #c8d2da;
	color:#5f6b73;
}

#footer-content  li.active a,
#footer-content  li a:hover {
	color:#077cc1;
}

#footer-content .first a { padding-left:0; }
#footer-content .last a {
	background-image:none;
	border-right:none;
}

/* Bau-/Staubwand top navigation width repair */
#topnav-area li.dir a[href="bau-staubwandsysteme_uebersicht.html"],
#topnav-area li.dir a[href="site_hoardings_dust_partitions_overview.html"] {
    width: 82px;
}

#topnav-area li.dir a[href="bau-staubwandsysteme_montage-bauwand.html"],
#topnav-area li.dir a[href="bau-staubwandsysteme_montage-staubwand.html"],
#topnav-area li.dir a[href="site_hoardings_dust_partitions_install_hoarding.html"],
#topnav-area li.dir a[href="site_hoardings_dust_partitions_install_dust.html"] {
    width: 145px;
    white-space: nowrap;
}