/********************************************************************
*** 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;}

#container {
  position:relative; 
  overflow:hidden;
  width:100%;
} 

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

/** Header CSS **/
header#pageheadercnt {
  overflow:hidden; 
  width:100%;}

#cntcont {
  width:100%;
  margin:0 0 64px 0;
  /*padding-top:48px;*/
}

#logo-slogan,
#mainnavcnt,
#newscnt,
#linkBoxGreyCnt,
#content,
.cnt-row,
#headerlogin-cnt,
#logo-headline-box,
#breadcrumb,
#piccopyrightcnt,
#logincnt {
  max-width:940px; 
  width:100%; 
  margin:0 auto 0 auto;
}
div#headerlogin-cnt #headerlogin {
  float:right;
}
div#headerlogin-cnt #headerlogin .ce-intext.ce-right .ce-gallery, 
div#headerlogin-cnt #headerlogin .ce-intext.ce-left .ce-gallery, 
div#headerlogin-cnt #headerlogin .ce-above .ce-gallery {
  margin-bottom:0;
}
div#headerlogin-cnt #headerlogin {
  width:117px;
  height:29px;
  background-image:url('../Gfx/Design/hg-login-but.png');
  background-position:top center;
  background-repeat: no-repeat;
}
div#headerlogin-cnt #headerlogin a.loginlink {
  display:block;
  text-decoration:none;
  padding:5px 0 0 40px;
  font-size: 0.75rem;
  color:#666666;
}
div#headerlogin-cnt #headerlogin a.loginlink:hover {
  text-decoration: underline;
}

#logo-headline-box {
  overflow:hidden; 
  display:table; 
  padding:20px 0 20px 0;
}

#logo {
  display:table-cell; 
  vertical-align:middle; 
  overflow:hidden;
}
#logo #logoimg {
  float:left;
  margin-right:128px;
}
#logo img {
  overflow:hidden;
  border:0;
  margin:0;
  padding:0;
  width:auto;
  height:auto;
}
#logo #headlinecnt {
  padding:25px 0 0 0;
}

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

/** Hauptnavigation CSS **/
#mainnavicnt {
  /*position:relative; */
  background-color:#33668b; 
  width:100%; 
  max-height:55px;  
  height:55px; 
  border-bottom:1px solid #ffffff;
  background-image:url('../Gfx/Design/hg-navi-bottom.png');
  background-position:bottom center;
  background-repeat: repeat-x;
  padding: 0 0 8px 0;
}
#mainnavcnt {
  position:relative; 
  padding:0;
}
/** Erste Ebene **/
#mainnavicnt ul.dropdown {display:table; width:100%;}
#mainnavicnt ul.dropdown img {
  width:auto;
  height:auto;
}
#mainnavicnt ul.dropdown li {
  float:none; 
  vertical-align:top; 
  display:table-cell; 
  min-width:90px; 
  margin:0; 
  padding:0;}
#mainnavicnt ul.dropdown li:hover {}
#mainnavicnt ul.dropdown li a {
  display:block; 
  color:#ffffff; 
  text-decoration:none; 
  font-size:1.125rem; 
  text-align:center; 
  padding:18px 0 0 0 ;}
#mainnavicnt ul.dropdown li.act a,
#mainnavicnt ul.dropdown li.cur a,
#mainnavicnt ul.dropdown li:hover > a,
#mainnavicnt ul.dropdown li a:hover {
  position:relative; 
  z-index:2; 
  /*height:49px; */
  text-decoration:none; 
 /* border-bottom:5px solid #ffffff;*/
}

#mainnavicnt ul.dropdown li.navhomeicon a {
  padding:10px 0 0 0 ; 
  text-align:center;
}
#mainnavicnt ul.dropdown li.navhomeicon a img {
  display:inline-block;
}

