/**************************************
  CSS-Datei:    ckg-screen.css
  Version:      1.0.0
  Datum:        4.9.2013
  Beschreibung: Ausgabe auf Bildschirmen
  Autor:        Gabriele Engmann
**************************************/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700); /*font-family: 'Source Sans Pro', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Droid+Serif); /*font-family: 'Droid Serif', serif;*/
/*************** GENERELL ****************/
body, html {
  border: 0 none;
  color: #154e52;
  font: 14px/1.2857em "Source Sans Pro",sans-serif;
  margin: 0;
}
* {
  font-family: "Source Sans Pro",sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
}
a {
  color: #154e52;
  text-decoration: none;
}
p, ul, ol {
  margin: 0.5em 0 1em;
}
ul, ol {
  margin-left: 16px;
}
li {
  margin: 3px 0;
}
fieldset {
  padding: 0.5em 1.2em;
  margin: 0.5em 0 1em;
  border: 1px solid #F5DA94;
}
input, textarea, select {
  border: 1px solid #efb217;
  padding: 2px;
  background: #FEFBE3;
  width: 250px;
}
option {
  padding: 0 6px;
}
input[type="submit"] {
  border-style: outset;
  background: #efb217;
  margin-top: 1em;
  border-radius: 5px;
  padding: 2px 10px;
  font-weight: bold;
}
h1 {
  font-size: 24px;
  color: #6c7c00;
  margin-top: 1em;
}
h2 {
  font-size: 18px;
  color: #6c7c00;
}
h3 { font-size: 16px; }
h1, h2, h3 {
  line-height: 1.2em;
  font-weight: normal;
}
h2, h3 {
  margin: 1em 0 0.5em;
}
table {
  margin: 1em 0;
  line-height: 1.2em;
  border-collapse: collapse;
}
table td, table th {
  padding: 2px 5px;
  vertical-align: top;
  border: 1px solid #ccc;
}
table p {
  margin: 0;
}
table caption {
  caption-side: bottom;
}

.clear { clear: both; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.nd { display: none; }

/*************** LAYOUT ******************/
body {
  background: #5d7511;
  text-align: center;
}
#gesamtcontainer {
  background: #fefbe3;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.max-width {
  max-width: 1018px;
}
header, #mainnavi, section, #welle-oben, #content-wrapper, #welle-unten, footer, #events, #main-start, #main-start-smart, #service-start {
  position: relative;
  width: 100%;
  clear: both;
}
/****************************************************
                    HEADER
****************************************************/
header {
/*  height: 174px; */
  margin-bottom: 3px;
  background: #8cb11a;
  color: #fff;
}
#headerpic {
  display: none;
}
#logo {
  display: none;
}
#slogan {
  display: none;
}
#biosiegel {
  display: none;
}
#footernavi {
  background-color: #efb317;
  text-align: center;
}
#mainnavi {
  background: #efb217;
  line-height: 37px;
  font-size: 16px;
  text-align: center;
}
#welle-oben {
  position: relative;
  z-index: 1;
  height: 81px;
  background-image: url(img/welle_oben_gross.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#welle-oben.start {
  position: absolute;
}
#welle-unten {
  height: 49px;
  background-image: url(img/welle_unten_gross.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#col-content {
  position: relative;
  width: 79.8624%;
/*  width: 813px;*/
  float: left;
}
#illustration {
  height: 316px;
  background: rgba(248,237,136,0.5);
}
#hinweis {
  display: none;
}
#rootline { color: #765a13; margin: 0 20px 0 85px; }
#pagetitle { margin: 0 20px 1em 70px; }
#main { margin: 0 20px 0 85px; }
#cont-left { width: 447px; margin-right: 26px; float: left; }
#cont-right { width: 234px; float: left; }
#col-service {
  display: none;
}
#links, #anzeige, #anzeige-smart { background: #d1dbab; }
/* Startseite*/
#welle-oben.start {
  z-index: 0;
  top: -55px;
}
#events {
  margin: 55px 0 20px;
}
#content-start #events #termine-text {
  position: relative;
  float: left;
  width: 100%;
  display: none;
  color: #0a3e1d;
  font-size: 18px;
  line-height: 1.33em;
  margin: 0px 0px 20px;
  clear: both;
}
#main-start,
#main-start-smart {
  margin: 30px auto;
  text-align: center;
  z-index: 10;
}
#main-start-smart {
  display: none;
}
#welle-unten.start {
  position: absolute;
  bottom: 0px;
}

/*************** NAVIAGTION **************/
/* responsive Menue ausblenden */
.mmenu-toggler, #mmenu {
  display: none;
}
#mainnavi ul {
  margin: 0 auto;
  list-style-type: none;
  position: relative;
}
#mainnavi li {
  margin: 0;
  position: relative;
  text-align: left;
}
#mainnavi a {
  color: #02390f;
  font-weight: normal;
}
#mainnavi li.level1 {
  display: inline-block;  
  padding: 0px 1.5% 0px 1.5%;
  position: relative;
  line-height: 37px;
}
#mainnavi .level1 > a { font-weight: bold; }
#mainnavi .level1 ul, #mainnavi .desc { z-index: 20; position: absolute; margin: 0; padding: 6px 0 14px;
  font-size: 14px; line-height: 29px; visibility: hidden; }
