* { margin:0; padding:0; color:#505050; font-size:1em; font-family:'Asap', serif; line-height:1.5; }
html { overflow-y:scroll; }
body { height:100%; padding-bottom:0.005em; background-color:white; }

.clear { clear:both; height:0px; width:0px; visibility:hidden; }

.spacer-gif { visibility:hidden; }
.float-left { float:left; }
.float-right { float:right; }

p.bodytext { margin-top:6px; }
p.bodytext ul, div.csc-textpic-text ul,

div#content #contentCol .contentListItem .contentListItemText ul, div#content .teaserItem ul { margin-left:20px; }
p.bodytext ol, div.csc-textpic-text ol,
div#content #contentCol .contentListItem .contentListItemText ol, div#content .teaserItem ol  { margin-left:20px; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.important { color:red; }
.detail { color:green; }
.name-of-person { color:blue; }
.csc-textpic-caption { font-size:11px; background-color:#f5f5f5; padding:3px; }

a { text-decoration:none; }
a:active, a:focus { outline: none; }
a img { border:none; }
p.bodytext a { text-decoration:underline; }

img, video { max-width:100%; height:auto; }
ul, ol { padding:0; margin:0 0 10px 0; }

h1, h2, h3, h4, h5 { margin:10px 0; font-size:2em; line-height:1.1; color:#156da4; text-transform:uppercase; font-weight:normal; }
h2 { text-transform:none; font-style:italic; }
h3 { text-transform:none; font-style:italic; }
h4 {  }
h5 {  }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:underline; }


#container {
  margin:30px;
  max-width: 1480px;
}

#header {
  width:100%;
  /*height:120px;*/
  margin:0;
  position:relative;
}

.content {
  width:100%;
  margin:0;
}

#footer {
  width:100%;
  height:65px;
  max-width:1480px;
  background-color:#f4f3eb;
}



/**
* Header
*************************/
#header img.logo { }
#kontakt { position:absolute; top:0; right:0; z-index:2; }


