/* CSS Content trennen fuer Einbindung in TYPO3-RTE */
/* Import Standard-CSS fuer TYPO3-RTE */
@import "rte-standard.css";

a {
  color: rgb(240,40,60);
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none;
}

a:hover {
  color: rgb(240,40,60);
}

img {
  width: auto; /* notwendig fuer IE8 */
  max-width: 100%;
  height: auto;
}

main {
  background-color: #fff;
}

main .ym-gl {
  margin-top:25px;
}

main .ym-gr {
  margin-top:25px;
  margin-bottom: 30px !important;
}

main .ym-gl .ym-gbox .maincontent {
  padding-right:24px;
  margin-bottom:30px;
}

main form article p {
  font-size:12px;
}

ul li {
  list-style-type: none;
  list-style-image: url(../images/listpoint.png);
  margin-left: .9em;
}

.newsbox {
  width:460px;
  color:#FFF;
  padding:5px 10px 15px;
  background-color: rgb(65,61,59);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left:130px;
  margin-top:130px;
  position:absolute;
  z-index: 1000;
}

.mobile .newsbox {
  display: none;
}

.sliderbox {
  max-width: 580px;
  height: auto;
  color: rgb(65,61,59);
  padding: 2px;
  line-height: 0;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: 130px;
  margin-top: 130px;
  position: absolute;
  z-index: 1000;
}

.sliderbox img {
	width: 100%;
	height: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.mobile .sliderbox {
  display: none;
}

/* @group Slideshow */

.cycle-slideshow {
  width: 100%;
  height: 100%;
  position: relative;
}

.cycle-slideshow .cycle-slideshow div.csc-textpic-imagerow {
  width: 100%;
  height: 100%;
  position: relative;
}

a.cycle-navigation {
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 500;
  text-indent: -9999px;
}

a.cycle-navigation.cycle-prev {
  left: 3px;
}

.cycle-slideshow:hover a.cycle-navigation.cycle-prev {
  background: url(../images/arrow-slide-left.svg) left center no-repeat;
  background-size: 20px;
}

a.cycle-navigation.cycle-next {
  right: 3px;
}

.cycle-slideshow:hover a.cycle-navigation.cycle-next {
  background: url(../images/arrow-slide-right.svg) right center no-repeat;
  background-size: 20px;
}

/* pager */
.cycle-pager { 
  text-align: center;
  width: 100%;
  z-index: 200;
  position: absolute;
  overflow: hidden;
  bottom: 0;
}
.cycle-pager span {
  color: #fff;
  cursor: pointer;
  font: 50px/20px Arial, Helvetica, sans-serif;
  padding-left: 2px;
  padding-right: 2px;
}
.cycle-pager span.cycle-pager-active {
  color: rgb(65,61,59);
}
.cycle-pager > * {
  cursor: pointer;
}

/* @end */

h2 {
  font-weight:600;
  font-size:1.384615384615385em;/*18px*/
  font-style: normal;
  margin-bottom: 5px;
  margin-top: 1.2em;
}

h3 {
  font-weight:600;
  font-size: 1.07692307692308em; /* 14px */
  font-style: normal;
}

h2.csc-firstHeader {
  margin-top: 0;
}

article {
  width:222px;
  text-align:center;
  padding-bottom:25px;
  margin-right:23px;
  margin-bottom:18px;
  border-bottom: 1px rgb(227,226,216) solid;
  float:left;
}

h1 {
  font-weight:600;
  font-size:1.384615384615385em;/*18px*/
  font-style: normal;
}

p, li, td {
  font-size: 1em; /* 13px */
  line-height: 150%;
}

.maincontent p, .maincontent li, .maincontent td {
  font-size: 1.07692307692308em; /* 14px */
}

p.bodytext {
  margin-bottom: 1.5em;
}

article p.bodytext {
  font-size: 0.92307692307692em; /* 12px */
  line-height: 130%;
  margin-bottom: 0;
}

.article-text-wrapper {
  min-height: 105px;
}

.article-text {
  min-height: 50px;
}

b, strong, .bold {
  font-weight:600;
  font-style: normal;
}

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

article .form {
  margin-left:15px;
  margin-right:7px;
  float:left;
}

article .form select[name="object[size]"] {
  display: inline-block;
  background: url('../images/arrow-down.svg') center left no-repeat;
  background-size: 14px 100%;
  border: none;
  padding: 0 2px 0 18px;
  margin-left: 4px;
}

input[type=text], input[type=email], select, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.92307692307692em; /* 12px */
  outline: none;  
  margin: 0;
  padding: 0 3px;
  background-color:#FFF;  
  border: 1px rgb(65,61,59) solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  margin-right: 5px;
}

input[name="counter"], input.counter {
  height: 18px;
  width:20px;
  text-align:right;
  margin-right:2px;
}

select {
  max-width: 75px;
  height: 20px;
}

.form-group {
  margin-top: 5px;
}

.form-group label {
  width: 150px;
  display: block;
}

.form-group input, .form-group textarea {
  width: 260px;
}

.form-group input#plz {
  width: 40px;
}

.form-group input#ort {
  width: 210px;
}

.form-group input#inputDateTime, .form-group input#inputDateTime_time {
  width: 125px;
}

article .bold {
  font-weight:600;
  font-style: normal;
  text-align:left;
}

.basket-img {
  width:15px;
  margin-right: 5px;
  float:right;
}

td.basket-title {
  padding-top: 2px;
  padding-bottom: 3px;
  border-bottom: 1px rgb(227,226,216) solid;
  vertical-align: bottom;
}