#mainnavi .level1:hover > ul, #mainnavi .level2:hover > ul, #mainnavi .level1:hover .desc { visibility: visible; }
#mainnavi ul.ul-level2, #mainnavi .desc { left: 0; background: #eebf46; }
#mainnavi .desc {
  padding: 8px 33px 14px;
  line-height: 1.2857em;
  font-weight: normal;
}

#mainnavi .level1 > ul a { color: #010101; }
#mainnavi .level1 > ul a.cur { color: #2f7c00 }
#mainnavi .level1 > ul li { position: relative; white-space: nowrap; border-top: 1px solid #f8ed88; }
#mainnavi .level1 ul > li:first-child { border: 0; }
#mainnavi li.level2 {
  padding: 0 13px;
}
#mainnavi ul.ul-level3 { left: 100%; top: 0; background: #f5da94; padding-top: 0; }
#mainnavi li.level3 {
  padding: 0 16px;
}
#footernavi ul {
  margin: 0;
  list-style-type: none;
  padding: 13px;
}
#footernavi li {
  display: inline;
}
#footernavi a {
  padding: 0 10px;
  color: #02390f;
}

#rootline * { color: #765a13; }

/*************** CONTENT *****************/
#main a { background: #efb217; }
#main .csc-textpic img { border-radius: 7px; }
#main .csc-textpic .csc-textpic-caption { margin-top: 3px; font-size: 13px; }

/**********************************************
  LINKS-START + LINKS
**********************************************/
#links-start {
  z-index: 10;
  clear: both;
  position: relative;
  padding-top: 10px;
}
#links {
  padding: 24px 0px;
  min-height: 240px;
}
#links-start .links-item {
  position: relative;
  float: left;
  width: 25%;
  padding-left: 5%;
}
#links-start .links-item:nth-child(2) {
  background-color: #efb317;
  margin-top: 5px;
  padding-bottom: 20px;
}
#links-start .links-item:nth-child(2) .links-image img {
  margin-top: -5px;
}
#links-start .links-item .links-image img,
#links .links-item .links-image img {
  border: 3px solid rgb(255, 255, 255);
  box-shadow: 5px 5px 5px #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  -moz-box-shadow: 5px 5px 5px #888888;
}
#links .links-item .links-image img {
  width: 92px;
  height: auto;
}
#links .links-item {
  text-align: center;
  margin-bottom: 15px;
  height: 66px;
}
#links-start .links-item .links-text h3 a {
  color: #4f640d;
}
#links-start .links-item .links-overlay h3,
#links .links-item .links-text,
#links .links-item .links-overlay {
  display: none;
  background: #FEFBE3;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
  position: relative;
  left: -20px;
  top: -40px;
  z-index: 10;
  width: 210px;
  padding: 4px;
}
#links-start .links-overlay p {
  color: #040404;
  font-size: 13px;
  line-height: 1.23em;
}
#links .links-item:hover .links-overlay,
#links-start .links-item:hover .links-overlay {
  display: block;
}
#links .links-item:hover .links-overlay p {
  margin: 0px;
  text-align: left;
}

#anzeige .csc-header::before,
#anzeige-smart .csc-header::before {
  content: "Anzeige:";
  display: block; margin-top: -1.2em;
  background: #FEFBE3;
  text-transform: uppercase;
}
#anzeige .csc-textpic,
#anzeige-smart .csc-textpic {
  padding: 10px 34px;
}
#anzeige .csc-textpic p,
#anzeige-smart .csc-textpic p{
  margin: 0;
  font-size: 13px;
  line-height: 1.3em;
}
#anzeige .csc-textpic img,
#anzeige-smart .csc-textpic img {
  border-radius: 7px;
  margin: 0;
}

/****************************************************
                    STARTSEITE
****************************************************/
#main-start *,
#main-start-smart * {
  color: #0a3e1d;
  font-size: 18px;
  line-height: 1.33em;
  margin: 0 auto;
}
#main-start .csc-default,
#main-start-smart .csc-default {
  position: relative;
  display: inline-block;
  width: auto;
  padding-bottom: 20px;
}
#main-start .csc-default::before,
#main-start .csc-default::after,
#main-start-smart .csc-default::before,
#main-start-smart .csc-default::after {
  display: block;
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background: url(img/text-digit.png) no-repeat;
}
#main-start .csc-default::before,
#main-start-smart .csc-default::before {
  top: 35%;
  left: -40px;
}
#main-start .csc-default::after,
#main-start-smart .csc-default::after {
  top: 35%;
  right: -40px;
}

