/*  
Theme Name: Steinberg Media Technologies GmbH
Theme URI: http://www.steinberg.net
Description: NAVIGATION
Version: 1.000.017
Author: Projekt 77
URI: http://www.projekt-77.de


******* LAST MOD *******

10-04-23 create

-------------------------------------------------------------------

date 10-07-12

#1633 -> add BS-NAVIGATION 8er

date 10-07-13

#656 -> edit SUB SITES
#705 -> add SUB SITES II

date 10-08-22

#112 -> edit MYSTEINBERG

date 10-08-23

#687 -> edit SUB SITES

date 10-08-25

#120 -> edit MYSTEINBERG

date 10-09-29

#1006 -> edit #product-family ol li (margin: 0 0 0 2.31em;)

date 12-06-01

#1625 -> added googleplus

-------------------------------------------------------------------

******* LAST MOD *******

*/

/* ### NAVIGATIONS
################################################################################################# */

/* ### B2B-STEINBERG
################################################## */

ul.b2b-steinberg,
ul.my-steinberg {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0;
	*margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

	ul.b2b-steinberg li {
		margin: 0;
		padding: 0 20px 0 0;
		list-style: none;
		display: inline;
	}
	
		/* ### default
		################## */
		
		ul.b2b-steinberg li a,
		ul.b2b-steinberg li a:link,
		ul.b2b-steinberg li a:visited {
			color: #333333;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
		ul.b2b-steinberg li a:hover,
		ul.b2b-steinberg li a:active,
		ul.b2b-steinberg li a:focus {
			color: #C80023;
			background-color: transparent;
			text-decoration: underline;
		}
		
		/* ### END default
		################## */
		
		/* ### active
		################## */
		
		ul.b2b-steinberg li.active a,
		ul.b2b-steinberg li.active a:link,
		ul.b2b-steinberg li.active a:visited {
			color: #C80023;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
		ul.b2b-steinberg li.active a:hover,
		ul.b2b-steinberg li.active a:active,
		ul.b2b-steinberg li.active a:focus {
			color: #666666;
			background-color: transparent;
			text-decoration: underline;
		}
		
		/* ### END active
		################## */

/* ### END B2B-STEINBERG
################################################## */

/* ### MYSTEINBERG
################################################## */

ul.my-steinberg {
	width: auto;
	padding: 0 9px 0 0;
	float: right;
}

	ul.my-steinberg li {
		margin: 0;
		padding: 0 11px 11px 11px;
		*padding: 0 11px 10px 11px;
		list-style: none;
		position: relative;
		display: inline;
	}
	
		/* ### default
		################## */
		
		ul.my-steinberg li a,
		ul.my-steinberg li a:link,
		ul.my-steinberg li a:visited {
			color: #333333;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
		ul.my-steinberg li a:hover,
		ul.my-steinberg li a:active,
		ul.my-steinberg li a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_language.png) center bottom no-repeat;
			margin: 0;
			padding: 0 0 11px 0;
			*padding: 0 0 10px 0;
			z-index: 9999;
			text-decoration: underline;
		}
		
		* html ul.my-steinberg li a:hover,
		* html ul.my-steinberg li a:active,
		* html ul.my-steinberg li a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_language.png) center bottom no-repeat;
			margin: 0;
			padding: 0 0 11px 0;
			*padding: 0 0 10px 0;
			z-index: 9999;
			text-decoration: underline;
		}

		ul.my-steinberg li a:hover,
		ul.my-steinberg li a:active,
		ul.my-steinberg li a:focus,
		
		ul.my-steinberg li:hover > a,
		ul.my-steinberg li:hover > a:hover,
		ul.my-steinberg li:hover > a:active,
		ul.my-steinberg li:hover > a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_language.png) center bottom no-repeat;
			margin: 0;
			padding: 0 0 11px 0;
			*padding: 0 0 10px 0;
			z-index: 9999;
			text-decoration: underline;
		}
		
		/* ### END default
		################## */
		
		/* ### active
		################## */
		
		ul.my-steinberg li.active a,
		ul.my-steinberg li.active a:link,
		ul.my-steinberg li.active a:visited {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_language.png) center bottom no-repeat;
			margin: 0;
			padding: 0 0 11px 0;
			*padding: 0 0 10px 0;
			z-index: 9999;
			text-decoration: none;
		}
		
		ul.my-steinberg li.active a:hover,
		ul.my-steinberg li.active a:active,
		ul.my-steinberg li.active a:focus {
			color: #999999;
			background: transparent url(../graphic/bg/navigation/bg_language.png) center bottom no-repeat;
			text-decoration: underline;
		}
		
		/* ### END active
		################## */

.my-steinberg div.fixit {
	clear: both;
	width: auto;
	height: 0;
	left: 0;
	right: auto;
	top: 14px;
	*top: 11px;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	z-index: 99999;
}
		
