body {
   background-color: #fff;
   background-image: url(/SiteGlobals/StyleBundles/Bilder/NeuesLayout/hpsc-terrsys/bg.jpg?__blob=normal);
   background-repeat: no-repeat;
   background-position: center 189px;
}
#border {
   height: 100%;
   width: 98em;
   margin: 0 auto;
   box-shadow: 10px 0 10px -10px #000000, -10px 0 10px -10px #000;
}
#branding_1.outer {
    background-color: transparent;
   width: 98em;
   margin: 0 auto;
}
#wrapperBranding {
    background-color: transparent;
    border: none;
   width: 98em;
   margin: 0 auto;
}
#brandingInnen p {
   padding-right: 2em;
}
#wrapperBranding #instHeaders {
   float: left;
   clear: left;
   top: .8em;
}
#branding, #brandingInnen {
   height: 17.6em;
   border-bottom: 1px solid #dadada;
}
.home #branding, .home #brandingInnen {
     height: 50em;
    border-bottom: none;
}
#searchTop p {
   padding-top: 0;
}
#socmed_top {
    float:left;
}
#socmed_top img {
   margin-right: 1em;
}
#socmed_top img.yt_icon {
   padding-bottom: 3px;
}
   
#branding,  #brandingInnen {
   background-color: #fff;
/*   box-shadow: 10px 0px 10px -10px #000, -10px 0 10px -10px #000;*/
}
#brandingInnen p.logo {
    padding: 0 3em 3em 0;
}
#wrapperOuter {

}
#navPrimary {
   top: 2.1em;
   padding-bottom: 2.2em;
}
#navPrimary ul {
  margin: 0 0 0 2em;
}
#navPrimary ul li a {
   padding: 1.15em 1em 1.3em 1em;
}
#navPrimary li {
    font-size: 130%;
}
#wrapperInner {
    margin:0;
    padding-bottom: 3em;
}
#topService {
   font-size: 120%;
   padding-top: 0.3em;
   float: left;
}
#topSupplIcons {
    float:left;
}
#topSupplIcons img{
    margin-right: 1em;
}
  
#topService ul li {
    display: inline;
}
#navPrimary li a, #navPrimary li strong {
   padding-bottom: 1.3em;
}  
#navPrimary li a, #navPrimary li em,#wrapperDivisions .events-box li a, .gsb a:link,#navSecondary h3, #navSecondary h2, #navSecondary h2 *, #navSecondary .navMain a, #navSecondary .navMain strong {
    color: #005f9b;
}
#navPrimary li em a, #navPrimary li a:hover, #navPrimary li a:focus, #navPrimary li a:active, #navPrimary li strong, #wrapperDivisions .dateblock, #wrapperDivisions #supplement .dateblock div {
    background-color: #005f9b;
}
#navServiceMeta, #navServiceMeta a {
  padding:0;
}
#branding_1 .cycle-overlay  p {
    font-size: 120%;
    text-align: left;
    float: none;
    padding-top: 1em;
}
#branding_1 .cycle-overlay p.subtitle {
    font-size: 120%;
    font-weight: bold;
    color: #a4bde4
}
.js-on #wrapperDivisions #wrapperContent #content .meldungsliste .meldung .wrapper {
    background-color: #005f9b;
}
#content h2.fokus, .mantelHomepage #content .karussell h1, #supplement h2 {
   color: #005f9b;
}
.home #supplement {
   padding-top: 0;
}
.home #content #header {
  background-color: #dadada;
  background-image: url(/SiteGlobals/StyleBundles/Bilder/NeuesLayout/hpsc-terrsys/bg-header.jpg?__blob=normal);
  padding: 1.5em;
  height: 264px;
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.home #content #header p, .home #content #header h1{
    width: 44%;
}
    
.home #content #header h1{
    color: #005f9b;
}
#navService {
    display:none;
}
#supplement .interactive p a, #header strong.more a, #content .bereichseinstieg .more a, #content .events-box li a, #content .news-list p a, #content .schnellzugriff p a {
    background-image: url(icon_kreispfeil);
}
.more a {
     background-image: url(icon_pfeil);
}
div.fokus  {
    width: 940px;
    clear: both;
}
div.fokus div  div{
    width: 300px;
    float: left;
    margin-right: 20px;
    background-color: #ebebeb;
}
div.fokus div div:nth-last-child(-n+2) {
   margin-right: 0;
   
}
#content div.meldungsliste p.text {
   height: 240px;
   margin-bottom: 0;
   padding: 5px;
}
div.meldungsliste h2 {
   display: none;
}
#content {
   padding-top: 0;
}
#content .fokus p.weitereMeldungen {
    display: block;
    background-color: #5395c4;
    margin: 0;
    height: 50px;
    background-image: url(/SiteGlobals/StyleBundles/Bilder/NeuesLayout/hpsc-terrsys/akt_news_icon.png?__blob=normal);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding:0;
}
#wrapperContent #content .fokus .meldungsliste {
    padding-bottom: 0;
}
#content .fokus .yt p.weitereMeldungen {
    background-image: url(/SiteGlobals/StyleBundles/Bilder/NeuesLayout/hpsc-terrsys/akt_yt_icon.png?__blob=normal);
}
#content .fokus .twitter p.weitereMeldungen {
    background-image: url(/SiteGlobals/StyleBundles/Bilder/NeuesLayout/hpsc-terrsys/akt_twitter_icon.png?__blob=normal);
}
#content .fokus .meldungsliste ul {
    height: 240px;
    overflow: hidden;
    margin-bottom: 0;
   margin: 10px 10px 0 10px;
}
#content .fokus p.weitereMeldungen a {
    color: #fff;
    font-size: 150%;
   font-weight: normal;
    display: block;
    height: 100%;
    padding-top: 5%;
    padding-left: 45px;
}

#siteInfo {
    border-top: 1px solid #005f9b;
    background-color: #fff;
    color: #005f9b;
}
#siteInfo p {
    float:right;
}
#siteInfo p img {
   padding-left: 20px;
   padding-right:3em;
}
#siteInfo h2.partner {
   position: inherit;
    top: inherit;
    left: inherit;
    width: 220px;
    float: left;
    color: #005f9b;
    padding-top: 10px;
}
#siteInfo img {
    padding-left: 40px;
    vertical-align: middle;
}
#siteInfo img:nth-child(2){
    padding-left:0;
}
#content .teaser.trenner {
    background-color: #d8e7ef;
}
#supplement .teaser {
    margin-bottom: 0;
    padding-bottom: 0;
}
.cycle-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    width: 50%;
    z-index: 600;
    padding: 1em 0 0 2em;
    display: flex;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}
.cycle-overlay .sliderdesc {
    display: block;
    padding: 15px;
    height: 175px;
}
.gsb .cycle-overlay a:hover  {
     text-decoration: none;
}
.cycle_wrapper {
position: relative;
 top: 50%;
 transform:    translateY(-50%);
}
  
.cycle-overlay h2 {
    color: #005f9b;
}
#branding_1 .cycle-overlay  p {
    font-size: 120%;
    text-align: left;
    float: none;
    padding-top: 1em;
}
#branding_1 .cycle-overlay p.subtitle {
    font-size: 120%;
    font-weight: bold;
    color: #a4bde4
}

html {
    overflow-y: scroll;
}