/* === DATEIWEITE EINSTELLUNGEN === */
/* === Body, Anzeigefenster (zentriert) === */
  body { width:100%;
    font-size: 16px; font-family: Arial,Helvetica,sans-serif; color: #ffffff; overflow: scroll;
  	background-color: #1B516B; background-attachment: fixed; background-repeat: no-repeat;}
/* === ANZEIGEBEREICHE ======================================================================================================== */
  .center { margin:  auto;}
  /* *** KOPFBEREICH ********************************************************************************************************** */
  .kopfber { margin-top: -10px; border-bottom: 1px solid #ffffff; position: fixed; background-color: #1B516B; z-index: 900;
    background-repeat: no-repeat; background-position: top center;}
  /* *** Seitenbereich Hintergundbild *** */
  .seitehgindex { background-image: url(../image/seite/hgindex.png); }
  .seitehgkalender { background-image: url(../image/seite/hgkalender.png); }
  .seitehgsgk { background-image: url(../image/seite/hgsgk.png); }
  .seitehgfeier { background-image: url(../image/seite/hgfeier.png); }
  .seitehgreserv { background-image: url(../image/seite/hgreserv.png); }
  .seitehgkontakt { background-image: url(../image/seite/hgkontakt.png); }
  /* *** SEITENBEREICH ******************************************************************************************************** */
  .seiteber  {}
  /* *** SEITE EINSPALTIG / Seitenbereich  *** */
  .seiber_a  {}
  /* *** SEITE ZWEISPALTIG / Seitenbereich b *** */
  .seiber_b_spli  { float: left;}
  .seiber_b_spre  { float: left; border-color: red;}
  /* *** SEITE DREISPALTIG / Seitenbereich c *** */
  .seiber_c_spli  { float: left; min-height: 100px;}
  .seiber_c_spmi  { float: left; min-height: 100px;}
  .seiber_c_spre  { float: left; min-height: 100px;}
  /* *** FUSSBEREICH ********************************************************************************************************** */
  .fussber { border-top : 1px solid #ffffff;}
/* ============================================================================================================================ */
/* ===  DESKTOP ( Anzeige center 1850px ) ======= */
@media only screen and (min-width: 1801px){
  body { background-size: 900px; background-position: 900px 250px; }
  .center  { width: 1700px;}
  .kopfber { width: 1700px; height: 200px; 
      background-image: url(../image/seite/kopfbild.png); background-size: auto 170px;}
  .seiteber  { padding-top: 190px;}
  /* *** SEITE EINSPALTIG *** */
  .seiber_a  { width: 1700px;}
  /* *** SEITE ZWEISPALTIG *** */
  .seiber_b_spli  { width:  250px;}
  .seiber_b_spre  { width: 1450px;}
  /* *** SEITE DREISPALTIG *** */
  .seiber_c_spli  { width:  250px;}
  .seiber_c_spmi  { width: 1100px;}
  .seiber_c_spre  { width:  350px;}
  /* *** Fussbereich *** */
 .fussber  { width: 1700px; height: 50px;}
}
/* ===  Laptop 1 ( Anzeige center 1700px ) ====== */
@media only screen and (max-width: 1800px){
  body { background-size: 900px; background-position: 900px 250px; }
  .center   { width: 1700px;}
  .kopfber  { width: 1700px; height: 200px;
      background-image: url(../image/seite/kopfbild.png); background-size: auto 180px;}
  .seiteber  { padding-top: 190px;}
   /* *** SEITE EINSPALTIG *** */
  .seiber_a  { width: 1700px; min-height: 700px;}
  /* *** SEITE ZWEISPALTIG *** */
  .seiber_b_spli  { width:  250px;}
  .seiber_b_spre  { width: 1450px;}
  /* *** SEITE DREISPALTIG *** */
  .seiber_c_spli  { width:  250px;}
  .seiber_c_spmi  { width: 1100px;}
  .seiber_c_spre  { width:  350px;}
  /* *** Fussbereich *** */
  .fussber  { width: 1700px; height: 50px;}
}
/* ===  LAPTOP 2 ( Anzeige center 1200px ) ====== */
@media only screen and (max-width: 1300px){
  body { background-size: 700px; background-position: 800px 250px; }
  .center   { width: 1200px;}
  .kopfber  { width: 1200px; height: 170px;  
      background-image: url(../image/seite/kopfbild.png); background-size: auto 120px;}
  .seiteber  { padding-top: 160px;}
  /* *** SEITE EINSPALTIG *** */
  .seiber_a  { width: 1200px;}
  /* *** SEITE ZWEISPALTIG *** */
  .seiber_b_spli  { width: 250px;}
  .seiber_b_spre  { width: 950px;}
  /* *** SEITE DREISPALTIG *** */
  .seiber_c_spli  { width: 250px;}
  .seiber_c_spmi  { width: 600px;}
  .seiber_c_spre  { width: 350px;}
  /* *** Fussbereich *** */
  .fussber  { width: 1200px; height: 50px;}
}
/* === TABLET  ( Anzeige center 700px ) ========= */
@media only screen and (max-width: 800px){
  body { background-size: 550px; background-position: 250px 200px; }
  .center   { width: 700px;}
  .kopfber  { width: 700px; height: 120px;
      background-image: url(../image/seite/kopfbild.png); background-size: auto 80px;}
  .seiteber  { padding-top: 110px;}
  /* *** SEITE EINSPALTIG *** */
  .seiber_a  { width: 700px;}
  /* *** SEITE ZWEISPALTIG *** */
  .seiber_b_spli  { width: 200px;}
  .seiber_b_spre  { width: 500px;}
  /* *** SEITE DREISPALTIG *** */
  .seiber_c_spli  { width: 200px;}
  .seiber_c_spmi  { width: 500px;}
  .seiber_c_spre  { width: 300px;}
  /* *** Fussbereich *** */
  .fussber  { width: 700px; height: 50px;}
}
/* === PHONE ( Anzeige center 360px ) =========== */
@media only screen and (max-width: 380px){
  body { background-size: 380px; background-position: 50px 350px; }
  .center   { width: 360px;}
  .kopfber  { width: 360px; height: 240px;
      background-image: url(../image/seite/kopfbild.png); background-size: auto 80px;}
  .seiteber  { padding-top: 230px;}
  /* *** SEITE EINSPALTIG *** */
  .seiber_a  { width: 360px;}
  /* *** SEITE ZWEISPALTIG *** */
  .seiber_b_spli  { width: 360px;}
  .seiber_b_spre  { width: 360px;}
  /* *** SEITE DREISPALTIG *** */
  .seiber_c_spli  { width: 360px;}
  .seiber_c_spmi  { width: 360px;}
  .seiber_c_spre  { width: 360px;}
  /* *** Fussbereich *** */
  .fussber  { width: 360px; height: 50px;}
}