.my-steinberg div.sub-element {
	width: auto;
	top: auto; 
	color: #5E5E5E;
	background-color: transparent;
	margin: 3px 0 0 0;
	*margin: 5px 0 0 0;
	padding: 9px 0 0 0; 
	position: relative;
	display: inline;
	float: left;
	z-index: 99999;
}

	.my-steinberg div.sub-element ol {
		width: auto;
		color: #5E5E5E;
		background-color: #FFFFFF;
		border: 1px solid #C7C7C7;
		border-top: 0;
		text-align: left;
		margin: 0;
		padding: 5px 0;
		list-style: none;
		display: block;
		float: left;
	}
	
		.my-steinberg div.sub-element ol li {
			clear: both;
			width: auto;
			height: auto;
			line-height: 120%;
			margin: 0;
			padding: 3px 10px; 
			display: inline;
			float: left;
		}
		
			.my-steinberg div.sub-element ol li a,
			.my-steinberg div.sub-element ol li a:link,
			.my-steinberg div.sub-element ol li a:visited {
				color: #333333;
				background: #FFFFFF 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.95em;
				font-weight: normal;
				text-transform: none;
				margin: 0;
				padding: 0; 
				text-decoration: none;
			}
			
			.my-steinberg div.sub-element ol li a:hover,
			.my-steinberg div.sub-element ol li a:active,
			.my-steinberg div.sub-element ol li a:focus {
				color: #C80023;
				background: #FFFFFF 0;
				text-decoration: none;
			}
			
.my-steinberg :hover div {height: auto;}

/* ### END MYSTEINBERG
################################################## */

/* ### BREADCRUMB
################################################## */

#breadcrumb ol {
	color: #999999; 
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#breadcrumb ol li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

	#breadcrumb ol li a,
	#breadcrumb ol li a:link, 
	#breadcrumb ol li a:visited {
		color: #999999; 
		background-color: transparent;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
		
	#breadcrumb ol li a:hover, 
	#breadcrumb ol li a:active, 
	#breadcrumb ol li a:focus {
		color: #C80023; 
		background-color: transparent;
		text-decoration: underline;
	}

		#breadcrumb ol .y-a-h-next,
		#breadcrumb ol .y-a-h { 
			color: #CCCCCC;
			background-color: transparent;
			cursor: help;
		}
		
		#breadcrumb ol .y-a-h-next:hover, 
		#breadcrumb ol .y-a-h-next:focus,
		#breadcrumb ol .y-a-h:hover, 
		#breadcrumb ol .y-a-h:focus { 
			color: #999999;
			background-color: transparent;
		}
	
/* ### END BREADCRUMB
################################################## */

/* ### MAINNAVIGATION
################################################## */

.main-navigation, 
.main-navigation ul {
	padding: 0; 
	margin: 0; 
	list-style: none;
	z-index: 9999;
}

.main-navigation {
	text-align: left;
	margin: 33px 0 -0.0625em 0; 
	position: relative;
	display: block;
	float: right;
}

	.main-navigation li {
		display: inline;
		float: left;
	}
	
		.main-navigation li a,
		.main-navigation li a:link,
		.main-navigation li a:visited {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight: bold;
			color: #333333;
			background-color: transparent;
			position: relative;
			padding: 0 0 25px 1.25em;
			text-decoration: none;
			display: block;
		}
		
		/* ### default / no subnavigation
		################################################## */

		.main-navigation li a:hover,
		.main-navigation li a:active,						
		.main-navigation li a:focus {
			color: #C80023;
			background-color: transparent;
			position: relative;
			z-index: 9999;
			text-decoration: none;
		}

		* html .main-navigation li a:hover,
		* html .main-navigation li a:active,
		* html .main-navigation li a:focus {
			color: #C80023;
			background-color: transparent;
			position: relative;
			z-index: 9999;
			text-decoration: none;
		}

		.main-navigation li a:hover,
		.main-navigation li a:active,
		.main-navigation li a:focus,
		
		.main-navigation li:hover > a,
		.main-navigation li:hover > a:hover,
		.main-navigation li:hover > a:active,
		.main-navigation li:hover > a:focus {
			color: #C80023;
			background-color: transparent;
			position: relative;
			z-index: 9999;
			text-decoration: none;
		}
		
		/* ### END default / no subnavigation
		################################################## */
		
		/* ### subnavigation
		################################################## */

		.main-navigation li.sub a:hover,
		.main-navigation li.sub a:active,						
		.main-navigation li.sub a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub.png) bottom center no-repeat;
			position: relative;
			z-index: 9999;
			text-decoration: none;
		}

		* html .main-navigation li.sub a:hover,
		* html .main-navigation li.sub a:active,
		* html .main-navigation li.sub a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub.png) bottom center no-repeat;
			position: relative;
			z-index: 9999;
			text-decoration: none;
		}

		.main-navigation li.sub a:hover,
		.main-navigation li.sub a:active,
		.main-navigation li.sub a:focus,
		
		.main-navigation li.sub:hover > a,
		.main-navigation li.sub:hover > a:hover,
		.main-navigation li.sub:hover > a:active,
		.main-navigation li.sub:hover > a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub.png) bottom center no-repeat;
			position: relative;
			z-index: 9999;
			text-decoration: none;
		}
		
		/* ### END subnavigation
		################################################## */
		
		/* ### active
		################################################## */
		
		.main-navigation li a.active,
		.main-navigation li a.active:link,
		.main-navigation li a.active:visited {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight: bold;
			color: #C80023;
			background-color: transparent;
			position: relative;
			padding: 0 0 25px 1.25em;
			text-decoration: none;
			display: block;
		}
		
		.main-navigation li a.active:hover,
		.main-navigation li a.active:active,
		.main-navigation li a.active:focus {text-decoration: none;}
		
		/* ### END active
		################################################## */
		