/** Zweite Ebene **/
#mainnavicnt ul.dropdown li ul {
  display:block;
  padding:10px 0 20px 14px;
  width:20em;
  -webkit-box-shadow: 3px 6px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.45);
    box-shadow: 3px 6px 10px rgba(0,0,0,0.45);
  /*background-color:#dde5f0;*/
  background-color: rgba(221, 229, 240, 0.85);
}
#mainnavicnt ul.dropdown li ul li {
  display:block;
  float: none !important;
  height:auto; padding:0;
  margin:0;
  text-align:left;
}
#mainnavicnt ul.dropdown li.cur ul li a,
#mainnavicnt ul.dropdown li ul li a {
  display:block; 
  margin:0; 
  padding:9px 5px 5px 14px; 
  height:auto; 
  border:0; 
  
  font-size:1rem; 
  text-align:left; 
  color:#33668b;
}
#mainnavicnt ul.dropdown li.cur ul li a:hover,
#mainnavicnt ul.dropdown li ul li a:hover {
  z-index:0; 
  height:auto; 
  text-decoration:none; 
  border:none;
  background-image:url('../Gfx/Design/hg-navi.png');
  background-repeat:no-repeat;
  background-position:left 16px;
}
#mainnavicnt ul.dropdown li.act ul li a {
  border:none;
  height:auto;
}
#mainnavicnt ul.dropdown li.last ul {
  /*right:0; 
  left: 99%;*/
}
#mainnavicnt ul.dropdown li ul.third-level {
  right:0; 
  left: 99%;
}
#mainnavicnt ul.dropdown li.act ul li a,
#mainnavicnt ul.dropdown li.cur ul li a {
  height:auto;
}

#mainnavicnt ul.dropdown li ul li.curlink a {
  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.second-level li.ifsub a::before {
    color: #707172;
    content: "►";
    font-size: 0.45em;
    position: absolute;
    right: 10px;
    top: 30%;
}
#mainnavicnt ul.dropdown li ul.second-level li.ifsub ul.third-level li.ifsub ul li a::before,
#mainnavicnt ul.dropdown li ul.second-level li.ifsub ul.third-level li a::before {
	all: unset;
}
#mainnavicnt ul.dropdown li ul.second-level li.ifsub ul.third-level li.ifsub a::before {
    color: #707172;
    content: "►";
    font-size: 0.45em;
    position: absolute;
    right: 10px;
    top: 30%;
}
#mainnavicnt ul.dropdown li.last ul li a {
  border:none;
}
#mainnavicnt ul.dropdown li.last ul li.last a {
  border: none;
}

/** 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;}


div#slidercnt,
div#breadcrumb-cnt {
  background-color:#f8f8f8;
  width:100%;
}
#breadcrumb {
  overflow:hidden;
  padding:10px 0 5px 0;
}
#breadcrumb p,
#breadcrumb p a {
  margin:0;
  padding:0;
  color:#b4c9da; 
  font-size:0.875rem;
}
#breadcrumb a:hover {text-decoration:underline;}

div#slidercnt {
  padding:0 0 10px 0;
}
div#slider {
  list-style-type: none;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
}
div#slider li img {
  display:inline;
}

/************************************************************
*** Seitenlayout
*************************************************************/
#logincnt {
  position:relative;
  margin-bottom:40px;
}
/** 1-clmn --> default-Layout **/
#middle {
  width:100%; 
  min-height:400px;
  padding: 45px 0 0 0;
}
#logincnt #cntcont #content #middle {
  padding: 280px 0 0 0;
}
/** Wenn auf einer Login-Seite **/
#logincnt #cntcont {
  width:auto;
  position:absolute;
  top:0;
}
#logincnt #cntcont #content {
  margin:0;
}

/************************************************************/

#clear {clear:both;}

/** Footer CSS **/

footer#main-footer {
  overflow:hidden;
  display:block;
  width:100%;
}

