/*****************************
1.0 body
*****************************/
body {
    min-width: 38.75em; /* = 620px */
    max-width: 59.5em; /* = 952px */
}
/*****************************
2.0 wrapperInner
*****************************/
#wrapperInner {
    margin: 0 0 0 12px;
}
#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 */
}
/*****************************
4.0 branding
*****************************/
#branding,
#branding p,
#brandingnobg,
#brandingnobg p,
#brandingnobg #identityPicture {
    height: 7.375em;
}
#branding p,
#brandingnobg p,
#brandingnobg #identityPicture {
    position: absolute;
    left: 0;
    z-index: 3;
    overflow: hidden;
    width: 11.5em;
}
#brandingnobg #identityPicture {
    position: absolute;
    left:11.5em;
    z-index:0;
    width:auto;
}
#branding p img,
#brandingnobg p img,
#brandingnobg #identityPicture img {
    margin: 0 0 0;
}
/*****************************
5.0 wrapperDivisions
*****************************/
#wrapperDivisions {
    margin: 0 .0625em 0 11.4375em; /* = 0 1px 0 #navSecondary::width; margin-right to prevent horizontal scrollbar caused by #wrapper-content::padding-left while avoiding to use risky overflow property */
    min-width: 755px;
}
#popup #wrapperDivisions{
    margin:0;
    min-width:100%;
}
/*****************************
6.0 wrapperContent
*****************************/
#wrapperContent {
    float: left;
    margin: 0 -100% 0 -11.5em; /*  margin: 0 -100% 0 0;   */
    padding: 0 0 0 .0625em; /* 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 {
    text-align: right;
}
#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 {
    position: absolute;
    top: 6.1em; /* = #branding::height - height */
    right: -11.5em; /* @ Opera,  = - (#navSecondary::width - #content::padding-left) */
    left: 0;
    width: 100%; /* @ Firefox/Mozilla */
    height: 1.25em;
}
/****** 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: -11.42em; /* left:0; */
    margin: 0;
    height: 1%;
    width: 11.5em;
}
/****** 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
*****************************/
#content {
    margin: 0 11em 0 0; /* = 0 #supplement::width 0 0 */
    padding: 1.25em;
}
#popup #content {
    margin:0;
    padding-top:0;
}
#content.altGrid {
    margin-right: 0;
    padding-right: 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 ******/
#supplement {
    float: right;
    margin: 1em 0 0;
    padding: 1px 0 0; /* padding-top @ Mozilla 1.3 */
    width: 11em;
}
#supplement h2 {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
/****** 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 0 0 12px;
}
#siteInfo {
    position: relative; /* serve as context for absolute positioning */
    padding: 0 11em .5em 12.75em; /* = 0 #supplement::width .5em (#navSecondary::width + #content::padding-left) */
}
#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;
}