/********************************************************************
*** FONTS einbinden
********************************************************************/
/** Fontello - Icon-Font **/
@font-face {
      font-family: 'Fontello';
      src: url('../Fonts/Fontello/fontello.eot?73072577');
      src: url('../Fonts/Fontello/fontello.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Fontello/fontello.woff?73072577') format('woff'),
           url('../Fonts/Fontello/fontello.ttf?73072577') format('truetype'),
           url('../Fonts/Fontello/fontello.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}

/** Oswald regular **/
@font-face {
      font-family: 'OswaldRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-regular.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-regular.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-regular.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-regular.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-regular.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
/** Oswald SemiBoldRegular **/
@font-face {
      font-family: 'OswaldSemiBoldRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-600.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-600.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-600.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-600.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-600.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
/** Oswald regular **/
@font-face {
      font-family: 'OswaldMediumRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-500.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-500.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-500.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-500.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-500.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
/** Oswald Light regular **/
@font-face {
      font-family: 'OswaldLightRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-300.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-300.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-300.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-300.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-300.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}




/********************************************************************
*** CSS für den Seitenrahmen/Elemente
********************************************************************/
@media all {
  * { 
    margin:0px;  
    padding:0px;
  }
  * html body * {}
  html { 
    height: 100%; 
    margin:0; 
    padding:0; 
    font-family:Arial, Helvetica, sans-serif; color:#000200;}
}



/* *, *::before, *::after {
    box-sizing: border-box;
}*/

html { box-sizing: border-box; } 
*, ::before, ::after { box-sizing: inherit; }

body {
  margin:0; 
  padding:0; 
  background-color:#ffffff;
  min-height:100%;
  height:100%;
}
body.blue {
  background-color:#5e84cb;
}

#container {
  position:relative; 
  width:100%;
  display:inline-block;
  overflow:hidden;
  /*background-image: url('/fileadmin/Resources/Gfx/Design/verlauf-header.jpg');
  background-repeat: no-repeat;*/
  padding:0 0 0 0;
  max-height:none;
  min-height:auto;
  margin:0 0 0 0;
}
#p2 #container {
  height:100%;
  overflow:visible;
}
body.splashscreen #container {
  height:100%;
    min-height:100%;
    display:inline-block;
}
div.freeentrance {
  position:fixed;
  right:0;
  bottom:10%;
  background-color:#ffffff;
  padding:20px 80px 20px 30px;
}
div.freeentrance h2 {
  margin:0;
  padding:0;
  font-family:OswaldRegular;
  font-size:2rem;
  text-transform: uppercase;
  color:#5e84cb !important; 
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

/** Header CSS **/
header#pageheadercnt {
  position:fixed;
  top:0;
  left:0;
  z-index:19;
  background-color:#5e84cb; 
  width:100%;
}

#cntcont {
  overflow:hidden;
  width:100%;
  margin:0 0 0 0;
  /*padding-top:48px;*/
}
/** SplashScreen **/
.splashscreen #cntcont {
  position:fixed;
  left:0;
  top:0;
  background-color: rgba(109,141,208,0.7);
}
/** COntent in Layer **/
div.contentinlayer {
  position:absolute;
  top:220px;
  z-index:9;
  max-width:34%;
  min-width:516px;
  padding:30px;
  background-color: rgba(256, 256, 256, 0.8);
  -webkit-box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.55);
-moz-box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.55);
box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.55);
}

#logo-hotline-box,
#mainnavcnt,
.cnt-row,
#newscnt,
#linkBoxGreyCnt,
#searchmask,
#content,
#breadcrumb {
  max-width:1140px; 
  width:100%; 
  margin:0 auto 0 auto;
}

#logo-hotline-box {
  position:relative;
  display:table; 
  padding:5px 0 0 0;
}

#logo {
  display:table-cell; 
  vertical-align:middle; 
  overflow:hidden;
}
#logo img {
  overflow:hidden; 
  border:0; margin:0; 
  padding:0;
}
#logo span#slogancnt {
  padding-left:200px;
}
#ab19uhr {
  display:none;
  position:absolute;
  top:0;
  left:80%;
}
#mainnavicnt {
  display:table-cell; 
  vertical-align:bottom; 
}
#headerslogan {
  height:auto;
}

#servicehotline-cnt {display:table-cell; vertical-align:middle; overflow:hidden; color:#ffffff;}
#servicehotline-cnt p {
  float:right; 
  margin:0;
  padding-left:28px;
  color:#ffffff; 
  font-size:14px;
  background-image: url('../Gfx/Design/telefon.png'); 
  background-repeat:no-repeat;
  background-position:left 3px;
}
#servicehotline-cnt p span {
  font-size:18px;
}

