/*---------- Definition des Layout ----------*/
html, body{font-size:18px;background-color:#0000fe}

.ks_maincontainer{margin:10px 0px 0px 0px;padding:0px 10px 0px 10px;width:100%;border: 0px solid #000000}
.ks_container{margin:0px auto 0px auto;padding:0px;width:100%}
.ks_header{margin:10px auto 10px auto;padding:0px;width:100%;border:1px solid #ffffff;}

.ks_header_img  {position:relative; top:0px;left:0px;width:100%; border:0px solid #ffffff;z-index:100;}
.ks_header_motto{position:absolute; top:15px;left:-5px;width:100%; border:0px solid #ffffff;z-index:110;}

.ks_footer{position:relative;margin:10px auto 10px auto;padding:10px 10px 10px 10px;width:100%;border:1px solid #ffffff}



/* -------- Navigation ------------------  */

.ks_nav_switch{padding:5px 0px 5px 0px;color:#ffffff;background-color:#890414;}
.ks_navigation {margin:5px ;padding:10px 10px 10px 10px;width:200px;overflow:hidden;border: 1px solid #890414;float:left;}
.ks_closenav{font-size:1em;}     
.ks_opennav{padding:px 0px 0px 0px;font-size:1.2em;color:#ffffff;}
.ks_opennav:hover,.ks_closenav:hover{cursor:pointer; opacity:0.8;}


/* ---------- Inhalte ---------- */
.ks_content{margin:0px;padding:10px auto 10px auto; width:75%;overflow:hidden;}
.ks_25{margin:0px;padding:0px;width:25%;overflow:hidden;border:0px solid #cccccc;border-collapse: collapse}
.ks_33{margin:0px;padding:0px;width:33%;overflow:hidden;border:0px solid #cccccc;border-collapse: collapse;}
.ks_50{margin:0px; padding:0px;width:50%;overflow:hidden;border:1px solid #cccccc;border-collapse: collapse;}
.ks_66{margin:0px; padding:0px;width:66%;overflow:hidden;border:0px solid #cccccc;border-collapse: collapse;}

.ks_half{margin:0px; padding:0px;width:50%;overflow:hidden;border:0px solid #cccccc;border-collapse: collapse;}

.ks_bild{margin:0px; padding:0px;width:50%;overflow:hidden;border:0px solid #cccccc;}

.ks_links{margin:0px 10px 0px 0px;float:left}
.ks_links_30{margin:0px 30px 0px 0px;float:left}
.ks_rechts{margin:0px 0px 0px 10px;float:right}
.ks_left{margin:0px;float:left}
.ks_right{margin:0px;float:right}
.ks_endfloat{clear:both;}

/* ----------- Tabellen -----------------*/
.ks_ohne{margin: 0px;padding:0px;
    font-family: Arial, Verdana, sans-serif;font-size: 1em;
    border: 0px none #D0D0D0;border-collapse: collapse;
    text-align:left;vertical-align:top;
    }    

.ks_normal{margin: 0px;padding:3px;
    font-family: Arial, Verdana, sans-serif;font-size: 1em;
    border: 0px none #D0D0D0;border-collapse: collapse;
    text-align:left;vertical-align:top;
    }   
/* ---------- Responsive ----------*/   

@media screen and (min-width:641px){
.ks_66{width:66%} 
.ks_half{width:50%}
.ks_50{width:50%}
.ks_33{width:33%}
.ks_25{width:25%}
.ks_bild{width:50%}
}

@media screen and (max-width:640px){
.ks_66{width:100%;clear:both} 
.ks_half{display:none;clear:both}
.ks_50{width:100%;clear:both}
.ks_33{width:100%;clear:both}
.ks_25{width:100%;clear:both} 
.ks_bild{width:100%;clear:both} 
}





@media screen and (min-width:911px){
  .ks_content{float:left;padding:10px 10px 10px 50px;width:75%;overflow:hidden}
  .ks_nav_switch{display:none;}
  .ks_closenav{display:none;}
  .ks_75{width:75%}
  
  } 

@media screen and (max-width:910px){
  .ks_content{clear:both;padding:10px 10px 10px 10px;width:100%;overflow:hidden}
  .ks_nav_switch{display:block;}
  .ks_navigation{display:none;width:100%;}
  .ks_closenav{display:block;}
  .ks_75{width:100%}
  
  } 

/*----- Tabellen für Fotos ----- */

.bildtable{
    padding: 0px;
    margin: 2px;
    border: 0px solid #890414;
    border-collapse: collapse;
    float:left;  
}

.bildtd{
    padding: 0px;
    margin: 0px;
    color: #000000;
    background-color:#ffffff;
    border: 1px solid #890414;
    border-collapse: collapse;
    text-align:center;
    vertical-align:middle;

}


/* ----- Termine Tabellen mobil ----- */
.ks_termin_datum{
    display:table-cell;
    margin: 0px;padding:0px;
    font-family: Arial, Verdana, sans-serif;font-size: 1em;
    border: 0px none #D0D0D0;border-collapse: collapse;
    text-align:left;vertical-align:top;
    width:160px; 
    float:left; 
}

.ks_termin{
    display:table-cell;
    margin: 0px;padding:0px;
    font-family: Arial, Verdana, sans-serif;font-size: 1em;
    border: 0px none #D0D0D0;border-collapse: collapse;
    text-align:left;vertical-align:top;
    float:none;
    }    

@media only screen and (max-width: 500px){
    .ks_termin_datum {width:100%;clear:both;}
    .ks_termin{margin:0px;width:100%;clear:both;}
}
@media only screen and (min-width: 501px){
    .ks_termin_datum {width:160px;float:left;}
    .ks_termin{float:none;}
}