.main-navigation div.fixit {
	width: 60.625em;
	height: 0;
	right: -15px;
	top: 1em; 
	margin: 0;
	padding: 0;
	position: absolute; 
	overflow: hidden;
	z-index: 999;
}

.main-navigation div.sub-element {
	width: 59.875em;
	top: 0;
	left: 0;
	color: #5E5E5E;
	background-color: #FFFFFF;
	border: 1px solid #9A9A9A;
	margin: 12px 0 0 0;
	padding: 0 0.3125em 0.875em 0.3125em; 
	position: relative;
	display: inline;
	float: left;
}

.main-navigation div.sub-element dl {
	width: 13.71875em;
	margin: -1.125em 0.525em 0 0.625em;
	padding: 0;
	display: inline;
	float: left;
}

		.main-navigation li .sub-element dl.context dt	{
			color: #5E5E5E;
			background-color: transparent;
		}
		 
		.main-navigation li .sub-element dl.context dd	{
			color: #5E5E5E;
			background-color: transparent;
		}

.main-navigation :hover div {height: auto;}

.main-navigation li .sub-element dl dt {
	color: #C80023;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 180%;
	font-size: 75%;
	font-weight: bold;
	margin: 2.25em 0 0 0; 
	padding: 0 0 0.125em 0; 
}

	/* ### default dt
	################################################## */

	.main-navigation li .sub-element dl dt a,
	.main-navigation li .sub-element dl dt a:link,
	.main-navigation li .sub-element dl dt a:visited {
		color: #C80023;
		background: none;
		background-color: transparent;
		margin: 0;
		padding: 1px 0 0 0;
		*padding: 3px 0 0 0;
		text-decoration: none;
	}
	
	.main-navigation li .sub-element dl dt a:hover,
	.main-navigation li .sub-element dl dt a:active,
	.main-navigation li .sub-element dl dt a:focus {
		color: #C80023;
		background: none;
		background-color: transparent;
		text-decoration: underline;
	}
	
	/* ### END default dt
	################################################## */
	
	/* ### active dt
	################################################## */
	
	.main-navigation li .sub-element dl dt a.active,
	.main-navigation li .sub-element dl dt a.active:link,
	.main-navigation li .sub-element dl dt a.active:visited {
		color: #FFFFFF;
		background: none;
		background-color: #C80023;
		margin: 0;
		padding: 1px 0 0 6px;
		*padding: 3px 0 0 6px;
		text-decoration: none;
	}
	
	.main-navigation li .sub-element dl dt a.active:hover,
	.main-navigation li .sub-element dl dt a.active:active,
	.main-navigation li .sub-element dl dt a.active:focus {
		color: #CCCCCC;
		background: none;
		background-color: #C80023;
		text-decoration: none;
	}
	
	/* ### END active dt
	################################################## */

