body {margin:0px; padding:0px;}
/* Containers
----------------------------------------------------------------------------------------------------*/
#Inhalt1,#header { margin-left:1.2%;}

.container { 
	margin-left: 4%;
	margin-right: 4%;
	position: relative;  margin: 0 auto; padding: 0; 	width:985px; 
	margin-top:0px; top:0px; 
}
 
.grid_full,
.grid_1,
.grid_2,
.grid_3 {
	display:inline; 
	float: left;
	position: relative;
	margin:0px;
	margin-left: 0%;
	margin-right: 0%; 
}

.grid_1 .kasten,.grid_2 .kasten,.grid_3 .kasten { width:100%;}

.container .grid_full {	width:100%;}
.container .grid_1 {	width:473px;width:476px; margin-right:15px; margin-left:-13px; }
.container .grid_2 {	width:230px;   margin-right:67px;   }
.container .grid_3 {	width:196px; margin-top:0px;  }

.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}


/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {	clear: both;	content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0; }
.clearfix {	display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}

#footer {
 margin-top:50px;}


/* unterhalb von 1025 (IPad quer) IMMER 90% */
@media only screen and (max-width: 1025px) {
	body {background-color:       ;   }
    .container { 	 	width:985px;width:887px; /*90%*/ }
    .container .grid_1 {	width:473px; width:426px; /*90%*/  margin-right:18px; margin-left:-13px; }
    .container .grid_2 {	width:230px; width:207px; /*90%*/   margin-right:67px;  }
    .container .grid_3 {	width:196px; width:176px; /*90%*/ }
    #header { margin-bottom:0px !important;    }
    #logo {margin-bottom: 7px !important;}
    .container .grid_full {	width:100% !important;}
}


@media only screen and (min-width: 720px) and (max-width: 959px) {/*2-Spaltig */
 	.container {width:710px; width:671px;/*90%*/   }
    .gridklammer { width:473px; width:426px;/*90%*/  float:left;     margin-right:65px;   }
        #header { margin-bottom:0px !important;    }
    #logo {margin-bottom: -5px !important;}

	.container .grid_1 { width:100%;   }
	.container .grid_2 {  margin:0px;  margin-left:-13px;  width:106%;  }
    .container .grid_2 .kasten { float:left !important; width:45.5%; margin:0px 1.27%  5px 0px !important ;    }
    .container .grid_full {	width:100% !important;}


/*	#Inhalt1 .container .grid_3 {      margin:0px; width:180px;    }
	#header .container .grid_3 {      margin:0px 0px 0px 8px ; width:170px;    }
            
      #bullets .grid_3 {  margin:0px 0px 0px 3px ; width:170px;    }*/

    #bullets {   }
      #bullets .grid_3 {    margin:0px 0px 0px 0px ;   width:176px;   }
      #bullets .grid_2 { display:none;}
      #bullets .grid_1 {   margin:0px 0px 0px 0px ;width:426px;   margin-right:63px !important; }
      .rsMinW .rsBullet {  	width: 10px !important;	height: 5px !important;	padding: 3px 4px 3px 0px !important;}
      .rsMinW .rsBullet span { 	width: 9px !important;height: 9px !important;}

    #footer.gridklammer { width:100%; }

}


