/*
THEME: RKI 2011
AUTHOR: Jeroen Smit - Aperto AG
*/
/***************************************************
____________________________________________________
   GENERAL SETTINGS
____________________________________________________
***************************************************/
html {
    /*enforce vertical scrollbar*/
    overflow-y: scroll;
}
* {
 margin: 0;
 padding: 0;
 border: none;
}
body {
 background: #fff;
 font: 62.5%/1.3 arial, helvetica, sans-serif;
 color: #323232;
}
input, select {
 vertical-align: middle;
}
a {
 text-decoration: none;
 color: #003f97;
}
a:hover,
a:active,
a:focus {
 text-decoration: underline;
}
#clear,
.clear {
  clear: both;
  height: 1px;
}
/******************
 LINKS
*******************/
.more {
 margin-left: 10px;
 font-style: normal;
 overflow:hidden;
}
.more a,
.all a {
 padding-left: 10px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -393px;
 display:block;
}
.more a {
 margin-top: 10px;
 margin-left: 5px;
}
#content .all {
 float: right;
 padding: 5px 0 0;
}
.more a:hover em,
.more a:hover span {
 text-decoration: underline;
}
/******************
  HIDDEN
*******************/
.aural,
.navSkip,
#Hauptmenu,
#search h2,
.searchNode a,
#navServiceMeta h2,
.nav-meta em,
#navServiceMeta .font-size span,
#navBreadcrumbs p,
#navSecondary h2,
.add-info,
#navPrimary ul li strong em,
.glossaryIndex em {
 display: block;
 position: absolute;
 overflow: hidden;
 left: -9999px;
 width: 1px;
 height: 1px;
}
/************************
-------------------------
 FONTS
-------------------------
************************/
#search input {
 font-family: Georgia, Times, serif;
}
/*** FONT-SIZES ***/
/**** 14px ****/
#supplement *,
#siteNav #search *,
#navServiceMeta,
#siteNav #navBreadcrumbs *,
#wrapperInner .navSkip {
  font-size: 130%;
}
#navServiceMeta *,
#supplement * ,
#siteNav #search * *,
#siteNav #navBreadcrumbs * *,
#siteInfo * *,
.home #content ul.links,
#navPrimary li li * *,
#navSecondary *,
#navTagCloud ul li ,
#sitemap a {
  font-size: 100%;
}
/************************
-------------------------
 LAYOUT
-------------------------
************************/
#wrapperOuter {
 position:relative;
 margin: auto;
 /*min-width: 93em;*/

 width: 130em;
 border: 1px solid #d9d9d9;
 box-shadow: 3px 3px 15px 6px #d9d9d9;
}
}
#wrapperInner {
  position: relative;
}
#wrapperDivisions {
 background: #ebebeb;
 padding-bottom: 40px;
}
#wrapperDivisions-2 {
 /*width: 96em;*/
 width: 123.9em;

 position: relative;
 margin: 0 auto;
 overflow:hidden;
}
.home #wrapperDivisions-2 {
 padding-top: 3em;
}
#wrapperContent {
 /*width: 52em;*/
 width: 95.4em !important;

 float: left;
 padding-bottom: 150px;
}
#wrapperContent.altGrid {
 /*width: 74em;*/
 width: 95.4em;

 float: left;
}
#wrapperContent.altGridFull {
    width:96em;
    float: left;
}
#navSecondary {
 width: 21em;
 float: left;
 margin-right: 10px;
}
#supplement {
 width: 21em;
 float: right;
}
/***************************************************
____________________________________________________
 BRANDING
____________________________________________________
***************************************************/
#branding {
 padding: 0;
 width: 120em;
 margin: 0 auto 2.3em;
 overflow: hidden;
 position: relative;
 min-height: 10em;
}
/************************
-------------------------
 LOGO
-------------------------
************************/
#logo {
 margin-top: 10px;
 float: left;
}
/************************
-------------------------
 META-NAV
-------------------------
************************/
#navServiceMeta {
 position: absolute;
 right: 0;
 top: 17px;
}
#navServiceMeta ul {
 list-style: none;
 float: left;
}
#navServiceMeta li {
 float: left;
 color: #505050;
 line-height: 1.3;
 background: url(../Images/Materna/metanav-border.png) no-repeat left center;
}
#navServiceMeta li:first-child {
 background: none;
}
#navServiceMeta a {
 color: #505050;
}
#navServiceMeta li a,
#navServiceMeta li strong {
 padding: 0 12px;
}
#navServiceMeta .font-size {
 padding: 0 4.3em 0 12px;
 position: relative;
 float: right;
 background: url(../Images/Materna/metanav-border.png) no-repeat left center;
}
#navServiceMeta .font-big,
#navServiceMeta .font-normal {
 font-size: 123%;
 font-weight: bold;
 position: absolute;
 right: 0;
 top: -1px;
 text-align: center;
}
#navServiceMeta .font-big a,
#navServiceMeta .font-normal a {
 padding: 1px 4px;
 display: block;
}
#navServiceMeta .font-big {
 right: 1.6em;
}
#navServiceMeta .font-size a:hover,
#navServiceMeta .font-size a:active,
#navServiceMeta .font-size a:focus,
#navServiceMeta .font-size .current {
 background: #ebebeb;
 text-decoration: none;
}
#navServiceMeta dd a {
 display: block;
}
/************************
-------------------------
 SEARCH
-------------------------
************************/
#search {
 position: absolute;
 top: 5.6em;
 right: 0;
}
#search p {
 margin-top: 0;
  height: 1%;
}
#search input {
 font-size: 120%;
}
#search fieldset {
  float: right;
}
#search span input {
 width: 30em;
 padding: 0.833em 2em 0.833em 0.833em;
 background-color: #fff;
  border: 1px solid #c5c5c5;
  font-size: 120%;
  font-family:arial, helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
 font-weight: normal;
  font-style: normal;
}
#search span input:focus,
#search span input:active {
 border: 1px solid #666;
}
#search input.button {
 position: absolute;
 width: 15px;
 height: 15px;
 top: 2px;
 right: 2px;
 padding-right: 0.833em;
 border: none;
 cursor: pointer;
 background: #fff;
}
/***SEARCH-2***/
.search {
 background: #fff;
 overflow:hidden;
 padding: 10px;
}
.search input {
 width: 19em;
 color: #878787;
}
#navSecondary .boxWrapper h2 {
 font-size: 180%;
 font-weight: normal;
 margin: 20px 0 10px;
}
#navSecondary .search .button,
.search .button  {
 background: none;
 border:none;
 float: right;
 color: #003f97;
 padding: 5px 0 2px 10px;
 width: 4em;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -389px;
 font-size: 120%;
}
.search .button:hover {
 text-decoration: underline;
 cursor: pointer;
}
.search .formField input {
 border: none;
 background: #ebebeb;
}
/***************************************************
____________________________________________________
 NAV-PRIMARY
____________________________________________________
***************************************************/
#navPrimary {
 position: relative;
 background: #003F97;
 z-index: 20;
 border-bottom: 5px solid #011b40;
 display: block;
 width:100%;
}
.js-on #navPrimary {
 overflow: hidden;
}
.navOverlay {
 position: relative;
 padding-top: 60px;
}
.navOverlay-Extra {
 position: absolute;
 background: #002860;
 z-index: 3;
 width: 100%;
}
#navPrimary:after,
.navOverlay:after {
 content: " ";
  clear: both;
  display: block;
}
ul.nav-global {
 /*position: relative;*/
 width: 100em;
 margin: -60px auto 0;
 list-style: none;
}
ul.nav-global li {
 float: left;
}
ul.nav-global li a,
ul.nav-global li strong {
 display: block;
 color: #fff;
 padding: 0 2.1em;
 font-size: 160%;
 line-height: 60px;
 font-weight: bold;
}
ul.nav-global li strong {
 font-weight: normal;
}
#navPrimary ul li.active strong {
    background: #011b40;
    font-weight: bold;
    text-decoration: underline;
}
#navPrimary ul li a:hover,
#navPrimary ul li a:active,
#navPrimary ul li a:focus,
#navPrimary ul li strong:hover,
#navPrimary ul li strong:active,
#navPrimary ul li strong:focus,
#navPrimary ul li a.js-selected {
 background-color: #002860;
 cursor: pointer;
 text-decoration: underline;
}
ul.nav-global li .menu {
  position: absolute;
 z-index: 9;
}
.js-on ul.nav-global li:hover .menu,
ul.nav-global li .menu {
 position: absolute;
 display: none;
 overflow: hidden;
 width: 100%;
 left: -9999em;
 right: 0;
 margin: 0;
}
ul.nav-global li.active .menu {
 display: block;
}
.js-on ul.nav-global li.menu-visible .menu,
ul.nav-global li:hover .menu {
 left: 0;
 display: block;
}
.menu-box-group {
 position: relative;
 top: 0;
 overflow: hidden;
 zoom: 1;
 background: #002860;
 width: 96em;
 margin: 0 auto;
 padding: 15px 5px 0 5px;
}
#navPrimary .menu-box-group ul li a:hover,
#navPrimary .menu-box-group ul li a:active,
#navPrimary .menu-box-groupul li a:focus {
 text-decoration: underline;
}
ul.nav-global ul {
 list-style: none;
}
ul.nav-global li li {
 float: none;
}
ul.nav-global li li a {
 padding: 2px 0;
 border: none;
 color: #fff;
 line-height: 1.4;
}
ul.nav-global .menu-box {
 float: left;
 margin: 0 10px;
}
.menu .overview-item {
 float: left;
 width: 23em;
 margin-right: 20px;
}
.menu .overview-item p {
 margin-top: 15px;
 font-size: 110%;
 line-height: 1.5em;
 color: #a5bde9;
 font-style: italic;
}
.menu .overview-item .more {
 display: block;
 margin: 5px 0 0 0;
 font-style: normal;
}
#navPrimary .overview-item .more a {
 display: block;
 padding: 0 0 0 10px;
 color: #fff;
 margin: 0;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -194px;
 font-size: 120%;
 line-height: 1.4;
}
#navPrimary .overview-item .more a:hover,
#navPrimary .overview-item .more a:active,
#navPrimary .overview-item .more a:focus {
 text-decoration: underline;
}
#navPrimary .navPrimary-list {
 float: left;
 position: relative;
 width: 44em;
 margin: 0 0 2.5em 0;
 border-right: 1px solid #1b55a6;
 padding-right: 2.5em;
 overflow:hidden;
 list-style: none;
 font-size: 100%;
}
#navPrimary .navPrimary-list h2 {
 position: relative;
 color: #fff;
 font-size: 400%;
 font-weight: normal;
 letter-spacing: 1px;
 top: -4px;
}
#navPrimary .navPrimary-list ul {
 position: relative;
 width: 20em;
 float: left;
 margin: 10px 10px 0 0;
 font-size: 100%;
}
#navPrimary .navPrimary-list li {
 font-size: 100%;
 margin-right: 20px;
 padding: 0;
 line-height: 1.2;
}
ul.nav-global li li a {
 font-size: 140%;
}
#navPrimary .navOverlay
#navPrimary .menu-box li a {
 display: block;
 padding: 0;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -295px;
}
#navPrimary .navPrimary-list li a {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -191px;
 padding-left: 10px;
}
#navPrimary .overview-articles h3 {
 color: #fff;
 font-weight: normal;
 font-size: 160%;
 padding-left: 45px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -295px;
}
#navPrimary .overview-articles {
 width: 21.5em;
 float: right;
}
#navPrimary .overview-articles ul {
 float: left;
 margin-top: 20px;
 font-size: 100%;
}
#navPrimary .overview-articles li {
 float: none;
}
#navPrimary .overview-articles li a {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -92px;
 padding-left: 10px;
 color: #a5bde9;
 font-size: 120%;
}
/***************************************************
____________________________________________________
 BREADCRUMBS
____________________________________________________
***************************************************/
#siteNav {
 width: 130em;
 position: relative;
 margin: 0 auto 4em;
 overflow:hidden;
}
#navBreadcrumbs {
 float: left;
 width: 73em;
 padding: 1.8em 0 0;
}
#navBreadcrumbs ol {
 list-style:none;
}
#navBreadcrumbs li {
 float: left;
 font-size: 140%;
}
#navBreadcrumbs a,
#navBreadcrumbs strong  {
 color: #313131;
 font-weight: normal;
 margin-right: 10px;
}
#navBreadcrumbs a {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 100% 6px;
 padding-right: 14px;
}
/***************************************************
____________________________________________________
 NAV-SECONDARY
____________________________________________________
***************************************************/
#navSecondary ul {
 list-style:none;
}
#navSecondary li {
 background: #fff;
 margin-bottom: 3px;
 font-size: 130%;
}
#navSecondary a {
 padding: 10px;
 display: block;
 color: #323232;
}
#navSecondary ul ul,
#navSecondary ul ul ul  {
 font-size: 76.9%;
}
#navSecondary li li {
 background: #ccc;
 margin-bottom: 0;
 border-bottom: 1px solid #fff;
}
#navSecondary li li li {
 background: #eee;
}
/*** ON ***/
#navSecondary .on {
 background: #002860;
}
#navSecondary .on strong {
 display: block;
 padding: 10px 10px 10px 22px;
 color: #fff;
 font-weight:normal;
 background: url(../Images/Materna/icon_sprite.png) no-repeat scroll 10px -185px;
}
#navSecondary .active strong {
 background: url(../Images/Materna/icon_sprite.png) no-repeat scroll 10px -184px;
}
#navSecondary ul ul .on strong {
 padding-left: 32px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 20px -185px;
}
/*** OPEN ***/
#navSecondary .open a {
 padding-left: 22px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 10px -483px;
 color: #003f97;
}
#navSecondary .open li a,
#navSecondary .on ul li a {
 color: #323232;
 padding-left: 32px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 20px -585px;
}
/*** OPEN-2 ***/
#navSecondary li.open-2 a {
 padding-left: 32px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat  20px -1885px;
}
#navSecondary .open-2 li a {
 color: #323232;
 padding-left: 42px;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 30px -585px;
}
#navSecondary .open-2 .on {
 padding-left:10px;
}
/*** FIRST ***/
#navSecondary .first {
 background: #003f97;
 font-size: 180%;
}
#navSecondary .first.on strong {
 background: #002860;
}
#navSecondary .first a,
#navSecondary .first.on strong {
 color: #fff;
 padding: 12px 10px;
 display: block;
}
/***************************************************
____________________________________________________
 CONTENT
____________________________________________________
***************************************************/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
 font-weight: normal;
 font-size: 200%;
 line-height: 1.3em;
 clear:both;
}
#content h1 {
    margin-bottom: 5px;
}
#content h2 {
  margin: 0 0 10px;
  font-weight: bold;
   font-size: 150%;
   font-weight: bold;
}
.home #content h2 {
 margin-top: 20px;
}
#content h3 {
  font-size: 160%;
}
#content h4 {
  font-size: 130%;
  font-weight: bold;
}
#content h5 {
  font-size: 140%;
}
#content p {
 line-height: 1.5;
 font-size: 130%;
 padding-bottom: 10px;
}
/*** TEXT ALIGN ***/
#content .center {
  text-align: center;
}
#content .right {
  text-align: right;
}
#content .justify {
  text-align: justify;
}
/***HOVER ABKüRZUNGEN***/
/***NAVtoTOP***/
.navToTop a {
 float: right;
 text-decoration: none;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -695px;
 padding-left: 10px;
}
.navToTop a:hover,
.navToTop a:active,
.navToTop a:focus {
 color: #323232;
 background-position: 0 -795px;
 text-decoration: underline;
}
/************************
-------------------------
 GLOSSARY
-------------------------
************************/
#content .RichTextGlossarLink {
 border-bottom: 1px dotted #003f97;
 cursor: help;
 text-decoration:none;
}
/************************
-------------------------
 MAIN
-------------------------
************************/
.text {
 position: relative;
 overflow:hidden;
 padding: 25px 25px;
 background: #fff;
}
#main h2,
#main h3,
#main h4,
#main h5 {
 margin: 0 0 2px 0;
 padding-top: 5px;
}
.home #main h3 {
 margin-bottom: 2px;
}
#content .headSection {
 background: #fff;
 overflow:hidden;
 padding: 20px;
 margin-bottom: 10px;
}
#content .headSection h1 {
 float: left;
 margin: 0;
}
/* CR4: Überschriften Variationen */
#main .subheadline p {
    font-size: 130%;
    font-weight: bold;
    margin-top: -5px;
    padding-bottom: 10px;
}
#main .abstract p {
 padding: 0 0 20px 0;
 font-weight: bold;
 font-size: 150%;
 line-height: 1.4em;
}
#main .address {
 margin: 0 0 20px 0;
 font-size: 130%;
 line-height: 1.4em;
}
#main .box {
 border-bottom: 1px solid #ebebeb;
 padding-bottom: 10px;
 margin-bottom: 20px;
}
/*** Article Functions ***/
#navFunctions {
 margin-top: 20px;
}
.home #navFunctions {
 margin-top: 12px;
}
#main #navFunctions ul {
 list-style:none;
 margin: 0;
}
#navFunctions li {
 float: left;
}
#main #navFunctionsPrint a {
 padding: 3px 0 3px 30px;
 color: #323232;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -1200px;
}
#main #navFunctionsRecommend {
 position: relative;
 float: right;
}
#navFunctionsRecommend li a {
 position: absolute;
 width: 21px;
 height: 21px;
 top: 0;
 right: 8.5em;
 text-indent: -9999em;
 overflow:hidden;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -1100px;
}
#navFunctionsRecommend li.twitter a {
 background-position: 0 -1000px;
 right: 10.1em;
}
#navFunctionsRecommend li.facebook a {
 background-position: 0 -900px;
 right: 11.75em;
}
/*** TOC ***/
#main ul.toc {
 margin: 0;
 padding: 0 0 30px 0;
 width: auto;
}
#main ul.toc li {
 background: none;
 font-size: 130%;
 list-style: none;
}
#main ul.toc li a {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -395px;
 padding-left: 12px;
}
#main ul.toc li a:hover,
#main ul.toc li a:active,
#main ul.toc li a:focus {
 background-position: 0 -595px;
  color: #323232;
}
#main ul.toc ul {
 margin: 2px 0 0 20px;
}
#main ul.toc li li {
 font-size: 100%;
}
/***CONTENT LIST ***/
#main ol {
    margin: 0 0 5px 20px;
}
#main ul {
    margin: 0 0 5px 16px;
}
#main li {
 font-size: 130%;
 line-height: 1.4em;
}
#main ol ol,
#main ul ul {
 margin-bottom: 0;
}
#main li {
  padding-bottom: 7px;
}
#main li li,
#main li p {
 font-size: 100%;
  padding-bottom: 7px;
}
dl {
  overflow: hidden;
 margin: 0 0 20px 0;
 font-size: 150%;
 line-height: 1.4em;
}
dt {
 display: block;
 float: left;
 padding-right: 0.5em;
}
dd {
  display: block;
}
/*** CONTENT LINKS ***/
.gsb abbr,
.gsb acronym,
.gsb dfn {
  border-bottom: 1px dotted #003f97;
}
#content a.Publication:hover,
#content a.Publication:active,
#content a.Publication:focus,
#content a.shoppingCardLink:hover,
#content a.shoppingCardLink:active,
#content a.shoppingCardLink:focus,
#content a.RichTextIntLink:hover,
#content a.RichTextIntLink:active,
#content a.RichTextIntLink:focus {
 color: #323232;
}
#content a.ExternalLink {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -394px;
 padding-left: 13px;
 margin-left: 5px;
}
#content a.ExternalLink:hover,
#content a.ExternalLink:active,
#content a.ExternalLink:focus {
background-position: 0 -594px;
  color: #323232;
}
#content dl {
  overflow: hidden;
 margin: 0 0 20px 0;
 font-size: 130%;
 line-height: 1.4em;
}
#content dt {
 display: block;
 float: left;
 padding-right: 0.5em;
}
#content dd {
  display: block;
}
/*** CONTENT IMAGES ***/
#content p.picture {
 margin: 4px 15px 15px 0px;
 border: none;
 background: #ebebeb;
 padding: 0;
 font-size: 110%;
 line-height: 1.2em;
}
#content p.picture.links {
 float: left;
}
#content p.picture.mod {
 margin-right: 100%;
}
#content p.picture.rechts {
 float: right;
 margin: 8px 0 5px 15px;
}
#content p.picture.rechtsOhne {
 margin-left: 100%;
        float: right;
}
#content p.picture.mitte {
 margin: 0 auto 15px auto;
}
#content p.illustration,
#content p.video {
 background: #ebebeb;
 margin: 0 0 20px 0;
 padding: 0;
 font-size: 120%;
}
#content p.picture .caption,
#content p.picture .source,
#content p.illustration .caption,
#content p.illustration .source,
#content p.video .caption,
#content p.video .source {
 display: block;
 padding: 5px 10px;
}
#content a.lupe {
    display: block;
    height: 16px;
}
#content a.lupe img {
    float:right; margin-top: 5px; margin-right: 5px;
}
/*** TABLES ***/
#content table {
 width: 100%;
 margin: 0 0 20px 0;
 padding: 0 0 10px 0;
 table-layout: fixed;
 font-size: 130%;
 background: url(../Images/Materna/bg-th.png) repeat-x 0 100%;
 border-spacing: 0;
}
tbody {
 padding: 0 0 10px 0;
}
#content table.links {
  margin-right: 0;
}
caption {
  padding: .3em 0;
 text-align: left;
 font-size: 107%; /* 16px */
 text-transform: uppercase;
}
#main .text table td h1, 
#main .text table td h2 {
 font-size: 138.5%;
}
table th {
 border-bottom: 1px dotted #cdcdcd;
  padding: 8px;
 font-weight: bold;
 text-align: left;
}
table thead th {
  padding: 18px 8px 10px 8px;
 background: url(../Images/Materna/bg-th.png) repeat-x 0 0;
}
table th.th_dateOfIssue {
  width: 20%;
}
table th.th_contact,
table th.th_address {
  width: 15%;
}
table th.th_resultCount {
  width: 12%;
}
table th.th_resultPercent {
  width: 40%;
}
table td {
 border-bottom: 1px dotted #cdcdcd;
 padding: 8px;
 text-align: left;
 vertical-align: top;
}
table td a:hover,
table td a:active,
table td a:focus {
 color: #373737;
}
table tr.even,
table td.even {
  background: #ebebeb;
}
#main td p,
#main td li,
#main .text table td .sectionRelated ul li p a,
#main .text table td .contactData strong {
 font-size: 100%;
}
#main .text table td .sectionRelated a.ExternalLink, 
#main .text table td .sectionRelated a.InternalLink, 
#main .text table td .sectionRelated ul.publikation li p a.InternalLink, 
#main .text table td ul.links li a.InternalLink,
#main .text table td ul.links li a.ExternalLink {
  background: url(../Images/Materna/icon_sprite.png) no-repeat scroll 0 -390px  transparent;
}
#main .text table td .sectionRelated p a, 
#main .text table td .sectionRelated p a.InternalLink,  
#main .text table td .sectionRelated p a.ExternalLink {
  background: url(../Images/Materna/icon_sprite.png) no-repeat scroll 0 -395px  transparent;
}
#main .text table td .subheadline p {
 font-size: 138.5%;
}
#content table tbody tr td p {
  padding-bottom: 10px;
}
.singleview table {
 margin-bottom: 1em;
}
.wrapperTable {
 background: none repeat scroll 0 0 #FFFFFF;
 overflow: hidden;
 padding: 25px;
 position: relative;
}
.wrapperTable th a,
.wrapperTable th img  {
 clear: left;
 margin-left: .2em;
 padding-top: .2em;
}
.wrapperTable td em {
 display: block;
 font-style: normal;
}
.wrapperTable th img {
  width: auto;
}
.wrapperTable th a img {
  margin: 0;
 padding: 0;
}
.wrapperTable .percentBar,
.wrapperTable .numericRange {
 display: block;
  background-color: #99AAC4;
}
#content #main .boxWrapper .box .wrapperTable {
  padding: 25px 0;
}
.jobOfferList .th_title {
  width: 9em;
}
/*** FORMS ****/
.formLabel dfn {
 border: none;
}
#main fieldset {
 border-bottom: 2px solid #ebebeb;
 padding: 25px 0 15px 0;
}
#main fieldset p {
 font-size: 100%;
 width: 41em;
      line-height: normal;
}
#main p.mandatory {
 border-bottom: 2px solid #ebebeb;
 color: #667B7B;
}
#main fieldset h2 {
 margin: 0 0 15px 0;
 font-size: 130%;
}
input,
textarea,
select {
 width: 99%;
 background: #F7F7F7;
 border: 1px solid #ccc;
 padding: 8px;
 line-height: 1.4;
 font-size: 150%;
}
input:focus,
textarea:focus,
select:focus {
 border: 1px solid #323232;
}
.warenkorb input,
.warenkorb textarea,
.warenkorb select {
  width: 8em;
}
input.radio {
 float: left;
 width: 3em;
 margin-top: .2em;
 margin-top: 0;
 border: none;
 padding-top: .3em;
}
select,
textarea {
 overflow: auto;
}
select {
 width: 26em;
}
label {
 display: block;
 float: left;
 padding: 0 5px 0 0;
 font-size: 130%;
 cursor: pointer;
}
.formLabel {
 clear: both;
 display: block;
 overflow: hidden;
 margin-bottom: 10px;
}
.formField {
 clear: both;
 display: block;
}
.formField-xs,
.formField-s  {
 clear: none;
 float: left;
}
.formField-s {
 width: 54%;
}
.formField-xs {
 width: 40%;
 margin-right:20px;
}
.formField-s input,
.formField-xs input {
 width: 100%;
}
.formField-checkbox {
 clear: none;
 float: left;
}
#main .error {
 list-style:none;
 margin: 0 0 20px;
}
#main .error li a {
 padding: 3px 0 3px 10px;
 display: block;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -390px;
}
#main .errorJumpLinks p {
 padding-bottom: 5px;
}
.formError,
.formError  * {
 color: #f00;
 font-weight: bold;
}
.formError strong {
 font-size: 130%;
}
.formError input,
.formError textarea,
.formError select {
 border: 1px solid #ff0000;
}
.formChoices {
  float: left;
}
.formField span {
 display: inline;
 overflow: hidden;
}
.formField span label {
 float: left;
}
.warenkorb input.reset,
.warenkorb input.submit {
 height: 2.2em;
}
#content .formHelp {
 display:block;
 clear: both;
 font-size: 88%;
}
#main .form-col {
 float: left;
 width: 49.9%;
}
#main .form-col-single {
 width: 100%;
}
#main .form-col input,
#main .formField-checkbox input {
 float: left;
 background: none;
 border: none;
 width: auto;
 margin: 2px 15px 10px 0;
 padding: 0;
}
#main .form-col-single label {
 float: none;
 padding-left: 28px;
}
#main p.formHandle {
 padding: 25px 0 15px 0;
 font-size: 100%;
}
#main .formHandle input {
 float: right;
 width: auto;
 background: #003f97;
 border: none;
 padding: 3px 15px;
 color: #fff;
 text-transform: uppercase;
 cursor: pointer;
 font-size: 130%;
      margin: 5px;
}
#main .formHandle input:hover,
#main .formHandle input:active,
#main .formHandle input:focus {
 background: #002860;
}
#main .formHandle .more {
 float: left;
 font-style: normal;
 margin-left: 0;
}
#main .formHandle .more a {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -392px;
 padding-left: 15px;
 font-size: 150%;
 margin: 0;
}
#main .formHandle .more a:hover,
#main .formHandle .more a:active,
#main .formHandle .more a:focus {
 background-position: 0 -592px;
 color: #323232;
}
/****** Blockquotes ******/
#main blockquote {
 float: none;
 width: auto;
 background: #fff url(../Images/Materna/quote.png) no-repeat 3px 15px;
 border-top: 3px solid #ebebeb;
 border-bottom: 3px solid #ebebeb;
 margin: 0 0 20px 0;
 padding: 0;
}
#main blockquote * {
 color: #3F4C4C;
}
#main blockquote p {
 background: none;
 padding: 20px 0 20px 50px;
 font-size: 180%;
 font-weight: normal;
 line-height: 1.3em;
}
#main blockquote cite {
 position: static;
 width: auto;
 font-family: arial, helvetica, sans-serif;
 font-size: 110%;
 line-height: 1.2em;
 font-style: normal;
 padding-left: 50px;
 display: block;
}
/************************
-------------------------
 TEASER
-------------------------
************************/
.teaser {
 position: relative;
 overflow:hidden;
 padding: 20px 25px;
 background: #fff;
 margin-bottom: 10px;
}
.teaser img {
 margin-right: 25px;
 padding: 5px 0;
 float: left;
}
#main .teaser p {
 padding: 0;
}
#content #main div.text div.teaser {
 padding: 20px 0px;
}
/***mod***/
#content #main div.mod-1 h1 {
 border-bottom: 1px solid #EDEDED;
 padding-bottom: 10px;
}
#content #main div.mod-1 {
 margin-top: -20px;
}
#main .teaser.mod-1 h3 {
 border-top: 1px solid #ededed;
 padding-top: 10px;
}
/***additional***/
.teaser.additional {
 background: #ccc;
}
/***opener***/
#main .opener p {
 line-height: 1.45;
}
/************************
-------------------------
 TEASER-BLOCK
-------------------------
************************/
.teaser-wrapper {
 overflow:hidden;
}
.teaser-block {
 font-size: 100%;
 overflow:hidden;
}
.teaser-block .teaser {
 width: 32.5em;
 float: left;
 padding: 10px 20px;
 margin-bottom: 9px;
}
.teaser-block .teaser.even {
 margin-left: 8px;
 float: right;
}
.teaser-block img {
 margin-right: 10px;
}
.teaser-block .extra h3,
.teaser-block .extra p {
 padding-left: 105px;
}
.teaser-block .extra img {
 position: relative;
 width: 95px;
 top: -20px;
 left: 0px;
 margin-bottom: -20px;
}
/***************************************************
____________________________________________________
 SUPPLEMENT
____________________________________________________
***************************************************/
#supplement .boxWrapper {
 font-size: 100%;
 margin-bottom: 30px;
}
#supplement  .first {
 margin: 0;
}
#supplement h2 {
 font-size: 180%;
 font-weight: normal;
 margin: 0 0 0 9px;
}
/***LINKS***/
#supplement .links {
 border: none;
 margin: 0;
 list-style:none;
 margin-bottom: 20px;
}
#supplement .links li {
 border: none;
 margin-bottom: 3px;
 background: #fff;
 font-size: 130%;
}
#supplement .links li a {
 display: block;
