/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video
  {
  display: block;
}

mark,rp,rt,ruby,summary,time {
  display: inline
}

/* Site-wide properties ======================================================== */
td {
  
  font-size: 1.8em;
  line-height: 1.6em;
}
body {
  font: normal normal 10px/10px Helvetica, Verdana, sans-serif;
  color: rgb(140, 140, 140);
  letter-spacing: 0.1em;
}
#wrap {
    margin: 0 auto;
    width: 960px;
    padding: 5px;
}
/* Fibonacci based heading scale ratio */
nav {
  font-size: 2.7em;
  font-weight: bold;
  font-family: 'Helvetica', sans-serif;
}

#metanav {
  font-size: 1.2em;
  margin: 0 auto 35px;
  border-bottom: 1px dashed black;
  width: 960px;
  height: 50px;
}

#metanav ul {
  margin: 30px 10px 10px 0;
}

#metanav ul li {
  list-style: none outside none;
  float: left;
  padding: 10px 14px;
}

#metanav ul li a {
  padding: 15px;
  font-size: 1.3em;
  text-decoration: none;
  color: rgb(140, 140, 140);
}
/* jelb; eee809*/
.bkyellow {
  background-color: #eee809;
  border-radius: 5px;
}

h1,h2,h3,h4 {
  color: rgb(0, 114, 188);
}

#topnav {
  
}

.pageiconwrapper {
  float: left;
  /*width: 100px;*/
  height: 60px;
  margin-right: 30px;
}

#pageicon {
  /*width: auto;
  float: right;*/
}

h1 {
  font-size: 2.8em;
  font-family: 'Helvetica', serif;
  padding: 7px 0 25px;
  line-height: 1.2em
}

h2 {
  font-size: 2.2em;
  padding: 20px 0 30px;
  line-height: 1.0em;
}

h3 {
  font-family: 'Helvetica', sans-serif;
  font-size: 1.8em;
  padding: 2px 0 15px;
  line-height: 1.2em;
}

h4 {
  font-size: 1.6em;
  font-weight: bold;
  font-family: 'Helvetica', sans-serif;
  padding-bottom: 10px;
  line-height: 1.4em;
}

#footerbox h4 {
  color: #eee;
}
/* for Layout 5 (h5) */
h5 {
  font-family: 'Helvetica', sans-serif;
  font-size: 2.4em;
  padding: 1em 0 1em;
  color: rgb(140, 140, 140);
  line-height: 1.5em;
  /*width: 100%;
  text-align: center;*/
  clear: both;
  /*background-image: url(/fileadmin/templates/img/bilder/h5bg.png);*/
  background-repeat: repeat-x;
  background-position: 0 50%;
}
h5 span {
  /*padding: 0 1em;
  background-color: white;*/
}
h4 {
  font-family: 'Helvetica', sans-serif;
  font-size: 2.4em;
  padding: 20px 0 15px;
  color: red;
  line-height: 2.0em;
  /*width: 100%;*/
  text-align: center;
  clear: both;
  background-image: url(/fileadmin/templates/img/bilder/h4bg.png);
  background-repeat: repeat-x;
  background-position: 0 55%;
}
h4 span {
  padding: 0 1em;
  background-color: white;
}

.csc-frame-frame2 {
  border-bottom: 1px dashed red;
}
p {
  font-size: 1.8em;
  font-weight: normal;
  font-family: 'Helvetica', sans-serif;
  line-height: 1.3em;
  padding-bottom: 10px;
  list-style-type: none;
}
td p {
  font-size: 1.8em;
}
/*p + p { margin-top: -15px; }*/
#content a {
  color: rgba(15, 40, 40, 0.5);
  
  font-family: 'Helvetica', sans-serif;
  line-height: 1em;
  text-decoration: underline;
}

#content a:hover {
  color: rgba(15, 40, 40, 0.75);
}

#content li {
  font-family: 'Helvetica', sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.5em;
  list-style-type: inherit;
  margin-left: 4%;
}

h1 a,h2 a,h3 a,h4 a {
  text-decoration: none !important;
}

footer a {
  color: rgb(140, 140, 140);
  display: inline;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 0.85em;
  text-decoration: none;
}

footer a:hover {
  color: rgb(140, 140, 140);
}

footer li {
  font-size: 1em;
  font-weight: normal;
  font-family: 'Helvetica', sans-serif;
  line-height: 1.2em;
  list-style-type: none;
}

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left {
  float: left;
}

.right {
  float: right;
}