.main-navigation li .sub-element dl dd {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	line-height: 200%;
	font-size: 75%;
	font-weight: normal;
	margin: 0 0 0 5px;
	padding: 0;
}

	/* ### default dd
	################################################## */

	.main-navigation li .sub-element dl dd a,
	.main-navigation li .sub-element dl dd a:link,
	.main-navigation li .sub-element dl dd a:visited {
		color: #5E5E5E;
		background:transparent; 
		font-family: Arial, Helvetica, sans-serif;
		text-transform: none;
		letter-spacing: normal;
		font-size: 100%;
		font-weight: normal;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	.main-navigation li .sub-element dl dd a:hover,
	.main-navigation li .sub-element dl dd a:active,
	.main-navigation li .sub-element dl dd a:focus {text-decoration: underline;}
	
	/* ### END default dd
	################################################## */
	
	/* ### active dd
	################################################## */
	
	.main-navigation li .sub-element dl dd a.active,
	.main-navigation li .sub-element dl dd a.active:link,
	.main-navigation li .sub-element dl dd a.active:visited {
		color: #000000;
		background:transparent; 
		font-family: Arial, Helvetica, sans-serif;
		text-transform: none;
		letter-spacing: normal;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	.main-navigation li .sub-element dl dd a.active:hover,
	.main-navigation li .sub-element dl dd a.active:active,
	.main-navigation li .sub-element dl dd a.active:focus {
		color: #999999;
		background:transparent; 
		text-decoration: underline;
	}
	
	/* ### END active dd
	############################################## */

	.main-navigation div.sub-element a,
	.main-navigation div.sub-element a:link,
	.main-navigation div.sub-element a:visited,
	.main-navigation div.sub-element a:hover,
	.main-navigation div.sub-element a:active,
	.main-navigation div.sub-element a:focus {
		background: 0;
		margin: 0;
		padding: 0;
	}

/* ### END MAINNAVIGATION
################################################## */

/* ### SUB SITES
################################################## */

.frame_3 .grid_3 ul.sub-site-navigation {
	text-transform: none;
	margin: 0 0 1.875em 0;
}

	.frame_3 .grid_3 ul.sub-site-navigation li {text-transform: none;}

		/* ### default
		################## */
			
		.frame_3 .grid_3 ul.sub-site-navigation li a,
		.frame_3 .grid_3 ul.sub-site-navigation li a:link,
		.frame_3 .grid_3 ul.sub-site-navigation li a:visited {
			color: #333333;
			background-color: transparent;
			text-decoration: none;
		}
		
		.frame_3 .grid_3 ul.sub-site-navigation li a:hover,
		.frame_3 .grid_3 ul.sub-site-navigation li a:active,
		.frame_3 .grid_3 ul.sub-site-navigation li a:focus {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		/* ### active
		################## */
			
		.frame_3 .grid_3 ul.sub-site-navigation li a.active,
		.frame_3 .grid_3 ul.sub-site-navigation li a.active:link,
		.frame_3 .grid_3 ul.sub-site-navigation li a.active:visited {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		.frame_3 .grid_3 ul.sub-site-navigation li a.active:hover,
		.frame_3 .grid_3 ul.sub-site-navigation li a.active:active,
		.frame_3 .grid_3 ul.sub-site-navigation li a.active:focus {
			color: #999999;
			background-color: transparent;
			text-decoration: none;
		}

/* ### END SUB SITES
################################################## */

/* ### SUB SITES II
################################################## */

.frame_3 .grid_3 ul.sub-site-navigation li ul {
	font-size: 100%;
	line-height: 18px;
	margin: 0;
	padding: 0 0 4px 0;
}
	
	.frame_3 .grid_3 ul.sub-site-navigation li ul li {font-size: 100%;}	
	
/* ### END SUB SITES  II
################################################## */

/* ### SUB SITES CONTENT AREA
################################################## */

.container_12 ul.sub-site-navigation {
	width: 100%;
	line-height: 22px;
	margin: 11px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
}

	.container_12 ul.sub-site-navigation li {
		color: #333333;
		background: transparent 0;
		font-size: 100%;
		font-weight: bold;
		list-style: none;
		margin: 1px 0 0 0;
		padding: 0;
		text-transform: uppercase;
	}
	
		/* ### default
		################## */
			
		.container_12 ul.sub-site-navigation li a,
		.container_12 ul.sub-site-navigation li a:link,
		.container_12 ul.sub-site-navigation li a:visited {
			color: #333333;
			background-color: transparent;
			text-decoration: none;
		}
		
		.container_12 ul.sub-site-navigation li a:hover,
		.container_12 ul.sub-site-navigation li a:active,
		.container_12 ul.sub-site-navigation li a:focus {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		/* ### active
		################## */
			
		.container_12 ul.sub-site-navigation li a.active,
		.container_12 ul.sub-site-navigation li a.active:link,
		.container_12 ul.sub-site-navigation li a.active:visited {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		.container_12 ul.sub-site-navigation li a.active:hover,
		.container_12 ul.sub-site-navigation li a.active:active,
		.container_12 ul.sub-site-navigation li a.active:focus {
			color: #666666;
			background-color: transparent;
			text-decoration: none;
		}

/* ### END SUB SITES CONTENT AREA
################################################## */

/* ### SUB SITES CONTENT AREA II
################################################## */

.container_12 ul.sub-site-navigation ul {
	width: 100%;
	margin: 2px 0 0 0;
	padding: 0 0 11px 0;
	display: inline;
	float: left;
}

	.container_12 ul.sub-site-navigation li ul li {
		color: #666666;
		background: transparent 0;
		font-size: 130%;
		font-weight: bold;
		list-style: none;
		margin: 0;
		padding: 0 0 0 15px;

		text-transform: none;
	}
	
		/* ### default
		################## */
			
		.container_12 ul.sub-site-navigation li ul li a,
		.container_12 ul.sub-site-navigation li ul li a:link,
		.container_12 ul.sub-site-navigation li ul li a:visited {
			color: #666666;
			background-color: transparent;
			text-decoration: none;
		}
		
		.container_12 ul.sub-site-navigation li ul li a:hover,
		.container_12 ul.sub-site-navigation li ul li a:active,
		.container_12 ul.sub-site-navigation li ul li a:focus {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		/* ### active
		################## */
			
		.container_12 ul.sub-site-navigation li ul li a.active,
		.container_12 ul.sub-site-navigation li ul li a.active:link,
		.container_12 ul.sub-site-navigation li ul li a.active:visited {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		.container_12 ul.sub-site-navigation li ul li a.active:hover,
		.container_12 ul.sub-site-navigation li ul li a.active:active,
		.container_12 ul.sub-site-navigation li ul li a.active:focus {
			color: #999999;
			background-color: transparent;
			text-decoration: none;
		}
		
/* ### END SUB SITES CONTENT AREA II
################################################## */

/* ### SUB SITES 2
################################################## */

#sub-site-navigation2 ul {
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

	#sub-site-navigation2 ul li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		margin: 0 0 0 4px;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
	}
	
		#sub-site-navigation2 .title {padding: 0 6px 0 2px;}
	
		/* ### default
		################## */
		
		#sub-site-navigation2 ul li a,
		#sub-site-navigation2 ul li a:link,
		#sub-site-navigation2 ul li a:visited {
			width: auto;
			color: #303030;
			background-color: transparent;
			font-weight: normal;
			margin: 0 4px 0 0;
			padding: 0 0 20px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#sub-site-navigation2 ul li a:hover,
		#sub-site-navigation2 ul li a:active,
		#sub-site-navigation2 ul li a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro.gif) center bottom no-repeat;
			text-decoration: none;
		}
		
		/* ### active
		################## */
		
		#sub-site-navigation2 ul li.active a,
		#sub-site-navigation2 ul li.active a:link,
		#sub-site-navigation2 ul li.active a:visited {
			width: auto;
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro-h.gif) center bottom no-repeat;
			font-weight: normal;
			margin: 0 4px 0 0;
			padding: 0 0 20px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#sub-site-navigation2 ul li.active a:hover,
		#sub-site-navigation2 ul li.active a:active,
		#sub-site-navigation2 ul li.active a:focus {
			color: #999999;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro.gif) center bottom no-repeat;
			text-decoration: none;
		}

/* ### END SUB SITES 2
################################################## */

/* ### PRODUCT NAVIGATION
################################################## */

ol.product-navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

	ol.product-navigation li {
		margin: 0 0 0 0.5em;
		padding: 0;
		list-style: none;
		display: inline;
	}
	
		ol.product-navigation li.first {margin: 0;}	

/* ### END PRODUCT NAVIGATION
################################################## */

/* ### PRODUCT-FAMILY
################################################## */

#product-family ol {
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

	#product-family ol li {
		margin: 0 0 0 2.20em;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
	}
	
		#product-family ol li.first {margin: 0;}	
	
		/* ### default
		################## */
		
		#product-family ol li a,
		#product-family ol li a:link,
		#product-family ol li a:visited {
			width: auto;
			margin: 0;
			padding: 0 0 20px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#product-family ol li a:hover,
		#product-family ol li a:active,
		#product-family ol li a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro.gif) center bottom no-repeat;
			text-decoration: none;
		}
		
		/* ### active
		################## */
		
		#product-family ol li.active a,
		#product-family ol li.active a:link,
		#product-family ol li.active a:visited {
			width: auto;
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro-h.gif) center bottom no-repeat;
			padding: 0;
			padding: 0 0 20px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#product-family ol li.active a:hover,
		#product-family ol li.active a:active,
		#product-family ol li.active a:focus {
			color: #999999;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro.gif) center bottom no-repeat;
			text-decoration: none;
		}