div#sitemapheader {
  width:100%;
  position:relative;
  margin:30px 0 12px 0;
  text-align:center;
}
div#sitemapheader div#headerline {
  border-top:1px solid #eae9e9;
}
div#sitemapheader div#headerline div {
  position:absolute;
  top:-8px;
  width:100%;  
}
div#sitemapheader h1:hover,
div#sitemapheader h2:hover,
div#sitemapheader h3:hover,
div#sitemapheader h3:hover {
  cursor:pointer;
}
div#sitemapheader h1,
div#sitemapheader h2,
div#sitemapheader h3,
div#sitemapheader h4 {
  display:inline-block !important;
  font-size:1rem !important;
  color:#092941 !important;
  text-transform: uppercase !important;
  margin:0 auto !important;
  background-color:#ffffff !important;
  padding:0 50px 10px 50px !important;
  background-image:url('../Gfx/Design/open-layer.png');
  background-repeat:no-repeat;
  background-position:center bottom;
}
div#sitemapcontent {
  padding:57px 0 12px 0;
  background-color:#f1f1f1;
  display:none;
}
div#sitemapcontent div.grid.multi-clmns-cnt {
  display:table;
  width:100%;
}
div#sitemapcontent div.grid.multi-clmns-cnt ul.gridrow {
  display:table-row;
  height:100%;
}
div#sitemapcontent div.grid.multi-clmns-cnt li.column {
  padding: 1%;
  margin: 0 1% 0 0;
  border-right:4px solid #f1f1f1;
  background-color:#ffffff;
  display:table-cell;
  height:100%;
  position:relative;
  float:none;
}
/* four items */
div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(4),
div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(3),
div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(3):nth-last-child(2),
div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(4):nth-last-child(1) {
    width: 24.25%;
}
div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(4):nth-last-child(1) {
 margin:0;
 border:0;
}
div#sitemapcontent h1,
div#sitemapcontent h2,
div#sitemapcontent h3,
div#sitemapcontent h4,
div#sitemapcontent h5,
div#sitemapcontent h6 {
  color:#c30202;
  font-size:0.875rem;
  margin-bottom:10px;
}
div#sitemapcontent ul.csc-menu {
  list-style-type: none;
  padding:0;
  margin:0;
}
div#sitemapcontent ul.csc-menu li {
  line-height:normal;
  margin-bottom:5px;
}
div#sitemapcontent ul.csc-menu li a {
  font-size:0.688rem;
  color:#5a5a5a;
  text-decoration:none;
}
div#sitemapcontent ul.csc-menu li a:hover {
  text-decoration:underline;
}

div#totopbuttoncnt {
  /*position:relative;*/
  margin: 20px auto 20px auto;
    max-width: 940px;
    width: 100%;
    
}
div#totopbuttoncnt a {
  display:block;
  text-align:right;
  display:inline-block;
  float:right;
  position:absolute;
  /*right:-6%;*/
  right:20%;
}

#piccopyrightcnt #piccopyrightcnt {
  padding:40px 0 0 0;
}
#piccopyrightcnt #piccopyrightcnt p {
  font-size:0.75rem;
  margin:0;
  padding:0;
  line-height:normal;
}

div#footer-line {
  overflow:hidden;
  margin-top:60px;
  padding-bottom: 8px;
    padding-top: 8px;
    text-align: left;
    color:#868686;
}
div#footer-line div#footerSocialBookmarks p {
  padding:8px 0 0 0;
  text-align:right;
  color:#5a5a5a;
  margin: 0 0 0 0;
  font-size:0.75rem;
}
div#footer-line div#footerSocialBookmarks .ce-intext.ce-right .ce-gallery, 
div#footer-line div#footerSocialBookmarks .ce-intext.ce-left .ce-gallery, 
div#footer-line div#footerSocialBookmarks .ce-above .ce-gallery {
  margin-bottom:0;
}

div#footerCopyright {
  overflow:hidden;
  padding-top:7px;
  margin-bottom:8px;
  font-size:0.75rem;
}
div#footerCopyright div {
  display:inline;
}
div#footerSocialBookmarks {
  overflow:hidden;
  color:#ffffff;
}

div#footerSocialBookmarks div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin:0;
    padding:0;
}

div#footerSocialBookmarks div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
    margin:0;
    padding:0;
    overflow:hidden;
    display:block;
}

div#footerSocialBookmarks .csc-textpic-intext-right-nowrap-36 .csc-textpic-text {
    padding-top:7px;
}

/** Footernavigation **/
ul#footernav  {
  margin:0 0 65px 0; 
  padding:10px 0 0 0; 
  list-style-type:none;
  border-top:1px solid #eae9e9;
}
ul#footernav li {
  float:left; 
  margin-right:30px;
}
ul#footernav li {margin:0;}
ul#footernav li a,
ul#footernav li.trenner {
  text-decoration:none; 
  color:#868686; 
  font-size:0.875rem; 
  margin:0; padding:0;}
ul#footernav li.trenner {
  padding:1px 10px 0 10px;
}
ul#footernav li a:hover {
  color:#33668b;
  text-decoration:underline;
}