/* ALLGEMEINE FORMATIERUNGEN */
 
html,
body {
width: 100% !important;
height: 100% !important;
margin: 0px !important;
padding: 0px !important;
position: relative;
}
body {
margin: 0;
padding: 0;
font-size: 10px;
background-color: #FFF;
color: #222222;
font-family: 'BundesSansWeb';
}
* {
    font-family: 'BundesSansWeb', Arial, sans-serif;
}
a:link, a:visited {
text-decoration: none;
color: #004f80;
}
a:hover, a:focus, a:active {
text-decoration: underline;
}
a:hover abbr, a:focus abbr, a:active abbr {
text-decoration: underline;
}
a[name]:hover, a[name]:focus, a[name]:active {
text-decoration: none;
color: #000000;
}
abbr {
border-bottom: 1px dotted #AAAAAA;
}
img {
border: none;
padding: 0;
margin: 0;
}
form {
padding: 0;
margin: 0;
}
*:hover, *:focus, *:active {
    outline: none;
}
.unsichtbar, .skip, .hidden {
position: absolute;
top: -1000px;
left: -1000px;
overflow: hidden;
}
.skip:focus, .skip:active {
position: absolute;
top: 0;
left: 0;
font-size: 0.8em;
background-color: #FFFFFF;
padding: 0;
z-index: 1000;
}
.displayNone {
display: none !important;
}
.clear {
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
.clearFix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearFix {
display: inline-block;
}
.left {
float: left;
}
.right {
float: right;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
.strong p {
font-weight: bold !important;
}
/* Grundaufbau */
#wrapAll, #header, #hauptNavigation, .footerSitemapInnerWrap, .footer {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 95em;
}
/** Header **/
#header {
height: 10.4em;
padding: 2.5em 0 0 0;
background-color: #FFF;
}
#header .logo {
float: left;
}
#header .metaNavigation {
float: right;
height: 2em;
vertical-align:bottom; 
}
#header .metaNavigation form {
float: left;
padding: 0 2em 0 0;
overflow: hidden;
width: 5.9em;
margin-top: -0.1em;
background: url(/cae/servlet/contentblob/684444/normal/196041/icon_select_metaNavi.png) right no-repeat #FFFFFF;
}
#header .metaNavigation select {
width: 7.9em;
font-size: 1.4em;
border: none;
background-color: transparent;
font-family: 'BundesSansWeb', Arial, sans-serif;
color: #656565;
text-align: left;
margin: 0;
padding:0;
-webkit-appearance: none;
}
#header .metaNavigation select option {
width: 6em;
}
#header .metaNavigation ul {
float: left;
width: auto;
margin: 0 0 0 0;
height: 2em;
}
#header .metaNavigation ul li {
float: left;
font-size: 1.4em;
margin: 0 0 0 1.428em;
}
#header .metaNavigation ul li a {
color: #656565;
}
#header .metaNavigation ul li a.gbs {
background: url(/cae/servlet/contentblob/684442/normal/196040/icon_gebaerdensprache.png) left no-repeat transparent;
padding-left: 1.5em;
}
#header .metaNavigation ul li a.ls {
background: url(/cae/servlet/contentblob/621626/normal/196045/iconLeichteSprache.png) left no-repeat transparent;
padding-left: 1.5em;
}
#header .search {
float: right;
clear: both;
margin-top: -4em;
}
#header .search p {
margin: 0;
padding: 0;
}
#header .search p input {
margin: 0;
padding: 0;
border: none;
}
#header .search p input.search {
float: left;
font-size: 1.6em;
color: #222;
padding: 0.39em;
background-color: #efefef;
font-family: 'BundesSansWeb', Arial, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#header .search p input.searchSubmit {
height: 3.2em;
width: 3.2em;
background: url(/cae/servlet/contentblob/684448/normal/196043/icon_suche_lupe.png) 0.6em 0.5em no-repeat #337299;
font-size: 1em;
cursor: pointer;
}
/** // Header **/
/** Hauptnavigation **/
/** Erste Ebene **/
#hauptNavigationWrap {
float: left;
width: 100%;
height: 5em;
background-color: #337299;
position: relative;
z-index: 100;
}
#hauptNavigation {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 0;
height: 5em;
position: relative;
z-index: 50000;
}
#hauptNavigation ul.navigation, #hauptNavigation ul.navigation li {
float: left;
color: #FFF;
padding: 0;
margin: 0;
position: relative;
}
#hauptNavigation ul.navigation li a:link,#hauptNavigation ul.navigation li a:visited, #hauptNavigation ul.navigation li strong {
display: block;
color: #FFF;
float: left;
margin: 0 0 0 0;
padding: 0.937em .95em 0.937em .95em;
font-size: 1.6em;
background-color: #337299;
position: relative;
font-weight: normal;
}
#hauptNavigation ul.navigation li.first a, #hauptNavigation ul.navigation li.first strong {
margin: 0;
padding: 0.937em .95em 0.937em .6em
}
#hauptNavigation ul.navigation li a:hover, #hauptNavigation ul.navigation li a:focus, #hauptNavigation ul.navigation li a:hover, #hauptNavigation ul.navigation li strong, #hauptNavigation ul.navigation li:hover a {
background-color: #004f80;
text-decoration: none;
cursor: pointer;
font-weight: normal;
}
#hauptNavigation ul.navigation li strong {
font-family: 'BundesSansWeb', Arial, sans-serif;
font-weight: normal;
}
/** Erste Ebene **/
/** Zweite Ebene **/
#hauptNavigation ul.navigation li ul,#hauptNavigation ul.navigation li ul {
display: none;
}
#hauptNavigation ul.navigation li:hover ul, #hauptNavigation ul.navigation li:focus ul, #hauptNavigation ul.navigation li:active ul {
display: block;
position: absolute;
}
#hauptNavigation ul.navigation li ul {
clear: both;
top: 5em;
left: 0;
}
#hauptNavigation ul.navigation li.last ul {
left: -11.7em;
}
#hauptNavigation ul.navigation li ul li {
clear: both;
}
#hauptNavigation ul.navigation li ul li a:link,#hauptNavigation ul.navigation li ul li a:visited {
font-size: 1.4em;
width: 15.714em;
padding: 0.66em;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
background-color: #FFF;
color: #004f80;
box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#hauptNavigation ul.navigation li ul li a:hover,#hauptNavigation ul.navigation li ul li a:focus, #hauptNavigation ul.navigation li ul li a:active {
background-color: #004f80;
color:#FFF;
}
/** Zweite Ebene **/
/** Hauptnavigation **/
/** Footer Sitemap **/
#footerSitemapWrap {
float: left;
width: 100%;
height: auto;
background-color: #337299;
}
.footerSitemapInnerWrap {
height: auto;
}
.footerSitemapInnerWrap div {
float: left;
width: 15em;
margin: 2.5em 1em 3.5em 0;
}
.footerSitemapInnerWrap div.last {
margin: 2.5em 0 3.5em 0;
}
.footerSitemapInnerWrap div h2 {
float: left;
width: 100%;
display: block;
min-height: 2.6em;
font-size: 1.4em;
color: #FFF;
}
.footerSitemapInnerWrap div ul {
float: left;
width: 100%;
}
.footerSitemapInnerWrap div ul li {
float: left;
margin-bottom: 1em;
width: 14em;
}
.footerSitemapInnerWrap div ul li a:link, .footerSitemapInnerWrap div ul li a:visited {
float: left;
font-size: 1.2em;
color: #FFF;
padding-left: .8em;
background: url(/cae/servlet/contentblob/684454/normal/196052/list_icon_footerSitemap.png) 0 0.35em no-repeat transparent;
}
/** Footer Sitemap **/
/** Footer **/
#footerWrap {
float: left;
width: 100%;
background: #004f80;
padding: 1em 0;
}
.footer .copyright {
float: left;
font-size: 1.4em;
color: #FFF;
margin-top: 1em;
}
.footer ul.service {
float: right;
font-size: 1.4em;
color: #FFF;
margin-top: 1em;
}
.footer ul.service li {
float: left;
margin-left: 1em;
}
.footer ul.service li a {
color: #FFF;
}
/** Footer **/
/** Breadcrumb **/
.breadcrumb {
float: left;
width: 94em;
margin: 0 0 0 1em;
min-height: 4.4em;
}
.breadcrumb p, .breadcrumb ul {
float: left;
font-size: 1.2em;
}
.breadcrumb p {
width: auto;
margin-right: .25em;
}
.breadcrumb ul {
margin: 1em 0 1em .25em;
width: 68em;
}
.breadcrumb ul li {
float: left;
margin-right: 0.25em;
}
.breadcrumb ul li a:link, .breadcrumb ul li a:visited {
padding-right: 1em;
background: url(/cae/servlet/contentblob/684440/normal/196039/breadcrumb_arrow.png) right no-repeat transparent;
}
/** // Breadcrumb **/
/** Subnavigation **/
#subnavi {
float: left;
margin: 0 1em 0 0;
width: 23em;
height: auto;
padding-bottom: 4em;
}
#subnavi ul, #subnavi ul li {
float: left;
width: 100%;
}
#subnavi ul {
border-top: 1px solid #aaaaaa;
}
/*** Ebene 1 ***/
#subnavi ul li a:link, #subnavi ul li a:visited, #subnavi ul li strong {
float: left;
width: 100%;
display: block;
font-size: 1.4em;
background: #FFF;
padding: 0.5em .75em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
border-bottom: 1px solid #aaaaaa;
font-weight: normal;
font-family: 'BundesSansWeb', Arial, sans-serif;
}
#subnavi ul li a:hover, #subnavi ul li a:focus, #subnavi ul li a:active, #subnavi ul li strong
{
text-decoration: none;
background-color: #004f80;
color: #FFF;
font-weight: normal;
}
#subnavi ul li em a:link, #subnavi ul li em a:visited {
font-style: normal;
font-family: 'BundesSansWebBold', Arial, sans-serif;
font-weight: bold;
}
#subnavi ul li em a:hover, #subnavi ul li em a:focus, #subnavi ul li em a:active {
background-color: #004f80;
color: #FFF;
}
/*** // Ebene 1 ***/
/*** Ebene 2 ***/
#subnavi ul li ul {
border-top: none;
border-bottom: 1px solid #aaaaaa;
}
#subnavi ul li ul li a:link, #subnavi ul li ul li a:visited, #subnavi ul li ul li strong {
padding: 0.5em .75em 0.5em 1.5em;
border-color: #FFF;
background-color: #d6e3eb;
color: #004f80;
font-weight: normal;
}
#subnavi ul li ul li a:hover, #subnavi ul li ul li a:focus, #subnavi ul li ul li a:active, #subnavi ul li ul li strong
{
text-decoration: none;
background-color: #004f80;
color: #FFF;
font-style: normal;
}
#subnavi ul li ul li em a:link, #subnavi ul li ul li em a:visited {
font-family: 'BundesSansWebBold', Arial, sans-serif;
font-weight: bold;
}
#subnavi ul li ul li em a:hover, #subnavi ul li ul li em a:focus, #subnavi ul li ul li em a:active {
background-color: #004f80;
color: #FFF;
}
#subnavi ul li ul li:last-child a {
border-bottom: none;
}
/*** // Ebene 2 ***/
/*** Ebene 3 ***/
#subnavi ul li ul li ul {
border-top: none;
border-bottom: none;
}
#subnavi ul li ul li ul li a:link, #subnavi ul li ul li ul li a:visited, #subnavi ul li ul li ul li strong {
padding: 0.5em .75em 0.5em 2.25em;
background-color: #eaf1f5;
font-style: normal;
border-bottom: 1px solid #FFF;
}
#subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a:focus, #subnavi ul li ul li ul li a:active,
#subnavi ul li ul li ul li em a:hover, #subnavi ul li ul li ul li em a:focus, #subnavi ul li ul li ul li em a:active,
#subnavi ul li ul li ul li strong {
background-color: #004f80;
color: #FFF;
font-style: normal;
}
/*** // Ebene 3 ***/
/*** Ebene 4 ***/
#subnavi ul li ul li ul li ul {
border-top: none;
}
#subnavi ul li ul li ul li ul li a:link, #subnavi ul li ul li ul li ul li a:visited, #subnavi ul li ul li ul li ul li strong {
padding: 0.5em .75em 0.5em 3em;
background-color: #eaf1f5;
}
#subnavi ul li ul li ul li ul li a:hover, #subnavi ul li ul li ul li ul li a:focus, #subnavi ul li ul li ul li ul li a:active,
#subnavi ul li ul li ul li ul li em a:hover, #subnavi ul li ul li ul li ul li em a:focus, #subnavi ul li ul li ul li ul li em a:active,
#subnavi ul li ul li ul li ul li strong {
background-color: #004f80;
color: #FFF;
}
/*** // Ebene 4 ***/
/** Subnavigation **/
/* // Grundaufbau */
/* Seitentypen */
/** Standard (Navi, Content, Context) **/ 
#content {
padding-bottom: 10em;
}
#standard #content {
float: left;
width: 47em;
}
#standard #context {
float: right;
width: 23em;
padding-bottom: 10em;
}
#standard #context.contextReise {
margin-top: 30.5em;
} 
/** // Standard (Navi, Content, Context) **/ 
/** Startseite **/
#startseite #firstContent {
float:left;
width: 100%;
}
#startseite #topThema {
float: left;
width: 100%;
}
#startseite #content {
float: left;
width: 95em;
}
#startseite #context {
float: right;
width: 23em;
}
/** // Startseite **/
/* Ohne Marginalspalte */
#noMargin #content {
float: left;
width: 71em;
}
/* // Ohne Marginalspalte */
/* Ohne Navigation */
#noNavi #content {
float: left;
width: 71em;
}
#noNavi #context {
float: right;
width: 23em;
}
/* // Ohne Navigation */
/* // Seitentypen */
/** Social Bar **/
div.socialBar {
float: left;
width: 100%;
height: 7.5em;
background: #337299;
margin: 4em 0 -0.5em 0;
}
div.socialBar ul {
float: left;
width: 100%;
color: #FFF;
margin: 2em 0 0 0;
}
div.socialBar ul li {
float: left;
width: 25%;
}
div.socialBar ul li a {
background-position: left center;
background-repeat: no-repeat;
color: #FFF;
display: inline-block;
font-size: 1.4em;
height: 2.6em;
margin: 0 0 0 2.2em;
padding-left: 3.5em;
}
div.socialBar ul li a.twitter {
background-image: url(/cae/servlet/contentblob/684464/normal/196077/socialBar_twitter.png);
}
div.socialBar ul li a.facebook {
background-image: url(/cae/servlet/contentblob/684462/normal/196076/socialBar_facebook.png);
}
div.socialBar ul li a.youtube {
background-image: url(/cae/servlet/contentblob/684466/normal/196078/socialBar_youTube.png);
margin-right: 0;
}
div.socialBar ul li a.instagram {
background-image: url(/cae/servlet/contentblob/734396/normal/216691/socialBar_Instagram.png);
}
/** // Social Bar **/
/* Geschützter Bereich */
.search .logout {
float: right;
width: 24em;
margin: -0.2em 0 0 0;
}
.search .logout a {
float: right;
display: block;
font-size: 1.4em;
color: #FFF;
background: #337299;
line-height: 1em;
padding: 0.8em 1.5em;
}
.search .logout a.changePW {
float: left;
}
/* // Geschützter Bereich */
/* Share-Buttons */
#share {
    clear: both;
    float: right;
    padding: 0 0 2em 0;
}
#share h1 {
    font-size: 1.4em;
    float: left;
    padding: 0.4em 0 0 0;
}
#share ul, #share li {
    float: left;
}
#share li {
    padding: 0 0 0 2em;
}
/* //Share-Buttons */