/* ### END PRODUCT-FAMILY
################################################## */

/* ### SUBNAVIGATION PRODUCTS 
################################################## */

#sub-products ul {
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

	#sub-products ul li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		margin: 0 0 0 4px;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
	}
	
		/* ### default
		################## */
		
		#sub-products ul li a,
		#sub-products ul li a:link,
		#sub-products ul li a:visited {
			width: auto;
			color: #303030;
			background-color: transparent;
			margin: 0 4px 0 0;
			padding: 0 0 20px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#sub-products ul li a:hover,
		#sub-products ul li a:active,
		#sub-products ul li a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro.gif) center bottom no-repeat;
			text-decoration: none;
		}
		
		/* ### active
		################## */
		
		#sub-products ul li.active a,
		#sub-products ul li.active a:link,
		#sub-products ul li.active a:visited {
			width: auto;
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro-h.gif) center bottom no-repeat;
			margin: 0 4px 0 0;
			padding: 0 0 20px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#sub-products ul li.active a:hover,
		#sub-products ul li.active a:active,
		#sub-products ul li.active a:focus {
			color: #999999;
			background: transparent url(../graphic/bg/navigation/bg_sub-pro.gif) center bottom no-repeat;
			text-decoration: none;
		}

/* ### END SUBNAVIGATION PRODUCTS 
################################################## */

/* ### SEARCH NAVIGATION BOTTOM
################################################## */

ul#search-site-navigation {
	width: 48.75em;
	text-align: left;
	margin: 0;
	padding: 0 0 30px 5px;
	list-style: none;
	display: inline;
	float: left;
}

	ul#search-site-navigation li {
		color: #303030;
		background: transparent 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		margin: 0;
		padding: 14px 0 0 0;
		list-style: none;
		display: inline;
		float: left;
	}
		
		ul#search-site-navigation .title {padding: 14px 6px 0 6px;}
		
		/* ### default
		################## */
			
		ul#search-site-navigation li a,
		ul#search-site-navigation li a:link,
		ul#search-site-navigation li a:visited {
			width: auto;
			color: #303030;
			background-color: transparent;
			font-weight: normal;
			margin: -14px 5px 0 5px;
			padding: 14px 0 0 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
			
		ul#search-site-navigation li a:hover,
		ul#search-site-navigation li a:active,
		ul#search-site-navigation li a:focus {
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_search.gif) center top no-repeat;
			text-decoration: none;
		}
			
		/* ### active
		################## */
			
		ul#search-site-navigation li.active a,
		ul#search-site-navigation li.active a:link,
		ul#search-site-navigation li.active a:visited {
			width: auto;
			color: #C80023;
			background: transparent url(../graphic/bg/navigation/bg_search_h.gif) center top no-repeat;
			font-weight: normal;
			margin: -14px 5px 0 5px;
			padding: 14px 0 0 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
			
		ul#search-site-navigation li.active a:hover,
		ul#search-site-navigation li.active a:active,
		ul#search-site-navigation li.active a:focus {
			color: #999999;
			background: transparent url(../graphic/bg/navigation/bg_search.gif) center top no-repeat;
			text-decoration: none;
		}

