@import url(reset.css);
@import url(font_settings.css);
@import url(color_settings.css);
@import url(rte.css);

.news {
  position: relative;
}

.news #nav {
  position: absolute;
  right: 0;
  top: -40px;
  text-indent: -9999px;
  display: block;
  width: 42px;
}

.news #nav a {
  position: relative;
  float: left;
  background: url(../_images/morelink-arrow-news.png) left top no-repeat;
  width: 14px;
  height: 14px;
  display: block;
}
.news #nav a.activeSlide {
  background: url(../_images/morelink-arrow-news.png) left bottom no-repeat;
}

.news-list-view-start {
}


.hr,.divider {
  clear: both;
  display: block;
}

.divider hr {
  color: #cccccc;
  border: none;
  border-top: 1px solid #cccccc;
  margin: 40px 0;
  
}

p {margin-bottom: 1em;}

.smallText {font-size: 0.8em;}



/* @group Layout Structure
============================================================ */

body  {
  background: url(../_images/bg_body_hires.jpg) center top no-repeat #ffa928;
}

div#header {
  position: relative;
}

/* @group Generic
------------------------------------------------------------ */

#body-container {width: 970px;margin: 0 auto;}

.wrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 970px;
  position: relative;
}

/* @end */

/* @group Columns
------------------------------------------------------------ */

.one-half     { width: 47.675%; }
.one-third    { width: 30.233%; }
.two-third    { width: 65.117%; }
.one-fourth   { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth    { width: 16.8%; }
.two-fifth    { width: 37.6%; }
.three-fifth  { width: 58.4%; }
.four-fifth   { width: 67.2%; }
.one-sixth    { width: 13.33%; }
.five-sixth   { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
  float: left;
  position: relative;
  margin-right: 4.6505%;
}

.gridwrap-20-20-20-20-20 .one-fifth {
  width: 18.172%;
  margin-right: 2.285%;
}

.last {
  clear: right;
}
.divider {clear: both;}
/* @end */

/* @group Dividers, Spacers and Rulers
------------------------------------------------------------ */

.hr,
.spacer,
.divider {
  clear: both;
  display: block;
}

.hr {
  background-image: url(../_images/hr.png);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 1em 0;
}

.spacer,        .hr        { height: 1em; }
.spacer.big,    .hr.big    { height: 2em; }
.spacer.bigger, .hr.bigger { height: 3em; }
.spacer.small,  .hr.small  { height: .5em; }

.hr.smaller {
  padding: 0;
}

/* @end */

/* @group Header
------------------------------------------------------------ */

div #header.main {
  margin-bottom: -1px;
}

body div #header.main>.wrapper {
  overflow: visible;
  position: relative;
  *z-index: 99; /* IE Fix to prevent DropDown Menu from showing behind content */  
}

div #header.main .wrapper #logo {
  left: 0;
  margin: 0;
  position: relative;
  text-indent: -9999px;
  margin-top: 5px;
  z-index: 90;
  width: 100%;
  background: #ffffff;
}

div #header.main .wrapper #logo a {
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../_images/logo.png);
  display: block;
  height: 157px;
}

div #header.main .wrapper .top-nav {
  height: 20px;
  right: 15px;
  margin: 0;
  position: absolute;
  top: 10px;
  width: auto;
  z-index: 70;
}
div #header.main .wrapper .top-nav > ul > li .preImg {
  background: url("/fileadmin/templates/_images/topNav-pre.png") no-repeat scroll 0 top transparent;
  display: block;
  float: left;
  height: 20px;
  width: 1px;
}
header.main .wrapper .top-nav ul {
  list-style: none outside none;
  padding: 0;
}
div #header.main .wrapper .top-nav > ul > li {
  float: left;
}
div #header.main .wrapper .top-nav > ul > li a {
  color: #777777;
  display: block;
  float: left;
  height: 10px;
  padding: 5px 7px;
  text-decoration: none;
}

/* @end */





/* @group Navigation
------------------------------------------------------------ */
.nav-outer-wrapper {
  position: relative;
  z-index: 100;
  margin-top: 72px;
  left: 0;
  height: 20px;
  width: 100%;
}
.nav-outer-wrapper .wrapper {
  overflow: visible;
  position: relative;
  height: 20px;
}

.nav-wrapper {
  position: absolute;
  left: 0;
  height: 20px;
  width: 79.38%;
  z-index: 50;
}

#nav.main {
  position: relative;
  height: 20px;
}

#nav.main ul {
  list-style: none;
  padding: 0;
}

#nav.main > ul > li {
  float: left;
}


#nav.main ul li a,
#nav.main ul li.current ul li a {
  display: block;
  text-decoration: none;
}

#nav.main > ul > li > a {
  height: 20px;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  color: #2E2E2E;
}


