/* JP */
/*===================================================================================
  GLOBAL NAV		font-size +1 
===================================================================================*/
#globalNav { 
	position: absolute; 
	top: 75px; left: 10px; 
	margin: 0; padding: 0; 
	list-style-type: none; 
	text-align: center;
	line-height: 1.0;
	float: left; 
	margin-bottom: .9em; 
}

#globalNav li { 
	float: left; 
	position: relative; 
}

#globalNav li:hover { 
	visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

#globalNav a { 
	display: block; 
	position: relative; 
	padding: 12px 12px 0; 
	text-decoration: none; 
}

#globalNav li a, 
#globalNav li a:visited  { 
	color: #464646; 
}

#globalNav li:hover, 
#globalNav li.sfHover, 
#globalNav a:focus, 
#globalNav a:hover, 
#globalNav a:active { 
	outline: 0; 
}





/*===================================================================================
  GLOBAL NAV - IMAGE REPLACEMENTS --- neu homePage und img width's
===================================================================================*/
#homeoffice a,
#smBusiness a,
#enterprise a,
#partners a,
#about a {
	height: 17px;
	display: block;
	background: transparent url(images/navigation/nav_sprite_940.gif) no-repeat;
	text-indent: -9999px;
}

#homeoffice a  { width: 165px; background-position: 0 0; }
#homeoffice a:hover { background-position: 0 -29px; }
#smBusiness a { width: 164px; background-position: -189px 0; }
#smBusiness a:hover { background-position: -189px -29px; }
#enterprise a { width: 164px; background-position: -377px 0; }
#enterprise a:hover { background-position: -377px -29px; }
#partners a { width: 164px; background-position: -565px 0; }
#partners a:hover { background-position: -565px -29px;}
#about a { width: 165px; background-position: -753px 0; }
#about a:hover { background-position: -753px -29px; }





/* ==============================
 Global Pulldown
============================== */
#globalNav li:hover ul, 
#globalNav li.sfHover ul { 
	top: 2.3em;
	z-index: 99;
}

#globalNav li:hover.first ul,
#globalNav li.sfHover.first ul {
	top: 2.3em;
	left: 1px;
	z-index: 99;
	display: none;
}

#globalNav li:hover.last ul,
#globalNav li.sfHover.last ul {
	top: 2.3em;
	left: -1px;
	z-index: 99;
	display: none;
}


/* pulldown inner
-------------------- */
ul#globalNav li:hover li ul,
ul#globalNav li.sfHover li ul {
	top: -999em;
}

#globalNav ul {
	position: absolute;
	top: -999em;
	width: 188px;
	font-size: 12px;
	margin-top: -1px;
}

#globalNav ul li {
	width: 88px
	height: 30px;
	padding: 0;
}

#globalNav ul li a,
#globalNav ul li a:visited {
	width: 166px;
	height: 12px;
	padding: 10px 0 8px 22px;
	color: #333;
	text-align: left;
	text-indent: 0;
	text-decoration: none;
	background: url(images/navigation/bg_pulldown_188.gif) 0 -34px no-repeat;
}

#globalNav ul li a:hover {
	background: url(images/navigation/bg_pulldown_188.gif) 0 -64px no-repeat;
	color: #d74444;
}

#globalNav ul li.first a,
#globalNav ul li.first a:visited {
	width: 166px;
	height: 12px;
	padding: 12px 0 10px 22px;
	background: url(images/navigation/bg_pulldown_188.gif) 0 -154px no-repeat;
}

#globalNav ul li.first a:hover {
	background: url(images/navigation/bg_pulldown_188.gif) 0 -188px no-repeat;
}

#globalNav ul li.topHead a,
#globalNav ul li.topHead a:visited,
#globalNav ul li.topHead a:hover {
	width: 181px;
	height: 12px;
	padding: 13px 0 10px 7px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	background: url(images/navigation/bg_pulldown_188.gif) 0 0 no-repeat;
}

#globalNav ul li.midHead a,
#globalNav ul li.midHead a:visited,
#globalNav ul li.midHead a:hover {
	width: 181px;
	height: 12px;
	padding: 10px 0 8px 7px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	background: url(images/navigation/bg_pulldown_188.gif) 0 -222px no-repeat;
}

#globalNav ul li.last a:link,
#globalNav ul li.last a:visited {
	width: 166px;
	height: 12px;
	padding: 10px 0 8px 22px;
	background: url(images/navigation/bg_pulldown_188.gif) 0 -94px no-repeat;
}

#globalNav ul li.last a:hover {
	background: url(images/navigation/bg_pulldown_188.gif) 0 -124px no-repeat;
}