/* ### END SEARCH NAVIGATION BOTTOM
################################################## */

/* ### PRODUCT ANKER NAVIGATION 4er
################################################## */

#product-anker {
	width: 100%;
	text-align: center;
	margin: 22px 0 0 0;
	padding: 0 0 4px 0;
}

#product-anker ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

	#product-anker ul li {
		width: 140px;
		margin: 0 10px;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
	}

		#product-anker ul li a,
		#product-anker ul li a:link,
		#product-anker ul li a:visited {
			width: 138px;
			color: #4E4E4E;
			background-color: #FFFFFF;
			border: 1px solid #CECECE;
			font-family: Arial, Helvetica, sans-serif; 
			letter-spacing: 0.08em;
			text-transform: uppercase;
			font-weight: bold;
			text-align: center;
			margin: 0;
			padding: 8px 0;
			display: inline;
			float: left;
			text-decoration: none;
		}
		
		#product-anker ul li a:hover,
		#product-anker ul li a:active,
		#product-anker ul li a:focus {
			color: #C80023;
			background-color: #FFFFFF;
			border: 1px solid #C80023;
			text-decoration: none;
		}

/* ### END PRODUCT ANKER NAVIGATION
################################################## */

/* ### BS-NAVIGATION
################################################## */

.bs-navigation, 
.bs-navigation ol {
	width: 300px;
	padding: 0; 
	margin: 0; 
	list-style: none;
	z-index: 99;
}

.bs-navigation {
	width: 300px;
	margin: 0; 
	padding: 0;
	position: relative;
	display: inline;
	float: left;
}

	.bs-navigation li {
		width: 300px;
		height: 38px;
		text-transform: uppercase;		
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}
	
		/* ### BOOKMARK & SOCIALS
		################################################## */
		
		.bs-navigation li a.bs-bookmark,
		.bs-navigation li a.bs-bookmark:link,
		.bs-navigation li a.bs-bookmark:visited,
		
		.bs-navigation li a.bs-socials,
		.bs-navigation li a.bs-socials:link,
		.bs-navigation li a.bs-socials:visited {
			width: 290px;
			height: 30px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			font-weight: normal;
			position: relative;
			text-decoration: none;
			display: inline;
			float: left;
		}
		
		/* ### END BOOKMARK & SOCIALS
		################################################## */

		/* ### BOOKMARK
		################################################## */
		
		.bs-navigation li a.bs-bookmark,
		.bs-navigation li a.bs-bookmark:link,
		.bs-navigation li a.bs-bookmark:visited {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-regular.png) no-repeat;
			margin: 0;
			padding: 12px 0 0 10px;

		}
		
		.bs-navigation li a.bs-bookmark:hover,
		.bs-navigation li a.bs-bookmark:active,						
		.bs-navigation li a.bs-bookmark:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}

		* html .bs-navigation li a.bs-bookmark:hover,
		* html .bs-navigation li a.bs-bookmark:active,
		* html .bs-navigation li a.bs-bookmark:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}

		.bs-navigation li a.bs-bookmark:hover,
		.bs-navigation li a.bs-bookmark:active,
		.bs-navigation li a.bs-bookmark:focus,
		
		.bs-navigation li:hover > a.bs-bookmark,
		.bs-navigation li:hover > a.bs-bookmark:hover,
		.bs-navigation li:hover > a.bs-bookmark:active,
		.bs-navigation li:hover > a.bs-bookmark:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}
		
		/* ### END BOOKMARK
		################################################## */
		
		/* ### SOCIALS
		################################################## */
		
		.bs-navigation li a.bs-socials,
		.bs-navigation li a.bs-socials:link,
		.bs-navigation li a.bs-socials:visited {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-regular.png) no-repeat;
			margin: 16px 0 0 0;
			padding: 12px 0 0 10px;
		}
		
		.bs-navigation li a.bs-socials:hover,
		.bs-navigation li a.bs-socials:active,						
		.bs-navigation li a.bs-socials:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}

		* html .bs-navigation li a.bs-socials:hover,
		* html .bs-navigation li a.bs-socials:active,
		* html .bs-navigation li a.bs-socials:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}

		.bs-navigation li a.bs-socials:hover,
		.bs-navigation li a.bs-socials:active,
		.bs-navigation li a.bs-socials:focus,
		
		.bs-navigation li:hover > a.bs-socials,
		.bs-navigation li:hover > a.bs-socials:hover,
		.bs-navigation li:hover > a.bs-socials:active,
		.bs-navigation li:hover > a.bs-socials.bs-bookmark:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}
		
		/* ### END SOCIALS
		################################################## */
	
