/******************************
 Sprach- und Meta-Navigation
 ******************************/
#navLang, #navMeta {
	position: absolute;
	font-size: 0.9em;
}
#navLang {
	top: 0;
	left: 0;
	width: 410px;
}
#departement #navLang {
	top: 18px;
}
#navMeta {
	top: 85px;
	left: 0;
	width: 750px;
}
#departement #navMeta {
	top: 93px;
}
#navLang ul, #navMeta ul {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navLang li, #navMeta li {
	float: left;
	padding-left: 15px;
}
#navLang a, #navMeta a {
	color: #585858;
	background-color: #fff;
}
#navLang a:hover, #navMeta a:hover {
	color: #3c3c3c;
}
#navLang a.active, #navMeta a.active {
	font-weight: bold;
	color: #3c3c3c;
}
/******************************
Bereichs-Navigation Portal
******************************/
#navMain {
	font-size: 1em;
	font-weight: bold;
	padding: 12px 0 0 0;
	margin-top: 9px;
}
#navMain dl {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	height: 2.55em;
}
#navMain dt {
	display: inline;
}
#navMain dd {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
#navMain a {
	display: block;
	color: #304151;
	width: 174px;
	float: left;
	padding: 0.4em 0 .3em 12px;
	border-right: 1px solid #d7d7d7;
	border-bottom: 2px solid #d7d7d7;
	background-color: #efefef;
	background-image: url(/etc/designs/stzh/statics/media/bg_mainnav_portal.png);
	background-position: top left;
	background-repeat: repeat-x;
	line-height: 1.8em;
}
html[lang=en] #navMain a,
html[lang=zh] #navMain a {
	width: 237px;
}
*+html #navMain a {
	line-height: 1.6em;
}