padding: 5px 5px 5px 20px;
 background-position: 10px -389px;
}
/***Links extra***/
#supplement .links ul {
 border-top: 1px solid #ebebeb;
 padding: 10px;
 background: #fff;
}
#supplement .links ul li {
 margin: 0;
 border-bottom: 1px solid #EBEBEB;
 line-height: 1.4em;
}
#supplement .links li.last {
 border-bottom: medium none;
}
#supplement .links ul li a {
 background-position: 0 -389px;
 padding-left: 15px;
}
/***TEXTBOX***/
#supplement .textBox {
 padding: 10px;
 background: #fff;
 overflow:hidden;
 margin-bottom: 25px;
}
#supplement .textBox img {
 width: 210px;
}
#supplement .textBox h2 {
 margin: 10px 0;
}
#supplement .textBox p {
 font-size: 130%;
}
#supplement .textBox .box h1 {
   margin: 10px 0;
   font-size: 180%;
   font-weight: normal;
}
/***SHOPPINGBOX***/
#supplement .shoppingBox ul {
 padding: 0 10px;
}
#supplement .shoppingBox ul li {
 list-style: none;
 padding: 10px 10px 2px;;
 background: #336BB8;
 color: #ffffff;
 margin-bottom: 3px;
 position: relative;
}
#supplement .shoppingBox ul li a.deleteBtn{
 position: absolute;
 right: 3px;
 top: 5px;
}
#supplement .shoppingBox ul li h3{
 padding-bottom: 7px;
 font-size: 140%;
 font-weight: normal;
 overflow: hidden;
}
#supplement .shoppingBox ul li h3 span{
 float: left;
 width: 11em;
 margin-left: 10px;
}
#supplement .shoppingBox ul li h3 span.count{
 background: #ffffff;
 text-align: center;
 padding: 2px 8px 6px;
 color: #333333;
 min-width: 1.2em;
 width: auto;
 margin: 0;
}
#supplement .shoppingBox ul li span.price{
 text-align: right;
 display: block;
 font-size: 140%;
}
#supplement .shoppingBox .shopping-cart-summary-box{
 background: #003F97;
 padding: 3px;
}
#supplement .shoppingBox .shopping-cart-summary-box h3{
 color: #ffffff;
 padding: 10px;
 font-size: 160%;
}
#supplement .shoppingBox  .shopping-cart-summary{
 background: #ffffff;
 padding: 11px;
 overflow: hidden;
}
#supplement .shoppingBox  .shopping-cart-summary a{
 font-size: 140%;
 float: right;
}
#supplement .shoppingBox .shopping-cart-summary  a.reload{
 float: left;
}
#supplement .shoppingBox  .shopping-cart-summary span{
 float: right;
}
#supplement .shoppingBox  .shopping-cart-summary p{
 border-bottom: 1px solid #cccccc;
 padding: 0 0 8px 0;
 margin: 0 0 8px 0;
 font-size: 140%;
}
#supplement .shoppingBox ul.link-list{
 padding: 0 13px;
}
#supplement .shoppingBox ul.link-list li{
 padding-bottom: 10px;
 background: #003F97;
 border-bottom: 1px solid #336BB8;
 color: #ffffff;
}
#supplement .shoppingBox ul.link-list li.last{
 border: none;
}
#supplement .shoppingBox ul.link-list li a{
 color: #ffffff;
 font-size: 140%;
}
#supplement .shoppingBox .last {
 border: none;
}
/************************
-------------------------
 TAGCLOUD
-------------------------
************************/
#navTagCloud {
  padding-bottom: 0.25em;
}
#navTagCloud h2 {
 font-size: 180%;
 margin-bottom: 10px;
}
#navTagCloud h2 span {
 font-weight: normal;
}
#navTagCloud a {
 color: #003f97;
 display: inline;
 padding: 2px;
}
.tagcloud {
 background: #fff;
 overflow:hidden;
 padding: 5px;
}
#navSecondary #navTagCloud div {
  margin-top:0;
}
#navTagCloud ul {
 margin: 0.5em;
 text-align: left;
}
#navTagCloud li,
#supplement .tagcloud li {
  display:inline;
}
#navTagCloud a.prio1,
#supplement .tagcloud a.prio1 {
 font-size: 175%;
}
#navTagCloud a.prio2,
#supplement .tagcloud a.prio2 {
 font-size: 150%;
}
#navTagCloud a.prio3,
#supplement .tagcloud a.prio3 {
 font-size: 125%;
}
#navTagCloud a.prio4,
#supplement .tagcloud a.prio4 {
 font-size: 109.5%;
}
#navTagCloud a.prio5,
#supplement .tagcloud a.prio5 {
 font-size: 91%;
}
/************************
-------------------------
 NEWSLIST
-------------------------
************************/
.newsBox ul {
 list-style: none;
}
.newsBox li {
 background: #fff;
 overflow:hidden;
 position: relative;
 padding: 10px;
 margin-bottom: 3px;
}
#supplement .newsBox h3 {
 font-size: 120%;
 font-weight: normal;
}
#supplement .newsBox h3 span {
 padding-bottom: 8px;
}
#supplement .newsBox em {
 display:block;
 font-style: normal;
 color: #323232;
 bottom: 10px;
 width: 100%;
 padding-top: 6px;
 margin-top: 6px;
 border-top: 1px solid #ebebeb;
}
.newsBox .image h3 {
 float: right;
 width: 50%;
}
#supplement .newsBox h3 a:hover,
#supplement .newsBox h3 a:active,
#supplement .newsBox h3 a:focus {
 text-decoration: underline;
}
#supplement .newsBox h3 a:hover em,
#supplement .newsBox h3 a:active em,
#supplement .newsBox h3 a:focus em {
 text-decoration: none!important;
}
/************************
-------------------------
 VCARD
-------------------------
************************/
.vcard {
 overflow:hidden;
 background: #fff;
 padding: 7px 10px 10px;
 margin-bottom: 3px;
}
.vcard .picture {
 float: left;
 width: 95px;
 margin: 3px 10px 5px 0;
}
#supplement .vcard h3,
#supplement .vcard p,
#supplement .vcard dl  {
 font-size: 130%;
 font-weight: normal;
 line-height: 1.4;
}
#supplement .vcard h3,
#supplement .vcard .title {
 margin-bottom: 8px;
 font-weight: bold;
}
#supplement .vcard .title {
 padding-top: 3px;
}
#supplement .vcard .org {
 padding-bottom: 0.059em;
}
#supplement .vcard .org:after {
 content: " ";
 clear: both;
 display: block;
}
#supplement .vcard .org p {
 line-height: 1;
}
#supplement .organization-name {
  color: #323232;
}
.vcard .adr {
 clear: both;
 margin-top: 3px;
}
.vcard dl {
 clear: both;
 margin-bottom: 3px;
}
.vcard dt {
 width: 4.5em;
}
.vcard .tel {
 margin-top: 8px;
}
.vcard .fax {
 margin: 0;
}
.vcard .email {
 margin-top: 3px;
}
/***************************************************
____________________________________________________
 FOOTER
____________________________________________________
***************************************************/
#wrapperFooter {
 background: #002860;
 overflow:hidden;
}
#siteInfo {
 margin-top: 8.5em;
 background: #003f97;
 position: relative;
}
#siteInfo .sitemapInfo {
 width: 96em;
 margin: 0 auto;
}
#siteInfo > div:after {
  content: " ";
  display: block;
  clear: both;
}
#siteInfo div div {
 float: left;
}
#siteInfo h2 {
 position: absolute;
 font-weight:normal;
 top: -3.333em;
 font-size: 180%;
 color: #fff;
 width: 7.222em;
 margin: 0 15px;
 line-height: 1.1;
}
#siteInfo h2 a {
 color: #fff;
}
#siteInfo ul {
 position: relative;
 top: 2.3em;
 left: 0;
 border-right: 1px solid #1b55a6;
 min-height: 44em;
 width: 15.8em;
 list-style:none;
}
#siteInfo .first ul {
 border-left: 1px solid #1b55a6;
}
#siteInfo li {
 font-size: 115%;
 width: 13.182em;
 margin-right: 1.25em
}
#siteInfo li a {
 color: #fff;
 display: block;
 padding: 5px 0 5px 10px;
}
#siteInfo .site-info {
 color: #fff;
 padding: 5.2em 0 2em;
 float:left;
 line-height: 1.5;
 clear: both;
 width: 40em;
}
#siteInfo .site-info p {
    font-size: 130%;
    padding-left: 50px;
    background: transparent url("/Images/Materna/adler-weiss.png") no-repeat scroll 0 3px;
}
#siteInfo .site-info-right {
  color: #fff;
  float: right;
  font-size: 120%;
  padding: 55px 10px 0 0;
}