/**
* Navigation
*************************/
.nav-pills { clear:both; margin:0; display:block; }
.nav-pills>li { list-style-type:none; float:left; line-height:20px; display:block; }
.nav-pills>li>a { padding:8px 20px 8px 0; margin:2px 2px 2px 0; display:block; }
.nav-pills>li>a, .nav-pills>li.ACT>a { color:#505050; text-decoration:none; font-size:1em; }
.nav-pills>li.ACT>a { font-weight:bold; }

/*ul.subnav { display:block; }*/
ul.subnav li>a, ul.subnav li.ACT>a { color:#156da4; padding-top:0; }
ul.subnav li>a { font-style:italic;}
ul.subnav li.ACT>a { font-weight:bold; }


/**
* Content
*************************/
#mobile-map { display:none; }
#normal-content, .teaserpreview { max-width:950px; }
.teaserpreview { margin-bottom:20px; }
/*#floating-content { margin-top:50px; }*/
.content div.csc-default { padding:15px 0; }
.csc-textpic-text { padding:30px 0; }
.content .floating-content { padding:30px 0 0 0; }
.content ul, .content ol { margin:20px; }

.csc-layout-0 {}
.csc-layout-1 { background-color:#156da4; }
.csc-layout-3 { 
  background: #4f2d1b;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGYyZDFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMzgxZTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjNGYyZDFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4MWUxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #4f2d1b 0%, #381e11 65%, #4f2d1b 78%, #381e11 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f2d1b), color-stop(65%,#381e11), color-stop(78%,#4f2d1b), color-stop(100%,#381e11));
background: -webkit-linear-gradient(-45deg,  #4f2d1b 0%,#381e11 65%,#4f2d1b 78%,#381e11 100%);
background: -o-linear-gradient(-45deg,  #4f2d1b 0%,#381e11 65%,#4f2d1b 78%,#381e11 100%);
background: -ms-linear-gradient(-45deg,  #4f2d1b 0%,#381e11 65%,#4f2d1b 78%,#381e11 100%);
background: linear-gradient(135deg,  #4f2d1b 0%,#381e11 65%,#4f2d1b 78%,#381e11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f2d1b', endColorstr='#381e11',GradientType=1 );
}

#normal-content ul ul { margin-top:5px; }
#normal-content .csc-layout-1 { padding:15px 25px; } /*10px*/
#normal-content .csc-layout-1 p, #normal-content .csc-layout-1 li, #normal-content .csc-layout-1 h3 { color:#fff !important; font-size:1.3em; }
#normal-content .csc-layout-1 h3 { font-size:3em; text-transform:none; font-style:italic; }
#normal-content .csc-layout-2 p>* { color:#156da4; font-size:1.5em }
.csc-layout-100 { display:none; }

.box300x420 { width:300px; height:420px; }
.box290x200 { width:290px; height:200px; }
.box150x200 { width:150px; height:200px; }

.item { float:left; border:0px solid black; margin:0px 10px 20px 0; color:#fff; }
.item .headlines, figure .headlines, .teaserpreview .headlines { display:none; position:absolute; z-index:2; background-color:#fff; font-size:1em/*.375em*/; font-style:italic; color:#505050; margin:0; padding:5px; }
.item:hover .headlines, figure:hover .headlines, .teaserpreview:hover .headlines { display:block; }

.item .headlines-text, .item p { font-size:3em; margin:5px 15px 5px 15px; color:#fff; }
.item p { font-size:1.3em; }

/*
#normal-content>header, #normal-content>figure, #normal-content>div,
.teaserpreview>header, .teaserpreview>figure, .teaserpreview>div{ padding:15px 0; margin:30px 0; }
*/

#normal-content>p { color:#505050; margin:0; font-size:1em; }
#normal-content>p.colortext { color:#156da4; }

/**
* Video
*************************/
.vjs-default-skin .vjs-big-play-button { top:6em; left:7em; }

/**
* Footer
*************************/
#footer-inner { padding:25px 0 0 10px; }
#footer p { float:left; margin-right:45px; }
#footer nav { padding:0; float:left; }
#footer nav li>a { padding-top:0; margin-top:0; }


/**
* Powermail
*************************/
.tx-powermail { padding:30px 0; }
.powermail_form legend, .powermail_form h3 { display:none; }
.powermail_form fieldset { border:none; }
.powermail_label, .powermail_submit { color:#494949; text-transform:uppercase; display:block; }
.powermail_submit { text-align: center !important; }
.powermail_input, .powermail_textarea { border:1px solid #156da4; border-top: 2px solid #156da4; border-right: 2px solid #156da4;border-radius:0; width:300px; }
.powermail_textarea { height: 80px; }
.powermail_submit { margin:10px 16px 10px 0; text-align:right; width:140px !important; background-color:#071E4F !important; border:0; padding:5px 20px; color:#fff; font-weight:bold; cursor:pointer; }
.powermail_fieldwrap { margin-bottom:25px; }
.mandatory { color:#494949; margin-left:5px; }

.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }

.formError { position:absolute; top:300px; left:300px; display:block; cursor:pointer; }
.formError .formErrorContent {
  width: 100%;
  position:relative;
  color: #fff;
  width: 150px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #505050;
  -moz-box-shadow: 0 0 6px #505050;
  -webkit-box-shadow: 0 0 6px #505050;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color:#156da4 ;
}

dl.powermail_all { clear:both; padding:10px 0; }
dl.powermail_all dt, .powermail_all dd { display: inline; width:200px; float:left; }
dl.powermail_all dd { width:200px; margin-left:10px; }



/**
* GoogleMap Contact-Box
*************************/
#map-contact { background-color:#d86d75; width:250px; height:190px; padding:10px; }
#map-contact p, #map-contact p a { color:#fff; }
#map-contact p a { font-style:italic; text-decoration:none; }


/* Smartphone + Tablet allgemein */
@media only screen and (min-device-width: 320px) and (max-width: 1024px) {
  body { /*font-size:95%;*/ }
  #header { /*height:90px;*/ }
  
  /**
  * Content
  *************************/  
  .item .headlines, figure .headlines, .teaserpreview .headlines { display:block; }
}


/* Smartphones allgemein */
@media only screen and (max-width: 685px) {
  body { font-size:75%; }
  #header { height:auto; }
  
  .csc-layout-100 { display:block; }
  .csc-layout-101 { display:none; }
  
  /**
  * Navigation
  *************************/
  .nav-pills>li, .nav-pills>li>a { float:none; }
  
  /* first level */
  .nav-pills li { width:100%; float:none; border-top:1px solid #156da4; }
  .nav-pills li.last { border-bottom:1px solid #156da4; }
  .nav-pills li>a { margin-left:1px; }
  
  /**
  * Footer
  *************************/
  #footer { height:auto; }
  #footer-inner { padding:25px 0 25px 10px }
  #footer p, #footer nav { float:none; }
  #footer p { margin:0; }
  #footer ul.nav-pills { width:310px; }
  #footer ul.nav-pills>li { margin-right:5px; float:none; border:none; }
  #footer ul.nav-pills>li>a { margin:0; }
}


/* iPad landscape 1024 x 768 */
@media only screen and (max-width: 1024px) {
  #container { margin:30px 20px 30px 30px; }
  #header {  }

  /**
  * Navigation
  *************************/
  .nav-pills>li>a { padding:8px 20px 8px 0; }
}

/* iPad portrait 768 x 1024 */
@media only screen and (max-width: 768px) {
  
}

/* iPhone 5 landscape 568 x 320 */
@media only screen and (max-width: 568px) {

  /**
  * Navigation
  *************************/
  #footer nav { margin-top:15px; }
  .nav-pills>li>a { padding:8px 20px 0 0; }  
}

/* iPhone 3+4 portrait 320 x 480 */
@media only screen and (max-width: 320px) {
  #container { margin:15px 5px; }
  .content { width:100%; }

  /**
  * Navigation
  *************************/
  #footer nav { margin-top:15px; }
  .nav-pills>li>a { padding:8px 20px 0 0; }
}

/* iPhone 3+4 landscape 480 x 320 */
@media only screen and (max-width: 480px) {

  /**
  * Navigation
  *************************/
  #footer nav { margin-top:15px; }
  .nav-pills>li>a { padding:8px 20px 0 0; }  
}