#navMain a.first {
	width: 175px;
}
html[lang=en] #navMain a.first,
html[lang=zh] #navMain a.first {
	width: 236px;
}
#navMain a:hover {
	background-image: none;
	background-color: #284F99;
	color: #fff;
}
#navMain a.active {
	background-image: none;
	background-color: #fff;
	border-bottom: 2px solid #fff;
	color: #73004d;
}
#navMain a.active:hover {
	background-color: #fff;
	color: #73004d;
}
/******************************
Bereichs-Navigation Departements
******************************/
#navMainDept {
	position: relative;
	font-size: 1em;
	font-weight: bold;
	padding: 12px 0 0 0;
	margin: 0;
	z-index: 10;
}
#navMainDept, #navMainDept dl dl  {
	width: 81.25em;
}
* html #navMainDept, #navMainDept dl dl {
	width: 81.71em;
}
*+html #navMainDept, #navMainDept dl dl {
	width: 81.71em;
}
#navMainDept dl {
	list-style: none;
	margin: 0;
	padding: 0 0 0 11px;
	height: 33px;
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_line.gif );
	background-position: 0 28px;
	background-repeat: repeat-x;
}
#navMainDept dt {
	display: inline;
}
#navMainDept dd {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
#navMainDept a {
	display: block;
	color: #304151;
	margin-right: 1px;
	padding: 0;
	height: 28px;
	float: left;
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_right.png);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 2px solid #d7d7d7;
	line-height: 1.20em;
}
* html #navMainDept a {
	height: 14px;
	border-bottom: 0
}
#navMainDept a:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_right_over.png);
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #12366B;
}
* html #navMainDept a:hover {
	border: 0;
}
#navMainDept a.active, #navMainDept a.active:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_right_active.png);
	color: #fff;
	text-decoration: none;
	height: 33px;
	border: none;
}
#navMainDept a span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_left.png);
	padding: 8px 12px 6px 12px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
}
* html #navMainDept a span {
	padding-top: 8px;
}
#navMainDept a:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_left_over.png);
}
#navMainDept a.active span, #navMainDept  a.active:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_left_active.png);
	padding-bottom:8px;
	padding-top: 11px;
	border: none;
}
/* Zweizeiler */
#navMainDept.twoLines dl {
	height: 45px;
	background-position: 0 40px;
}
#navMainDept.twoLines a {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_right.png);
	height: 40px;
	line-height: 13px;
	padding: 0;
}
#navMainDept.twoLines a:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_right_over.png);
}
#navMainDept.twoLines a.active, #navMainDept.twoLines a.active:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_right_active.png);
	height: 46px;
}
#navMainDept.twoLines a span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_left.png);
}
#navMainDept.twoLines a:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_left_over.png);
}
#navMainDept.twoLines a span {
	padding-top: 14px;
	padding-bottom: 13px;
}
#navMainDept.twoLines a.two span {
	padding-top: 8px;
	padding-bottom: 6px;
}
* html #navMainDept.twoLines a.two span {
	padding-top: 8px !important;
	padding-bottom: 6px !important;
}
#navMainDept.twoLines a.active span, #navMainDept.twoLines a.active:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_left_active.png);
	padding-top: 18px;
	padding-bottom: 15px;
}
#navMainDept.twoLines a.active.two span, #navMainDept.twoLines a.active.two:hover span {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* Mit Unterebene */
#navMainDept dl.withSub {
	margin-bottom: 38px;
}
#navMainDept dl.withSub dd.sub {
	top: 0;
	left: 0;
}
#navMainDept dl.withSub dd.sub span.tooltipp {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
#navMainDept dl.withSub a.active, #navMainDept dl.withSub a.active:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_right_over.png);
	height: 29px;
}
#navMainDept dl.withSub a.active span, #navMainDept dl.withSub a.active:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_left_over.png);
	padding-top: 9px;
}
#navMainDept.twoLines dl.withSub a.active, #navMainDept.twoLines dl.withSub a.active:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_right_over.png);
	height: 42px;
}
#navMainDept.twoLines dl.withSub a.active span, #navMainDept.twoLines dl.withSub a.active:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDeptTwo_left_over.png);
	padding-top: 15px;
}
#navMainDept.twoLines dl.withSub a.active.two span, #navMainDept.twoLines dl.withSub a.active.two:hover span {
	padding-top: 9px;
}
#navMainDept dl.withSub {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subLine.gif);
}
#navMainDept dl.withSub a {
	border-bottom: 2px solid #12366B;
}
#navMainDept dl dl {
	position: absolute;
	top: 40px;
	left: -40px;
	background-color: #2C58AA;
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subul.png);
	background-repeat: repeat-x;
	background-position: top left !important;
	height: 31px !important;
	width: 963px;
	padding: 8px 0 0 10px !important;
	border-left: 1px solid #12366B;
	border-bottom: 1px solid #12366B;
	border-right: 1px solid #12366B;
}
* html #navMainDept dl dl {
	border-bottom: 0;
}
#navMainDept.twoLines dl dl {
	top: 52px;
}
#navMainDept.twoLines dl dl a {
	padding-top: 5px;
}
#navMainDept dl dl a {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subDivider.gif) !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	width: auto !important;
	height: auto !important;
	color: #fff !important;
	font-weight: normal;
	border-bottom: 1px solid #12366B !important;
	margin-right: 0 !important;
	line-height: 12px;
	padding-top: 6px;
}
* html #navMainDept dl dl a {
	border-bottom: 0;
}
#navMainDept dl dl a.active {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subRight_active.gif) !important;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
	color: #334353 !important;
	border-bottom: 1px solid #fff !important;
	margin-left: -1px;
}
#navMainDept dl dl a.active.first {
	margin-left: 0;
}
#navMainDept dl dl a.active.first:hover {
	padding-top: 5px;
}
#navMainDept dl dl a.active:hover  {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subRight_active.gif) !important;
}
* html #navMainDept dl dl a.active:hover  {
	padding-top: 5px;
}
#navMainDept dl dl a:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subRight_over.gif) !important;
	text-decoration: underline;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
}
#navMainDept dl dl a span {
	background-image: none !important;
	background-color: transparent !important;
	padding: 7px 12px 6px 12px !important;
}
#navMainDept dl dl a.active span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subLeft_active.gif) !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	padding: 7px 12px 6px 12px !important;
}
#navMainDept dl dl a.active:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subLeft_active.gif) !important;
	padding: 7px 12px 6px 12px !important;
}
#navMainDept dl dl a:hover span, #navMainDept dl dl a.first:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subLeft_over.gif) !important;
	text-decoration: underline;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	padding: 7px 12px 7px 12px !important;
}
#navMainDept dl dl a.first span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subDivider.gif) !important;
	background-position: bottom left !important;
	background-repeat: no-repeat !important;
}
#navMainDept dl dl a.first.active span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subLeft_active.gif) !important;
}
#navMainDept dl dl a.first.active:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_mainNavDept_subLeft_active.gif) !important;
	line-height:13px !important;
	padding: 7px 12px 6px 12px !important;;
}
#navMainDept dl dl a:focus, #navMainDept dl dl a:active,
#navMainDept dl dl a:focus span, #navMainDept dl dl a:active span,
#navMainDept dl dl a.active:focus, #navMainDept dl dl a.active:active,
#navMainDept dl dl a.active:focus span, #navMainDept dl dl a.active:active span,
#navMainDept dl dl a.first.active:focus span, #navMainDept dl dl a.first.active:active span{
	background-color: #19315f !important;
	background-image: url(/etc/designs/stzh/statics/media/bg_focus.gif) !important;
	background-repeat: repeat !important;
	background-position: top left !important;
	color: #fff !important;
}