/* The inside class provides consistent padding. To be used often! */
.inside {
  padding: 4% 0;
}

.align-center {
  text-align: center
}

.clearb {
  clear: both;
}

.footer_cr {
  /*background-color: #eee809;*/
  background-color: #1471B3;
  padding: 1% 2%;
  clear: both;
  font-size: inherit;
  color: #FFFFFF;
}

.footer_cr p {
  color: #FFFFFF;
  font-size: 1.6em;
}

.footer_cr span.contactinfo {
  font-size: 1.6em;
}

.footer_cr span.contactinfo a {
  color: #FFFFFF;
}

.footer_top {
  width: 96%;
  height: 40px;
  background-color: #CCEFFC;
  padding: 1% 2%;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.footer_col1top {
  width: 75%;
  height: auto;
  float: left;
}

.footer_col2top {
  height: auto;
  width: 25%;
  float: right;
  /*padding: 8px 15px 0px 15px;
  margin: 1%;
  border-radius: 5px;*/
}

.footer_col2top p {
  text-align: center;
}

.internal-link,.download, .external-link-new-window {
  /*color: red !important;*/
}

#footerbox .internal-link {
  color: rgb(140, 140, 140) !important;
}

.csc-frame-rulerBefore {
  border-top: 1px dashed black;
  padding-top: 20px;
}

section #slider .csc-frame-rulerBefore {
  border-top: 1px dashed black;
  padding: 0px;
}

.csc-frame-rulerAfter {
  border-bottom: 1px dashed black;
  padding-bottom: 20px;
}

.external-link {
  color: red !important;
}

div.csc-textpic div.csc-textpic-text p.bodytext a.download {
  line-height: 3em !important;
}

div.csc-textpic div.csc-textpic-text p.bodytext span.important a.internal-link
  {
  line-height: 3em !important;
}

#content .csc-default div.csc-textpic {
  padding: 20px 0;

}

#content .csc-frame div.csc-textpic {
  padding: 20px 0;
}
/* for download links (text with image) */
div.inside div.csc-frame.csc-frame-frame2 div.csc-textpic {

  margin: 0 auto;
    padding: 20px 0;
    width: 60%;
}
div.inside div.csc-frame.csc-frame-indent div.csc-textpic {
  margin: 0 auto;
    padding: 20px 0;
    width: 70%;  
}



.align-right {
  text-align: right;
  padding-bottom: 10px;
}

span.name-of-person {
  font-size: 70%;
  line-height: 0.6em;
}

.searchboxbutton {
  width: 27px;
  float: right;
  padding: 2px;
}

#indexedsearchbox {
  background-color: #cceffc;
  padding: 2px 1px 3px 1px;
  float: right;
  border-radius: 5px;
  border: 1px solid #cceffc;
}

.searchbox-sword {
  background-color: #cceffc;
  border: 1px solid #cceffc;
  width: 15em;
}

/* Basic Structure ============================================================= */

/* Header */
#wrap>header {
  /*background-color: rgba(22, 63, 63, 0.5);*/
  /*height: 126px;*/
  height: 100px;
  /*avl*/
  margin-top: 8em;
}

#logo {
  width: 230px;
  /*margin: 10px auto;*/
  margin-top: 10px;
  float: right;
}

#logo img {
  position: absolute;
  z-index: 1100;
  /*margin-top: -1.1em;*/
  /*avl*/
  margin-top: -7.5em;
  width: 230px;
}

nav {
  width: 960px;
  margin: 26px auto;
}

#navbox {
  /*background-color: rgba(61, 81, 81, 0.5);*/
  float: left;
  /*margin-top: 4.5em;*/
  width: 100%;
  height: 37px;
}

nav select {
  display: none;
} /* -- Ausblenden des Navigations-Selektors -- */
nav ul {
  float: right;
  margin: -4px 2.5em 0 0;
}

nav ul li {
  display: inline-block;
  padding: 13px 0;
  margin: 4px 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
/* dropdown */
nav li ul span {
  display: none;
}

#spacer {
  display: none;
}

nav li ul {
  float: left;
  opacity: 0;
  position: absolute;
  top: -200px;
}

nav li:hover ul {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 2px 0px 3px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 0px 3px -1px rgba(0, 0, 0, 0.75);
  display: inline;
  z-index: 1000;
  padding: 0;
  position: absolute;
  top: 89px;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

nav li li,nav li li:hover {
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.menubutton {
  display: none;
}
/* Content */
#slider {
  margin: 0 auto 0em;
  padding-bottom: 2em;
  width: 960px;
}

#slider header {
  display: none;
}

