html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, img, image {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

* { margin: 0;padding: 0; }
@media only screen and (min-width: 100px) {
.kontaktdaten-pc, .kontaktdaten-oben, .text-footer
       {display:none;  }
#logo, #mitte  {
       display:inline;  }

#page   {
        width: 100%;
        border: 0px;
        padding: 0px;
        margin:0 auto 0px;}

#header   {
        text-align: center;
        padding: 0px;
        margin:0 10px 0 10px; }

#menu {
        width:100%;
        background-color: #004A79;
        float: left;
        margin: 0px auto 0px;
        padding:0px;
        border: 0px; }

#content  {
        padding: 0px;
        margin:0 10px 0 10px;
        color:#4C4C4C; }

#sidebar  {
        padding: 0px;
        margin:0 10px 0 10px;
        color:#4C4C4C; }


#footer {
        padding: 10px 0px 0px 15px;
        margin:0 10px 50px 10px;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #333333;
        text-align: center;
         }


#kopf1   {
        width:300px;
        height: 114px;
        vertical-align:bottom;
        padding: 0px;
        margin: 0 0 0 10px;
        border: 0px;
        float:left; }

#kopf2 {
        width:356px;
        vertical-align:bottom;
        font-size:125%;
        color: #ce0000;
        text-align: right;
        margin: 0px;
        padding: 85px 0 0 100px;
        border: 0px;
        float:left;  }

#kopf3 {

        width:133px;
        height: 114px;
        vertical-align:bottom;
        padding: 0px;
        margin: 0px;
        border: 0px;
        font-size:80%;
        float:left; }

#kopf4 {
        height: 56px;
        width: 570px;
        vertical-align:bottom;
        padding:58px 0 0 0;
        margin: 0px;
        border: 0px;
        float:left; }
         .alignnone, .foto {
         width:100%; }

         .kopfgrafik {
         width:100%;
         height:100%;  }

         .kontaktdaten-oben {
         font-size:100%;
         width:100%;
         font-weight:bold;
         margin: 0 0 20px 0;
         padding: 0px; }

         .kontaktdaten-pc {
         font-size:100%;
         text-align:center;
         width:100%;
         margin: 0 0 20px 0;
         padding: 0px;  }

         .kontaktdaten-alle {
         font-size:100%;
         margin: 0 0 20px 0;
         padding: 0px;
         text-align:center; }

         .text-footer, .impressum {
          margin: 0 0 30px 0;
          font-size:100%;
          line-height: 150%;
          text-align:center; }

          .bearbeiten {
          margin: 30px 0 30px 0;     }

          /*Menuseite*/

          .tabellemenu {
          padding: 0px;
          margin: 30px 0 0px 0;
           }

          .tabellenspalte1 {
          width: 300px;  }

          .langtext {
          color: #808080;
          padding: 0;
          margin: 20px 0 20px 0;
          font-size:90%;           }


          .tabelle-angebote td {
           padding: 5px 20px 5px 0px;   }
           .Buffet-Links {
           margin: 30px 100px 30px 0;
           float:left;             }

           .Buffet-Rechts {
           margin: 30px 0 30px 0;
           float:left;
           }

           .Buffet-Button {
           margin: 0px 0 30px 0;
           }

           .Buffet-Text {
           margin: 20px 0 30px 0;
           }

           .Tabellenspalte2  {
           text-align: right;
           width: 100px;
           padding: 0 0 0 130px;
            }

          .Formular_links  {
           float:left;
           width: 300px;
           margin: 0 20px 10px 0;  }

          .Formular_rechts {
           float:left;
           width: 300px;
           margin: 0 20px 20px 0; }

          .Formular_radio   {
           margin: 0 0px 20px 0;
           padding: 0px;      }

          .absenden {
          font-size: 100%;   }

          .input_2    {
          margin: 0 0  0 10px; }

          .Formular_Text  {
          font-size: 100%;
           margin: 10px 0 30px 0;
          }

body {
        font-size:100,01%;
        font-family: verdana, Trebuchet MS, Arial, Sans-Serif;
        background-color: #FFFFFF;
        background-repeat:repeat-x;
        padding: 0px;
        margin:0px;
        height: 100%; }

img {
        border:0px;
        padding: 0px;
        margin:0px;
         }


table,tr,td,th  {
        padding: 0px;
        margin: 0px;  }

th      {
         vertical-align: top;  }

h1 {
        font-size:110%;
        margin: 20px 0 20px 0;
        padding:0px;  }

h2 {
        font-size:100%;
        margin: 20px 0 0 0;
        padding:0px;  }

h3 {
        font-size:100%;
        margin: 20px 0 0 0;
        padding:0px;  }

h4 {
        font-size:100%;
        margin: 20px 0 0 0;
        padding:0px;  }

p {
        font-size:90%; }

p a {
        text-decoration: none;
        color: #004A79;
        }

p a:hover {
        text-decoration: underline;
        color: #000000;
        }
@media only screen and (min-width: 768px) {


 {
       display:none;}
#logotext, .kontaktdaten-pc, .kontaktdaten-oben,  .text-footer   {
       display:inline;}

#page   {
        width: calc(100% - 20px);
        margin: 0 10px 0 10px; }

