* {
    margin: 0;
    padding: 0;
 list-style: none;
}
body { /* font: default 16px to 10px */
    font: 62.5% arial, helvetica, sans-serif;
 background: #3F3F3F;
 color: #333;
}
/*****************************
3.0 wrapperOuter
*****************************/
#wrapperOuter {
 position: relative;
 width: 1020px;
 margin: 0 auto;
 background: #ececec;
}
 
/*****************************
2.0 wrapperInner
*****************************/
#wrapperInner {
 position: relative;
 padding-bottom: 45px;
}
/* LINKS 
--------------- */
a {
 color: #96394b; 
 text-decoration: none;
}
a:hover,
a:active,
a:focus {
 text-decoration: underline;
}
a:visited {
 color: #682733;
}
p.navToTop a {
 padding-left: 20px;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_toplink.gif.gif?__blob=normal&v=2) left center no-repeat;
 float: right;
 clear: both;
}
img {
 border: none;
}
a.inline {
 border-bottom: 1px dotted;
}
a.inline:hover,
a.inline:active,
a.inline:focus {
 border-bottom: 2px dotted;
 text-decoration: none;
}
#wrapperOuter li.download a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_download_small.gif.gif?__blob=normal&v=2) left 4px no-repeat;
}
#wrapperOuter li.extern a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_extern_small.gif.gif?__blob=normal&v=2) left 4px no-repeat;
}
/* hidden & skip */
.aural,
.navSkip,
h1#site-title em,
h1#site-title span,
#navServiceMeta h2,
#navPrimary h2,
hr,
#navBreadcrumbs p {      
 display: block;  
    position: absolute;
    overflow: hidden;
 left: -9999px;
    width: 1px;
    height: 1px;
}
h1#site-title {
 position: absolute;
 z-index: 1;
 top: 20px;
 left: 22px;
 height: 75px;
 width: 135px;
}
h1#site-title a {
 display: block;
 width: 100%;
 height: 100%;
}
/****** 9.4 ClearElements ******/
#clear {
    clear: both;
    height: 1px; /* avoid collapsing margins */
}
/****** Typo ******/
.gsb code, 
.gsb kbd, 
.gsb samp, 
.gsb var {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    letter-spacing: 1px;
}
/* LAYOUT / GRID */
#wrapperHeader {
 position: relative;
 margin: 0 auto;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/header-1.jpg.png?__blob=normal&v=4) 0 0 no-repeat ;
 height: 204px;
}
#wrapperHeader, 
#navPrimary {
 width: 1020px;
}
#navPrimary {
 position: absolute;
 bottom: 0;
 left: 0;
}
.startseite #wrapperHeader {
 height: 330px;
}
/*****************************
4.0 branding
*****************************/
#branding,
#wrapperDivisions {
 clear: both;
 overflow: hidden;
 margin: 0 auto;
 width: 960px;
}
/*****************************
5.0 wrapperDivisions
*****************************/
#wrapperDivisions {
 position: relative;
 margin: 20px auto 0;
}
#popup #wrapperDivisions{
    margin:0;
    min-width:100%;
}
/*****************************
7.0 serviceMeta
*****************************/
#navServiceMeta {
 float: right;
 display: inline;
 margin: 20px 0 0 0;
}
#navServiceMeta li {
 float: left;
 list-style: none;
 font-size: 110%;
 margin: 0 0 0 20px;
 text-transform: uppercase;
 font-weight: bold;
}
#navServiceMeta li em {
 font-style: normal;
}
#navServiceMeta li a {
 color: #fff;
}
#navServiceMeta li.kontaktbuero {
 float: none;
 font-size: 120%;
 position: absolute;
 bottom: 0;
 right: 40px;
 z-index: 1;
 border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 -webkit-border-radius: 4px 4px 0 0;
}
/*****************************
search
*****************************/
#search {
 clear: both;
 float: right;
 margin: 10px 0 0 0;
}
#search fieldset {
 background: #fff;
 border: 0;
 padding: 3px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
#search fieldset .formField input {
 border: 0;
}
#search fieldset .submit {
 background: #666;
 color: #fff;
 padding: 0 4px;
 border: 0;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}
/* left column: nav */
#navSecondary {
 float: left;
 display: inline;
 width: 220px;
 
 background: #fff;
}

#navPrimary #search {
    clear: both;
    height: 0;
    left: 45.5em;
    margin: 0;
    position: relative;
    top: -3em;
    width: 17em;
}
#navPrimary #search fieldset {
 background: #fff;
 border: 0;
 padding: 3px 2px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
#navPrimary #search fieldset .formField input {
 border: 0;
 max-width: 8em;
}
#navPrimary #search fieldset .submit {
 background: #666;
 color: #fff;
 padding: 0 2px;
 border: 0;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}