/******************************
Tooltipps
******************************/
#navMain dd.tooltipp, #navMainDept dd.tooltipp, #navMainDept dd span.tooltipp  {
	background-color: #fff;
	color:#333;
	padding: 10px 12px 10px 12px;
	border: 1px solid #b3b3b3;
	margin-left:0;
	font-weight: normal;
	width: 724px;
	z-index: 1000 !important;
}

#navMain dd.tooltipp-on {
	top: 12.21em;
	left: 0;
	}
* html #navMain dd.tooltipp-on {
	top: 12.41em;
	}
#navMainDept dd.tooltipp-on {
    left: 0px;
	width: 949px;
}
#navMainDept dd.tooltipp-on {
	top: 3.36em;
}
#navMainDept.twoLines dd.tooltipp-on {
	top: 4.34em;
}
#navMainDept dd.sub dd.tooltipp-on {
	left: -1px;
	top: 3.25em;
}
/******************************
Unter-Navigation
******************************/
#navSub {
	float: left;
	width: 222px;
	padding-top: 40px;
}
.fullWidth.noSubnav #navSub {
	display: none;
}
#navSub ul {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0;
	border-bottom: 2px solid #b3b3b3;
}
#navSub ul ul {
	border-bottom: 1px solid #b3b3b3;
	padding-top: 0;
}
#navSub li {
	display: inline;
}
#navSub a {
	display: block;
	margin: 0;
	padding: 3px 0 2px 14px;
	border-top: 1px solid #b3b3b3;
	color: #304151;
}
#navSub a.section {
    border-top: 2px solid #b3b3b3;
    padding-top: 20px;
}
#navSub li li a {
	padding-left: 28px;
}
#navSub a:hover, #navSub a.active {
	color: #73004d;
	background-image: url(/etc/designs/stzh/statics/media/bg_navsub_li.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
}
#navSub a.active {
	font-weight: bold;
}
#navSub li li a:hover, #navSub li li a.active {
	background-image: none;
}
/******************************
 Content-Navigation
 ******************************/
#navContent {
	background-image: url(/etc/designs/stzh/statics/media/bg_navcontent.png);
	background-repeat: repeat-x;
	background-color: #efefef;
	border: 1px solid #f3f4f4;
	padding: 7px;
	margin-bottom: 36px;
}
#navContent.right {
	float: right;
	margin-top: -11px;
	margin-left: 12px;
}
#navContent ul {
	width: 245px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navContent.right ul {
	width: 166px;
}
#navContent ul.left {
	float: left;
}
* html #navContent ul.left {
	padding: 0 !important;
	margin: 0;
}
#navContent ul.right {
	float: right;
}
* html #navContent ul.right {
	padding: 0 !important;
	margin: 0;
}
#navContent ul ul ul {
	border-bottom: 1px solid #d8d8d8;
}
#navContent ul li {
	display: inline;
	list-style-image: none;
	margin: 0 !important;
	padding: 0 !important;
}
#navContent li li a {
	padding-left: 24px;
}
#navContent li li li a {
	padding-left: 36px;
}
#navContent a {
	display: block;
	border-top: 1px solid #d8d8d8;
	padding: 3px 12px;
	color: #314151;
}
#navContent a:hover {
	text-decoration: underline;
	color: #73004d;
}
#navContent a.active {
	font-weight: bold;
	color: #73004d;
}
#navContent li.first a {
	border-top: 0;
}
#navContent li.first li a {
	border-top: 1px solid #d8d8d8;
}
/******************************
Content-Tab-Navigation
******************************/
.navTab {
	position: relative;
	margin-top: 40px;
	clear: both;
}
.navTab ul.nav {
	list-style: none !important;
	padding: 0 !important;
	height: 28px !important;
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_line.gif);
	background-position: 0 23px;
	background-repeat: repeat-x;
}
.navTab ul.nav li {
	display: inline !important;
	list-style-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.navTab ul.nav a {
	display: block;
	color: #42515F;
	margin-right: 1px;
	padding: 0;
	height: 23px;
	float: left;
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_right.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #b3b3b3;
	line-height: 15px;
}
* html .navTab ul.nav a {
	line-height: 7px;
}
.navTab ul.nav a.active {
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_right_active.gif);
	border-bottom: 1px solid #fff;
	color: #73004d;
	font-weight: bold;
	line-height: 19px;
}
* html .navTab ul.nav a.active {
 line-height: 12px;
}
.navTab ul.nav a span {
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_left.jpg);
	padding: 5px 12px 7px 12px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
}
* html .navTab ul.nav a span {
	padding: 9px 12px 7px 12px;
}
.navTab ul.nav a.active span {
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_left_active.gif);
}
.navTab ul.nav a:hover {
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_right_active.gif);
	color: #73004d;
}
.navTab ul.nav a:hover span {
	background-image: url(/etc/designs/stzh/statics/media/bg_navTab_left_active.gif);
	color: #73004d;
	text-decoration: underline;
	padding-bottom: 3px;
}