#nav.main > ul > li:hover a.mainmenu,
#nav.main > ul > li.current a.mainmenu,
#nav.main > ul > li > a:focus,
#nav.main > ul > li > a:hover,
#nav.main > ul > li > a:active,
#nav.main > ul > li > a.mainmenuActive{
  color: #B96300;
}

/* DropDown Menu */

#nav.main ul li ul {
  padding-top: 4px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, .5);
  position: absolute;
  z-index: 200;
}

/* Fix overlaping box shadow */
#nav.main ul li ul li ul {
  z-index: -1;
}

#nav.main ul li ul li {
  float: none;
  position: relative;
}

#nav.main ul li ul li:last-child {
  border-bottom: none;
}

#nav.main ul li ul li a {
  
  height: auto;
  padding: 9px 13px 6px 13px;
  text-align: left;
  /*width: 156px;*/
  color: #4C4C4C;
}

#nav.main ul li ul li.sfHover,
#nav.main ul li ul li a:hover,
#nav.main ul li ul li a.submenuActive,
#nav.main ul li ul li a:active{
  color: #333;
  background: #ffffff;
}


#nav.main ul li ul li ul {
  left: 100%;
  margin-top: -1px;
  margin-left: 0px;
  top: 0;
}

#nav.main ul li.right ul li ul {
  left: -173px;
}

body.simple-nav #nav.main ul li ul li ul {
  margin-top: -1px;
  margin-left: 0;
}


/* Dropdown Hover */

nav.main ul li ul,
nav.main ul li:hover ul li ul { display: none; }

nav.main ul li:hover ul,
nav.main ul li ul li:hover ul { display: block; }

.csc-menu.csc-menu-def a,
.csc-menu.csc-menu-1 a {
  background: url("../_images/subnav_pre.png") no-repeat scroll 20px 13px #f7f7f7;
  color: #646567;
  display: block;
  font-size: 1.25em;
  height: auto;
  padding: 15px 0 15px 50px;
  text-decoration: none;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #ffffff;
}

.csc-menu.csc-menu-1 li.first a {border-top: none;}


.csc-menu.csc-menu-def a.defmenuActive,
.csc-menu.csc-menu-def a:hover,
.csc-menu.csc-menu-1 a:hover {
  background: url("../_images/subnav_pre.png") no-repeat scroll 20px -22px #80B726;
  color: #ffffff;
}
.csc-menu.csc-menu-1 h3 {
  background: none repeat scroll 0 0 #f1f1f1;
  color: #777777;
  display: block;
  height: 32px;
  padding: 18px 0 0 19px;
  text-transform: uppercase;
}

/* ENDE NAVIGATION ---------------------------------------- */


/* @end */

#mainImage {
  width: 100%;
  position: relative;
  height: auto;
}


#main {
  position: relative;
}

#main .wrapper {
  position: relative;
  padding-bottom: 76px;
  width: 910px;
  background: #FFFFFF;
  padding: 0 30px;
}

#content {background: #FFFFFF;}

#main .breadcrumb {
  height: 20px;
  padding: 7px 30px 6px;
  background: #d4d4d4;
}

#content a:active{
  position: relative;
  top: 1px;
}

#main .breadcrumb li {
  float: left;
}

#main .breadcrumb span,
#main .breadcrumb li a{
  padding: 5px 10px;
  display: block;
  color: #A9A9A9;
  text-decoration: none;
  float: left;
  font-size: 0.75em;
}

#main .breadcrumb li a.breadcrumbmenuhome {
  padding-left: 0px;
}

#main .breadcrumb span {
  padding: 5px 0;
  display: block;
  color: #A9A9A9;
  text-decoration: none;
  float: left;
  font-size: 0.75em;
}

#content .galerieteaser {
  background: #005595;
  color: #ffffff;
  margin-bottom: 30px;
}

#content .galerieteaser .csc-textpic-text {
  padding: 0 20px 10px;
}

/* @group Footer
------------------------------------------------------------ */

div #footer.main {
  padding-bottom: 90px;
  font-size: 0.833em;
  position: relative;
}

div #footer.main>.wrapper {
  background: #e6e3d2;
}

div #footer.main .widget {
  margin-bottom: 40px;
}

footer.main #footerNav {
  margin-bottom: 60px;
}

div #footer.main li a.footernav,
div #footer.main li a.footernavActive{
  padding: 6px 0 5px 25px;
  display: block;
  text-decoration: none;
  background: url(../_images/footernav_pre.png) 0 4px no-repeat;
}

div #footer.main .link-to-top {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 100;
}

div #footer.main .link-to-top a{
  background: url(../_images/totop.png) 0 0 no-repeat;
  display: block;
  width: 39px;
  height: 40px;
  text-indent: -9999px;
}