@media only screen and (max-width: 719px) {
	body { background-color:               ;    }
	.container {width:90%;  }
    #Inhalt1 {margin-left:0px;}
	.container .grid_1 { width:100%; margin-right:0px; margin-left:0px;                                                                                           }
	.container .grid_2 { clear:both; width:104.4%; margin-right:0px; margin-left:0px; padding:0px;}

    
    .container .grid_2 .kasten { float:left !important; width:45.9% !important; margin:0px 4%  5px 0px !important ;    }/**/
 
    .container .kasten { border:none !important;    border-left:none !important; margin-bottom:30px !important;    }
    .container .kasten .inner {margin-right:0px !important;margin-left:0px !important;border:none !important;    }

    .gridklammer {  width:100%;    }
 	#Inhalt1 .container .grid_3 { width:100%; margin-left:0px; padding-left:0px;     }
    #header { margin-bottom:5px !important;    }
	#header .grid_1 { position: relative;  width:100%;  }
	#header .grid_2 { display:none;}
	#header .grid_3 { width:100%; }
	#logo img { width:60%; max-width:300px; }	
    #logo #logoBild {  margin-left:-10px !important;}

    /*Menü oben*/
    ul#rechtsoben2 { display:inherit !important;}
    #Inhalt1 .grid_3 h3 a { display:none !important;}
    #Inhalt1 .grid_3 .termine2 h3 a { display:inherit !important; }
    #Inhalt1 .grid_3 .termine2 { width:100% !important; border:1px solid #F5F2ED !important; margin:0px !important; }
    #Inhalt1 .grid_3 .termine2 .inner { margin:15px !important; }

    #respMenue { cursor:pointer; display:inherit !important; position:absolute; right:0px; bottom:0px; margin:0px 0px 5px 0px; }
    ul.rechtsoben { margin: 15px 4% 20px 4px !important; padding:0px; list-style:none; width:45%; float:left; }
    ul.rechtsoben li {  width:100%; border-bottom:1px solid #cccccc; padding: 7px 0px 3px 0px !important;}
    ul.rechtsoben li.lang   { display:none;}  
    ul.rechtsoben li.lang2  { display:inherit !important; border:none;}  
    ul.rechtsoben li.lang2 a {   color:#a49171;  padding: 0px 3px 0px  0px;  display:inline;}  
    ul.rechtsoben li.lang2 a.aktiv {   color:#d4cbba}  
  
      ul.rechtsoben.rechts { margin: 15px 0% 20px 0px !important;     }
   
      #bullets .grid_3 {   margin:0px 0px 0px 0px ; width:100%; text-align:right;    }
      .rsMinW .rsBullet {	width: 10px !important;	height: 5px !important;	padding: 3px 4px 3px 0px !important;}
      .rsMinW .rsBullet span { 	width: 9px !important;height: 9px !important;}

    #infotext { display:none !important;}

    .container .grid_3 .kasten .inner  h3   {}
    hr.menuetrenner,.container .grid_3 hr  { display:none !important;}
    
    .container .grid_3 .kasten .inner  h3.klapptitel   {  border-top: 1px solid #ccc; padding:9px 0px 2px 6px ; margin-left:-7px; }
    .container .grid_3 .kasten.termine .inner h3 { border:none !important;  padding:0px 0px 2px 6px ;  }
    .jackbox-description h3 { display:none !important;}


     #Inhalt1 .container .grid_3  .kasten.termine { display:none  !important  ; }
      #Inhalt1 .container .grid_1 .grid_3 .kasten.termine { display:inherit !important ; margin-bottom:50px !important;   }



}
	

@media only screen and (max-width: 719px) {
	body { background-color:          ;    }
 	/*   	.container .grid_2 {  margin:0px;  margin-left:-8px;  width:100%;  }
        .container .grid_2 .kasten {   width:100% !important; margin:0px  0 5px  0px !important ;    }
.container .grid_2 .kasten { width:100%; margin:0px 0px 20px -13px !important ; } */
     	.container {                                                                                                                           }

     	.container .grid_1 {width:100%; margin-right:0px;    /*                                                                                      	  */}

.container .grid_1 .kasten.aktiv {   margin-bottom:30px;}
.container .grid_2 .kasten.aktiv { margin-bottom:15px;}
      #bullets .grid_3 {    display:none !important; }

    /*.container .grid_2   { margin:0px 0px 0px 0px !important;  border:none;  }
    .container .grid_2 .kasten { margin:0px 4.5% 0px 0px !important; border:none !important; width:45% !important; padding:0px !important;   }*/
    .container .grid_2 .kasten .inner,.container .grid_2 .kasten .inner img {  border:none !important; width:100%; margin:0px !important;   padding:0px !important; }

        #logo #logoBild { background-image:url(../images/logo.png) !important; width:180px !important;  background-repeat:no-repeat; background-size:contain; }
    #logo #logoBild a { display:block; height:55px !important; }

    .container .grid_2 h3 {   }
    .container .grid_2 p {   }
}
	

@media only screen and (max-width: 479px) {
    #Bildheader { display:inherit ;    }
    #Bildheader.start { display:none !important;    }
    
 /*	body { background-color:      ;    }
   
 	   	.container .grid_2 {  margin:0px;  margin-left:-8px;  width:100%;  }

        .container .grid_2 .kasten {   width:100% !important; margin:0px  0 5px  0px !important ;    }
*/

/*
.container .grid_2 .kasten { width:100%; margin:0px 0px 20px -13px !important ; } */


    
   
}