/******************************
Schnellzugriffe Portal
******************************/

#quickAccess .box {
	background-image: url(/etc/designs/stzh/statics/media/bg_boxtop_quickAccess.gif);
}


/******************************
Schnellzugriffe Portal
******************************/

#quickAccess dt {
	display: inline;
}
#quickAccess dd {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

#quickAccess {
  margin: 20px 0 60px;
  position: relative;
}
html[lang=en] #quickAccess,
html[lang=zh] #quickAccess {
  display: none;
}

.headRight #quickAccess {
  margin-bottom: 0;
}

#quickAccess dt.popup {
  background-color: #284f99;
  background-image: url(/etc/designs/stzh/extensions/img/ogd/ogd_quickaccess_gradient.png);
  background-repeat: repeat-x;
  border: 1px solid #123d77;
  border-bottom: 2px solid #123d77;
  display: block;
}

#quickAccess.open dt.popup {
  background: #f5fbff;
  border: 1px solid #eee;
  border-bottom: 2px solid #f5fbff;
}

#quickAccess dt.popup a {
  color: #fff;
  padding: 4px 21px 3px 12px;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  background: url(/etc/designs/stzh/extensions/img/ogd/ogd_quickaccess_popup.png) no-repeat center right;
  display: block;
}

#quickAccess.open dt.popup a {
  color: #304151 !important;
  background: url(/etc/designs/stzh/extensions/img/ogd/ogd_quickaccess_close.png) no-repeat center right;
}

#quickAccess dt.popup a:hover,
#quickAccess dt.popup a:active,
#quickAccess dt.popup a:focus {
  background: #19315f url(/etc/designs/stzh/extensions/img/ogd/ogd_quickaccess_popup.png) no-repeat center right !important;
}

#quickAccess.open dt.popup a:hover,
#quickAccess.open dt.popup a:active,
#quickAccess.open dt.popup a:focus {
  background: transparent url(/etc/designs/stzh/extensions/img/ogd/ogd_quickaccess_close.png) no-repeat center right !important;
}

#quickAccessButton {
  margin-bottom: 0;
}

#quickAccessContent {
  width: 213px;
  background: #f5fbff;
  margin: 0 -9px 0;
  padding: 9px 9px 0;
  -moz-box-shadow: 0 1px 1px #aaa;
  -webkit-box-shadow: 0 1px 1px #aaa;
  box-shadow: 0 1px 1px #aaa;
}
#quickAccess .ending,
#quickAccess .ending.more,
#quickAccess .ending.last {
	background-image: url(/etc/designs/stzh/statics/media/bg_boxbottom_quickAccess.gif) !important;
}

#quickAccess .active .ending,
#quickAccess .active .ending.more,
#quickAccess .active .ending.last {
	background-image: url(/etc/designs/stzh/statics/media/bg_boxbottom_quickAccess.gif) !important;
}

/******************************
Tooltipps
******************************/
#quickAccess dd.tooltipp {
	background-color: #fff;
	color:#333;
	padding: 10px 12px 10px 12px;
	border: 1px solid #b3b3b3;
	margin-left:0;
	font-weight: normal;
	width: 724px;
	z-index: 1000 !important;
}

#quickAccess dd.tooltipp {
  width: 187px;
  margin-left: 0;
  top: 30px !important;
}

#quickAccess dd.tooltipp-on {
	top: 12.21em;
	left: 0;
}
* html #quickAccess dd.tooltipp-on {
	top: 12.41em;
}
