@charset "UTF-8";



.activesub {
	display: 			block !important;
}



/*	css information for navigation-layer
*/

.topnavigation {
	position:			relative;
	height:				68px;
	z-index:			1000;
	cursor: 			default;
}

.topnavigation ul,
.bottomnavigation ul,
.additionalNavigationBar ul {
	position:			absolute;
	width:				870px;
	height:				17px;
	left:				0px;

	margin:				0;
	padding:			0;
	font-size:			11px;
	border-bottom:		1px solid #666;

	list-style-position:outside;
	list-style-type:	none;
}

.topnavigation ul li,
.bottomnavigation ul li,
.additionalNavigationBar ul li {
	font-size: 			11px !important;
	line-height:		14px;
	margin:				0;
	padding:			0;
	
	float:				left;
	text-align:			center;
}

.topnavigation ul li a,
.bottomnavigation ul li a,
.additionalNavigationBar ul li a {
	font-size: 11px;
}

.topnavigation ul li.overlay,
.bottomnavigation ul li.overlay,
.additionalNavigationBar ul li.overlay {
	position:			absolute;
	top:				18px;
	left:				0px;
	height:				1px;
	width:				870px !important;
	z-index:			10;
	
	font-size:			1px;
	background-color: 	#000;
}

.topnavigation ul li a,
.bottomnavigation ul li a,
.additionalNavigationBar ul li a {
	position:			relative;
	top:				3px;
	padding:			2px 9px 2px 9px;
	cursor:				pointer;
}

.topnavigation ul li a:hover,
.topnavigation ul li a.active,
.topnavigation ul li a.activeSlide,
.bottomnavigation ul li a:hover,
.bottomnavigation ul li a.active {
	color:				#FFF;
	background-color:	#000;
	border-left:		1px solid #666;
	border-right:		1px solid #666;
	border-top:			1px solid #666;
	padding: 			2px 8px 2px 8px;
}

.additionalNavigationBar ul li a:hover,
.additionalNavigationBar ul li a.active {
	color:				#FFF;
	background-color:	#000;
	border-left:		1px solid #666;
	border-right:		1px solid #666;
	border-top:			1px solid #666;
}

.topnavigation ul li.first,
.bottomnavigation ul li.first,
.additionalNavigationBar ul li.first {
	text-align:			left;
}

.topnavigation ul li.first a,
.bottomnavigation ul li.first a,
.additionalNavigationBar ul li.first a {
	padding-left: 		0;
}

.topnavigation ul li.last,
.bottomnavigation ul li.last,
.additionalNavigationBar ul li.last {
	text-align:			right;
}

.topnavigation ul li.last a,
.bottomnavigation ul li.last a,
.additionalNavigationBar ul li.last a {
	padding-right:		0;
}





/*	extra styling for layer1 elements ( ly1 )
*/

.topnavigation ul.ly1 {
	top:				0px;
}

.topnavigation ul.ly1 li {
	width:				148px;
}

.topnavigation ul.ly1 li.first {
	width:				65px;
}

.topnavigation ul.ly1 li.last {
	width:				65px;
}

.topnavigation ul.ly1 li.first a:hover,
.topnavigation ul.ly1 li.first a.active {
	background-color:	#000;
	border-left:		none;
	border-right:		1px solid #666;
	border-top:			1px solid #666;
	padding:			2px 9px 2px 0;
}

.topnavigation ul.ly1 li.last a:hover,
.topnavigation ul.ly1 li.last a.active {
	background-color:	#000;
	border-left:		1px solid #666;
	border-right:		none;
	border-top:			1px solid #666;
	padding:			2px 0 2px 9px;
}




/*	extra styling for layer2 elements ( ly2 )
*/

.topnavigation ul.ly2 {
	display:			none;
	top:				22px;
}

.topnavigation ul.ly2 li {
	width: auto;
	padding: 0 8px;
}

.topnavigation ul li.leftspace {
	padding: 0;
	margin: 0;
}

.topnavigation ul#sub_unternehmen li {
	width:				85px;
}

.topnavigation ul#sub_unternehmen li.leftspace {
	width:				45px;
}

.topnavigation ul#sub_einsatzbereiche li {
	width:				60px;
}

.topnavigation ul#sub_einsatzbereiche li.leftspace {
	width:				208px;
}

.topnavigation ul#sub_kollektion li {
	width:				85px;
}

.topnavigation ul#sub_kollektion li.leftspace {
	width:				332px;
}

.topnavigation ul#sub_produktinfo li {
	width: 				175px;
}

.topnavigation ul#sub_produktinfo li.leftspace {
	width:				195px !important;
}

.topnavigation ul#sub_produktinfo li#lnkTechInfo {
	width:				125px;
}