/** Responsive Navigation verstecken **/
#mobilenavbut,
#closepanelbut {
  display:none;
}

/** Hauptnavigation CSS **/
#mainnavcnt {
  position:relative; 
  padding:0; 
  background-color:#ffffff;
}
/** Erste Ebene **/
#mainnavicnt {}
#mainnavicnt ul.dropdown {}
#mainnavicnt ul.dropdown li {
  float:left;
  margin:0; padding:0;
}
#mainnavicnt ul.dropdown li:hover {
  background-color:#e9e9e9;
}
#mainnavicnt ul.dropdown li:hover > a,
#mainnavicnt ul.dropdown li.last:hover > a {
  color:#ed1639;
}
#mainnavicnt ul.dropdown li a {
  display:block; 
  color:#ffffff; 
  font-size:15px; 
  text-align:center; 
  padding:14px 22px 12px 22px;
  text-transform: uppercase;
  font-family:OswaldRegular;
}
#mainnavicnt ul.dropdown li.cur a {
  color:#ee2748;
}
#mainnavicnt ul.dropdown li a.right {
  color:#a7b6e3;
}
#mainnavicnt ul.dropdown li.act a,
#mainnavicnt ul.dropdown li.cur a {
  background-color:#e9e9e9;
  color:#ed1639;
}
#mainnavicnt ul.dropdown li a:hover {
  background-color:#e9e9e9; 
  text-decoration:none; 
  color:#ed1639;
}

/** Zweite Ebene **/
#mainnavicnt ul.dropdown li ul {
  display:block; 
  padding:0; 
  width:20em;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.48);
  -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.48);
  box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.48);
}
#mainnavicnt ul.dropdown li ul li {
  display:block; 
  float: none !important; 
  height:auto; 
  padding:0; 
  margin:0; 
  text-align:left;
}
#mainnavicnt ul.dropdown li ul li a {
  display:block; 
  margin:0; 
  padding:13px 5px 13px 22px; 
  height:auto; 
  border-bottom:1px solid #d3d3d3; 
  background-color:#e9e9e9; 
  font-size:15px; 
  text-align:left; 
  color:#5e84cb;
}
#mainnavicnt ul.dropdown li.act ul li a {
  color:#5e84cb;
}
#mainnavicnt ul.dropdown li.last ul {
  right:0; 
}
#mainnavicnt ul.dropdown li.act ul li a,
#mainnavicnt ul.dropdown li.cur ul li a {
  color:#5e84cb;
}
#mainnavicnt ul.dropdown li ul li a:hover {
  background-color:#f6f6f6; 
  color:#ed1639;
}
#mainnavicnt ul.dropdown li ul li.cur a,
#mainnavicnt ul.dropdown li ul li.act a {
  color:#ed1639;
  /*display:block; 
  padding:13px 5px 13px 22px;  
  font-size:15px;*/
}
#mainnavicnt ul.dropdown li ul li.act a {}
#mainnavicnt ul.dropdown li ul li.last a {
  border:none;
}
#mainnavicnt ul.dropdown li ul li.ifsub {
  position:relative;
}
#mainnavicnt ul.dropdown li ul li.ifsub a::before {
    color: #ff0000;
    content: "►";
    font-size: 0.45em;
    position:absolute;
    right: 10px;
  top: 30%;
}

#mainnavicnt ul.dropdown li ul li.ifsub ul li a::before {
  display:none;
}

#mainnavicnt ul.dropdown li.last ul li a {
  border-bottom:1px solid #d3d3d3;
}
#mainnavicnt ul.dropdown li.last ul li.last a {
  border: none;
}

/*
    Animation NAVI -> CSS3
*/
ul.dropdown li ul {
    max-height: 0;
    opacity:0;
    transition: max-height 0.1s ease-out;
}

ul.dropdown li:hover > ul {
    max-height: 500px;
    opacity:1;
    transition: max-height 0.5s ease;
    transition:opacity 0.5s ease;
}