/* left column: nav */
#navSecondary {
 float: left;
 display: inline;
 width: 220px;
 
 background: #fff;
}
/*****************************
6.0 wrapperContent
*****************************/
#wrapperContent {
 float: left;
 margin: 1px 0 0 20px;
 padding-right: 10px;
 width: 460px;
 border-right: 1px dotted #767676;
}
#wrapperContent.altGrid {
 width: 700px;
 border-right: 0;
}
.startseite #wrapperContent {
 float: none;
 width: 100%;
}
#popup #wrapperContent {
    margin:0;
    padding:0;
    width:90%;
}
/*****************************
9.0 content
*****************************/
#content {
 clear: left;
}
#popup #content {
    margin:0;
    padding-top:0;
}
#supplement {
 float: left;
 display: inline;
 margin: 0 0 0 -1px;
 padding: 0 0 0 10px;
 width: 220px;
 /* border-left: 1px dotted #767676; */
 /* background: #fefefe; */
}
/*****************************
6.0 siteNav
*****************************/
#siteNav {
 clear: both;
 margin: 0 0 20px 0;
}
/* GSB Basis Text */
#content .left {
    text-align: left;
}
#content .center {
    text-align: center;
}
#content .right {
    text-align: right;
}
#content .justify {
    text-align: justify;
}
#content .RichTextGlossarLink {
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #333;
}
/* FOOTER */
#wrapperFooter {
 position: relative;
 float: left;
 margin: 0;
 padding: 0 50px 30px;
 width: 920px;
 background: #96394b;
}
#siteService {
 width: 320px;
}
/*****************************
9.0 siteInfo
*****************************/
#siteInfo,
#siteService {
 padding: 0;
 float: left;
 vertical-align: top;
 height: 1%;
}
#siteInfo h2,
#siteService h2 {
 padding: 17px 0 10px 0;
 font-size: 1.3em;
 color: #fff;
}
#siteInfo ul,
#siteService ul {
 float: left;
 width: 140px;
 margin-right: 20px;
 list-style-type: none;
}
#siteInfo li a,
#siteService li a {
 color: #fff;
}
#siteInfo li,
#siteService li {
 border-bottom: 1px solid #b45d6e;
 font-size: 110%;
 padding: 5px 0;
 width: 140px; 
}
.copyright {
 position: absolute;
 bottom: 30px;
 right: 40px;
 font-size: 90%;
}
.copyright em {
 color: #fff;
 text-decoration: none;
 font-style: normal;
}
/* FONTS */
p,
li,
dd,
dt,
td,
th,
div.address {
 font-size: 130%;
 line-height: 140%;
}
caption {
 font-size: 150%;
 text-align: left;
 font-weight: bold;
}
td p,
li li,
li p {
 font-size: 100%;
}
#navBreadcrumbs {
 font-size: 90%;
}
#content h1 {
 font-size: 280%;
 padding: 5px 0;
}
#content h2 {
 font-size: 150%; 
}
#content .subheadline p {
 font-weight: bold;
}
#content .abstract p {
 font-weight: bold;
}
#supplement .box h3 {
 font-size: 160%;
}
/* NAVIGATION */
#navPrimary {
 clear: both;
 background-color: rgba(0,0,0,0.7); 
 float: left;
 width: 940px;
 padding: 0 40px;
}
#navPrimary ul {
 float: left;
 width: 100%;
 height: 1%;
 
}
#navPrimary li {
 list-style: none;
 float: left;
 font-size: 140%;
 height: 1%;
}
#navPrimary li a,
#navPrimary li strong {
 display: block;
 float: left;
 padding: 8px 15px;
 color: #fff;
 height: 1%;
}
#navPrimary li:hover,
#navPrimary li:active,
#navPrimary li:focus {
 background-color: #96394b;
 color: #fff !important;
} 
#navPrimary li:hover h3 a,
#navPrimary li:active h3 a,
#navPrimary li:focus h3 a {
 text-decoration: none;
}
#navPrimary li em {
 font-style: normal;
}
#navPrimary li.active {
 background: #ececec;
 color: #434748;
}
#navPrimary li.hovered {
 background-color: #96394b;
} 
#navPrimary li.active a,
#navPrimary li.active strong {
 color: #434748;
}
#navPrimary li.hovered a,
#navPrimary li.hovered strong {
 color: #fff !important;
} 
#navPrimary li li {
 font-size: 100%;
 float: left;
 background: #96394b url(/SiteGlobals/StyleBundles/Bilder/bgr/arrow_navPrimary.gif.gif?__blob=normal&v=2) no-repeat 45px center;
}
#navPrimary li li a {
 padding: 0 0 0 60px;
}
#navPrimary li li a:hover,
#navPrimary li li a:active,
#navPrimary li li a:focus {
 text-decoration: none;
 color: #fff;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/arrow_navPrimary_f2.gif.gif?__blob=normal&v=2) 45px bottom no-repeat;
}
#navPrimary li li {
 width: 33%;
}
#navPrimary .box,
#navPrimary h3,
#navPrimary h4,
#navPrimary div,
#navPrimary div div,
#navPrimary div div div {
 float: left;
}
#navPrimary li .menu-box { 
 display: none;
 position: absolute;
 padding: 20px 0;
 background: #96394b;
 width: 1020px;
 left: 0;
 top: -999px;
 z-index: 2;
} 
#navPrimary li.hovered .menu-box{ 
 display: block;
 top: 100%;
 z-index: 3000;
}
#navPrimary li .menu-box a { 
 color: #fff;
}
/* teaser home */
.wrapperTeaser {
 float: left;
 width: 960px;
 margin-left: -19px;
}
.teaser {
 float: left;
 display: inline;
 margin: 0 0 0 19px;
 width: 300px;
 border-top: 1px solid #ddd;
 margin-top: 30px;
 padding-top: 5px;
}
#content .teaser h2,
#content .teaser-wrapper h2 {
 color: #333;
 font-size: 180%;
 margin-bottom: 8px;
}
#content .teaser-wrapper h2 {
 margin-left: -23px;
}
#content .teaser h3 {
 padding-top: 0;
}
#content .teaser h2 a,
#content .teaser h3 a {
 color: #333;
}
.more a {
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_link.gif.gif?__blob=normal&v=2) no-repeat left center;
 padding-left: 20px;
 font-weight: bold;
 text-decoration: none;
}
.more a:hover,
.more a:active,
.more a:focus {
 text-decoration: underline;
}
.teaser.focus {
 width: 280px;
}
.teaser.focus .focus-wrapper {
 background: #f2eeb1;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#content .teaser.focus h3 {
 padding-top: 0;
}
.products {
 width: 594px;
}
.products .col-wrapper {
 background: #fff;
 float: left;
 clear: both;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.products .col1 {
 width: 300px;
 float: left;
 clear: left;
 margin-right: 10px;
}
.products .col1 img {
 padding-bottom: 10px;
}
#content .teaser.products h2 {
 background: #eee;
}
#content .teaser.products p {
 padding-top: 0;
 padding-bottom: 10px;
}
/* breadcrumb */
#navBreadcrumbs li {
 float: left;
 list-style: none;
}
#navBreadcrumbs li a {
 color: #434748;
 padding-right: 10px;
 margin-right: 5px;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/arrow_breadcrumb.gif.gif?__blob=normal&v=2) no-repeat right center;
}
#navBreadcrumbs li strong {
 font-weight: normal;
}
#navService, #navTagCloud {
 display: none;
}
/*****************************
tagcloud -- just in case
*****************************/
#navTagCloud {
    padding-bottom: 0.25em;
    border-right: 2px solid #E5E2DB;
}
#navSecondary #navTagCloud div {
    margin-top:0;
}
#navTagCloud ul {
    margin: 0.5em;
    text-align: center;
}
#navTagCloud li,
#supplement .tagcloud li {
    display:inline;
}
#navTagCloud a.prio1,
#supplement .tagcloud a.prio1 {
    font-size: 175%;
    font-weight: normal;
}
#navTagCloud a.prio2,
#supplement .tagcloud a.prio2 {
    font-size: 150%;
    font-weight: normal;
}
#navTagCloud a.prio3,
#supplement .tagcloud a.prio3 {
    font-size: 125%;
    font-weight: bold;
}
#navTagCloud a.prio4,
#supplement .tagcloud a.prio4 {
    font-size: 109.5%;
    font-weight: normal;
}
#navTagCloud a.prio5,
#supplement .tagcloud a.prio5 {
    font-size: 91%;
    font-weight: bold;
}
/* Images */
#content .linksOhne {
    float: none;
    margin-right: auto;
}
#content .teaser .picture,
#content .links {
     float: left;
     margin: 0 .45em .45em 0;
}
#content .rechtsOhne {
    float: none;
    margin-left: auto;
} 
#content .rechts{
     float: right;
     margin: 0 0 .45em .45em;
}
#content .mitte {
     margin: auto;
     float: none;
}
#content .caption {
     display: block;
}
#content .scrollLinks .forward {
    float: right;
}
#content .scrollLinks .start {
    margin: .3em 0 0 32%;
    float: left;
}
#content .scrollLinks .back {
    float: left;
}
#content .picture .wrapper {
    padding-top: 1em;
}
/* MainNav */
.navMain {
 float:left;
 width: 220px;
}
.navMain em {
 font-style: normal;
 display: block;
}
/* 1st Level */
.navMain ul {
 list-style-type: none;
 font-weight: bold;
}
.navMain li {
 display: block;
 padding: 5px 7px 5px 7px;
 border-top: 1px solid #e5e5e5;
 clear: both;
 font-size: 100%;
}
.navMain li.first {
 border-top: none;
}
.navMain li a,
.navMain li strong {
 display: block;
 padding: 6px 0 7px 0;
 font-size: 1.2em;
 line-height: 1.1em;
 text-decoration: none;
 color: #191919;
}
.navMain li span {
 display: block;
 padding: 0 10px;
}
/* states: active atm and hover  */
.navMain li em a,
.navMain li em strong,
.navMain li em a:hover,
.navMain li em a:focus { 
 background: #397ab0;
 color: #fff;
 font-weight: bold;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-bottom-left-radius: 0;
 -moz-border-radius-bottomleft: 0;
 -webkit-border-bottom-left-radius: 0;
 overflow: visible;
}
.navMain li strong,
.navMain li li strong,
.navMain li li em a, 
.navMain li a:hover,
.navMain li a:focus,
.navMain li li em a:hover,
.navMain li li em a:focus { 
 background: #397ab0;
 color: #fff;
 font-weight: bold;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 overflow: visible;
}
.navMain li strong span {
 display: block;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/on_arrow.png.png?__blob=normal&v=2) right no-repeat;
 right: -5px;
 margin-left: -5px;
 position: relative;
}
/* 2nd Level and deeper */
.navMain li li a span,
.navMain li li strong span {
 padding: 0 5px;
}
.navMain ul ul {
 display: block;
 height: 1%;
 margin: 0 0 -5px 0;
 border-top: none; /* IE6 */
 border-left: 4px solid #397ab0; 
 padding: 0 0 1px 10px;
 font-weight: normal; 
}
.navMain > ul ul { 
 padding-bottom: 0;
}
.navMain ul ul li {
 display: block;
 padding: 2px 0;
 border-top: 1px dotted #808080;
}
.navMain > ul ul li {
 position: relative;
 top: -1px;
}
.navMain ul ul ul {
 margin: 1px 0 -2px 0;
 border: none;
 background: #ebebeb;
}
.navMain ul ul ul li {
 padding: 2px 0;
}
.navMain ul ul ul li strong,
.navMain ul ul ul li a {
 padding-left: 3px;
}
.navMain ul ul ul ul {
 margin: 1px 0 -2px 0;
 border: none;
 background: #cecece;
}
.navMain ul ul ul ul li {
 padding: 2px 0;
}
/* inner content layout */
#content h2,
#content p,
#content dl,
#content ul,
#content ol,
#content div.address,
#content div.wrapperTable {
 padding-top: 10px; /* tmp! */
}
/* Listen */
#content li p,
#content li ol,
#content li ul {
 margin: 0;
 padding: 0;
}
#content li p {
 display: inline-block;
}
#content li {
 list-style: inside disc;
}
#content .more li {
 list-style: none;
 margin-bottom: 10px;
}
#content li li {
 margin-left: 14px;
}
#content dl {
 width: 100%;
 float: left;
 clear: both;
 margin-bottom: 10px;
}
#content dt {
 width: 11em;
 float: left;
 clear: left;
}
#content dd {
 float: left;
 clear: right;
}
/* Bilder */
#content p.picture span.caption,
#content p.picture span.source {
 font-size: 85%;
 line-height: 120%;
}
/* Kasten "address" */
#content div.address {
 background: #fff;
 padding: 10px;
 margin-top: 10px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}