/****************************************************
                    EXT cal
****************************************************/
/* Teaser Ansicht */
#content-start .vevent {
  position: relative;
  float: left;
  width: 33%;
  line-height: 1.4em;
  color: #000;
  margin-top: 5px;
  margin-bottom: 55px;
}
#content-start .vevent .event-teaser-img {
  float: left;
}
#content-start .vevent .event-teaser-img img {
  width: 90px;
  height: auto;
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 5px 5px 5px #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  -moz-box-shadow: 5px 5px 5px #888888;
  margin-right: 15px;
}
#content-start .vevent .event-teaser-container {
  background-color: rgb(248, 237, 136);
  margin-left: 65px;
  width: 258px;
  height: 82px;
  margin-top: 3px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  -moz-box-shadow: 5px 5px 5px #888888;
}
#content-start .vevent .event-teaser-title,
#content-start .vevent .event-teaser-subtitle,
#content-start .vevent .event-teaser-date {
  float: left;
}
#content-start .vevent .event-teaser-title h3 {
  font-size: 1em;
  margin: 1.3em 0 0;
}
#content-start .vevent .event-teaser-title h3 a {
  color: #2f7c00;
  font-weight: bold;
}
#content-start .vevent .event-teaser-date .info-label {
  color: #2f7c00;
  text-transform: uppercase;
}
#content-start .vevent .event-more a:after {
  display: none;
}
/* Teaser Ansicht wenn keine Veranstalturngen existieren */
#content-start #events #c497 {
  position: relative;
  float: left;
  background-color: rgb(248, 237, 136);
  border-radius: 10px;
  box-shadow: 5px 5px 5px #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  -moz-box-shadow: 5px 5px 5px #888888;
  padding: 10px 0px;
  margin: 0px 5%;
  width: 90%;
}
#content-start #events .csc-header h3 {
  text-align: center;
  font-size: 1.1em;
  color: #2f7c00;
  font-weight: bold;
  margin: 0 0 0.2em;
  padding: 0px 10px;
}
#content-start #events p {
  margin: 0px;
  padding: 0px 10px;
}
#content-start #events p a {
  color: #2f7c00;
}
/* Liste Ansicht */
#cont-left .vevent {
  margin: 1em 0;
  border-bottom: 1px solid #d3cfcf;
  padding-bottom: 6px;
  clear: both;
}
#cont-left .vevent .listitem-infos {
  width: 180px;
  float: left;
}
#cont-left .vevent .listitem-content {
  float: left;
  margin-left: 10px;
  width: 257px;
}
#cont-left .vevent .category,
#calendar-event #left-content .category {
  position: relative;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #6c7c00;
  line-height: 1em;
  padding-left: 18px;
}
#cont-left .vevent .category::before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 3px;
  left: 0;
  display: block;
  content: " ";
  background: #6c7c00;
}
#cont-left .vevent .listitem-infobox {
  margin: 6px 0 0;
  background: #d1dbab;
  padding: 4px 10px 4px 20px;
}
#cont-left .vevent .listitem-infos .image {
  margin: 10px;
}
#cont-left .vevent .listitem-content h2 {
  margin: 0 0 0.3em;
  color: #154E52;
}
#cont-left .vevent .listitem-content p {
  margin: 0.3em 0 0;
}
/* Suche Ansicht */
#cont-right .tx-cal-controller h3 {
   color: #6C7C00;
   font-size: 18px;
   text-transform: uppercase;
   margin-top: 0.8em;
}
#cont-right .tx-cal-controller fieldset {
  padding: 0px;
  margin: 0px;
  border: none medium #fff;
}
#cont-right .tx-cal-controller input,
#cont-right .tx-cal-controller select {
  width: 100%;
  margin: 1em 0;
  text-align: left;
}
/* Detail Ansicht */
#calendar-event #left-content {
  width: 447px;
  margin-right: 26px;
  float: left;
}
#calendar-event #right-content {
  width: 234px;
  float: left;
}
#calendar-event h1 {
  margin: 25px 20px 1em -15px;
}
#calendar-event .single-item-image  {
  float: left;
  margin: 0 10px 6px 0;
}
#calendar-event .single-item-image img {
  border-radius: 7px;
}
#calendar-event .description p {
  width: 100%;
  float: left;
}

#calendar-event-backlink {
  width: 100%;
  float: left;
  margin: 2.6em 0 0;
}
/**********************************************
                EXT powermail
***********************************************/
.tx-powermail h3 {
  display: none;
}
.tx-powermail .powermail_legend {
  font-weight: bold;
  position: relative;
}
.powermail_fieldwrap {
  position: relative;
  margin: 6px 0;
  clear: both;
}
.powermail_label {
  float: left;
  padding-right: 1em;
  text-align: right;
  width: 13em;
}
.mandatory {
  font-weight: bold;
  color: #EFB217;
  font-size: 1.5em;
}
.powermail_submit {
  margin-left: 13em;
}
.tx_powermail_pi1_fieldwrap_html_check fieldset { background: transparent; padding: 0; }
ul.parsley-errors-list {
  background: #F8ED88;
  padding: 2px 10px;
  border-radius: 7px;
  list-style-type: none;
}