#copyright {
 margin-top: 10px;
}
/************************
-------------------------
 LINKS
-------------------------
************************/
#home #content .links {
 margin-bottom: 20px;
}
#content .links {
 list-style: none;
 border-top: 1px solid #ebebeb;
 overflow:hidden;
 margin-left: 0;
}
.home #content .links {
 border: none;
 padding-top: 17px;
 clear: both;
}
.links ul {
 list-style: none;
}
.text .links {
 margin-bottom: 20px;
}
.home #content h2 {
 border-top: 3px solid #ebebeb;
 margin-left: 16px;
 font-weight: normal;
  font-size: 180%;
}
.home #content h3 {
    font-weight: normal;
}
.home #content h4 {
    font-weight: normal;
}
#content .links h2 {
 padding: 10px 0 5px;
 border-bottom: 1px solid #ebebeb;
 margin: 0;
}
#content .links li {
 border-bottom: 1px solid #ebebeb;
 font-size: 130%;
}
.links li a {
 padding: 3px 0 3px 15px;
 display: block;
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -390px;
}
#content .links a.ExternalLink {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -391px;
 padding-left: 13px;
}
.links.mod li a {
 color: #323232;
 background-position: 0 -590px;
}
.links li a:hover,
.links li a:active,
.links li a:focus {
 background-position: 0 -590px;
 color: #323232;
}
#content .links li em {
 display: block;
 font-size: 80%;
 color: #333;
 font-style: normal;
 line-height: 2;
}
#content a.InternalLink {
  background: url(../Images/Materna/icon_sprite.png) no-repeat 0 -390px;
  padding-left: 13px;
  margin-left: 5px;
  padding: 3px 0 3px 10px;
}
#content a.InternalLink:hover,
#content a.InternalLink:active,
#content a.InternalLink:focus {
 color: #323232;
}
/***SECOND***/
#content .links ul {
 margin: 0;
}
#content .links li li {
 font-size: 100%;
 margin: 0;
 border-top: 1px solid #ebebeb;
 border-bottom: none;
}
#content .links li li a {
 padding: 3px 0 3px 30px;
 margin-left: 5px;
 background-position: 20px -389px;
}
/************************
-------------------------
 GLOSSARY-INDEX
-------------------------
************************/
#content .glossaryIndex {
 list-style: none;
 margin: 0;
 overflow:hidden;
 margin: 0 0 10px;
}
.glossaryIndex li {
 float: left;
 text-align: center;
 text-transform: uppercase;
 font-size: 140%;
}
.glossaryIndex li a,
.glossaryIndex li strong {
 width: 2.375em;
 padding: 0.714em 0;
 background: #003f97;
 color: #fff;
 display: block;
 font-weight: normal;
 margin: 1px 0 0 1px;
 display: block;
}
.glossaryIndex li.on strong,
.glossaryIndex li a:hover,
.glossaryIndex li a:active,
.glossaryIndex li a:focus {
 background: #002860;
 text-decoration: none;
}
#content ul.glossaryIndex li.showAll a {
 width: 4.8em;
}
#content ul.glossaryIndex li.showAll strong {
 width: 4.625em;
}
/************************
-------------------------
 PUBLICATION
-------------------------
************************/
.sectionRelated {
 margin-top: 20px;
}
#content .sectionRelated {
 border:none;
}
#main .publication {
 list-style:none;
 margin: 0;
}
.publication li {
 background: #ccc;
 margin-bottom: 10px;
}
.publication a {
 padding: 10px 20px;
 display: block;
 color: #323232;
}
.publication em {
 display:block;
 border-bottom: 1px solid #ebebeb;
 padding-bottom: 5px;
 margin-bottom: 5px;
 font-style: normal;
 font-size: 80%;
}
.publication li p {
 color: #323232;
 display: block;
 padding: 10px 20px;
}
.publication li p a {
 padding: 10px 0;
}
#content .sectionRelated ul li p  em {
  display: inline;
  font-size: 100%;
}
/***************************************************
____________________________________________________
 PAGE TYPES
____________________________________________________
***************************************************/
/************************
-------------------------
 SITEMAP
-------------------------
************************/
#sitemap h2 a {
 padding: 0;
 background: none;
 font-size: 71.43%;
}
#content #sitemap  {
 margin-top: 0;
 border: none;
 margin-left: 0;
}
#content #sitemap li {
 background: #fff;
 margin-bottom: 10px;
}
#content #sitemap li li {
 padding: 0;
 margin: 0;
}
#content #sitemap li li a {
 padding-left: 10px;
 background-position: 0 -390px;
}
#content #sitemap li li li a {
 padding-left: 30px;
 background-position: 20px -390px;
}
#content #sitemap li li li li a {
 padding-left: 50px;
 background-position: 40px -590px;
   color: #003F97;
}
/************************
-------------------------
 SEARCH-RESULTS
-------------------------
************************/
#content .search-mod h2 {
 clear: both;
 padding-top: 20px;
 border: none;
}
#content .search-mod p{
 float: left;
 padding-bottom: 10px;
 margin-top: 4px;
}
#content .search-paging {
 height: 1%;
 border-top: 1px solid #d4d4d4;
}
#main .paging ul {
    zoom: 1;
    margin: 0;
    float: right;
}
#main .paging li {
 float: left;
 list-style: none;
 margin: 0 2px;
 text-align: center;
 background-image: none;
}
#main .paging li  {
  font-size: 130%;
}
#main .paging li.back,
#main .paging li.forward,
#main .paging li.first {
 border: none;
}
#main .paging li.back {
  margin-right: 30px;
  margin-left: 0;
    padding: 0;
}
#main .paging li.forward {
  margin-right: 0;
  margin-left: 30px;
        padding: 0;
}
#main .paging li.back a,
#main .paging li.forward a {
    padding: 0;
 display: block;
 width: 24px;
    overflow:  hidden;
 height: 24px;
 text-indent: -9999em;
 background: url(../Images/Materna/pager-result.png) no-repeat 0 0;
}
#main .paging li.back a:hover,
#main .paging li.back a:active,
#main .paging li.back a:focus {
 background: url(../Images/Materna/pager-result.png) no-repeat 0 -24px ;
}
#main .paging li.forward a {
 background: url(../Images/Materna/pager-result.png) no-repeat -24px 0;
}
#main .paging li.forward a:active,
#main .paging li.forward a:focus,
#main .paging li.forward a:hover {
 background: url(../Images/Materna/pager-result.png) no-repeat -24px -24px;
}
#main .paging span,
#main .paging a,
#main .paging strong {
    display: block;
    text-align: center;
    background: none;
    padding: 2px 9px;
}
#main .paging a:hover,
#main .paging a:focus,
#main .paging a:active,
#main .paging strong {
    background: #ccc;
    color: #000;
    text-decoration: none;
}
#main .paging .back a,
#main .paging .forward a{
 padding: 0;
}
#content .search-mod .box {
 overflow: hidden;
}
#content .search-mod .navToTop {
 float: right;
 padding: 10px 0 0;
}
/*** RESULTS LIST ***/
.result-metadata {
   zoom: 1;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}
