@media only screen and (min-device-width : 320px) 
                   and (max-device-width : 720px) {
  
  .calSearch{
    padding:20px;
  margin-bottom:20px;
}
#aktuelleveranstaltungen {
  padding:10px;
}
#aktuelleveranstaltungen h4 a {
  text-decoration:none;
  font-weight:bold;
  font-size:15px !important;
  line-height:21px;
  margin-bottom:10px;
}

#anmeldungformular select {
width: 100%;
}

#calBrowse {
  margin-bottom:20px;
  margin-top:10px;
}
.cal,
.contenttable {
width: 100%;
}
.calDetailFuehrerTxt {
  width:auto;
}
.calTxt {
width: auto;
  font-size:11px;
}

  #langbox {
    margin-top:7px;
}
#langbox a {
   margin-left:5px;
}
  
#mobilenavbottom0 a {
  display:block;
  padding:10px;
  text-decoration:none;
}

#mobilenavbottom11 {
  margin-top:20px;
  border-top:2px solid #e6268c;
  height: 37px;
  width: 100%;
  clear:both;
  float:left;
}
#mobileback {
  float:left;
  width:40%;
  height: 37px;
  
  overflow:hidden;
}
#mobiletop {
  float:left;
    width:18%;
  border-left:2px solid #e6268c;
    border-right:2px solid #e6268c;
  height: 37px;
  
  overflow:hidden;
}
#mobiletop a {
  padding:10px;
  display:block;
    background: transparent url(../images/sprite.png) no-repeat 4px -263px;
    padding-left:200px;
}

#mobileback a {
  padding:8px 10px;
  display:block;
  background: transparent url(../images/sprite.png) no-repeat -11px -300px;
  padding-left:25px;
  text-decoration:none;
}




#mobilebottomhome {
  float:left;
  width:40%;
  height: 37px;
  overflow:hidden;
  
  text-align:right;
}

#mobilebottomhome a {
  background: transparent url(../images/sprite.png) no-repeat right -4px;
  padding:8px 10px;
  text-decoration:none;
  display:block;
  text-align:right;
    padding-right:40px;
}

#mobilenavbottom22 {
    background:url(../images/mobiletopnavbg.png) top left repeat-x;
  width: 100%;
  clear:both;
  float:left;
  height: 37px;
}
#mobilenavbottom0,
#mobilenavbottom1,
#mobilenavbottom2,
#mobilenavbottom3,
#mobilenavbottom4{
width: auto;
height: 37px;
overflow: hidden;
float: left;
text-align: center;
background: url(../images/mobilenavtrenner.png) no-repeat right 3px;
}

#mobilenavbottom3 {
  width:60px !important;
}

#mobilenavbottom4 img {
  width:25px;
  height:auto;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
}
#mobilenavbottom1 a {
  width: 40px;
overflow: hidden;
display: block;
text-align: center;
text-decoration: none;
padding-top: 40px;
  background: transparent url(../images/sprite.png) no-repeat center -183px;

} 
#mobilenavbottom2 a {
  width: 40px;
overflow: hidden;
display: block;
text-align: center;
text-decoration: none;
padding-top: 40px;
  background: transparent url(../images/sprite.png) no-repeat center -144px;

} 



body {
  background:#1e1e1e;
}
#printausgabe,
#bgimage,
#midright,
.teaserHoverInro,
.teaserHover:hover,
#terminePrint,
#minibox,
#main { 
  display:none; 
}
.teaserHover a {
  display:block;
}

.teaser {
  float:left;
  width:100%;
  margin-bottom:20px;
}

.teaserimg {
  float:left;
  width:47%;
}
.teasertxt {
  float:right;
  width:47%;
}
.news-single-img {
  width:50%;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
  width:140px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
margin: 20px 0 10px 100px;
font-weight: bold;
}
iframe {
  width:100%;
}
#newsletter input {
  width:140px !important;
}

#mobiletopnav,
#mobilenav,
#mobilelogo,
#mobilerootline,
#mobilecontent,
#mobilewerbung,
#mobilebottomnav,
#rootline,
#search,
.pagination
{
  clear:both;
  display:block;
}
#mobilesearch {
  padding:30px;
  clear:both;
  z-index: 20;
}