#supplement div.address p {
 font-size: 100%;
 padding-bottom: 10px;
}
/* Tabellen */
#content caption {
 padding-bottom: 10px;
}
#content table {
 background: #fff;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-collapse: collapse;
}
#content th {
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/bg_th.gif.gif?__blob=normal&v=2);
 color: #fff;
 padding: 5px 10px;
 white-space: nowrap;
}
/* runde Ecken */
#content th:first-child {
 border-radius: 10px 0 0 0;
 -moz-border-radius: 10px 0 0 0;
 -webkit-border-radius: 10px 0 0 0;
}
#content th:last-child {
 border-radius: 0 10px 0 0;
 -moz-border-radius: 0 10px 0 0;
 -webkit-border-radius: 0 10px 0 0;
}
#content th a {
 color: #fff;
}
#content td {
 border-left: 1px solid #e7e7e7;
 border-bottom: 1px solid #e7e7e7;
 vertical-align: top;
 padding: 10px;
}
#content td:first-child {
 border-left: 0;
}
#content td p {
 padding-top: 0;
}
/****** 9.2 supplement ******/
#supplement { }
#supplement h2 {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}
#supplement .box {
 margin-bottom: 18px;
 padding-bottom: 8px;
 border-bottom: 1px solid #e4e4e4;
}
#supplement .eventBox {
 padding: 10px;
 background: #fff url(/SiteGlobals/StyleBundles/Bilder/bgr/bg_box_termine.gif.gif?__blob=normal&v=2) top right no-repeat;
 border-bottom: 0;
}
#supplement .newsletterBox {
 padding: 10px;
 background: #f2eeb1;
 border-bottom: 0;
}
#supplement .box h3 {
 padding-bottom: 9px;
}
#supplement .box p {
 padding-bottom: 9px;
}
#supplement .box a {
 display: block;
 font-weight: bold;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_link.gif.gif?__blob=normal&v=2) no-repeat left 4px;
 padding-left: 20px;
}
#supplement .box img {
 margin-bottom: 6px;
}
#supplement .box li {
 padding-bottom: 9px;
}
#supplement .box li:last-child {
 padding-bottom: 0;
}
#supplement .box li p {
 padding-bottom: 0;
}
/* dateblock raus */
#supplement .dateblock {
 display: none;
}
/* Projekte-Seite */
#projects-nav {
 float: left;
 clear: right;
 margin-right: -10px;
}
#projects-nav ul {
 padding-top: 8px;
}
#projects-nav li {
 float: left;
 display: inline;
 width: 10em;
 height: 3.5em;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-right: 12px;
 margin-bottom: 12px;
 background: #fff;
 font-weight: bold;
 line-height: 130%;
}
#projects-nav li.active,
#projects-nav li.active:hover,
#projects-nav li.active:active {
 background: #387aae;
 color: #fff;
 font-weight: bold;
}
#projects-nav li:hover,
#projects-nav li:active {
 background: #387aae;
}
#projects-nav li:hover a,
#projects-nav li:active a {
 color: #fff;
 text-decoration: none;
}
#projects-nav li a,
#projects-nav li span {
 display: block;
 height: 100%;
 padding: 5px 10px;
}
#projects-nav li a {
 color: #333;
}
.currentProjects,
.currentProducts {
 float: left;
 clear: both;
}
.currentProjects h2,
.currentProducts h2 {
 font-size: 180%;
 float: left;
}
.biglink {
 float: left;
 clear: both;
}
.biglink li {
 list-style: none !important;
}
.biglink a {
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_h2_link.gif.gif?__blob=normal&v=2) left center no-repeat;
 color: #96394B;
 font-weight: bold;
 font-size: 140%;
 line-height: 160%;
 float: left;
 clear: both;
 display: inline;
 padding-left: 28px;
 cursor: pointer;
}
.more.archive {
 float: left;
 clear: both;
 display: inline;
}
ul.projectsList,
#wrapperOuter ul.productsList {
 background: #fff;
 border-radius: 10px 10px 0 0;
 -moz-border-radius: 10px 10px 0 0;
 -webkit-border-radius: 10px 10px 0 0;
 float: left;
 clear: left;
 display: block;
 padding: 10px 10px 10px 0;
 margin-top: 10px;
 width: 687px;
}
ul.projectsList {
 aborder-bottom: 10px solid #fff;
 apadding-bottom: 0;
}
* html #wrapperOuter ul.productsList { /* IE6 */
 width: 682px;
 overflow: hidden;
}
ul.projectsList li,
#wrapperOuter ul.productsList li {
 border-top: 1px solid #ececec;
 width: 348px;
 float: left;
 display: inline;
 margin: -11px 0 10px;
}
#wrapperOuter ul.productsList li:last-child {
 border-bottom: 1px solid #ECECEC !important;
}
#wrapperOuter ul.productsList li.last {
 border-bottom: 1px solid #ECECEC !important;
}
ul.projectsList li img,
#wrapperOuter ul.productsList li img {
 float: left;
 padding: 10px;
}
ul.projectsList li p,
#wrapperOuter ul.productsList li p {
 display: inherit;
 font-size: 90%;
}
/* Products Seite */
#wrapperOuter ul.productsList li {
 width: 697px;
}
#wrapperOuter ul.productsList li:first-child a {
 border-radius: 10px 10px 0 0;
 -moz-border-radius: 10px 10px 0 0;
 -webkit-border-radius: 10px 10px 0 0;
}
#wrapperOuter ul.productsList li a {
 display: block;
 background: #fff url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_h2_link.gif.gif?__blob=normal&v=2) 10px 10px no-repeat;
 height: 100%;
 min-height: 1.5em;
 padding: 10px 10px 10px 35px;
 color: #333;
}
#wrapperOuter ul.productsList li a:hover,
#wrapperOuter ul.productsList li a:active,
#wrapperOuter ul.productsList li a:focus {
 background: #387AAE url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_intern_f2.gif.gif?__blob=normal&v=2) 10px 10px no-repeat;
 color: #fff;
 text-decoration: none;
}
#wrapperOuter ul.productsList li.download a {
 background: #fff url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_download.gif.gif?__blob=normal&v=2) 10px 10px no-repeat;
}
#wrapperOuter ul.productsList li.download a:hover,
#wrapperOuter ul.productsList li.download a:active,
#wrapperOuter ul.productsList li.download a:focus {
 background: #387AAE url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_download_f2.gif.gif?__blob=normal&v=2) 10px 10px no-repeat;
}
#wrapperOuter ul.productsList li.extern a {
 background: #fff url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_extern.gif.gif?__blob=normal&v=2) 10px 10px no-repeat;
}
#wrapperOuter ul.productsList li.extern a:hover,
#wrapperOuter ul.productsList li.extern a:active,
#wrapperOuter ul.productsList li.extern a:focus {
 background: #387AAE url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_extern_f2.gif.gif?__blob=normal&v=2) 10px 10px no-repeat;
}
ul.projectsList li:first-child a {
 border-radius: 10px 0 0 0;
 -moz-border-radius: 10px 0 0 0;
 -webkit-border-radius: 10px 0 0 0;
}
ul.projectsList li:first-child + li a {
 border-radius: 0 10px 0 0;
 -moz-border-radius: 0 10px 0 0;
 -webkit-border-radius: 0 10px 0 0;
}
#wrapperOuter ul.productsList li em,
ul.projectsList li em {
 font-size: 100%;
 line-height: 120%;
 font-weight: bold;
 font-style: normal;
 display: block;
}
/* Projects Seite */
ul.projectsList {
 width: 697px;
 padding-right: 0;
}
ul.projectsList li a {
 width: 328px;
 clear: both;
 float: left;
 padding: 10px;
 color: #333;
}
ul.projectsList li a:hover,
ul.projectsList li a:active,
ul.projectsList li a:focus {
 background: #387AAE;
 color: #fff;
 text-decoration: none;
}
ul.projectsList li img {
 padding: 0 10px 0 0;
}
/* Projects und Products pager */
div.pagination {
 background: #fff;
 border-radius: 0 0 10px 10px;
 -moz-border-radius: 0 0 10px 10px;
 -webkit-border-radius: 0 0 10px 10px;
 width: 697px;
 float: left;
 clear: both;
}
div.pagination ul {
 float: right;
 clear: left;
 display: block;
 margin-top: -10px;
 padding: 10px 10px 10px 0;
}
div.pagination ul li {
 background: #767676;
 color: #fff;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 float: left;
 text-align: right;
 font-weight: bold;
 font-size: 130%;
 display: inline;
 margin-left: 4px;
 height: 1.3em;
 line-height: 1.3em;
 width: 1.2em;
 text-align: center;
}
div.pagination ul li.active {
 background: #96394b;
}
div.pagination ul li:focus,
div.pagination ul li:hover,
div.pagination ul li:active {
 background: #387AAE;
}
div.pagination ul li.active:focus,
div.pagination ul li.active:hover,
div.pagination ul li.active:active {
 background: #96394b;
 text-decoration: none;
}
div.pagination ul li:focus a,
div.pagination ul li:hover a,
div.pagination ul li:active a {
 text-decoration: none;
}
div.pagination ul li a {
 display: block;
 color: #fff !important;
 text-decoration: none;
}
/* pagination in teaser */
.aktuelles div.pagination {
 background: none;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 width: auto;
 clear: left;
 padding-top: 10px;
}
/* tmp: DOM Tabs */
.wrapper-text-box {
 float: left;
}
.wrapper-text-box.themen {
 border-top: 1px solid #ddd;
 margin-right: 20px;
}
.wrapper-text-box.aktuelles {
 border-top: 1px solid #ddd;
}
#content .wrapper-text-box h2 {
 font-size: 180%;
 color: #333;
 margin-bottom: 8px;
}
.text-box {         
 position: relative;
 float: left;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}