.result-metadata h2 {
     width: 50%;
    float: left;
}
.result-metadata .paging {
     width: 48%;
    float: right;
    margin-top: 5px;
}
.number-of-results {
    float: left;
    width: 48%;
}
.number-of-results h6 {
    margin: 4px 0 0 0;
    padding: 0;
    float: left;
    font-size: 130%;
    font-weight: normal;
}
.number-of-results li {
    float: left;
    list-style: none;
    margin-left: 5px;
}
.number-of-results li a {
    display: block;
    background: #fff;
    padding: 3px 10px;
}
.number-of-results li a:hover,
.number-of-results li a.active,
.number-of-results li a.focus,
.number-of-results li strong {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 3px 10px;
    background: #003F97;
    text-decoration: none;
}
.sort-result {
    zoom: 1;
    overflow: hidden;
    margin-bottom: 5px;
}
.sort {
    float: right;
    width: 48%;
}
.sort form {
    float: right;
    zoom: 1;
    padding-bottom: 3px;
}
.sort label {
    float: left;
    margin-top: 4px;
}
.sort select {
    width: 12em;
    font-size: 130%;
    padding: 3px;
}
#content #searchResult {
 margin: 9px 0 10px 0;
 padding: 10px 0 0 0;
 list-style: none;
    zoom: 1;
}
#searchResult-wrapper {
 overflow: hidden;
 height: 1%;
}
.search-counter {
 position: absolute;
 left: 20px;
 top: 10px;
}
#content #searchResult {
    border-top: 3px solid #EBEBEB;
}
#content #searchResult li {
    position: relative;
    padding: 10px 0 10px 0;
    font-size: 100%;
    border-bottom: 1px solid #EBEBEB;
}
#content #searchResult li a {
    background: none;
    padding: 0;
}
#content #searchResult p {
    float: none;
    margin-top: 0;
    padding-bottom: 0;
    font-size: 130%;
}
#content #searchResult .metaData{
 clear:both;
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
 color:#686868;
}
#content #searchResult .searchString {
 display: inline;
 color: #fff;
 background: #002860;
 font-style: normal;
 font-size: 100%;
}
.search-box {
    background: #fff;
    margin-top: 20px;
    zoom: 1;
    padding: 20px 25px 25px 25px;
}
.search-box .formField {
    clear: none;
    float: left;
}
#main .search-box p.formHandle {
    clear: none;
    float: right;
    padding: 0;
}
.search-box .formField input {
    float: left;
    width: 532px;
}
#main .search-box fieldset {
    border: 0;
    float: left;
    padding: 0;
}
#main .search-box .formHandle input {
    margin: 0;
    padding: 8px 15px;
}
/*** NEW SEARCH ***/
#content .search-mod fieldset {
 padding: 20px;
 background:#ebebeb;
}
#content .search-mod form p {
 float: none;
}
#content .search-mod fieldset select {
 border-color: #fff #fff #ccc;
 border-style: solid;
 border-width: 1px;
 color: #666666;
 font-family: arial, helvetica, sans-serif;
 padding: 5px 7px;
 width: 363px;
}
#content .search-mod .formLabel {
 width: 200px;
}
.search-mod input,
.search-mod textarea,
.search-mod select {
 width: 24.9em;
}
.search-mod input.radio {
 width: 3em;
 float: left;
}
.search-mod .formField {
 margin-bottom: 20px;
 overflow:hidden;
}
.search-mod .formLabel {
 font-weight: bold;
}
.search-mod .formLabel em {
 font-size: 130%;
 font-style: normal;
}
/************************
-------------------------
 Bulletin
-------------------------
************************/
#main .bulletinResults {
 margin: 0;
}
/***HEADSECTION***/
#content .bulletin .headSection h1 {
 float: none;
}
#content .bulletin .headSection p {
 padding: 20px 0 0;
  color: #000;
}
/***TEASER***/
.bulletin .teaser  {
 padding: 0;
 width: 100%;
 margin-bottom: 5px;
}
.bulletin .teaser a {
 display: block;
 padding: 10px 20px 10px 6.385em;
}
.bulletin .teaser em {
 position: absolute;
 width: 2.778em;
 left: 20px;
 top: 35%;
 height: 40px;
 font-size: 138.46%;
}
.bulletin .teaser span {
 padding: 10px 0 10px 20px;
 border-left: 1px solid #ebebeb;
 display: block;
 color: #323232;
}
.bulletin .teaser a:hover {
 background: #ccc;
 text-decoration: none;
}
/***BULLETINSELECT***/
.bulletinSelect {
 background: #003f97;
 padding: 0.6em 2em;
 clear: both;
 margin: 5px 0 20px 0;
 position: relative;
}
.bulletin .formLabel {
 float: left;
 color: #fff;
 position: relative;
 margin-right: 20px;
 font-style: italic;
}
.bulletin label {
 font-size: 180%;
}
.bulletin .formField {
 clear:none;
 display: inline;
}
.bulletin select {
 width: 10em;
 padding: 2px;
 font-size: 140%;
}
#main .bulletinSelect .formHandle {
 position: absolute;
 right: 4.4em;
 top: 0.6em;
}
#main .bulletinSelect .formHandle input {
 font-size: 110%;
 background: #002860;
 text-transform: lowercase;
 padding: 0.445em 1.182em 0.445em;
}
#main .bulletinSelect .formHandle input:hover,
#main .bulletinSelect .formHandle input:active,
#main .bulletinSelect .formHandle input:focus {
 background: #96612b;
}
/************************
-------------------------
 GLOSSARY-INDEX
-------------------------
************************/
.glossary-index h1 {
 width: 100%;
 margin-bottom: 30px;
}
#content .headSection.mod {
 padding: 10px 20px 10px 200px;
 position: relative;
 min-height: 11em;
}
#content .headSection.mod p.picture {
 position: absolute;
 float: none;
 left: 20px;
 top: 10px;
}
.glossary-index .teaser {
 position: relative;
 background: none;
 padding: 0 0 10px;
 overflow:hidden;
 padding-left: 6.2em;
}
.glossary-index .teaser h2 {
 text-transform: uppercase;
 background: #ccc;
 padding: 0.76em 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 3.444em;
 text-align:center;
}
#content .glossary-index .teaser .links {
 background: #fff;
 overflow:hidden;
 width: 37.5em;
 padding: 0 2em 1px;
 border: none;
 min-height: 5em;
}
#main .glossary-index .teaser .links li {
 border-top: 1px solid #EBEBEB;
 border-bottom: 0px;
}
#main .glossary-index .teaser .links li.first {
 border-top: 0px;
 border-bottom: 0px;
}
#main .glossary-index .teaser .links ul li p {
 padding: 5px 0px;
}
#content .links li.last {
 border-bottom: none;
}
/***************************************************
____________________________________________________
 JAVASCRIPT
____________________________________________________
***************************************************/
/************************
-------------------------
 ACCORDION
-------------------------
************************/
.accordion-box {
 overflow: hidden;
}
.js-on .accordion-box-box {
 overflow:hidden;
}
.accordion-activate {
 display:none
}
.js-on .accordion-activate {
 display: block;
}
.js-on .accordion-activate.js-selected {
 display: none;
}
.accordion-activate a {
 display: block;
 text-align: center;
 background: #fff url(../Images/Materna/icon_sprite.png) no-repeat 10px -1375px;
 color: #323232;
 font-size: 110%;
}
.accordion-activate a span {
 background: url(../Images/Materna/icon_sprite.png) no-repeat 425px -1375px;
 display:block;
 padding: 20px;
}
.accordion-activate a:hover,
.accordion-activate a:active,
.accordion-activate a:focus {
 cursor: pointer;
 background-color: #ccc;
 text-decoration: none;
}
/***ACCORDION in SUPPLEMENT***/
.nav-box div {
 overflow:hidden;
}
#supplement .glossaryIndex ul {
 overflow:hidden;
 background: #fff;
}
/***GLOSSARY-INDEX***/
#supplement .nav-box {
 padding: 0;
}
#supplement:first-child .nav-box {
 margin: 0;
}
#supplement .nav-box h2 {
 padding: 5px 10px;
 color: #323232;
 display: block;
 margin: 0 0 2px 0;
 background: #ccc url(../Images/Materna/icon_sprite.png) no-repeat 94% -1387px;
 font-size: 150%;
}
#supplement .nav-box h2 em {
 font-style: normal;
 text-transform: uppercase;
}
#supplement .nav-box-box .links {
 margin-bottom: 2px;
}
#supplement .nav-box-box .links ul {
 display: none;
}
#supplement .nav-box-box .links .visible {
 display: block;
}
#supplement .nav-box h2:hover,
#supplement .nav-box h2:active,
#supplement .nav-box h2:focus {
 text-decoration: none;
 background-color: #96612b;
 color: #fff;
 background-position: 94% -1487px;
 cursor: pointer;
}
#supplement h2.js-selected  {
 background:  #96612b  url(../Images/Materna/icon_sprite.png) no-repeat 94% -1586px;
 color: #fff;
}
#supplement h2.js-selected:hover,
#supplement h2.js-selected:active,
#supplement h2.js-selected:focus {
 background-position: 94% -1586px;
}
#supplement .glossaryIndex {
 list-style: none;
 background: #fff;
 overflow:hidden;
}
#supplement .glossaryIndex li {
 font-size: 140%;
 padding: 0;
 text-align: center;
 border:none;
 border-top: 1px solid #ebebeb;
 border-left: 1px solid #ebebeb;
}
#supplement .glossaryIndex a,
#supplement .glossaryIndex strong {
 background: #fff;
 color: #323232;
 width: 2.42em;
 padding: 0.514em 0;
 margin: 0;
}
#supplement .glossaryIndex strong,
#supplement .glossaryIndex a:hover,
#supplement .glossaryIndex a:active,
#supplement .glossaryIndex a:focus,
#supplement .glossaryIndex a.on {
 background: #003f97;
 color:#fff;
}
#supplement .glossaryIndex .showAll a {
 text-transform: none;
 color: #003f97;
 background: #fff url(../Images/Materna/icon_sprite.png) no-repeat 12px -385px;
 padding-left: 10px;
 display:block;
 width: 3.857em;
}
#supplement .glossaryIndex .showAll a:hover,
#supplement .glossaryIndex .showAll a:active,
#supplement .glossaryIndex .showAll a:focus {
 text-decoration: underline;
}
#supplement .nav-box-box .links li.active a {
 color: black;
 font-weight: bold;
 text-decoration: none;
}
#content .alt-accordion-box{
 margin: 10px 0 30px 0;
}
#content .alt-accordion-box-box{
overflow: hidden;
}
#content .alt-accordion-box-box h2 {
 padding: 12px 35px 8px 15px;
 border-bottom: 1px solid #E3DFDE;
 background: url(../Images/Materna/icon_sprite.png) no-repeat scroll right -1282px #C2C2C2;
 margin: 0;
 font-size: 140%;
 color: #333333;
}
#content .alt-accordion-box-box h2:hover,
#content .alt-accordion-box-box h2:active,
#content .alt-accordion-box-box h2:focus {
 color: #003F97;
 background-color: #ffffff;
 cursor: pointer;
}
#content .alt-accordion-box-box h2.js-selected {
 background: #ffffff url(../Images/Materna/black-arrow-up.png) no-repeat right 17px;
}
#content .alt-accordion-box-box div{
 background: #ffffff;
 padding: 15px 25px;
 overflow: hidden;
}
#content .alt-accordion-box-box p{
 padding: 0;
}
/*****************************************************
* video element
*****************************************************/
/*media-plyer */
video {
 display: block;
 position: relative; /* fallback will be also set to relative */
 width: 430px;
 height: 242px;
 background: #000; /* you can use background-properties yeah */
}
.handle-label {
 display: none;
}
.timeline-slider,
.volume-slider,
.progressbar {
 position: relative;
 zoom: 1;
}
.ui-slider-horizontal .ui-slider-handle,
.progressbar .ui-progressbar-value,
.ui-slider-horizontal .ui-slider-range {
 position: absolute;
 display: block;
 min-width: 1px;
 min-height: 1px;
 height: 100%;
 top: 0;
 left: 0;
}
.media-player {
 position: relative;
 width: 800px;
 height: 450px;
 margin: 0 0 20px;
 overflow: hidden;
}
#branding .stage .media-player {
 margin-top: -1.1em;
 background-color: black;
}
#supplement .media-player {
 margin: 0 auto;
}
/* you can style the .fallback if you want */
.native-controls .media-controls,
.native-controls .media-controls,
.native-controls .media-label,
.totalerror .media-controls,
.totalerror .media-state {
 display: none !important;
}
.flashblocker .media-element-box {
 min-width: 40px;
 min-height: 40px;
}
.media-label {
 display: none;
 position: absolute;
 z-index: 9;
 top: 155px;
 left: 10px;
 margin-right: 10px;
 padding: 3px;
 top: 10px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 background: #333 url(../Images/Materna/player-sprites.png) repeat-x 0 0;
}
.totalerror .media-label,
.not_ready .media-label {
 position: static;
 margin-bottom: 10px;
}
.media-player .fallback {
 font-size: 120%;
}
.media-player .fallback-text {
 padding: 10px;
}
.media-player .fallback p {
 margin: 0 0 10px;
 float: none !important;
 width: auto !important;
 color: #eee;
}
.media-player .fallback h3 {
 margin: 0 0 10px;
 color: #fff;
}
.media-player .fallback ol,
.media-player .fallback ul {
 margin: 0 0 10px 20px;
}
.media-player .fallback li {
 margin: 1px 0 2px;
 color: #eee;
}
.js-on .media-label {
 display: inline;
 display: inline-block;
}
html > body .media-label {
 background-color: transparent;
}
.em-increased-4 .media-label {
 background: #333;
}
.media-label span span {
 font-weight: normal;
}
.playing .media-label {
 display: none;
}
.media-controls {
 display: none;
 position: absolute;
 overflow: hidden;
 width: 100%;
 height: 22px;
 bottom: 25px;
}
.js-on .media-controls {
 display: block;
}
.not_ready .media-controls {
 visibility: hidden;
}
.media-controls-box {
 position: relative;
 bottom: 0;
 zoom: 1;
 padding: 0 10px 0 60px;
 height: 100%;
}
.media-bar {
 position: relative;
 zoom: 1;
 padding: 0 170px 0 5px;
 height: 100%;
 color: #fff;
 font-size: 11px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #333 url(../Images/Materna/player-sprites.png) repeat-x 0 0;
}
html > body .media-bar {
 background-color: transparent;
}
.em-increased-3 .media-bar {
 padding-right: 185px;
}
/* button styles */
.media-controls a.btn {
 position: absolute;
 display: inline-block;
 overflow: hidden;
 text-align: center;
 cursor: pointer;
 background: url(../Images/Materna/player-sprites.png) no-repeat 0 -200px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
.media-role,
.media-controls a.btn .button-text {
 position: absolute;
 left: -9999px;
 display: block;
 width: 1px;
 height: 1px;
 overflow: hidden;
}
.media-controls a.btn:hover,
.media-controls a.btn:focus,
.media-controls a.btn.jme-over {
 background-position: 0 -300px;
}
.media-controls a.btn:focus,
.media-controls a.btn.a11y-focus-key {
 outline: 1px dotted #666;
 background: #011B40;
}
.media-controls a.btn:active {
 background-position: 0 -400px;
}
.media-controls a.btn .ui-icon {
 display: inline-block;
 width: 12px;
 height: 12px;
 vertical-align: top;
 background: url(../Images/Materna/player-sprites.png) no-repeat -9999px -9999px;
}
.media-player  a.toggle-audio-track {
 position: absolute;
 display: none;
 overflow: hidden;
 margin: 15px 0 0;
 width: 60px;
 height: 44px;
 top: 0;
 right: 10px;
 text-indent: -99999em;
 cursor: pointer;
}
.js-on .media-player a.toggle-audio-track {
 display: block;
}
.js-on .totalerror a.toggle-audio-track {
 display: none;
}
* html .media-player a.toggle-audio-track {
 background: #333;
}
.media-player  a.toggle-audio-track .ui-icon {
 display: block;
 width: 60px;
 height: 44px;
 background: url(../Images/Materna/ad-icon.png) no-repeat 0 0;
}
.media-player a.toggle-audio-track .ui-icon-audio-active {
 background: url(../Images/Materna/ad-icon.png) no-repeat 0 -56px;
}
.media-player  a.toggle-audio-track.a11y-focus-key {
 outline: 2px solid #990;
}
/* play - pause button */
.media-controls a.play-pause {
 top: 0;
 left: 10px;
 width: 42px;
 height: 22px;
}
.media-controls a.play-pause .ui-icon {
 margin: 5px 0 0 2px;
 background-position: 0 -700px;
}
.media-controls a.play-pause .ui-icon-pause {
 background-position: 0 -799px;
}
.media-controls a.toggle-track {
 right: 65px;
 top: 4px;
 background: none;
 -moz-border-radius: 0;
 border-radius: 0;
}
.media-controls a.toggle-track .ui-icon {
 width: 14px;
 height: 13px;
 background-position: 0 -1400px;
}
.media-controls a.toggle-track .ui-icon.ui-icon-document {
 background-position: 2px -1594px;
}
.media-controls a.toggle-track:focus,
.media-controls a.a11y-focus-key {
 background: #011B40;
}
/* fullscreen button */
.media-controls a.fullscreen {
 right: 5px;
 top: 3px;
 width: 16px;
 height: 16px;
}
.media-controls a.fullscreen .ui-icon {
 margin: 3px 0 0 2px;
 background-position: 0 -900px;
}
.media-controls a.fullscreen .ui-icon-circle-zoomout {
 background-position: 0 -1000px;
}
.timeline-slider {
 top: 8px;
 height: 4px;
 padding: 1px;
 font-size: 0;
 line-height: 0;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #999 url(../Images/Materna/player-sprites.png) repeat-x 0 -104px;
}
html > body .timeline-slider {
 background-color: transparent;
}
.timeline-slider.a11y-focus-key {
 outline: 2px solid #002860;
}
*+html .timeline-slider.a11y-focus-key {
 margin-top: -2px;
 margin-left: -2px;
 border: 2px solid #002860;
}
* html .timeline-slider.a11y-focus-key {
 margin-top: -2px;
 margin-left: -2px;
 border: 2px solid #002860;
}
.timeline-slider .ui-slider-range {
 top: 1px;
 left: 1px;
 height: 4px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #002860;
 cursor: pointer;
}
.timeline-slider .ui-slider-handle {
 top: -4px;
 z-index: 9;
 margin: 0 0 0 -2px;
 height: 4px;
 width: 5px;
 height: 15px;
 background: url(../Images/Materna/player-sprites.png) no-repeat 0 -1099px;
 outline: none;
 cursor: pointer;
}
.timeline-slider.ui-state-disabled .ui-slider-handle {
 cursor: default;
}
.timeline-slider .ui-slider-handle.ui-state-active {
 background-position: 0 -1199px;
 outline: 1px dotted #999;
}
.progressbar {
 height: 100%;
}
.ui-progressbar-value {
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #e3e3e3;
 cursor: pointer;
}
.time-display {
 position: absolute;
 right: 87px;
 top: 5px;
 display: inline-block;
 overflow: hidden;
 width: 80px;
 font-size: 75%;
 text-align: center;
}
.em-increased-3 .time-display {
 top: 4px;
 width: 100px;
}
.volume-slider {
 position: absolute;
 top: 4px;
 right: 28px;
 height: 14px;
 width: 30px;
 cursor: pointer;
 background: url(../Images/Materna/player-sprites.png) no-repeat 1px -599px;
}
.volume-slider .ui-slider-handle {
  outline: none;
}
.volume-slider.a11y-focus-key {
 outline: 2px solid #002860;
}
*+html .volume-slider.a11y-focus-key {
 margin-left: -2px;
 margin-top: -2px;
 border: 2px solid #002860;
}
* html .volume-slider.a11y-focus-key {
 margin-left: -2px;
 margin-top: -2px;
 border: 2px solid #002860;
}
.volume-slider .ui-slider-handle.ui-state-active {
 outline: 1px dotted #999;
}
.volume-slider .ui-slider-range {
 background: url(../Images/Materna/player-sprites.png) no-repeat 1px -499px;
}
.media-state {
 position: absolute;
 /* let the right click on video-element */
 display: none;
 top: 0;
 left: 0;
 width: 100%;
 height: 420px;
 /* preload loading-image */
 background: url(../Images/Materna/loader.gif) no-repeat -9999px -9999px;
 cursor: pointer;
}
/* in modern browser, don't let media-state being under fullscreen-button (enabling flash-fullscreen technique) */
html > body .media-state {
 height: auto;
 top: 10px;
 bottom: 32px;
}
.idle .media-state,
.waiting .media-state {
 display: block;
}
.idle .media-state {
 background: url(../Images/Materna/play-icon.png) no-repeat center;
}
.waiting .media-state {
 background: url(../Images/Materna/loader.gif) no-repeat center;
}
/* IE6 does not support fullscreen */
.fullscreen-unsupported .fullscreen {
 display: none !important;
}
/* flash-fullscreen button feature for CSS3 pointer-events supporting browsers */
/*.jme-flashbutton-wrapper .media-controls {
 pointer-events: none;
}
.jme-flashbutton-wrapper .play-pause,
.jme-flashbutton-wrapper .media-bar > *:not(.jme-flashbutton) {
 pointer-events: auto;
}*/
/* fullscreen */
.wraps-fullscreen .media-controls,
.wraps-fullscreen .media-label {
 z-index: 999999;
}
.wraps-fullscreen .media-state {
 bottom: 42px;
 z-index: 999996;
}
.wraps-fullscreen .media-label {
 font-size: 16px;
}
.wraps-fullscreen .media-controls {
 width: auto;
 bottom: 20px;
 left: 160px;
 right: 160px;
}
.media-controls .a11y-focus-key {
 /*outline: 2px solid #990 !important;*/
}
.track-display {
 position: absolute;
 width: 100%;
 margin-bottom: 40px;
 bottom: 0;
 text-align: center;
}
.track-display div {
 display: inline-block;
 padding: 3px;
 background-color: #000;
 background: rgba(0, 0, 0, 0.75);
 color: #fff;
}
/* track-display in fullscreen */
.wraps-fullscreen .track-display {
 margin-bottom: 55px;
}
.wraps-fullscreen .track-display div {
 padding: 5px;
 font-size: 200%;
}