/*   Style Definitionen
  	grau copytext #555555 
  	big pic 800px x 450px (16:9) (Original Size)
	normal pic 500px x 280px (16:9) (Normal Size)
*/

@font-face {
font-family: 'zap-regular';
src: url(../../fileadmin/individual/fonts/zap-webfont.ttf);
    src: url('../../fileadmin/individual/fonts/zap-webfont.eot');
    src: url('../../fileadmin/individual/fonts/zap-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/individual/fonts/zap-webfont.woff') format('woff'),
         url('../../fileadmin/individual/fonts/zap-webfont.ttf') format('truetype'),
         url('../../fileadmin/individual/fonts/zap-webfont.svg#SignikaRegular') format('svg');
}

@font-face {
font-family: 'zap-regular-italic';
src: url(../../fileadmin/individual/fonts/zapi-webfont.ttf);
    src: url('../../fileadmin/individual/fonts/zapi-webfont.eot');
    src: url('../../fileadmin/individual/fonts/zapi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/individual/fonts/zapi-webfont.woff') format('woff'),
         url('../../fileadmin/individual/fonts/zapi-webfont.ttf') format('truetype'),
         url('../../fileadmin/individual/fonts/zapi-webfont.svg#SignikaRegular') format('svg');
}

@font-face {
font-family: 'zap-bold-italic';
src: url(../../fileadmin/individual/fonts/zapi-webfont.ttf);
    src: url('../../fileadmin/individual/fonts/zapbi-webfont.eot');
    src: url('../../fileadmin/individual/fonts/zapbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/individual/fonts/zapbi-webfont.woff') format('woff'),
         url('../../fileadmin/individual/fonts/zapbi-webfont.ttf') format('truetype'),
         url('../../fileadmin/individual/fonts/zapbi-webfont.svg#SignikaRegular') format('svg');
}

@font-face {
font-family: 'zap-bold';
src: url(../../fileadmin/individual/fonts/zapi-webfont.ttf);
    src: url('../../fileadmin/individual/fonts/zapb-webfont.eot');
    src: url('../../fileadmin/individual/fonts/zapb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/individual/fonts/zapb-webfont.woff') format('woff'),
         url('../../fileadmin/individual/fonts/zapb-webfont.ttf') format('truetype'),
         url('../../fileadmin/individual/fonts/zapb-webfont.svg#SignikaRegular') format('svg');
}

body {
  font-family: zap-regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #555555;
}

/* Default Link Styles */
a {
    color: #5000FF;
   text-decoration: none;
   line-height: inherit;
}

a:hover, a:focus {
  color: #5000FF;
font-weight:bold;
}


.outer {
  width:100%;

}

.csc-firstHeader {
font-family: inherit;
}

.csc-textpic-image img {
background-color:#FFFFFF;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Standard */
}

.csc-textpic-image {
padding:5px 20px 20px 5px;
}

.csc-textpic-caption {
font-size:0.9em;
font-style:italic;
font-weight:normal;
padding-top:10px;
}

.top {
    background-image: url(../../fileadmin/individual/pics/top.jpg) ;
background-repeat:no-repeat;
    background-position:center;
  height:135px;
  text-align:center;
margin-top:10px;
}

.bottom {
  float:left;
  width:100%;
    background-image: url(../../fileadmin/individual/pics/bottom.jpg) ;
background-repeat:no-repeat;
  background-position:center;
  height:50px;
  text-align:center;
padding-top:30px;
  font-size:0.9em;
}


#top {
  height:104px;
}

.div-text {
  min-height:300px;
      background-color:#FFFFFF;
   opacity: 0.7;       /* modern browser */  
    -moz-opacity: 0.7;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=70); /* IE5.x -7.0 */  
background-color:#FFFFFF;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Standard */
}

.div-text-cont {

}


.div-pic {
    padding:20px;
}

.div-pic-cont {
  border:1px solid #555555;
    background-color:#FFFFFF;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Standard */
}

.pics-change {
position:relative;
top:20px;
width:900px;
margin-left:120px;
background-color:#FFFFFF;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); /* Standard */
}


/* Overrule foundation.css  */
.row {
  max-width: 82em; /* to 1240 px width  */
}

h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
  color: inherit;
   }

  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: inherit;
 }

h1 {
  font-size:1.6em;
   }

h2 {
  font-size:1.4em;
   }

h3 {
  font-size:1.2em;
   }

h4 {
  font-size:1em;
   }



/* Foundation CSS override */

.top-bar-section ul {display: table; margin: 0 auto; }

    .top-bar-section ul li > a {
      font-family: zap-regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; /* LD Menu Font */
    color: inherit; /* LD Main Menu */
    font-size: 0.9em;
    font-weight: normal;
}

  .top-bar {
    background: #FFFFFF; /* LD Left Part for Mobile Mini */
text-align:center;
z-index:200;
 }

  .top-bar.expanded {
background: #FFFFFF; /* LD Mobile Menu Background after klick */
}

    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #FFFFFF; }  /* LD Main Menu */

      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #FFFFFF;
        background: #FFFFFF; } /* LD Main Menu hover */

      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: inherit;
        background: #FFFFFF; } /* LD Sub Menu */

   .top-bar.expanded .title-area {
      background: #FFFFFF; }
    .top-bar.expanded .toggle-topbar a {
      color: inherit; }
      .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }


  .no-js .top-bar-section ul li:hover > a {
    background-color: #FFFFFF;
    background: #FFFFFF;
    color: inherit; }

  .no-js .top-bar-section ul li:active > a {
    background: #FFFFFF;
    color: inherit; }

     .top-bar .toggle-topbar.menu-icon a {
        color: inherit;
}

 .top-bar .toggle-topbar.menu-icon a span::after {
          box-shadow: 0 0px 0 1px #555555, 0 7px 0 1px #555555, 0 14px 0 1px #555555;
 }

        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px #555555, 0 7px 0 1px #555555, 0 14px 0 1px #555555; }


.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
    background: none repeat scroll 0 0 #555555;
    color: white;
}

.no-js .top-bar-section ul li:hover > a {
    background: none repeat scroll 0 0 #555555;
    color: white;
}
.top-bar-section ul li:hover:not(.has-form) > a {
    background: none repeat scroll 0 0 #555555;
    color: white;
}

.top-bar-section li.hover > a:not(.button) {
    background: none repeat scroll 0 0 #555555;
    color: white;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: none repeat scroll 0 0 #555555;
}

.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
    background: none repeat scroll 0 0 #555555;
    color: white;
}

      .top-bar-section .dropdown li a {
        color: #555555;
border:none;
    -webkit-box-shadow: 0px 1px 5px #777777;
    -moz-box-shadow: 0px 1px 5px #777777;
    box-shadow: 0px 1px 5px #777777;
        background: #FFFFFF; }

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
    color: inherit;
  font-family: zap-regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

table {
table-layout:inherit;
}

@media only screen and (max-width: 40em) {

.top-bar-section .has-dropdown  {

 color: #555555;
border:none;
    -webkit-box-shadow: 0px 1px 5px #777777;
    -moz-box-shadow: 0px 1px 5px #777777;
    box-shadow: 0px 1px 5px #777777;
        background: #FFFFFF; 
}


}