/*****************************
0 body
*****************************/
body {
    font: 62.5%  'lucida grande', 'lucida sans', verdana, arial, sans-serif;
    padding: 10px 0 0 0; 
}
body.ls-article,
body.ls-home {
 font-size: 68%; 
}
.big-font body {
 font-size: 100%;
}
/****** 9.4 ClearElements ******/
#clear {
    clear: both;
    height: 1px; /* avoid collapsing margins */
}
/* offleft technique instead of "display: none;" to support IE-Win based screenreader */
#content .gallery span.source,
#content .gallery span.caption,
.aural,
#tagline h1 em,
.navSkip h6,
#search h6,
#glossaryIndex em,
#language-chooser h6,
#research-box .research-content label,
#content #searchResultIndex h3,
#searchResultIndex strong em,
.searchresult-projects #detail-switch li em,
.calendar table span,
#wrapperContent #content #nav-topic li em {
    position: absolute;
    top: -1000px;
    left: -1000px;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
}
/*****************************
0 wrapperOuter
*****************************/
#wrapperOuter,
#nav-meta,
#fingertabs-inner {
    min-width: 79em; /* = 790px */
    max-width: 98em; /* = 980px */
    margin: 0 auto;
}
#siteInfo {
    max-width: 98em; /* = 980px */
    margin: 0 auto;
}
*+html #wrapperOuter { /* IE7 */
    max-width: 98.7em; /* = 980px */
}
/*****************************
2.0 wrapperInner
*****************************/
#wrapperInner {
    position: relative;
    margin: 0;
}
#wrapperInner .bl { /* Navigation corner bottom-left */
    position: absolute;
    bottom: 0;
    left: -24em;
    height: 8px;
    width: 8px;
}
#wrapperInner .br {  /* Navigation corner bottom-right */
    position: absolute;
    bottom: 0;
    left: -.8em;
    height: 8px;
    width: 8px;
}
#wrapperInner #supplement .bl {
 left: 0;
}
#wrapperInner #supplement .br {
 left: auto;
 right: 0;
} 
/*****************************
3.0 wrapperOuter
*****************************/
#wrapperOuter {
    position: relative;
}
/*****************************
4.0 branding
*****************************/
#branding {
 margin: 0;
 padding: 5.5em 0 1.5em 0;
 margin-right: 20em;
 height: 1%;
}
#home #branding {
 padding-top: 4em;
 padding-bottom: 0;
}
#branding p {
    float: left;
 width: 34em;
 position: relative;
    overflow: hidden;
}
#branding p img {
    margin: 0 0 10px 0;
}
.branding-box {
 float: left; 
}
/****** Breadcrumb ******/
#navBreadcrumbs p {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
/*****************************
5.0 wrapperDivisions
*****************************/
#wrapperDivisions {
    overflow: visible;
 position: relative;
    margin: 0 0.0625em 0 0;
    margin-left: 24em;
 height: 1%;
}
/*html> body #wrapperDivisions {
    overflow: visible;
}*/
#home #wrapperDivisions {
    position: relative;
    overflow: visible; /* IE 6 */
    border-left: none;
    margin: 0;
    padding-right: 24em;
}
.hcm #wrapperDivisions {
 border-left-width: 0;
 margin-left: 24em;
}
/*****************************
6.0 wrapperContent
*****************************/
#wrapperContent {
    float: left;
    margin: 0 -100% 0 -24em;
    padding: 0 0 0 .0625em; /* padding-left @ Firefox/Mozilla for proper clearing if #content is longer than #navSecondary */
    width: 100%;
    position: relative;
}
#home #wrapperContent {
 float: left;
    display: inline;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#content-container {
    overflow: hidden;
    position: relative;
}
#home #content {
    margin: 0 7px 0 0;
}
html>/**/body#home #content {
    margin: 0 5px 0 0;
}
/*****************************
7.0 serviceMeta
*****************************/
#navServiceMeta {
    height: 1%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
#navServiceMeta ul {
   float: right;
}
#navServiceMeta li a {
   display: block;
}
#navServiceMeta li {
    float: left;
}
#navBreadcrumbs li {
    display: inline-block;
}
#navServiceMeta h2 {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
#navBreadcrumbs {
    position: relative;
    margin: 10px 0 10px 0;
    padding: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
.layout-mod #navBreadcrumbs {
 margin-right: 0;
}
/*****************************
8.0 Navigation
*****************************/
/****** 8.2 Secondary ******/
#navSecondary { /* anti hover-bug ie schrift sehr gross 800 x 600 - safari 2.0 nichts klickbar */
    float: left;
    left: -24em;
    margin: 0;
    position: relative;
    top: auto;
    width: 24em;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
/****** 8.3 navSkip ******/
.navSkip{
    position: absolute;
    left:-2000px;
    top: -1000px;
    height:0;
}
.navSkip a:active,
.navSkip a:focus {
    position: absolute;
 left: 2090px;
 top: 1060px;
 width: 150px;
    font-size: 140%;
    font-weight: bold;
    color: #A30106;
    background: #FBFBFB;
    text-decoration: none;
    z-index: 20;
}
/*****************************
9.0 content
*****************************/
#content {
    overflow: hidden;
    margin: 0 24em 0 0;
    padding: 0;
    position: relative;
}
#content-box {
    overflow: hidden;
    position: relative;
    padding-left: 5px;
    margin-right: 6px;
}
/* #main */
#main {
    position: relative;
    width: 100%; /*IE7*/
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
#main-box {
    position: relative;
    padding: 20px 20px 20px 20px;
}
#main-container {
    position: relative;
}
#main-container .c-br {
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 8px;
    height: 8px;
}
/* Alternatives Layout ohne Marginalspalte */
/*.altGrid #content-box .c-br { *//* Content-Corner bottom-right *//*
    position: absolute;
    bottom: 0;
    right: 0;
    height: 8px;
    width: 8px;
    left: auto !important;
}
.altGrid #content-box .c-bl { *//* Content-Corner bottom-left *//*
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8px;
    width: 8px;
}
.altGrid #content-box .c-tr { *//* Content-Corner top-right *//*
    position: absolute;
    top: 0;
    right: 0;
    height: 8px;
    width: 8px;
}*/
#wrapperOuter .altGrid #content-box {
    padding-left: 4px;
    margin-right: 0;
}
#wrapperOuter .altGrid #content-box #main {
    margin-right: 0;
}
#wrapperOuter #content.altGrid {
    margin-right: 0;
    padding-right: 0;
}
#wrapperOuter .altGrid #main-box {
    background: none;
}
/* 2 cols */
#main #col-1,
#main #col-2 {
 float: left;
 width: 45em;
 margin: 0 2.5em 0 0;
}
#main #col-2 {
 width: 22em;
 margin: 0;
}
/****** 9.2 supplement ******/
#supplement {
    position: relative;
    top: 0;
    float: right;
    margin: 0;
    padding: 1px 0 0; /* padding-top @ Mozilla 1.3 */
    width: 24em;
}
#home #supplement {
 position: relative;
 float: left;
 margin-right: -24em;
 margin-top: 0;
    top: 0;
}
#supplement h6 {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
/*****************************
9.0 siteInfo
*****************************/
#wrapperFooter {
    overflow: hidden;
    position: relative;
    margin: 50px 0 0 0;
    padding: 0 0 20px 0;
    width: 100%;
    clear: both;
}
#wrapperFooter #navStart {
    position: absolute;
    top: 0;
    right: 0;
}