.topnavigation ul#sub_produktinfo li#lnkReinigung {
	width:				95px;
}

.topnavigation ul#sub_produktinfo li#lnkPreise {
	width:				60px;
}

.topnavigation ul#sub_produktinfo li#lnkWarumRavello {
	width: 				120px;
	padding-right: 0;
}



/*	extra styling for layer3 elements ( ly3 )
*/

.topnavigation ul.ly3 {
	display:			none;
	top:				22px;
	border-bottom:		none;
}

.topnavigation ul.ly3 li {
	text-align: 		left;
}

.topnavigation ul.ly3  li a:hover,
.topnavigation ul.ly3  li a.active {
	border-left:		none;
	border-right:		none;
	border-top:			none;
	padding: 			2px 9px 2px 9px;
}

.topnavigation ul.ly3 li a.hasDropDown,
.topnavigation ul.ly3 li a.hasDropDown:link,
.topnavigation ul.ly3 li a.hasDropDown:hover {
	color: #ac9bca;
}

.topnavigation ul#sub_einsatzbereiche_indoor li {
	width:				60px;
}

.topnavigation ul#sub_einsatzbereiche_indoor li.leftspace {
	width:				138px;
}

.topnavigation ul#sub_einsatzbereiche_outdoor li {
	width:				60px;
}

.topnavigation ul#sub_einsatzbereiche_outdoor li.leftspace {
	width:				255px;
}





/*	Dropdown Navigation
*/

.topnavigation ul.ly3 ul {
	position: absolute;
	top: 15px;
	display: none;
	height: auto;
	background-color: #000;
	border: none;
	padding: 12px 0 6px 0;
	border: 1px solid #000;
	border-top: none;
}

.topnavigation ul.ly3 li:hover ul {
	display: block;
}

.topnavigation ul.ly3 ul li {
	float: none;
	text-align: left;
	border: none;
	width: auto !important;
	padding: 1px 2px 1px 2px;
}

.topnavigation ul.ly3 ul li.overlay {
	position: absolute;
	top: 0;
	left: -5px;
	width: 400px !important;
	height: 9px;
	padding: 0;
}

.topnavigation ul.ly3 ul li a {
	top: 0;
}

.topnavigation ul.ly3 ul {
	width: auto;
}

.topnavigation ul.ly3 ul#sub_einsatzbereiche_indoor_boden {
	left: 144px;
}

.topnavigation ul.ly3 ul#sub_einsatzbereiche_indoor_wand {
	left: 218px;
}

.topnavigation ul.ly3 ul#sub_einsatzbereiche_outdoor_boden {
	left: 260px;
}










/*	extra styling for gallery-footer-navigation elements
	(navigation to select a gallery / footer of thumbnailbar)
*/

.additionalNavigationBar {
	position: 			relative;
	height:				25px;
	min-height:			25px;
	margin:				5px 0 0 0;
}

.additionalNavigationBar ul {
	border-top:			1px solid #666;
	border-bottom:		none;
	line-height:		17px;
}

.additionalNavigationBar ul li {
	line-height:		17px;
	width:				116px;
}

.additionalNavigationBar ul li a {
	line-height:		17px;
	top:				1px;
	padding:			4px 9px 2px 9px;
}

.additionalNavigationBar ul li.first {
	width:				92px;
	text-align:			left;
}

.additionalNavigationBar ul li.last {
	width:				82px;
	text-align:			right;
}

.additionalNavigationBar ul li a:hover,
.additionalNavigationBar ul li a.activeSlide {
	color:				#FFF;
	background-color:	#000;
	border-top:			none;
	border-left:		1px solid #666;
	border-right:		1px solid #666;
	border-bottom:		1px solid #666;
}

.additionalNavigationBar ul li.first a:hover,
.additionalNavigationBar ul li.first a.activeSlide {
	border-left:		none;
	border-right:		1px solid #666;
	border-bottom:		1px solid #666;
}

.additionalNavigationBar ul li.last a:hover,
.additionalNavigationBar ul li.last a.activeSlide {
	border-left:		1px solid #666;
	border-right:		none;
	border-bottom:		1px solid #666;
}















/*	extra styling for footer elements
*/


.bottomnavigation {
	position:			relative;
	height:				26px;
	margin:				50px 0 0 0;
}

.bottomnavigation ul.footer {
	border-top:			1px solid #666;
	border-bottom:		none;
}

.bottomnavigation ul.footer li {
	width:				290px;
}

.bottomnavigation ul.footer li.first {
	width:				144px;
	text-align:			left;
}

.bottomnavigation ul.footer li.last {
	width:				144px;
	text-align:			right;
}

.bottomnavigation ul.footer  li a:hover,
.bottomnavigation ul.footer  li a.active {
	border-left:		none;
	border-right:		none;
	border-top:			none;
}