#header   {
        margin:0px; }

#menu {
        margin: 0px auto 30px; }


#content  {
        margin:0px;
        float:left;
        width: calc(100% - 244px); }

#sidebar  {
        margin:0px;
        padding:0px;
        float:right;
        width: 230px; }

#footer {
        margin:0px;
        width: calc(100% - 20px);
        }
         .kontaktdaten-oben {
         font-size:100%;
         width:100%;
         font-weight:bold;
         margin: 0 0 40px 0;
         padding: 0px;
         text-align:left;   }

         .kontaktdaten-pc {
         font-size:100%;
         width:100%;
         margin: 10px 0 0px 0;
         padding: 0px;
         text-align:left; }

         .kontaktdaten-alle {
         font-size:100%;
         margin: 10px 0 20px 0;
         padding: 0px;
         text-align:left;
         line-height: 150%;}


         .Formular_links  {
           float:left;
           width: 300px;
           margin: 0 20px 20px 0;  }

}
@media only screen and (min-width: 1000px) {


#page   {
        width: 980px;
        margin: 0 auto 0 ; }

#content  {
        float:left;
        padding: 0px;
        margin: 0px;
        width: calc(100% - 244px);
        color:#4C4C4C;  }

#sidebar-pc  {
        float:right;
        padding: 0px;
        margin: 0 0 0 0px;
        width: 230px;
        height:100%; }


}
@media only screen and (min-width: 768px) {


#menu .menu-header, div.menu {
        font-size: 80%;
        margin-left: 12px;
        margin: 0px;
        padding:0px;
        border: 0px;  }

#menu .menu-header ul, div.menu ul {
        list-style: none;
        margin: 0px;
        padding:0px;
        border: 0px; }

#menu .menu-header li, div.menu li {
        float: left;
        position: relative;
        margin: 0px;
        padding:0px;
        border-left:1px solid;
        border-color: #FFFFFF; }

/*Menü  andere Seiten*/
#menu a, #menu a:visited {
        color: #D1E2FF;
        letter-spacing: 2px;
        display: block;
        line-height: 38px;
        padding: 0 10px;
        margin: 0px;
       /* width: 132px; */
        text-decoration: none; }

#menu ul ul {
        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
        display: none;
        position: absolute;
        top: 38px;
        left: 0;
        float: left;
        width: 215px;
        z-index: 99999; }

#menu ul ul li {
        min-width: 180px;}

#menu ul ul ul {
        left: 100%;
        top: 0;  }

/*aufgeklapptes Menü*/
#menu ul ul a {
        color: #FFFFFF;
        background: #005DBE;
        line-height: 1em;
        padding:0;
        width: 200px;       /*Länge aufgeklapptes Menü*/
        height: auto;
        margin:-15px 0 0 0;
        padding:8px;
        border-top:1px solid;
        border-color: #FFFFFF;
        line-height: 140%; }

/*Menü  Maus over*/
#menu li:hover > a, #menu ul ul :hover > a {
        background: #3289C0;
        color: #FFFFFF;  }

#menu ul li:hover > ul {
      display: block;}


/*Menü  Aktuelle Seite*/
#menu ul li.current_page_item > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a {
        color: #FFFFFF;


}
* html #menu ul li.current_page_item a,
* html #menu ul li.current-menu-ancestor a,
* html #menu ul li.current-menu-item a,
* html #menu ul li.current-menu-parent a,
* html #menu ul li a:hover {
        color: #FFFFFF;  }

ul.navmenu {
        margin: 0px;
        font-size: 12px;
        position:relative;
        left: -50px; }

ul.navmenu li {
        float:left;
        padding: 0px;
        margin: 0px;
        font-weight:bold;
        font-color:#000000;
        margin-left: 0; /* für IE */
        list-style-type: none; }

ul.children {
      position:relative;
      left: -40px; }


ul.children li {
        float:none;
        padding: 15px 0 0px 0px;
        margin: 0 0 0 0px;
        font-weight:normal;
        font-color:#808080;
        margin-left: 0; /* für IE */
        list-style-type: none;
        width:120px;  }

ul.navmenu a,
ul.navmenu a:link,
ul.navmenu a:visited,
ul.navmenu a:active,
.einspaltiger-Fliesstext a,
.einspaltiger-Fliesstext a:link,
.einspaltiger-Fliesstext a:visited,
.einspaltiger-Fliesstext a:active,
.zweispaltiger-Fliesstext a,
.zweispaltiger-Fliesstext a:link,
.zweispaltiger-Fliesstext a:visited,
.zweispaltiger-Fliesstext a:active,
.info-text a,
.info-text a:link,
.info-text a:visited,
.info-text a:active,
.info-text-redakteur a,
.info-text-redakteur a:link,
.info-text-redakteur a:visited,
.info-text-redakteur a:active,
.Link a,
.Link a:link,
.Link a:visited,
.Link a:active
{
        text-decoration: none;
        color: #808080;
}

ul.navmenu a:hover,
.einspaltiger-Fliesstext a:hover,
.zweispaltiger-Fliesstext a:hover,
.info-text a:hover,
.info-text-redakteur a:hover,
.Link a:hover
{
        text-decoration: underline;
        color: #333333;
}