.aktuellesH1 {
  margin-bottom:20px;
}
.aktuelles {
  margin-bottom:20px;
}
.aktuellesImg img {
 width:100%;
  height: auto;
}
.aktuellesImg {
position: static;
z-index: 20;
  width:100%;
  height:200px;
  overflow:hidden;
}
.aktuellesTxt p {
  padding-bottom:0;
  margin-bottom:0;
}
#mobilewerbung div {
  width:20%;
  display:inline;
  margin-left:10px;
}
#mobilewerbung div.csc-textpic-caption {
  width:0%;
  display:none;
}
#mobilewerbung div img {
  max-height:20px;
}

#mobilelogo {
  height:114px;
  widht:100%;
  overflow:hidden;
  background: url(../images/mobillogo.png) no-repeat left top;

}
#mobilelogo a {
  display:block;
  padding-top:200px;
}

.navbar {
width: 100%;
height: 37px;
}
.navbar ul {
list-style: none;
width: 100%;
height: 37px;
overflow: hidden;
  margin:0;
  padding:0;
}

.navbar ul li {
width: 25%;
height: 37px;
overflow: hidden;
float: left;
text-align: center;
background: url(../images/mobilenavtrenner.png) no-repeat right 3px;
}
.home, .hotline, .search, .menu {
width: 100%;

display: block;
text-align: center;
text-decoration: none;
padding-top: 40px;
}
.home {
background: transparent url(../images/sprite.png) no-repeat center -3px;
}
.hotline {
background: transparent url(../images/sprite.png) no-repeat center -107px;
}
.search {
background: transparent url(../images/sprite.png) no-repeat center -37px;
}
.menu {
background: transparent url(../images/sprite.png) no-repeat center -72px;
}

#slides .slides_container {
width: auto;
height: auto;
}
.aktuelles {
width: auto;
height: auto;
overflow: auto;
}
.aktuellesH1 {
z-index: 10;
position: static;
top: 0;
left: 0;
}
.aktuelleshg {
width: auto;
height: auto;
overflow: auto;
position: static;
z-index: 21;
}
.aktuellesTxt {
padding: 0px 10px 0 10px;
}

#slides_container {
  overflow: auto;
position: static;
display: block;
}

#mobilerootline,
#mobilerootline a {
  color:#fff;
  text-decoration:none;
}
#mobilerootline {
  margin-bottom:10px;
  margin-left:10px;
}

#mobiletopnav {
  height:37px;
  background:url(../images/mobiletopnavbg.png) top left repeat-x;
  overflow:hidden;
}


#mobilebottomnav {
height:80px;
}

#mobilewerbung{
  background:url(../images/mobilderfooterbg.png) top center no-repeat;
  text-align:center;
  margin-top:10px;
  padding-top:30px;
}




h1,h4 {
font: 20px/24px 'Nunito', Arial, Verdana, Sans-Serif;
color: #fff;
background-color: #e0232b;
padding: 0px 4px 0 4px;
text-decoration: none;
display: inline;
height: 30px;
}
#midcnt h2 {
font: 16px/20px 'Nunito', Arial, Verdana, Sans-Serif;
color: #e0232b;
background-color: #fff;
padding: 0px 4px 0 4px;
text-decoration: none;
display: inline;
height: 24px;
}
.text20h {
  overflow:auto;
}
.indexLeft {
width: auto;
float: none;
}

#mobilelogo img {
  width:100%;
}
#mobilecontent img {
  max-width:100%;
}

#nav ul li.unternav {
height: 24px;
  width:93%;
}
#nav ul li.unternav a {
  font-size:16px;
  font-weight:bold;
}

#nav ul {
margin: 0 0 10px 10px;
}
.mid,#mobilslider {
padding: 10px;
}



#content {
  position:static;
  overflow:auto;
background:none;
}
#left {
  width:auto;
  float:none;
  margin-top:0;
}
#mid {
  width:auto;
  float:none;
  margin-top:0;
}

#midcnt {
  width:auto !important;
  float:left;
}
#midright {
  width:100%;
  float:left;
}













}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Ausschalten von Elemente */

/* header Bereich */

#logo {}
#functions {}

/* content Bereich */
#content {}
#content .main {}



/* footer Bereich */



}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}