/* sitemap.css */
/* //MC: 14.04.2010 */

#content {
background:none repeat scroll 0 0 #FAFAFA;
clear:left;
float:right;
font-size:90%;
line-height:165%;
margin:1px 16px 0 10px;
padding:0 0 10px;
width:530px;
}

.nav {
border-color:#D5D5D5 #D5D5D5 -moz-use-text-color #DCDCDC;
border-style:solid solid none;
border-width:1px 1px 0;
clear:both;
width:190px;
}

.nav ul {
display:block;
list-style:none outside none;
margin:0;
padding:0;
}
.nav ul li {
border-bottom:1px solid #D5D5D5;
border-top:1px solid #FDFDFD;
color:#000000;
line-height:182%;
list-style:none outside none;
margin:0;
padding:0;
white-space:nowrap;
}
html + body .nav ul li {
display:inline;
height:1.8em;
width:190px;
}
.nav a {
color:#4F4F4F;
display:block;
font-size:100%;
font-weight:normal;
margin:0;
padding:0 0 2px 34px;
text-align:left;
text-decoration:none;
voice-family:""}"";
width:156px;
}
html > body .nav a {
padding:0 0 2px;
text-indent:34px;
width:190px;
}

.nav ul ul li {
border-bottom:medium none;
border-top:1px solid #D5D5D5;
font-size:90%;
line-height:172%;
}

.ul-circle {
line-height:180%;
list-style:circle outside none;
margin:12px 5px 23px 15px;
padding:2px 0 2px 10px;
}
.ul-circle li {
margin-bottom:0.6em;
}
ol {
line-height:180%;
margin:12px 5px 26px 28px;
padding:2px 0 2px 11px;
}

.speakonly {
display:block;
height:1px;
left:-3000px;
position:absolute;
top:-3000px;
width:1px;
}
dfn {
display:block;
height:1px;
left:-3000px;
overflow:hidden;
position:absolute;
top:-3000px;
width:1px;
}


#content .nav {
border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #2A71E4;
border-style:none none none solid;
border-width:0 0 0 1px;
}
#content .nav ul li li {
background:url("template_img/sitemap-line.gif") no-repeat scroll left center transparent;
color:#000000;
}
#content .nav ul ul ul {
border-left:1px solid #2A71E4;
}
#content .nav ul li .sub-sub {
background:url("template_img/sitemap-line.gif") no-repeat scroll left top transparent;
}
#content .nav a, #content .nav a:visited {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #2A71E4;
color:#4F4F4F;
}
#content .nav a:active, #content .nav a:hover, #content .nav a:focus, #content a:focus .sffocus {
background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #000000;
color:#000000;
}
#content .nav ul ul a, #content .nav ul ul a:visited {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #9292A1;
color:#4F4F4F;
}
#content .nav ul ul a:active, #content .nav ul ul a:hover, #content .nav ul ul a:focus {
background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #000000;
color:#000000;
}



/*addon_sitemap */

#content .nav  	{
		padding: 0; margin: 30px 0 0 80px;
		font-family: Arial, Helvetica, Sans-Serif;
		}

#content .nav  ul {
		display: block;
		list-style: none;
		margin: -11px 0 0 0; padding: 0;
		border: 0;
		}

/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body #content .nav  ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
#content .nav  ul li 	{
			position: relative; top: 0px; left: -11px;
			margin: 10px 0 5px 0; padding: 0;
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px;
			}

/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body #content .nav  ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

#content .nav  a, #content .nav  a:visited {
				width: 18.4em; height: 1.7em;
				display: block;
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 115%; line-height: 1.7em;
				text-indent: 0.5em; text-align: left; text-decoration: none;
				voice-family: "\"}\""; /* Gecko Stuff follows */
				margin: 0 0 0 -10px;
				}

#content .nav a:active, #content .nav a:hover, #content .nav a:focus,  #content a:focus .sffocus 	{padding: 1px;  line-height: 1.7em;}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body #content .nav  a { text-indent: 0; padding: 0 0 0 8px;}
html + body #content .nav a:visited {text-indent: 0; padding: 0 0 0 8px;}


#content .nav  ul ul {
			padding: 12px 0 18px 0;
			background: none;
			}


/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body #content .nav  ul ul {position: relative; top: 0px; }

#content .nav  ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			left: 0px;
			}

/* HACK >>> IE 5  */
html + body #content .nav  ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

#content .nav  ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

#content .nav  ul li .sub-sub-sub {
			left: 10px;
			margin: 35px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: -10px; left: 0px;
			}

#content .nav  ul ul a, #content .nav  ul ul a:visited 	{
					width: 16.68em; height: 1.63em;
					margin: 0;
					font-size: 120%; line-height: 1.63em; font-weight: normal; text-indent: 0.4em;
					}

#content .nav ul ul a:active, #content .nav ul ul a:hover, #content .nav ul ul a:focus, #content .nav ul ul a:focus .sffocus {padding: 1px; line-height: 1.63em;}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body #content .nav  ul ul a { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}
html + body #content .nav ul ul a:visited { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}

#content .nav  ul ul ul {margin: 0 0 50px 12px; padding: 12px 0 0 0;}

#content .nav  ul li li li	{
			position: relative; top: 12px; left: 0px;
			margin: 10px 0 -5px 0; padding: 3px 0 0 20px;
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body #content .nav  ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body #content .nav  ul li li li {top: 6px;}

#content .nav  ul ul ul a, #content .nav  ul ul ul a:visited 	{
					width: 15.1em; height: 1.53em; line-height: 1.53em;
					padding: 1px;
					font-size: 125%; font-weight: normal;
					}

#content .nav ul ul ul a:active, #content .nav ul ul ul a:hover, #content .nav ul ul ul a:focus,  #content .nav ul ul ul a:focus .sffocus {padding: 1px; line-height: 1.53em;}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body #content .nav  ul ul ul a { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}
html + body #content .nav ul ul ul a:visited { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}