/* @end */


.last {
  margin-right: 0 !important;
}




/**** Link Styles ****/
a.more-link-blue {
  padding: 6px 0 6px 19px;
  background: url(../_images/icon-mehr-blau.png) left 8px no-repeat;
  display: block;
}


a.more-link-grey {
  padding: 6px 0 6px 19px;
  background: url(../_images/icon-mehr-blau.png) left 8px no-repeat;
  display: block;
}

a.pdf-download {
  padding: 6px 0 6px 19px;
  background: url(../_images/bds_pdf_icon.png) left 8px no-repeat;
  display: block;
}

.csc-sitemap ul {
  list-style: disc;
  
  margin: 0.5em 0;
  margin-left: 1.5em;
}

.csc-sitemap ul li {
  padding: 0.5em 0;
}

.fixed {
  position:fixed;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 10px;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right: 10px;
}

.csc-mailform-label, .csc-mailform-field {
  padding-bottom: 10px;
}
.csc-mailform-field label {
  display: block;
  float: left;
  width: 180px;
}
#body-container img, #body-container object, #body-container embed {
    height: auto;
  width: 100%;
    max-width: 100%;
}


@media screen and (max-width: 768px) {
#body-container {width: 97% !important;}
body div #header.main>.wrapper {

}
.wrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.nav-wrapper {
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 50;
}
div #header.main .wrapper #logo {
  left: 0;
  position: relative;
  text-indent: -9999px;
  margin-top: 5px;
  z-index: 90;
  width: 93.8%;
  margin: 0 3.1%;
  margin-top: 10px;
}

div #header.main .wrapper #logo a {
  background-image: url(../_images/logo_480.png);
  height: 147px;
}

#mainImage {
  width: 93.8%;
  margin: 0 3.1%;
  position: relative;
  height: auto;
}

#main .wrapper {
  position: relative;
  padding-bottom: 76px;
  width: 87.6%;
  background: #FFFFFF;
  padding: 0 3.1%;
  margin: 0 3.1%;
}
#main .wrapper.breadcrumb {background: #D4D4D4;}
div #footer.main {
  width: 87.6%;
  padding: 0 3.1%;
  margin: 0 3.1%;
  font-size: 0.833em;
  position: relative;
  background: #e6e3d2;
}
}

@media only screen and (max-width: 480px) {
html,body,#body-container {min-width: 320px;width: 100%;}

.wrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* @end */

/* @group Columns
------------------------------------------------------------ */

.one-half     { width: 100%; }
.one-third    { width: 100%; }
.two-third    { width: 100%; }
.one-fourth   { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth    { width: 16.8%; }
.two-fifth    { width: 37.6%; }
.three-fifth  { width: 58.4%; }
.four-fifth   { width: 67.2%; }
.one-sixth    { width: 13.33%; }
.five-sixth   { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
  float: left;
  position: relative;
  margin-right: 0;
}

.gridwrap-20-20-20-20-20 .one-fifth {
  width: 18.172%;
  margin-right: 2.285%;
}

.last {
  clear: right;
}
.divider {clear: both;}
/* @end */

/* @group Dividers, Spacers and Rulers
------------------------------------------------------------ */

.hr,
.spacer,
.divider {
  clear: both;
  display: block;
}

.hr {
  background-image: url(../_images/hr.png);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 1em 0;
}

.spacer,        .hr        { height: 1em; }
.spacer.big,    .hr.big    { height: 2em; }
.spacer.bigger, .hr.bigger { height: 3em; }
.spacer.small,  .hr.small  { height: .5em; }

.hr.smaller {
  padding: 0;
}

/* @end */


body div #header.main>.wrapper {

}
.nav-outer-wrapper {margin-top:0;}
div #header.main .wrapper #logo {
  left: 0;
  position: relative;
  text-indent: -9999px;
  margin-top: 5px;
  z-index: 90;
  width: 93.8%;
  margin: 0 3.1%;
}

div #header.main .wrapper #logo a {
  background-image: url(../_images/logo_320.png);
  height: 147px;
}

#mainImage {
  width: 93.8%;
  margin: 0 3.1%;
  position: relative;
  height: auto;
}

#main .wrapper {
  position: relative;
  padding-bottom: 76px;
  width: 87.6%;
  background: #FFFFFF;
  padding: 0 3.1%;
  margin: 0 3.1%;
}
#main .wrapper.breadcrumb {background: #D4D4D4;}
div #footer.main {
  width: 87.6%;
  padding: 0 3.1%;
  margin: 0 3.1%;
  font-size: 0.833em;
  position: relative;
  background: #e6e3d2;
}

.csc-textpic-intext-left-nowrap div {margin-left: 0!important;}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 0px !important;
}
}