#slider DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-top: 20px;
  margin-bottom: 0;
}

featured {
  margin: 0 auto;
}

#rootline {
  margin: 15px 0 10px;
  padding-left: 2%;
  font-size: 1.1em;
}

#rootline ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#rootline ul li {
  background: url("../img/nav-footer-arrow.gif") no-repeat scroll 0 50%
    transparent;
  display: inline;
  font-size: 1em;
  margin-left: 0;
  padding: 0 1em 0 1.25em;
}

#rootline ul li.first {
  background: 0;
  padding: 0;
  padding-right: 1em;
  display: none;
}

#roothome {
  float: left;
  padding-right: 1em;
  font-size: 1.1em;
}

#content {
  /*margin-top: 2.0em;*/
  /*background-color: rgba(140, 140, 100, 0.5);*/
  min-height: 200px;
  text-align: center;
  width: 100%;
}

#contentbox {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

article {
  float: left;
  color: rgba(15, 40, 40, 0.8);
}

article header,article hr {
  background: transparent;
  height: auto;
  text-align: center;
  color: rgba(15, 40, 40, 0.5);
  line-height: 1em;
  margin-bottom: 2em;
}

.headline {
  margin: 10px 0 32px;
}

.title {
  padding: 6px 0 18px;
}

aside {
  float: left;
  margin-bottom: 1em;
}

#full /* Flexslider - Style */ 
      .flexslider .slides>li {
  margin-top: 20px;
}

/* Fancybox - Style */
.fancybox-title-float-wrap {
  margin-bottom: 2%;
}

.fancybox-skin {
  padding: 2%;
}

.fancybox-title-float-wrap {
  margin-bottom: 2%;
  max-width: 100%;
}

.fancybox-inner  !important {
  
}

.fancybox-title-over-wrap {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  margin-bottom: 1%;
  padding: 4px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

/* Kontaktformular */
div.csc-mailform li label {
  height: 2.5em;
}

label em,legend em {
  margin: -21px 0 0 40px;
  position: absolute;
}

label strong,legend strong {
  color: #CC0000;
  display: block;
  font-size: 75%;
  font-weight: normal;
  line-height: 1.1em;
  margin: -80px 0 0;
  position: absolute;
  text-transform: uppercase;
}

.form textarea {
  background-color: #ededed;
  border: 1px solid #394545;
  padding: 5px;
}

.form textarea:hover {
  border: 1px solid #ededed;
}

.form textblock {
  margin-left: 185px;
}

.form input[type=text] {
  width: 240px;
  margin-bottom: 1em;
  height: 25px;
  background-color: #ededed;
  border: 1px solid #394545;
  padding-left: 5px;
}

.form input:hover[type=text] {
  border: 1px solid #ededed;
}

.form input[type=submit] {
  margin-top: 5px;
  margin-left: 185px;
  font-family: 'Helvetica', serif;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  background-color: #394545;
}

.form input:hover[type=submit] {
  margin-top: 5px;
  margin-left: 185px;
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  background-color: #0d2525;
}

/* OpenStreetMap */
#OpenLayers.Map_3_events {
  z-index: 0;
}

.tx-odsosm-pi1 {
  margin-top: 20px;
}

#slider .leaflet-container  !important {
  height: 200px;
}
/* 100% - Sidebar unten */
.once article {
  width: 100%;
}

.once article .headline {
  float: left;
  height: auto;
  width: 30%;
}

.once article .title {
  width: 40%;
  float: left;
}

.once aside {
  width: 100%;
}
/* ⅔ - ⅓ */
.twothirds>.inside {
  float: left;
  width: 100%;
}

#full .twothirds>.inside {
  width: 100%;
}

.twothirds article .headline {
  float: left;
  height: auto;
  width: 19%;
}

.twothirds article .title {
  width: 60%;
  float: left;
}

.twothirds aside {
  width: 30%;
  padding: 2%;
  display: none;
}

img,embed,object,video {
  max-width: 100%;
  height: auto;
  
}

DIV.csc-textpic-above DIV.csc-textpic-imagewrap,DIV.csc-textpic-below DIV.csc-textpic-imagewrap,DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image
  {
  float: none;
}

/* Footer */
footer {
  /*float: left;*/
  width: 100%;
  line-height: 1.5em;
}