.themen .text-box {
 width: 616px;
 background: #fff;
}
.aktuelles .text-box {
 width: 300px;
 background: transparent;
 margin-left: -5px;
}
#content .text-box ol.toc {
 float: left;
 width: 295px;
 margin: 0;
 padding: 5px 0 0 0;
}
#content .aktuelles .text-box ol.toc {
 width: auto;
 padding: 0;
}
ol.toc li {
 float: left;
 display: inline;
 width: 7.15em;
 min-height: 55px;
 margin: 0 0 5px 5px;
}
.aktuelles .toc li {
 width: 11.1em;
 min-height: 30px;
}
* html .aktuelles .toc { /* ie6 fix */
 width: 105% !important;
}
* html .aktuelles .toc li { /* ie6 fix */
 width: 11.4em;
 height: 30px;
}
ol.toc li a {
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background: #dce5ee;
 font-size: 85%;
 line-height: 130%;
 text-transform: uppercase;
 color: #000;   
 cursor: pointer;
}
ol.toc li a.js-selected {
 background: #387aae;
 color: #fff;
}
ol.toc li.lowlight a {
 background: #e9e9e9;
}
ol.toc li.lowlight a.js-selected {
 background: #387aae;
}
ol.toc li a,
ol.toc li span {
 display: block;
 height: 5em;
 padding: 5px 7px;
 text-transform: uppercase;
 font-size: 70%;
 font-weight: bold;
}
.aktuelles .toc li a,
.aktuelles .toc li span {
 height: auto;
 line-height: inherit;
 vertical-align: middle;
}
ol.toc a:hover,
ol.toc a:focus,
ol.toc a.a11y-focus,
ol.toc a:active {
 text-decoration: none;
 background: #387aae !important;
 color: #fff;
}
ol.toc a.ui-disabled {
 cursor: default;
 text-decoration: none;
}
.section-group {
 overflow: hidden;
}
.section {
 padding: 5px 10px;
 /* background: #fff; /* IE opacity-Bug */
}    
.aktuelles .section {
 background: transparent; /* IE opacity-Bug */
 padding: 5px;
}    
.section .image-wrapper {
 position: relative;
 height: 1%;
}
.section .image-wrapper h3 {
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/bg_image_teaser_h2.png.png?__blob=normal&v=2);
 position: absolute;
 left: 0;
 bottom: 0;
 font-size: 150%; 
 margin: 0;
 padding: 10px;
 outline: none;
 color: #fff;
 width: 285px;
}    
.section .image-wrapper a {
 background: none;
 padding: 0;
 color: #fff;
 text-decoration: none;
}
.section p {         
 line-height: 1.3em; 
 font-size: 130%; 
}
.section a {
 text-decoration: underline;
}
.section .more a {
 text-decoration: none;
}
.aktuelles .section-group {
 clear: both;
}
/* Inline Image: */
.teaser .inlineImg {
 float: left;
 display: inline;
 padding: 9px 10px 5px 0;
}
.wrapper-text-box.aktuelles .section {
 width: 264px;
}
/* "Aktuelles" Teaser */
.wrapper-text-box.aktuelles .teaser {
 margin: 0;
 width: 292px;
}
.wrapper-text-box.aktuelles .teaser.calendar {
 margin: 0;
 width: 264px;
}
.wrapper-text-box.aktuelles .teaser em.date {
 background: #fff;
 padding: 1px 3px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 font-size: 80%;
 font-style: normal;
 position: relative;
 top: -2px;
}
.wrapper-text-box.aktuelles .teaser a {
 display: block;
 font-size: 100%;
 font-weight: bold;
 text-decoration: none;
}
.wrapper-text-box.aktuelles .teaser a:hover,
.wrapper-text-box.aktuelles .teaser a:active,
.wrapper-text-box.aktuelles .teaser a:focus {
 text-decoration: underline;
}
.wrapper-text-box.aktuelles .teaser .more a {
 position: relative;
 top: 5px;
}
.wrapper-text-box.aktuelles .teaser p {
 padding-bottom: 6px;
}
/* Calendar */
.teaser.calendar {
 background: #fff;
 width: 264px;
 min-height: 290px;
 padding: 15px 15px 0;
 border: 0;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}