.bs-navigation div.bs-bookmark,
.bs-navigation div.bs-socials {
	clear: both;
	width: 300px;
	height: 0;
	left: auto;
	top: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	z-index: 99;
}

	.bs-navigation div.bs-bookmark {bottom: 75px;}	
	
	.bs-navigation div.bs-socials {bottom: 21px;}		
		
.bs-navigation div.sub-element {
	width: 278px;
	top: auto; 
	bottom: 0;
	left: 0;
	color: #5E5E5E;
	background: #FFFFFF url(../graphic/bg/navigation/bg_sub_footer.jpg) bottom repeat-x;
	border: 1px solid #C7C7C7;
	border-bottom: none;
	margin: 0 0 -15px 0;
	padding: 0 10px 0 10px; 
	position: relative;
	display: inline;
	float: left;
}

	.bs-navigation div.sub-element ol {
		width: 278px;
		margin: 2px 0 0 0;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
	}
	
		.bs-navigation div.sub-element ol li {
			width: 278px;
			height: auto;
			margin: 8px 0 0 0;
			padding: 0; 
			display: inline;
			float: left;
		}
		
			.bs-navigation div.sub-element ol li a,
			.bs-navigation div.sub-element ol li a:link,
			.bs-navigation div.sub-element ol li a:visited {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.75em;
				font-weight: normal;
				text-transform: none;
				margin: 0;
				padding: 5px 0 7px 32px; 
				text-decoration: none;
				display: inline;
				float: left;
			}
			
			.bs-navigation div.sub-element ol li a:hover,
			.bs-navigation div.sub-element ol li a:active,
			.bs-navigation div.sub-element ol li a:focus {text-decoration: none;}
			
				/* ### SOCIAL ICON SETS
				################################################## */
				
				.bs-navigation div.sub-element ol li a.favicon,
				.bs-navigation div.sub-element ol li a.favicon:link,
				.bs-navigation div.sub-element ol li a.favicon:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/favicon-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.favicon:hover,
				.bs-navigation div.sub-element ol li a.favicon:active,
				.bs-navigation div.sub-element ol li a.favicon:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/favicon-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.rss2,
				.bs-navigation div.sub-element ol li a.rss2:link,
				.bs-navigation div.sub-element ol li a.rss2:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/rss-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.rss2:hover,
				.bs-navigation div.sub-element ol li a.rss2:active,
				.bs-navigation div.sub-element ol li a.rss2:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/rss-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.blogger,
				.bs-navigation div.sub-element ol li a.blogger:link,
				.bs-navigation div.sub-element ol li a.blogger:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/blogger-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.blogger:hover,
				.bs-navigation div.sub-element ol li a.blogger:active,
				.bs-navigation div.sub-element ol li a.blogger:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/blogger-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.delicious,
				.bs-navigation div.sub-element ol li a.delicious:link,
				.bs-navigation div.sub-element ol li a.delicious:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/delicious-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.delicious:hover,
				.bs-navigation div.sub-element ol li a.delicious:active,
				.bs-navigation div.sub-element ol li a.delicious:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/delicious-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.digg,
				.bs-navigation div.sub-element ol li a.digg:link,
				.bs-navigation div.sub-element ol li a.digg:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/digg-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.digg:hover,
				.bs-navigation div.sub-element ol li a.digg:active,
				.bs-navigation div.sub-element ol li a.digg:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/digg-hover.gif) no-repeat;
				}
								
				.bs-navigation div.sub-element ol li a.google,
				.bs-navigation div.sub-element ol li a.google:link,
				.bs-navigation div.sub-element ol li a.google:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/google-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.google:hover,
				.bs-navigation div.sub-element ol li a.google:active,
				.bs-navigation div.sub-element ol li a.google:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/google-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.linkedin,
				.bs-navigation div.sub-element ol li a.linkedin:link,
				.bs-navigation div.sub-element ol li a.linkedin:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/linkedin-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.linkedin:hover,
				.bs-navigation div.sub-element ol li a.linkedin:active,
				.bs-navigation div.sub-element ol li a.linkedin:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/linkedin-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.technorati,
				.bs-navigation div.sub-element ol li a.technorati:link,
				.bs-navigation div.sub-element ol li a.technorati:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/technorati-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.technorati:hover,
				.bs-navigation div.sub-element ol li a.technorati:active,
				.bs-navigation div.sub-element ol li a.technorati:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/technorati-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.yahoo,
				.bs-navigation div.sub-element ol li a.yahoo:link,
				.bs-navigation div.sub-element ol li a.yahoo:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/yahoo-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.yahoo:hover,
				.bs-navigation div.sub-element ol li a.yahoo:active,
				.bs-navigation div.sub-element ol li a.yahoo:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/yahoo-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.googleplus,
				.bs-navigation div.sub-element ol li a.googleplus:link,
				.bs-navigation div.sub-element ol li a.googleplus:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/googleplus-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.googleplus:hover,
				.bs-navigation div.sub-element ol li a.googleplus:active,
				.bs-navigation div.sub-element ol li a.googleplus:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/googleplus-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.facebook,
				.bs-navigation div.sub-element ol li a.facebook:link,
				.bs-navigation div.sub-element ol li a.facebook:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/facebook-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.facebook:hover,
				.bs-navigation div.sub-element ol li a.facebook:active,
				.bs-navigation div.sub-element ol li a.facebook:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/facebook-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.twitter,
				.bs-navigation div.sub-element ol li a.twitter:link,
				.bs-navigation div.sub-element ol li a.twitter:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/twitter-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.twitter:hover,
				.bs-navigation div.sub-element ol li a.twitter:active,
				.bs-navigation div.sub-element ol li a.twitter:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/twitter-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.myspace,
				.bs-navigation div.sub-element ol li a.myspace:link,
				.bs-navigation div.sub-element ol li a.myspace:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/myspace-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.myspace:hover,
				.bs-navigation div.sub-element ol li a.myspace:active,
				.bs-navigation div.sub-element ol li a.myspace:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/myspace-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.youtube,
				.bs-navigation div.sub-element ol li a.youtube:link,
				.bs-navigation div.sub-element ol li a.youtube:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/youtube-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.youtube:hover,
				.bs-navigation div.sub-element ol li a.youtube:active,
				.bs-navigation div.sub-element ol li a.youtube:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/youtube-hover.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.soundcloud,
				.bs-navigation div.sub-element ol li a.soundcloud:link,
				.bs-navigation div.sub-element ol li a.soundcloud:visited {
					color: #666666;
					background: transparent url(../graphic/bg/socials/soundcloud-regular.gif) no-repeat;
				}
				
				.bs-navigation div.sub-element ol li a.soundcloud:hover,
				.bs-navigation div.sub-element ol li a.soundcloud:active,
				.bs-navigation div.sub-element ol li a.soundcloud:focus {
					color: #C80023;
					background: transparent url(../graphic/bg/socials/soundcloud-hover.gif) no-repeat;
				}
								
				/* ### END SOCIAL ICON SETS
				################################################## */