td.basket-title.bold {
  font-size: 1.384615384615385em; /*18px*/
  line-height: 130%;
}

td.basket-title:last-child {
  text-align: right;
}

table td.gap {
  height: 25px;
}

table td {
  vertical-align:top;
}

.basket-wrapper-content table td:first-child {
  padding-right: 4px;
}

.basket-wrapper-content table .preis {
  font-weight:600;
  font-style: normal;
  text-align: right;
  padding-left: 10px;
}

.total {
  vertical-align:bottom;
  padding-top:2px;
  padding-bottom:3px;
  border-top: 1px rgb(227,226,216) solid;
  border-bottom: 1px rgb(227,226,216) solid;
}

.order {
  font-weight:600;
  font-size:1.384615384615385em;/*18px*/
  line-height:18px;
  color:#FFF;
  text-align:center;  
  border: 1px rgb(120,210,100) solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-top:2px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom: 3px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color: rgb(120,210,100);
  cursor:pointer;
}

.arrow-bottom {
  background-image:url(../images/pfeil-green-unten.png);
  background-position: center bottom;
  background-repeat:no-repeat;
  margin-top:10px;
  padding-bottom:5px;
  bottom: 0px;
  display:inline-block;
}

span.counterwrapper {
  padding-right: 5px;
}

a.js-basketmodify[data-direction=up] {
  background: url(../images/basket-plus.png) 0 4px no-repeat;
  padding-right: 11px;
  margin-right: 2px;
}

a.js-basketmodify[data-direction=up]:hover {
  background: url(../images/basket-plus-over.png) 0 4px no-repeat;
}

a.js-basketmodify[data-direction=down] {
  background: url(../images/basket-minus.png) 0 4px no-repeat;
  padding-right: 11px;
  margin-right: 2px;
}

a.js-basketmodify[data-direction=down]:hover {
  background: url(../images/basket-minus-over.png) 0 4px no-repeat;
}

iframe {
  max-width: 100%;
  margin-top: 6px;
}

/* Tabelle Finanzberichte */

table  {
width: 100%;
}

table.finanzberichte{
margin-bottom: 0px;
width: 100%;
}

table.finanzberichte tr{
  width: 50%;
  left: 4px;
  position: relative;
}


table.finanzberichte td{
 display: table-cell;
  height: 15px;
}


table.finanzberichte td.umrandung,
table.finanzberichte th.umrandung{
 border-right: 1px black solid;
 padding-left: 0;

}

table.finanzberichte td.padding,
table.finanzberichte th.padding{
 
 padding-left: 50px;

}

table td.einzug {
  left: 50px;
  position: relative;
}

table td.einzug2 {
  right: 50px;
  position: absolute;
}

table td.download {
  right: 50px;
  position: relative;
}


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

.table-cell > p.bodytext{
margin-bottom: 0px;
  width: 100%;
}

.table-cell {
  display: table-cell;
  padding: 0px;
  width: 55.5%
}

.table-cell2 {
  display: table-cell;
}


.thead {
  font-weight: light;
  
}

/* @group Media Queries */

/* Smaller than standard 960 (devices and browsers) */  
@media only screen and (max-width: 959px) {}  

/* Tablet portrait size to standard 960 (devices and browsers) */  
@media only screen and (min-width: 768px) and (max-width: 959px) {}  

/* All mobile sizes (devices and browser) */  
@media only screen and (max-width: 767px) {
  
  .desktop .newsbox {
    display: none;
  }
  
  .mobile .newsbox {
    display: block;
  }
  
  .newsbox {
    width: calc(100% - 20px);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    z-index: 1000;
  }
  
  .desktop .sliderbox {
    display: none;
  }
  
  .mobile .sliderbox {
    display: block;
  }
  
  .sliderbox {
    margin-left: 0;
    margin-top: 0;-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    z-index: 1000;
  }
  
  .sliderbox img {
  	-moz-border-radius: 0;
  	-webkit-border-radius: 0;
  	border-radius: 0;
  }
  
  main .ym-gl .ym-gbox .maincontent {
    padding-right: 0;
  }
  
  main form .ym-gl .ym-gbox .maincontent {
    padding-top: 20px;
  }
  
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  
  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-right: 0;
    margin-left: 0;
  }
  
  a.js-basketmodify[data-direction=up]:hover {
    background: url(../images/basket-plus.png) 0 center no-repeat;
  }
  
  a.js-basketmodify[data-direction=down]:hover {
    background: url(../images/basket-minus.png) 0 center no-repeat;
  }

table.finanzberichte{
margin-bottom: 0px;
width: 100%;
}

  
}  

/* Mobile mobile landscape size (devices and browsers) */  
@media only screen and (max-width: 639px) {}

/* Mobile landscape size to tablet portrait (devices and browsers) */  
@media only screen and (min-width: 480px) and (max-width: 767px) {}  

/* Mobile portrait size to mobile landscape size (devices and browsers) */  
@media only screen and (max-width: 380px) {
  
    article {
      width:100%;
      float:none;
      margin-right:0;
    }
    
    article .form {
      margin-left:40px;
    }

    .basket-img {
      margin-right:40px;
    }

table.finanzberichte{
margin-bottom: 0px;
width: 100%;
font-size:12px;
}

table.finanzberichte td.padding,
table.finanzberichte th.padding{
 
 padding-left: 0px;

}
}

/* Print output */  
@media print {}

/* @end */