/** Anpassung Navigation an IE7 **/
#mainnavicnt table {width:100%; padding:0; border:0; border-collapse:collapse; background-image: url('../Gfx/Design/hg-mainnavi-link-sep.png'); background-repeat: no-repeat; background-position:left 3px;}
#mainnavicnt table td.firstcell {width:120px;}
#mainnavicnt table td ul {display:block;}
#mainnavicnt table td ul.dropdown li {display:block; min-width:auto; width:auto;}
#mainnavicnt table td ul.dropdown {background:none;}
#mainnavicnt table td ul.dropdown li a:hover {background:none; background-color:#ffffff;}
#mainnavicnt table td ul.dropdown li ul li a:hover {background:none; background-image: url('../Gfx/Design/hg-subnav-marker.png'); background-repeat:no-repeat; background-position:15px 7px;}
#mainnavicnt table td ul.dropdown li ul li.act a {background-color:transparent; background-image: url('../Gfx/Design/hg-subnav-marker.png'); background-repeat:no-repeat; background-position:15px 7px;}

/** CSS für Headerbild **/
div.headerpict {
  position:relative;
}
div.headerpict.simplepict {
  width:100%; 
  height:350px; 
 /* overflow:hidden;*/
  height:auto;
  margin:132px 0 0 0;
}
div.headerpict div.cp-cnt {
  display:inline-block;
  width:auto;
  position: absolute;
  right: 0.5%;
  bottom:1%;
  font-size:0.75rem;
  background-color: rgba(254, 254, 254, 0.7);
  color:#4b6aa2;
  padding:1px;
}

div.headerpict.simplepict img {
  position:relative;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0;
  width:100%;
  height:auto;
}

div.headerpict.bigpic {
  position:relative;
  overflow:hidden;
  display:block;
  overflow:hidden;
  max-height: 100%;
  min-height:100%;
  height:100%;
  width:100%;
  text-align:center;
  background-position: 50% 50%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:cover;
  margin:0 auto 0 auto;
}
div.headerpict.bigpic .front-more {
  position:absolute;
  bottom:0;
  z-index:5;
  width:100%;
  text-align:center;
  cursor: pointer;
}
.splashscreen div.headerpict.bigpic {
  margin:0 auto 0 auto;
  text-align:center;
  /*position:absolute;
  top:0;
  left:0;*/
}
.splashscreen .headerpict.bigpic img {
  /*position: relative;
  top:0;
  left:0;*/
  display:inline-block;
  margin:0 auto 0 auto;
  
}

div.headerpict.nopict {
  overflow:hidden;
  width:100%;
  border-bottom:2px solid #e9e9e9;
  line-height:0;
  margin:134px 0 0 0;
}

#breadcrumb {
  overflow:hidden;
  padding:15px 0 0 0;
}
#breadcrumb p,
#breadcrumb p a {
  color:#8a8a8a; 
  font-size:13px;
}
body.blue #breadcrumb p,
body.blue #breadcrumb p a {
  color:#a0b6e3;
}
#breadcrumb a:hover {
  text-decoration:underline;
}

#front-container {
  position:relative;
  display:inline-block;
  min-height:100%;
  height:100%;
  width:100%;
}

#front-container div#newsbox {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  background-image: linear-gradient(to top, #ff0000 0%, rgba(255, 0, 0, 0.5) 100%);
    background-size: 100% auto;
    color: #fff;
    overflow:hidden;
    min-height:240px;
    max-height:785px;
}

#front-container div#searchbox {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#front-container div#searchbox #searchmask {
  position:relative;
  top:25%;
}

#front-container div#newsbox div#newscnt {

  padding:30px 0 60px 0;
}

.quick-links {
    background: #e9e9e9 none repeat scroll 0 0;
}
.quick-links{
    padding-bottom: 3.5em;
    padding-top: 4em;
}

.quick-links h3 {
    color: #8a8a8a;
}

.one-clmn.fullcnt #content {
  max-width:100%;
}
.one-clmn.fullcnt #middle {
  padding:0;
}

/** 1-clmn --> default-Layout **/
#middle {
  width:100%; 
  min-height:400px;
  padding: 45px 0 0 0;
}
.splashscreen #middle {
  width:355px;
  margin: 0 auto 0 auto;
  padding-left:0;
  padding-right:0;
}

#clear {clear:both;}

/** Footer CSS **/

footer#main-footer {
  overflow:hidden;
  display:block;
  width:100%;
  background-color:#ffffff;
  padding:80px 0 0 0;
}
footer div.footercontent {
  max-width:1140px; 
    width:100%; 
    margin:0 auto 0 auto;
}
footer p,
footer p.footercpr {
  font-size:0.8125rem;
  color:#5e84cb !important;
  font-family:OswaldRegular,sans-serif;
}

/** Algemeine Klassen **/
.shadowbottom {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
}