#footerbox {
  margin: 0 auto;
  width: 100%;
}
.footer-thirds {
  width: 100%;
  float: left;
  /*background-color: #fbf9bf;*/
  background-color: #CCEFFC;
}
.thirds {  
  float: left;
  height: auto;
  padding: 1% 2%;
  color: rgb(140, 140, 140);
  
  width: 24.3%;
}
.thirds-mid {
  float: left;
  height: 6em;
  padding: 1% 2%;
  color: rgb(140, 140, 140);
  
  width: 38%;
}
footer p {
  /*padding-bottom: 5px;*/
}

.thirds div.csc-textpic div.csc-textpic-imagerow-last,div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last
  {
  float: right;
  margin-bottom: 0;
}
/* CE Elemente ============================================================= */
div.sidebarBox {
  color: rgb(0, 114, 188);
  /*
  padding: 15px;
  -webkit-box-shadow:0px 0px 16px 2px #969696;
  -moz-box-shadow:0px 0px 16px 2px #969696;
  -o-box-shadow:0px 0px 16px 2px #969696;
  -ms-box-shadow:0px 0px 16px 2px #969696;
  box-shadow:0px 0px 16px 2px #969696;*/
  margin-bottom: 20px;
  overflow: auto;
}

div.sidebarBox a {
  color: #0072BC !important;
}

/* Bildelemente */

/* The fraction classes are useful for column lists */
#whitebox .full,.half,.third,.quarter,.fifth,.sixth {
  width: 100%;
}

#whitebox .half,.third,.quarter,.fifth,.sixth {
  float: left;
}

#whitebox .full {
  margin: 1.25%;
  padding: 1.25%;
  width: 95%;
}

#whitebox .half {
  margin: 1.25%;
  padding: 1.25%;
  width: 45%;
}

#whitebox .third {
  margin: 1.25%;
  padding: 1.25%;
  width: 28.3%
}

#whitebox .quarter {
  margin: 1.25%;
  padding: 1.25%;
  width: 20%
}

#whitebox .fifth {
  margin: 1.25%;
  padding: 1.25%;
  width: 15%
}

#whitebox {
  background-color: rgba(255, 255, 255, 0.8);
  list-style: none outside none;
  margin-left: 0;
  font-size: 1em;
  opacity: 0.9;
}

#whitebox:hover {
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}

#whitebox DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}

#whitebox FIGCAPTION.csc-textpic-caption {
  display: table-caption;
  padding: 10px 0 5px;
  font-size: 1.1em;
}

#whitebox p {
  font-size: 1.3em;
  margin: 2%;
}

#whitebox header {
  font-size: 1em;
  margin: 2% 2% -10px;
}
/* 3 Spalten */
.ce-thirds {
  float: left;
  margin: 0 2% 0 0;
  width: 31%;
}
/* 2 Spalten */
.ce-half {
  /*float: left;*/
  display: table-cell;
  width: 44%;
  background-color: #cceffc;
  padding: 2% 2% 1% 2%;
  border-right: 1em solid white;
}

.ce-half-r {
  /*float: right;*/
  display: table-cell;
  width: 44%;
  background-color: #cceffc;
  padding: 2% 2% 3% 2%;
  border-left: 1em solid white;
}

.ce-table {
  display: table;
  margin-bottom: 2em;
  width: 100%;
}

.ce-table-row {
  display: table-row;
}

.ce-table-link {
  display: table;
  margin-top: -50px;
  margin-bottom: 20px;
  width: 100%;
}

.ce-table-link .ce-half, .ce-half-r {
  padding-bottom: 1%;
}


/* 2 Spalten 33/66 */
.ce-half-33 {
  float: left;
  margin: 0 0 18px 0;
  width: 29%;
  padding: 2%;
}

.ce-half-r-66 {
  float: left;
  margin: 0 0 18px 0;
  width: 55%;
  padding: 2%;
}

/* Project specifics =========================================================== */

nav a {
  color: #0D2525;
  padding: 9px 15px;
  text-decoration: none;
}

nav .navactive {
  color: white;
}

#updateyourbrowser {
  display: none;
}

/* Superfish ================================================================= */

/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu * {
  /*margin:      0;*/
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.8em;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 15em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  width: 100%;
}

.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
  left: 0;
  top: 37px; /* match top ul list item height */
  z-index: 99;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
  left: 15em; /* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
  float: left;
}

.sf-menu a {
  border-left: 0 none;
  padding: 12px 30px;
  text-decoration: none;
  font-weight: normal;
}

.sf-menu a,.sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: rgb(140, 140, 140);
}
/* visited pseudo selector so IE6 applies text colour*/
/*
  .sf-menu a, .sf-menu a:hover  { 
    color: rgb(237, 28, 36);
  }*/