#supplement .calendar {
 z-index: 999;
 overflow: visible;
}
.live-calendar {
 position: relative;
 height: 1%;
}
.calendar h3 {
 text-align: center;
 margin: 3px 0 6px 0;
}
.calendar table {
    clear: both;
 font-size: 130%;
 line-height: 1.2em;
 border: 3px solid #ECECEC;
}
.calendar table span {
 display: block;
 height: 1px;
 left: -1000px;
 overflow: hidden;
 position: absolute;
 top: -1000px;
 width: 1px;
}
.calendar div.pager {
}
.calendar div.prev,
.calendar div.next {
 position: absolute;
 left: 0;
 top: 0;
}
.calendar div.next {
 left: auto;
 right: 0;
}
.calendar div.pager a {
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
 padding-left: 0;
}
.calendar div.pager .prev a {
 background-image: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_pagination_prev.gif.gif?__blob=normal&v=2);
 background-position: 0 0;
}
.calendar div.pager .prev a:focus,
.calendar div.pager .prev a:hover,
.calendar div.pager .prev a:active {
 background-position: 0 -100px;
}
.calendar div.pager .next a {
 background-image: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_pagination_next.gif.gif?__blob=normal&v=2);
 background-position: 0 0;
}
.calendar div.pager .next a:focus,
.calendar div.pager .next a:hover,
.calendar div.pager .next a:active {
 background-position: 0 -100px;
}
#content .calendar thead th {
 background: #ececec url(/SiteGlobals/StyleBundles/Bilder/bgr/bg_calendar_th.gif.gif?__blob=normal&v=2) repeat-x bottom left;
 color: #333;
 padding: 4px 0 12px 0;
    text-align: center;
}
#content .calendar thead th:first-child,
#content .calendar thead th:last-child {
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
}
#content .calendar tbody td {
 padding: 3px;
 text-align: center;
}
#content .calendar tbody td div {
 padding: 0;
 font-size: 100%;
 font-weight: bold;
 text-align: center;
 background: #fff;
 width: 30px;
 height: 30px;
 line-height: 30px;
 margin: 0;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}