/*===================================================================================
  TOP HEADER NAV
===================================================================================*/
#topNav { 
	width: 619px;
	position: relative;
	margin: 0; 
	padding: 0;
	list-style: none; 
	z-index: 100; 
	line-height: 1;
	float: right;
}

#topNav li { 
	float: left; 
	position: relative;
	text-align: center;
	font-size: 12px;
	background: url(images/navigation/topNav-divider.gif) right center no-repeat;
}

#topNav li#region {
	background: none;
}

#topNav li.sfHover,
#topNav li#region.sfHover {
	margin-left: -1px;
	padding-left: 1px;
	position: relative; /* for IE6 */
	background: url(images/navigation/bg_toppulldown_over.png) left top no-repeat;
	z-index: 200;
}

#topNav li#shop.sfHover { background-position: 0 0; }
#topNav li#subscription.sfHover { background-position: -123px 0; }
#topNav li#region.sfHover { background-position: -235px 0; }

#topNav li#shop a { width:113px; }
#topNav li#download a { width:69px; }
#topNav li#products a { width:109px; }
#topNav li#subscription a { width:102px; }
#topNav li#contactus a { width:78px; }
#topNav li#region a { width:88px; }

#topNav li a,
#topNav li a:visited { 
	display: block;
	margin: 0;
	padding: 7px 5px;
	color: #464646;
	text-decoration: none;
}

#topNav li a:hover { 
	color: #d74444;
	text-decoration: none;
}

#topNav li#shop a span {
	width: 100px;
	padding: 0 15px 0 0;
	font-size: 12px;	/* for Vinfo */
	background: url(images/navigation/shop_icon.gif) right top no-repeat;
}

#topNav li#region a span {
	width: 75px;
	padding: 0 15px 0 0;
	font-size: 12px;	/* for Vinfo */
	background: url(images/navigation/site_icon.gif) right 1px no-repeat;
}



/* ==============================
 Top Pulldown
============================== */
#topNav ul {
	position: absolute;
	top: -999em;
}

#topNav li.sfHover ul {
	position: absolute;
	top: 25px;
	left: 0;
	padding: 11px 10px 10px;
	background: #fff url(images/navigation/bg_toppulldown_top.gif) no-repeat;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 150;
}

#topNav li.sfHover ul li {
	float: none;
	text-align: left;
	line-height: 1.2;
	background: none;
}

#topNav li.sfHover ul li a,
#topNav li.sfHover ul li a:visited {
	background: none;
}

#topNav li.sfHover ul li a:hover {
	background: url(images/navigation/arrow_toppulldown.gif) 0.1em 0.3em no-repeat;
}

#topNav li.sfHover ul li dl {
	margin: 0;
	padding: 0;
}

#topNav li.sfHover ul li dl dt {
	font-weight: bold;
	margin: 5px 0 0;
	padding: 11px 0 5px;
	background: url(images/navigation/dotline.gif) left top repeat-x;
}

#topNav li.sfHover ul li dl dd {
	padding: 0 0 5px;
}

#topNav li.sfHover ul li dl dt.first {
	margin: 0;
	padding-top: 0;
	background: none;
}


/* pulldown inner #shop
-------------------- */
#topNav li#shop ul {
	width: 180px;
	_padding-top: 0; /* for IE6 */
	background-position: 0 0;
}

#topNav li#shop ul li dd a {
	width: 170px;
	padding: 0 0 0 10px;
	display: block;
}

*+html #topNav li#shop ul li dl dt.first { margin-top: -1em; }


/* pulldown inner #subscription
-------------------- */
#topNav li#subscription ul {
	width: 180px;
	background-position: -200px 0;
}

#topNav li#subscription ul li {
	padding: 0 0 5px;
}

#topNav li#subscription ul li  a {
	width: 170px;
	padding: 0 0 0 10px;
	display: block;
}


/* pulldown inner #region
-------------------- */
#topNav li#region ul {
	width: 430px;
	left: -353px;
	background-position: -400px 0;
}

#topNav li#region ul li dl {
	padding: 0 10px 0 0;
}

#topNav li#region ul li dd a {
	padding: 0 0 0 10px;
	line-height: 1.2;
	display: block;
}

#topNav li#region ul li dl#region_left {
	float: left;
	padding: 0 10px 0 0;
	border-right: 1px solid #ccc;
}

#topNav li#region ul li dl#region_right {
	margin-left: 170px;
	padding: 0 0 0 10px;
	min-height: 285px;
	height: auto !important;
	height: 285px;
}

#topNav li#region ul li dl#region_right { _margin-top: -1em; }
*+html #topNav li#region ul li dl#region_right { margin-top: -1em; }

#topNav li#region ul li dl#region_left a { width: 150px; }
#topNav li#region ul li dl#region_right a { width: 230px; }


