/*! --- 03_navigation.css --- */

@media screen {
	
	/* Skiplinks (normal nicht sichtbar, nur bei Tastaturnavi mit TAB)
	----------------------------------------------------------------------------- */
	#skiplinks {
		position: absolute;
		left: 10px;
		top: 5px;
		margin: 0;	
	}
		#skiplinks * {
			float: left;
			margin: 0;
			font-size: 1.4em;
		}
		#skiplinks a {
			position: absolute;
			top: -9999px;
			background: #FF9;
			font-weight: bold;
			padding: 5px 10px;
			border: 1px solid #c00;
			font-size: 1.1em;
			color: #114661;
			z-index: 9999;
		}
			#skiplinks a:active,
			#skiplinks a:focus {
				position: absolute;
				top: 0;
				left: 0px;
			}
	
	/* Sprachauswahl; PubVerz
	----------------------------------------------------------------------------- */
	#header .uc-SelectLanguage,
	#header .uc-SelectPubVerz {
		position: relative;
		float: left;
		margin: 1.8em 0 0 0;
		padding: 0;
	}
		#header .uc-SelectLanguage .separator,
		#header .uc-SelectPubVerz .separator {
			float: left;
			background: url(/css/freshup/img/separator-header.png) left top repeat-y;
			width: 2px;
			height: 2.8em;
			overflow: auto;	
			display: inline;
		}
		#header .uc-SelectLanguage .header,
		#header .uc-SelectPubVerz .header {
			float: left;	
			position: relative;
			z-index: 9999;
		}
			#header .uc-SelectLanguage div.icon,
			#header .uc-SelectPubVerz div.icon {	
				float: left;			
				background: url(/css/freshup/img/bullet-arrow-down-small.png) 1em center no-repeat;
				border: none;
				padding: 0 0.5em;
				margin: -2px 10px;				
			}			
				#header .uc-SelectLanguage.active .header div.icon,
				#header .uc-SelectPubVerz.active .header div.icon {
					background: #114763 url(/css/freshup/img/bullet-arrow-up-small.png) 1em center no-repeat;
					border: 1px solid #4e7c93;
					border-bottom: none;
					margin: -3px 9px;
				}
				#header .uc-SelectLanguage .header div.icon a {
					display: block;	
					float: none;
					padding: 0.3em 30px;
					margin: 0.6em 0;
					width: 4em;
					border: none;
					background: url(/css/freshup/img/icon-de.png) 6.9em center no-repeat;
				}
					#header .uc-SelectLanguage .header .icon.en a {
						background-image: url(/css/freshup/img/icon-en.png);
					}
					#header .uc-SelectLanguage .header .icon.ru a {
						background-image: url(/css/freshup/img/icon-ru.png);
					}
					#header .uc-SelectLanguage .header .icon.pl a {
						background-image: url(/css/freshup/img/icon-pl.png);
					}
					#header .uc-SelectLanguage .header .icon.fr a {
						background-image: url(/css/freshup/img/icon-fr.png);
					}
					#header .uc-SelectLanguage .header .icon.es a {
						background-image: url(/css/freshup/img/icon-es.png);
					}
					#header .uc-SelectLanguage .header .icon.cn a {
						background-image: url(/css/freshup/img/icon-cn.png);
					}
				#header .uc-SelectPubVerz .header div.icon a {
					display: block;	
					float: none;
					padding: 0.3em 30px;
					margin: 0.6em 0;
					width: 4em;
					border: none;
				}

		#header .uc-SelectLanguage .header a:hover,
		#header .uc-SelectLanguage .header a:focus,
		#header .uc-SelectPubVerz .header a:hover,
		#header .uc-SelectPubVerz .header a:focus {
			border: none;
		}

		#js #header .uc-SelectLanguage .uc-body,
		#js #header .uc-SelectPubVerz .uc-body {
			display: none;
			position: absolute;
		}
			#js #header .uc-SelectLanguage.active .uc-body {
				display: block;
				border: 1px solid #648191;
				border-top: none;
				margin: 0 -1px;
				z-index: 1002;
			}
			#js #header .uc-SelectPubVerz.active .uc-body {
				display: block;
				border: 1px solid #648191;
				margin: 0 -1px;
				z-index: 1002;
			}
		#header .uc-SelectLanguage .uc-body {
			visibility: hidden;
			border-top: none;
			top: 2.6em;
			left: 12px;
			width: 9.8em;
			padding: 0.6em 10px 0.2em 10px;
		}
		#header .uc-SelectPubVerz .uc-body {
			visibility: hidden;
			top: 3.1em;
			left: 10px;
			width: 37em;
			padding: 0.6em 10px 0.2em 10px;
		}
			#header .uc-SelectLanguage .uc-body a,
			#header .uc-SelectPubVerz .uc-body a {
				background: none;
				font-size: 1.2em;
				display: block;
				margin: 0 0.1em;
				padding: 0.6em 0 0.6em 26px;
				border-top: 1px solid #4e7c93;
				background: url(/css/freshup/img/icon-en.png) 6.4em center no-repeat;
			}
				#header .uc-SelectLanguage .uc-body a.icon.de {
					background-image: url(/css/freshup/img/icon-de.png);	
				}
				#header .uc-SelectLanguage .uc-body a.icon.fr {
					background-image: url(/css/freshup/img/icon-fr.png);	
				}
				#header .uc-SelectLanguage .uc-body a.icon.ru {
					background-image: url(/css/freshup/img/icon-ru.png);	
				}
				#header .uc-SelectLanguage .uc-body a.icon.pl {
					background-image: url(/css/freshup/img/icon-pl.png);	
				}
				#header .uc-SelectLanguage .uc-body a.icon.en {
					background-image: url(/css/freshup/img/icon-en.png);	
				}
				#header .uc-SelectLanguage .uc-body a.icon.es {
					background-image: url(/css/freshup/img/icon-es.png);	
				}
				#header .uc-SelectLanguage .uc-body a.icon.cn {
					background-image: url(/css/freshup/img/icon-cn.png);	
				}


			#header .uc-SelectPubVerz .uc-body a {
				background: none;
				font-size: 1.2em;
				display: block;
				margin: 0 0.1em;
				padding: 0.6em 0;
				border-top: 1px solid #4e7c93;
			}
				
	/* Themennavigation
	----------------------------------------------------------------------------- */
	.navi.topics {
		line-height: 1.2em;
		font-size: 0.9em;	
	}
		.navi.topics .header {
			padding: 0.3em 1.5em 0.4em 1.5em;
			font-size: 1.3em;
		}
			#js .navi.topics .header {
				display: none;	
			}
				#js body.homepage .navi.topics .header {
					display: block;	
				}
		.navi.topics strong,
		.navi.topics strong * {
			font-weight: bold;
		}
		#nojs .navi.topics .uc-body {
			max-height: 20em;
			overflow: auto;
			border-bottom: 1px solid #458aad;
			margin-bottom: 1em;
		}
		#nojs .navi.topics ul {		
			margin: 0 1em 0.1em 0;
			padding: 0.4em 0 0.4em 2em;	
			list-style-type: circle !important;	
		}
			#nojs .navi.topics li.active {
				display: block;	
			}
			#nojs .navi.topics li a {
				margin: 0 0.5em 0 0;
				padding: 0 0.75em 0 0;
			}
				#nojs .navi.topics li strong a,
				#nojs .navi.topics li:last-child > a {
					border: none;				
				}
				#nojs .navi.topics li strong a {
					margin: 0.25em 0 0.1em 0;
					padding: 0;	
				}
			#nojs .navi.topics ul ul {
				margin: 0 0 0.4em 0;
				font-size: 1em;
			}

	#js #subHeader .navi.topics {
		position: absolute;
		z-index: 2000;
	}
		#js #subHeader .navi.topics .header,
		#js #subHeader .navi.breadcrumbs .header {
			position: relative;
			float: left;
			font-weight: normal;
			margin: 1px 0;
			padding: 0;
		}
			#js #subHeader .navi.topics .header a {
				float: left;
				padding: 0.6em 4em 0.75em 2.2em; 
				margin: 0;
				background: #1985B9 url(/css/freshup/img/bullet-arrow-down.png) 12.5em center no-repeat;							
			}
				#js.Safari #subHeader .navi.topics .header a {
					padding: 0.7em 4em 0.75em 2.2em; 
				}
			#js #subHeader .navi.topics:hover .header a,
			#js #subHeader .navi.topics:focus .header a,
			#js #subHeader .navi.topics .header:hover a {
				background: #114660 url(/css/freshup/img/bullet-arrow-up.png) 12.5em center no-repeat;
				text-decoration: none;
			}
			/* Homepage */ 
			#js body.start #subHeader .navi.topics .header {
				overflow: hidden;
				box-shadow: 5px 0px 5px -2px #004464;
				moz-box-shadow: 5px 0px 5px -2px #004464;
				-webkit-box-shadow: 5px 0px 5px -2px #004464;
			}
				#js body.start #subHeader .navi.topics .header a {
					-moz-box-shadow: 3px 3px 5px #004464;
					-webkit-box-shadow: 3px 3px 5px #004464;
					box-shadow: 3px 3px 5px #004464;
				}

		#js #subHeader .navi.topics ul,
		#js #subHeader .navi.breadcrumbs li ul {
			position: absolute;
			left: 0;
			margin: 0 0 0 -1px;
			top: 2.7em;
			background: #114763;
			padding: 1em 2em;
			z-index: 3000;
			font-size: 1.1em;
			border: 1px solid #21536c;	
			border-top: none;
			visibility: hidden;
			width: 30em;
		}
			#js body.start #subHeader .navi.topics ul {
				margin: 0;	
			}
		#js #subHeader .navi.breadcrumbs li ul {
			top: 2.2em;	
			width: auto;
		}
			#js #subHeader .navi.breadcrumbs li ul.posAlt {
				left: auto;
				right: 0;
				margin: 0 -1px 0 0;	
			}


			#js #subHeader .navi.topics ul li,
			#js #subHeader .navi.breadcrumbs li ul li {
				border-top: 1px solid #648191;	
			}
			#js #subHeader .navi.topics ul li:last-child,
			#js #subHeader .navi.breadcrumbs li ul li:last-child,
			#js #subHeader .navi.breadcrumbs li ul li.last {
				border-bottom: 1px solid #648191;	
			}
			#js #subHeader .navi.topics ul a,
			#js #subHeader .navi.breadcrumbs li ul a,
			#js #subHeader .navi.breadcrumbs li ul .last Xstrong {
				display: block;
				min-width: 23em;
				padding: 0.3em 1.5em 0.35em 1.75em;
				background: url(/css/freshup/img/bullet-arrow-right-small.png) left center no-repeat;
			}
				#js #subHeader .navi.breadcrumbs li ul .last strong {
					padding: 0.2em 1.5em 0.25em 1.75em !important;
				}
			#js #subHeader .navi.topics ul a:hover,
			#js #subHeader .navi.topics ul a:focus,
			#js #subHeader .navi.breadcrumbs li ul a:hover,
			#js #subHeader .navi.breadcrumbs li ul a:focus {
				color: #8ac2dd;	
				text-decoration: none;	
			}
		
	/* in Box */
	.box .navi.topics {
		font-size: 1.2em;	
		overflow: hidden;	
	}
		body.homepage .box .navi.topics,
		body.homepage .box .linklist {
			/* 2012-04-23 Anweisung dirk: feste hoehe vergeben */
			height: 20.65em;	
		}
		.box .navi.topics li,
		.box .linklist li {
			display: block !important;
			border-top: 1px dotted #333;
		}
			.box .navi.topics li:first-child,
			.box .linklist li:first-child {
				border: none;
			}
		.box .navi.topics a,
		.box .linklist a {
			display: block !important;
			padding: 0.5em 0.5em 0.5em 2em !important;
						padding-left: 1.7em;
			background: url(/css/freshup/img/bullet-arrow-right-small.png) left 0.6em no-repeat;

		}
		.box .linklist a {
			padding-left: 1.7em;
			background: url(/css/freshup/img/bullet-arrow-right-small.png) left 0.75em no-repeat;
		}

	/* Direkt-Links
	 * - sind ohne JS nebeneinander angeordnet
	 * - mit JS als Dropdown
	----------------------------------------------------------------------------- */
	.navi.direct {
		position: relative;
		line-height: 1.2em;
		font-size: 0.9em;	
		z-index: 1500;
	}
		.navi.direct h2 {
			padding: 0.3em 1.5em 0.4em 1.5em;
			font-size: 1.3em;
		}
		.navi.direct strong,
		.navi.direct strong * {
			font-weight: bold;
		}
		#nojs .navi.direct ul {		
			margin: 0 1em 0.1em 0;
			padding: 0.4em 0 0.4em 2em;		
		}
		#nojs .navi.direct li {
			display: inline;
			padding: 0 0.75em 0 0;
			margin: 0 0.5em 0 0;
			border-right: 1px solid #fff;
		}
			#nojs .navi.direct li:last-child {
				border: none;
			}

	#js .navi.direct {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9000;
		float: right;
		margin: 0.6em 1.7em 0 0;
		font-size: 0.8em;
		background: #fff;
		color: #333;
	}	
		#js .navi.direct .header {
			padding: 0;
			margin: 0;
		}
		#js .navi.direct .uc-head {
			display: block;
			width: 13.1em;
			padding: 0.3em 3em 0.3em 0.5em;
			border: 1px inset #aaa;
			color: #000;
			font-weight: normal;
		}
			#js .navi.direct .uc-head .arrow {
				position: absolute; 
				right: 2px;
				top: 2px;
				color: #fff;
				float: right;
				padding: 0.2em;
				line-height: 1em;	
				z-index: 9000;
				background: url(/css/freshup/img/bullet-arrow-down-middle.png) center center no-repeat;
				text-indent: -9999px;
				width: 16px;
			}
				#js .navi.direct .header.active .arrow {
					background-image: url(/css/freshup/img/bullet-arrow-up-middle.png);	
				}
			#js .navi.direct .uc-head:hover {
				text-decoration: none;
			}
		#js .navi.direct .uc-body {
			position: absolute;
			top: 1.55em;
			left: 1px;
			color: #333;
			background: #fff;
			border: 1px solid #ccc;
			font-size: 1.4em;
			width: 15.4em !important;
			z-index: 1000;
			visibility: hidden;
		}
			#js .navi.direct .uc-body li {
				display: block;
				border-bottom: 1px dotted #999;
			}
				#js .navi.direct .uc-body li:last-child {
					border: none;
				}
			#js .navi.direct .uc-body a {
				display: block;
				padding: 0.5em 0.3em;
				color: #333;
			}
	/* Variante immer sichtbar */
	#js #subHeader .row.navi .row.head {
		position: absolute;
		top: 0;
		right: 0;
		height: 2.75em !important;
		width: 100%;
		border-bottom: 1px solid #fff;
		z-index: 1000;	
	}
	#js #subHeader .row.navi .header.main {
		position: relative;
		background: #409ac5;
		font-size: 1.1em;
		float: left;
		padding: 0.6em 1.8em 0.8em 1.8em;
		z-index: 1001;	
		background: -ms-linear-gradient(top,  #1985b9 0%,#409ac5 100%);  /* IE10+ */ 
		-moz-box-shadow: 3px 3px 5px #004464;
		-webkit-box-shadow: 3px 3px 5px #004464;
		box-shadow: 6px 0px 5px -3px #004464;
	}

	/* Brotkrumen
	----------------------------------------------------------------------------- */
	#js	body.sub div.row.navi.gradientV-1,
	#js	body.business div.row.navi.gradientV-1,
	#js body.sector div.row.navi.gradientV-1 {
		 min-height: 7.8em;	/*mind. höhe für 1-zeilige navigation damit es nicht aufklappt */
	}
	#js .navi.breadcrumbs {
		position: relative;
		z-index: 1002;
		clear: both;
		background: #146185;	
		background: -webkit-gradient(linear, left top, left bottom, from(#409ac5), to(#146185));
		background: -moz-linear-gradient(top, #409ac5, #146185);
		background: -o-linear-gradient(top, #409ac5, #146185);
		background: -ms-linear-gradient(top,  #409ac5 0%,#146185 100%); /* IE10+ */

	}
		#js .navi.breadcrumbs .inner {
			padding: 1em;	
		}
		#js .navi.breadcrumbs .inner > ul > li {
			display: inline-block;
			position: relative;			
		}
			#js .navi.breadcrumbs .header {
				display: block;				
			}
			#js .navi.breadcrumbs .header a,
			#js .navi.breadcrumbs .last Xstrong {
				position: relative;
				float: left;
				padding: 0.5em 1em 0.6em 2.1em !important;	
				background: url(/css/freshup/img/bullet-arrow-right-small.png) 0.8em 0.7em no-repeat;
				z-index: 1001;
			}
			#js .navi.breadcrumbs .header.active a {
				text-decoration: none;
				background: #114763 url(/css/freshup/img/bullet-arrow-down-small.png) 0.8em 0.7em no-repeat;
				border: 1px solid #648191;
				border-bottom: none;
				margin: -1px -1px 0 -1px;	
				z-index: 4001;			
			}
			#js #subHeader .navi ul li.active.hide {
				display: none !important;	
			}
				#js .navi.breadcrumbs .noChild .strong {
					background: url(/css/freshup/img/bullet-arrow-right-small.png) 0.8em 0.7em no-repeat;
					cursor: default;
					border: none;
					margin: 0;
				}
		#js .navi.breadcrumbs li ul {
			top: 2em;
			background: #114763;
			padding: 1em;
			left: 1px;
			border: 1px solid #648191 !important;
			margin: 0;
			z-index: 3001;
			display: block;
		}
			#js .navi.breadcrumbs li ul li {
				font-size: 0.9em !important;
				min-width: 15em;
				margin-left: 0;			
			}
			#js .navi.breadcrumbs li ul strong a {
				font-weight: bold;
			}
			#js .navi.breadcrumbs li ul a {
				background-position: 4px 0.5em;
			}
		/* aufklappbar */
		#js .breadcrumb.folder.container {}
		#js .breadcrumb.folder.container > .header {
			font-weight: normal;
			padding: 0;
			font-size: 1.4em;
			min-height: 2.6em;
		}
			#js .breadcrumb.folder.container > .header a {
				float: left;
				padding: 0.7em 1.5em 0.7em 2.2em; 
				margin: 0;
				text-decoration: none !important;
				background: #75b5d4;
				background: -webkit-gradient(linear, left top, left bottom, from(#75b5d4), to(#114a66));
				background: -moz-linear-gradient(top, #75b5d4, #114a66);
				background: -o-linear-gradient(top, #75b5d4, #114a66);	
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF75b5d4, endColorstr=#FF114a66);
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF75b5d4, endColorstr=#FF114a66)";			
			}
				#js .breadcrumb.folder.container > .header a .icon {
					width: 18px;
					height: 18px;
					float: right;
					margin: 0 0 -0.2em 1.3em;
					background: url(~/css/freshup/img/bullet-arrow-down.png) center bottom no-repeat;
				}
			#js .breadcrumb.folder.container.active > .header a {
				border-bottom: 0.2em solid #1985b9;	
				margin-bottom: -0.19em;
				background: -webkit-gradient(linear, left top, left bottom, from(#429bc6), to(#1985b9));
				background: -moz-linear-gradient(top, #429bc6, #1985b9);
				background: -o-linear-gradient(top, #429bc6, #1985b9);	
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF429bc6, endColorstr=#FF#1985b9);
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF429bc6, endColorstr=#FF#1985b9)";			
				-moz-box-shadow: 3px 3px 3px #333;
				-webkit-box-shadow: 3px 3px 3px #333;
				box-shadow: 3px 3px 3px #333;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3333333');
			}
				#js .breadcrumb.folder.container.active > .header a .icon {
					background-image: url(/css/freshup/img/bullet-arrow-up.png);
				}
			#js .breadcrumb.folder.container .body {
				position: absolute;	
				top: 3.8em;
				z-index: 9999;
				width: 91em;
				border-bottom: 1px solid #ECEBE3;
			}		

	/* Servicelinks
	----------------------------------------------------------------------------- */
	.navi.service li {
		display: inline;
		border-left: 1px solid #333;
		margin: 0 0 0 0.5em;
		padding: 0 0 0 0.75em;
		line-height: 1em;
	}
		.navi.service li:first-child {
			border: none;
		}
		.navi.service a {
			color: #333;	
		}

	/* Fußbereich
	----------------------------------------------------------------------------- */

	/* q'n'd */
	/* Navigation letzter punkt ohne weitere menupunkt.
	 * auch anpassung in JS (Topics.js)  Zeilen 35 und 37 */
	.noChild .header a:hover, 
	.noChild .header a:active {
		text-decoration: none;
		cursor: text;
	}
	
	/* Sitemap
	----------------------------------------------------------------------------- */
	nav#th_sitemap {
		background: none;
		border: none;
	}

	nav#th_sitemap ul,
	nav#th_sitemap ul li {
		background: none;
		list-style-image: none;
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}

	nav#th_sitemap > ul > li  {
		font-weight: bold;
		background-color: #e6e6e6;
		padding: 0 0 0 0.5rem;
		margin-bottom: 1em !important;
	}

	nav#th_sitemap > ul > li  > ul li{
		font-weight: normal;
		background-color: #ffffff;
	}

	nav#th_sitemap > ul > li > ul > li  { padding: 0 0 0 0.5rem }
	nav#th_sitemap > ul > li > ul > li > ul > li  { padding: 0 0 0 1.5rem }
	nav#th_sitemap > ul > li > ul > li > ul > li > ul > li  { padding: 0 0 0 2.5rem }
	nav#th_sitemap > ul > li > ul > li > ul > li > ul > li > ul > li  { padding: 0 0 0 3.5rem }

	nav#th_sitemap > ul > li > ul {
		border-top: 1px solid #ccc;
		margin-bottom: 1rem;
	}
}

/* ========== PRINT ========== */

@media print {
	
	#skiplinks,
	.navi.topics,
	.navi.direct,
	.navi.breadcrumbs,
	.navi.service,
	a.uc-prevNav,
	a.uc-nextNav,
	a.more {
		display: none;
	}
		
}