#content .calendar tbody td.noDate div {
 display: none;
}
.calendar tbody td.on  {
 font-weight: bold;
}
.calendar tbody td.on a {
 background: #96394b;
 display: block;
 color: #fff;
 padding: 2px 0;
 width: 30px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 text-decoration: none;
}
.calendar tbody td.on a:hover,
.calendar tbody td.on a:focus {
 background: #387aae;
 text-decoration: none !important;
}
.calendar tbody td.on.today a {
 background: #387aae;
}
.calendar tbody td.on div a {
 color: #A30106;
}
#supplement .calendar p {
    padding-top: 10px;
}
#supplement .calendar p a {
    padding-left: 20px;
    font-weight: normal;
}
span.calendar-state {
 display: block;
 position: absolute;
 left: -9999em;
 overflow: hidden;
 width: 1px;
}
/* fly out */
/* fix cropping */
.aktuelles .section-group {
 overflow: visible;
}
#content .calendar tbody td.on div.calendar-details { 
 display: none;
 overflow: hidden;
 position: absolute;
 left: 0 !important;
 margin-top: 0;
 padding: 10px;
 width: 242px;
 z-index: 9999;
    text-align: left;
 background: #fff;
 border: 1px solid #ccc;
}
html > /**/ body div.calendar-details {
 margin-top: 0;
}
.calendar td:hover div.calendar-details,
.calendar td:active div.calendar-details,
.calendar td:focus div.calendar-details {
 display: block;
}
.js-on .calendar td:hover div.calendar-details,
.js-on .calendar td:active div.calendar-details,
.js-on .calendar td:focus div.calendar-details {
 display: none;
}
.calendar div.calendar-details h4 {
 padding: 0 0 5px 0;
    outline: none;
    font-size: 110%;
}
.calendar div.calendar-details ul {
  list-style: none;
  padding: 0 !important;
    margin: 5px 0 10px 1px !important;
 height: 1%;
}
#content .calendar div.calendar-details ul li {
 list-style: none;
 list-style-position: outside; /* for ie6+7 */
 margin-bottom: 10px;                       
 font-size: 70%;
 overflow: visible;
 padding: 0;
}
#content .calendar div.calendar-details ul li a {
    font-weight: normal;
 background: #fff;
 display: block;
 color: #333;
 padding: 0;
 width: auto;
 height: auto;
 line-height: normal;
 vertical-align: top;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 position: relative;
}
#content .calendar div.calendar-details p a {
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_link.gif.gif?__blob=normal&v=2) left center no-repeat;
 font-size: 70%;
 padding-left: 20px;
 width: auto;
 height: auto;
}
#supplement .calendar div.calendar-details p {
    margin: 15px 0  0 5px;
    padding: 0;
    font-size: 100%;
}
#content .calendar td {
 background: #ececec;
}
.calendar abbr {
 border: 0;
}
/* Module Newsletter */
a.newsletterPlainLink,
a.newsletterHtmlLink {
    background: url(/SiteGlobals/StyleBundles/Bilder/newsletter.gif?__blob=normal&v=2) 0 0 no-repeat;
    padding-left: 20px;
}
a.newsletterHtmlLink {
    margin-left:10px;
}
#content a.newsletterPlainLink,
#content a.newsletterHtmlLink, {
    font-size:0.92em;
}
/* Module Timer  --  @Materna: needed by PBE?*/
a.invalidateTimers {
    display:block;
    background: url(/SiteGlobals/StyleBundles/Bilder/tim.gif?__blob=normal&v=2) 0 0 no-repeat;
    padding-left: 20px;
}
#supplement a.invalidateTimers {
    margin-bottom: -30px;
}
#content a.invalidateTimers {
   font-size:88%;
}
#content a.invalidateTimers em{
  font-style: normal;
}
#content #invalidateAll {
    width: 80%;
}
* html #content #invalidateAll {
    width: 76%;
}
/* Teaser Scroller: */
.teaser-wrapper {     
  position: relative;
  float: left;
  clear: both;
  width: 890px;
  margin: 30px 0 0 0;
  padding: 5px 23px 0 23px; /* space for prev and next */  
  border-top: 1px solid #ddd;
} 
.teaser-wrapper .rack {
 /* IE braucht hier manchmal position: relative  
  * und häufig die genaue Breite, welche man nicht nur über CSS, 
  * sondern auch über JS mit der Option hidingWidth setzen kann 
  */ 
  width: 877px; 
 margin-left: -5px;
}
#content .teaser-wrapper .rack ul.rack-design {
 padding-top: 0;
}
.js-on .rack {
 overflow: hidden; /* verhindern von FOUC */
 height: 81px; /* verhindern von FOUC */
}
.teaser-wrapper .next span,
.teaser-wrapper .prev span {
 position: absolute;  
 display: none;
 top: 45px;
 width: 30px;
 height: 80px;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_teaser_prev.gif.gif?__blob=normal&v=2) left bottom no-repeat;  
 text-indent: -9999px;
 cursor: pointer;
}
.teaser-wrapper .prev span:hover,
.teaser-wrapper .prev span:active,
.teaser-wrapper .prev span:focus {
 background-position: top left;
}
.js-on .next span,
.js-on .prev span {
 display: block;
 z-index: 1;
}
.teaser-wrapper .prev span {
 left: 5px;
 margin-left: -5px;
}
.teaser-wrapper .next span {
 right: 5px;
 background: url(/SiteGlobals/StyleBundles/Bilder/bgr/icon_teaser_next.gif.gif?__blob=normal&v=2) left bottom no-repeat;  
}
.teaser-wrapper .next span:hover,
.teaser-wrapper .next span:active,
.teaser-wrapper .next span:focus {
 background-position: top left;
}
/* hcm = highcontrastmode */
.teaser-wrapper .hcm .next span,
.teaser-wrapper .hcm .prev span {
 display: none;
} 
.teaser-wrapper .hcm .rack {
 overflow: auto !important; /* browser scroller anzeigen */
 height: 170px; /* extra platz für scroller schaffen */
}
.teaser-wrapper .teaser {
 float: left;
 width: 118px;
 height: 80px;
 margin: 0 0 0 7px; 
 padding: 0;
 background: #387aae url(/SiteGlobals/StyleBundles/Bilder/bgr/bg_carousel.gif.gif?__blob=normal&v=2) no-repeat top right;
 color: #fff;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border: 0;
}   
.teaser-wrapper .teaser a {       
 display: block;
 font-size: 81%;
 font-weight: bold;
 text-transform: uppercase;
 height: 60px;
 line-height: 115%;
 padding: 10px 25px 10px 10px;
 color: #fff;
}
/*****************************
9.0 special sites
*****************************/
/****** 9.1 Sitemap ******/
#content #sitemap,
#content #sitemap h2 {
    border-style: solid;
}
#content #sitemap {
    border-width: 0 0 1px;
    padding: 0 0 .67em;
}
#content #sitemap h2 {
    margin: .67em 0 0;
    padding: .5em 0 0;
    border-width: 1px 0 0;
}
#content #sitemap,
#content #sitemap li,
#content #sitemap ul {
    margin: 0;
}
#content #sitemap li {
    display: block; /* @ IE-Win, avoid typical gap between <a> with "display: block;" in a list and use <a> to apply box model properties */
}
#content #sitemap a {
    display: block;
}
#content #sitemap li li a {
    margin: .36em 0 0 1.82em;
}
#content #sitemap li li li a {
     margin-left: 3.64em;
}
/****** 9.2 Glossar ******/
/* .navIndex is defined in 9.3 */
#popup #glossarEntry {
    border:0;
}
#content #glossaryHits {
    overflow: auto;
    margin: 1em 0;
    height: 5.8em;
}
#content #glossaryHits li {
    display: block;
    margin: 0 20px 0 0; /* avoid vertical scrollbar in #glossaryHits */
}
/****** 9.3 Search results ******/
#content .navIndex, /* Also used in Glossary */
#content #searchResult {
    margin: 2em 0 0;
    padding: 1em 0 .7em;
    list-style: none;
}
#content .navIndex {
    overflow: hidden; /* to hide first <li>'s left border - no need for :first-child etc. */
}
.navIndex:after {
    display: block;
    clear: both;
    content: " ";
    height: 1px; /* avoid collapsing margins */
}
#content .navIndex li {
    float: left;
    border-bottom: none;
    margin: 0 1px .33em -1px; /* negative margin-left to hide first <li>'s left border - no need for :first-child etc. */
    text-align: center;
    background-image: none;
}
.navIndex span,
.navIndex a,
.navIndex strong {
    display: block;
    padding: .3em 0;
    width: 1.9em;
    text-align: center;
    background: transparent url(/SiteGlobals/StyleBundles/Bilder/Farbschema_A/bg_searchResultIndex.png?__blob=normal&v=2) no-repeat 0 0;
}
.box .navIndex a,
.navIndex .back a,
.navIndex .forward a{
     padding: 0;
     background: none;
}
#content #searchResult li {
    position: relative;
    padding: 0 0 0 70px;
}
#content #searchResult p {
    margin-top: 0em;
    margin-bottom: 0.5em;
}
#content #searchResult.metaData{
    clear:both;
    text-align:right;
}
.relevance{
    position:absolute;
    top:.33em;
    left:0;
    overflow:hidden;
    border:1px solid;
    width:50px;
    height:7px;
    text-indent:-200px;
}
.relevance100{
    border-left-width:50px;
    width:0;
}
.relevance90{
    border-left-width:45px;
    width:5px;
}
.relevance80{
    border-left-width:40px;
    width:10px;
}
.relevance70{
    border-left-width:35px;
    width:15px;
}
.relevance60{
    border-left-width:30px;
    width:20px;
}
.relevance50{
    border-left-width:25px;
    width:25px;
}
.relevance40{
    border-left-width:20px;
    width:30px;
}
.relevance30{
    border-left-width:15px;
    width:35px;
}
.relevance20{
    border-left-width:10px;
    width:40px;
}
.relevance10{
    border-left-width:5px;
    width:45px;
}
/****** 9.4 FAQ ******/
#content #faq {
    margin: 0;
    padding: 2em 0 0;
}
#content #faq dd {
    width: auto;
    border-bottom: 1px solid;
    margin: 0 0 2em;
    padding: 0 0 1.5em;
}
#content #faq dt {
    width: auto;
    float: none;
    margin: 0 0 .25em;
    padding: 0;
}
/****** 9.5 Newsletter ******/
#content #newsletterUnsubscribe {
    margin-top: 4em;
}
/****** 9.6 ShoppingCart ******/
#content #shoppingCartMessage {
    margin: 0 0 2em;
}
#content #shoppingCartMessage strong {
    display: block;
    margin: 0 0 .33em;
}
#content #shoppingCart td,
#content #shoppingCart th {
    text-align: left;
}
#content #shoppingCart td input { /* quantity */
    width: 2em;
    text-align: right;
}
#content #shoppingCart td .submit {
    display: block; /* @ Firefox, enable text-decoration */
    margin: 0;
    border: 0;
    padding: .17em 0 0; /* padding-top: text baseline in line with quantity */
    background: none;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
}
#shoppingCart td .submit:hover,
#shoppingCart td .submit:focus,
#shoppingCart td .submit:active {
    text-decoration: underline;
}
#content #shoppingCart .formHandle {
    padding-left: 0;
}
/****** 9.7 Guestbook ******/
#content .gbtext{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 1em;
}
#content .gbindex {
    margin-bottom: 1em;
}
/****** 9.8 Photogallery ******/
#content .photogalleryDocuments {
    overflow: hidden;
}
#content .photogallery .scrollLinksFirst,
#content .photogallery .scrollLinks {
    height:2em;
    margin: 1em 0;
    text-align: center;
}
#content .photogalleryDocuments img {
     margin: 3px 3px 0 0;
     float: left;
}
#content .photogalleryDocuments .active img {
     margin: 0;
}
/****** 9.9 Dossier ******/
#content .dossier .scrollLinksFirst,
#content .dossier .scrollLinks {
    height:2em;
    margin: 1em 0;
    text-align: center;
}
#content .dossier .tableOfDocuments {
    padding-left: 0;
}
/******  9.10 Downloadconfirm ******/
#content .formDLConfirm {
    float:left;
}
/* Disable round corners */
.x-r span.corner_tl,
.x-r span.corner_tr,
.x-r span.corner_bl,
.x-r span.corner_br {
 display: none !important;
}