.bs-navigation :hover div {height: auto;}

.clear {clear:left;}

/* ### END BS-NAVIGATION 4er
################################################## */

/* ### BS-NAVIGATION 8er
################################################## */

.grid_8 .bs-navigation, 
.grid_8 .bs-navigation ol {
	width: 620px;
	padding: 0; 
	margin: 0; 
	list-style: none;
	z-index: 99;
}
			
		/* ### SOCIALS
		################################################## */
		
		.grid_8 .bs-navigation li a.bs-socials,
		.grid_8 .bs-navigation li a.bs-socials:link,
		.grid_8 .bs-navigation li a.bs-socials:visited {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-regular.png) no-repeat;
			margin: 0 0 0 20px;
			padding: 12px 0 0 10px;
		}
		
		.grid_8 .bs-navigation li a.bs-socials:hover,
		.grid_8 .bs-navigation li a.bs-socials:active,						
		.grid_8 .bs-navigation li a.bs-socials:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}

		* html .grid_8 .bs-navigation li a.bs-socials:hover,
		* html .grid_8 .bs-navigation li a.bs-socials:active,
		* html .grid_8 .bs-navigation li a.bs-socials:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}

		.grid_8 .bs-navigation li a.bs-socials:hover,
		.grid_8 .bs-navigation li a.bs-socials:active,
		.grid_8 .bs-navigation li a.bs-socials:focus,
		
		.grid_8 .bs-navigation li:hover > a.bs-socials,
		.grid_8 .bs-navigation li:hover > a.bs-socials:hover,
		.grid_8 .bs-navigation li:hover > a.bs-socials:active,
		.grid_8 .bs-navigation li:hover > a.bs-socials.bs-bookmark:focus {
			color: #666666;
			background: transparent url(../graphic/bg/navigation/bookmark-hover.png) no-repeat;
		}
		
		/* ### END SOCIALS
		################################################## */
	
	.grid_8 .bs-navigation div.bs-bookmark,
	.grid_8 .bs-navigation div.bs-socials {bottom: 37px;}	
	
	.grid_8 .bs-navigation div.bs-socials {right: 0;}	
	
/* ### END BS-NAVIGATION 8er
################################################## */


/* ### SERVICE NAVIGATION BOTTOM
################################################## */

ul.service-navigation {
	width: auto;
	color: #999999;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.70em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

	ul.service-navigation li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}
	
		/* ### default
		################## */
		
		ul.service-navigation li a,
		ul.service-navigation li a:link,
		ul.service-navigation li a:visited {
			color: #C80023;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
		ul.service-navigation li a:hover,
		ul.service-navigation li a:active,
		ul.service-navigation li a:focus {
			color: #C80023;
			background-color: transparent;
			text-decoration: underline;
		}
		
		/* ### END default
		################## */
		
		/* ### active
		################## */
		
		ul.service-navigation li.active a,
		ul.service-navigation li.active a:link,
		ul.service-navigation li.active a:visited {
			color: #C80023;
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: underline;
		}
		
		ul.service-navigation li.active a:hover,
		ul.service-navigation li.active a:active,
		ul.service-navigation li.active a:focus {
			color: #C80023;
			background-color: transparent;
			text-decoration: none;
		}
		
		/* ### END active
		################## */
		
/* ### END SERVICE NAVIGATION BOTTOM
################################################## */

/* ### END NAVIGATIONS
################################################################################################# */