/*****************************
1.0 body
*****************************/
body {
    font:62.5% 'lucida grande','lucida sans',verdana,arial,sans-serif;
}
/*****************************
2.0 wrapperInner
*****************************/
#wrapperInner {
    margin: 4.9em 0 0;
}
#wrapperInner {
    position: relative; /* serve as context for absolute positioning */
}
#popup #wrapperInner{
    margin:0;
    min-width:100%;
}
/*****************************
3.0 wrapperOuter
*****************************/
#wrapperOuter {
position:relative; /* vorher nicht vorhanden */
}
#wrapperOuter {

    margin: 0 auto; 
    width: 98em;

}
/*****************************
4.0 branding
*****************************/
#branding_1.outer {
    background-color: #FFF;
    position: relative; 
    left: 0; 
    top: 0; 
    z-index: 2342;
}
#branding, #brandingInnen  {
    height: 13.6em;
    margin:0 auto;
    max-width: 79em;
    min-width: 98em;
    overflow:hidden;
    padding: 12px 0 0;
}
#branding_1.outer p, 
#branding p {
    position: relative;
    float: right;
    overflow: hidden;
}
#branding #searchTop p {
    float: none;
}
#branding_1.outer p img, #branding p img {
    margin: 0 0;
}
#wrapperBranding #instHeaders {
    clear: both;
    left: auto;
    margin-left: 2em;
    position: relative;
    top: -4.6em;
    min-height: 4.1em;
    width: 60em;
}
#wrapperBranding #instHeaders div {
    font-size: 170%;
    color: #005B82;
}

/*****************************
5.0 wrapperDivisions
*****************************/
.home #wrapperDivisions, 
.division #wrapperDivisions{
    margin-left:0;
    margin-top:0;
    overflow:hidden;
}
#wrapperDivisions {
    margin: 0 0 0 24em; /* = 0 1px 0 #navSecondary::width; margin-right to prevent horizontal scrollbar caused by #wrapper-content::padding-left while avoiding to use risky overflow property */

}
#popup #wrapperDivisions{
    margin:0;
    min-width:100%;
}
/*****************************
6.0 wrapperContent
*****************************/
.home #wrapperContent{
    margin: 0 -100% 0 0;
}
.division #wrapperContent{
    padding-left: 0;
    margin: 0 -100% 0 0;
}
#wrapperContent {
    float: left;
    margin: 1.84em -100% 0 -24em; /*  margin: 0 -100% 0 0;   */
    padding: 0 0; /* padding-left @ Firefox/Mozilla for proper clearing if #content is longer than #navSecondary */
    width: 100%;
}
#popup #wrapperContent {
    margin:0;
    padding:0;
    width:90%;
}
/*****************************
7.0 serviceMeta
*****************************/
#navServiceMeta {
    float: left;
}
#navServiceMeta li,
#navBreadcrumbs li {
    display: inline;
}
#navServiceMeta h2 {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
/*****************************
8.0 Navigation
*****************************/
/****** 8.1 Primary ******/
#navPrimary {
    top:-2.45em;    /*bottom: -1.3em;    */
    height:4.4em;
    overflow:hidden;
    position: relative;
    width:100%;
    clear:both;
}


/****** 8.2 Secondary ******/
#navSecondary { /* anti hover-bug ie schrift sehr gross 800 x 600 - safari 2.0 nichts klickbar */
    float: left;
    position: relative; /* vorher nicht vorhanden */
    top: auto;
    left: -24em; /* left:0; */
    margin: 0;
    height: 1%;
    width: 22em;
    padding-left: 2em;
}
/****** 8.3 navSkip ******/
.navSkip{
    position:absolute; left:-2000px; top: -1000px; height:0px;
}
.navSkip a:active,
.navSkip a:focus {
    position: absolute; left:2185px; top: 1000px; width: 150px;
    font-size: 0.8em;
    font-weight: 600;
    color: #1044aa;
    text-decoration: none;
    z-index: 20;
}
/*****************************
9.0 content
*****************************/
.home #content {
    margin: 0 24em 0 0; /* = 0 #supplement::width 0 0 */
    /*padding: 1.2em 0;*/
}
.division #content {
    padding: 1.2em 0 1.2em 2em
}
#content {
    margin: 0 24em 0 0; /* = 0 #supplement::width 0 0 */
    padding: 2em;
}
#wrapperContent.einspaltigMitHeader #content.altGrid {
 padding: 2em;
}
#popup #content {
    margin:0;
    padding-top:0;
}
#content.altGrid {
    margin-right: 0;

}
.home .mantelHomepage #content.altGrid {
    padding-right: 0;
    padding-top: 0;
}
/****** 9.1 columns ******/
#wrapperColumnA, #wrapperColumnB {
    float: left;
    width: 50%;
}
#columnA, #columnB {
    padding: 0 .8333em;
}
#columnA {
    padding-left: 0;
}
#columnB {
    padding-right: 0;
}
/****** 9.2 supplement ******/
.home #supplement {
    margin-top: 0;
    padding: 2em 0 1.2em 0;
}
#supplement {
    float: right;
    margin: 1.84em 2em 0 0;
    padding:  0 0; /* padding-top @ Mozilla 1.3 */
    width: 22em;
}
#institut #supplement {
    padding-top: 2em;
}
/****** 9.3 Breadcrumb ******/
#navBreadcrumbs p {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
/****** 9.4 ClearElements ******/
#clear {
    clear: both;
    height: 1px; /* avoid collapsing margins */
}
/* offleft technique instead of "display: none;" to support IE-Win based screenreader */
.aural {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
/*****************************
9.0 siteInfo
*****************************/
#siteInfo {
    margin: 0 ;
}
#siteInfo {
    position: relative; /* serve as context for absolute positioning */
    top: 0;
    width: 98em;
}
#popupLinks {
   margin-top: 4.2em;
   margin-left: -2.3em;
}
#siteInfo li,
#popupLinks li {
    display: inline;
}
#siteInfo #navStart {
    position: absolute;
    top: 0;
    right: 0;
}
#siteInfo h2 {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
#wrapperContent.institutHomepage #content {padding-top:0}
.home #socMedia img {
   padding: 0;
}