.sf-menu a:hover {
  /* visited pseudo selector so IE6 applies text colour*/
  color: rgb(237, 28, 36);
}

.sf-menu li {
  background: transparent;
}

.sf-menu li li {
  border-bottom: 1px solid #ccc;
}

.sf-menu li:hover {
  outline: 0;
  background-color: hsla(180, 0%, 100%, 0.6);
}

.sf-menu li:hover .aktiv {
  background-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sf-menu li .aktiv {
  color: rgb(237, 28, 36);
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator { /* give all except IE6 the correct values */
  top: 1.3em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator
  {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
  background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator
  {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('../images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/*sf submenu styles*/
div#navbox nav ul#topnav.sf-menu li ul.sf-submenu{
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    opacity: 1;
    padding-top: 1.8em;
    margin-top: 0.7em;
    margin-left: 0.5em;
    
    font-size: 0.7em;
    
    background: url(submenupoints.png) repeat-y 25px -10px;
    
    /*border: 1px solid red;*/
}
/*sf submenu2 styles*/
div#navbox nav ul#topnav.sf-menu li ul.sf-submenu2{
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    opacity: 1;
    padding-left: 0.2em;
  width: 20em;

    /*border: 1px solid red;*/
}
div#navbox nav ul#topnav.sf-menu li ul.sf-submenu li {
    background-color: rgb(255, 255, 255);
    padding: 0;
    margin-bottom: 0px;
    margin-top: 6px;
  border-radius: 0.3em;

}
div#navbox nav ul#topnav.sf-menu li ul.sf-submenu li a {
  padding-left: 0.6em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1em;
  
}

/* flexslider overwrite */
.flex-caption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
  bottom: 20px;
  background-color: rgba(0, 84, 174, 0.6);
  color: white;
  font-size: 1.8em;
  left: auto;
  right: 4%;
  line-height: 1.8em;
  margin: 0;
  padding: 2%;
  position: absolute;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);*/
  width: 51%;
  font-family: 'Helvetica', sans-serif;
}

.flex-caption p.bodytext {
  font-size: 1.0em;
  font-weight: bold;
  padding-bottom: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  img,embed,object,video {
    max-width: 100%;
    height: auto;
    width: auto;
  }
  .sf-menu {
    line-height: 2.55;
  }
}

div.sideBarInner .clearfix {
  margin: auto;
  width: 103%;
}

#full .sidebarBox {
  padding: 30px;
}

div.csc-mailform ol li {
  display: block !important;
}

div.csc-textpic-imagecolumn,td.csc-textpic-imagecolumn .csc-textpic-image
{
  /*margin-right: 80px;*/
  
}

/*submenu_teaser*/
div#wrap section#submenu_teaser ul.teaser-menu li{
      background-color: #CCEFFC;
    /*border-right: 1em solid #FFFFFF;*/
    display: block;
    padding: 2% 2% 3%;
    width: 45%;
  margin-bottom: 2em;
  list-style: none;
  height: 5em;
  max-height: 5em;
  overflow: hidden;
}
.teasermenu-li1 {  
  float: left;
}
.teasermenu-li2 {  
  float: right;
}
div#wrap section#submenu_teaser ul.teaser-menu li a {
  
    font-size: 2.0em;
    font-weight: bold;
    line-height: 1em;
    padding: 20px 0 30px;
    color: #0072BC;
    text-decoration: none;  
}
div#wrap section#submenu_teaser ul.teaser-menu li a:hover  {
  color: rgb(237, 28, 36);
}

div#wrap section#submenu_teaser ul.teaser-menu li a.aktiv {
  color: rgb(237, 28, 36);
}

tfoot tr td {
  color: red;
}


p.csc-linkToTop a{
  display: block;
  text-align: right;
  margin-right: 2em;
  padding-top: 1.5em;
  background: url(../img/icons/icon_Pfeil_nach_oben.png) no-repeat 99% 0%;
  
}

/* accordion  */
.csc-default a.close {
  display: block;
  text-align: right;
  margin-right: 2em;
  padding-top: 1.5em;
  background: url(../img/icons/icon_Pfeil_nach_oben.png) no-repeat 99% 0%;
  font-size: 1.8em;  
}

div#accordion.ui-accordion .ui-state-default h2
{
  height: 90px;
  color: white;
  background: url(../img/icons/icon_Pfeil_rollladen80_down.png) no-repeat 50% 0%;
  padding: 0;
}
div#accordion.ui-accordion .ui-state-active h2
{
  color: white;
  background: none;
  /*background: url(../img/icons/icon_Pfeil_rollladen80_up.png) no-repeat 50% 0%;*/
  height: 0;
}
div#accordion.ui-accordion  header h2 a
{
  
  display: block;
  color: white;
  height: 100px;
}
div#accordion.ui-accordion .aside div.sidebarBox-acc  div.ce-half-33  p.bodytext {
  font-weight: bold;
  
}
div#accordion.ui-accordion div.ce-half-r-66  h3 {
  font-family: 'Helvetica',sans-serif;
    font-size: 1.8em;
    line-height: 1.2em;
    padding: 2px 0 0;
    font-weight: normal;
}
div#accordion.ui-accordion div.sidebarBox-acc .csc-default div.csc-textpic {
  width: 70%;
  margin: 0 auto;
}

/* login form*/

div.tx-felogin-pi1 h3 {color: white;}
div.tx-felogin-pi1 form fieldset legend {color: white;}

 div.tx-felogin-pi1 form fieldset 
{
  margin: 0 auto;
  width: 35%;
}
div.tx-felogin-pi1 form fieldset div label {
    clear: left;
    display: block;
    float: left;
    font-size: 1.5em;
    padding: 15px 0 5px;
    width: auto;
    margin-bottom: 0.5em;
}
div.tx-felogin-pi1 form fieldset div input[type="text"], input[type="password"] {
    border: 1px solid #CCCCCC;
    color: #8C8C8C;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    padding: 5px;
    width: 100%;
    
    background-color: #CCEFFC;
    border: 1px solid #CCEFFC;
    border-radius: 5px;
    margin-bottom: 1em;
}
div.tx-felogin-pi1 form fieldset div input[type="submit"] {
  background-color: #cccccc;
  width: auto;
  padding: 6px 30px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  float: right;
  font-size: 1.3em;
  color: black;
  margin-right: -10px;
}
div.tx-felogin-pi1 form fieldset div textarea {
  background-color: #CCEFFC;
      
    background-color: #CCEFFC;
    border: 1px solid #CCEFFC;
    border-radius: 5px;
}

 div.tx-felogin-pi1 form fieldset.logout-fieldset
{
  margin: 0 auto;
  width: 50%;
}
 div.tx-felogin-pi1 form fieldset span {
     float: left;
    font-size: 1.5em;
    
    padding: 15px;
 }
 .tx-felogin-pi1 form {
   margin-bottom: 2em;
 }


/*tinyaccordion*/

li.acc-li h5 {
  background-image: url("/fileadmin/templates/img/bilder/h5_bg_inactive_mobile.png");
  padding-left: 1.4em;
}

li.acc-li h5.acc-selected {
  background-image: url("/fileadmin/templates/img/bilder/h5_bg_active_mobile.png");
}

ul.tinyaccordion li {
  font-size: inherit !important;
  cursor: pointer;
}

ul.tinyaccordion ul li {
  font-size: 1.8em !important;
}

li.acc-li {
  margin-left: 0 !important;
}

li.acc-li ul li {
  margin-left: 4%;
  list-style: disc !important;
}

ul.tinyaccordion .csc-default {
  padding: 0;
}

/*Footer Specials*/

.footernavigation {
  background-color: #CCEFFC;
  padding: 1% 2%;
  font-size: 1.4em;
}

.footernavigation a:hover {
color: #ED1C24;
}

#footernavigation div.col1,
#footernavigation div.col2,
#footernavigation div.col3,
#footernavigation div.col4 {
  float:left;
  width:24%;
  /*max-width: 44%;*/
  margin-right: 1%
}

div#contactinfo {
  float:left;
  min-width: 335px;
}

div.contactinfo_box {
  margin-bottom: 1em;
  clear: both;
}

div.contactinfo_box dt {
  float: left;
}

div.contactinfo_box .fa-stack {
  margin-right: 5px;
}

/*Neue Rahmen*/

div.bluebox-rund {
background: #CCEFFC none repeat scroll 0% 0%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 1.5em 0.5em 0.5em 1.5em;
margin: 0.5em 0 0.5em 0;
}

div.bluebox-rund img {
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#powermail_field_semiarauswhlen {
  font-size: 1em;
  padding: 10px 5px;
}