html,body {height: 101%;margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;font-size: 12px;background-color: #D3531D;}

b {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; text-transform: none;}

h1 {  font-size: 15px; font-weight: bolder; color: #000000;}
h1.orange   {  font-size: 18px; font-weight: bolder; color: #D3531D; margin: 5px 0px 2px 0px;}
h2   {  font-size: 14px; color: #333333; font-style: italic;font-weight: normal; margin: 5px 0px 10px 0px;}

h3 {  font-size: 14px; font-weight: bolder; color: #D3531D;margin: 10px 0px 10px 0px;}

h4 {  font-size: 14px; font-weight: bolder; color: #D3531D;margin: 10px 0px 0px 0px;}

h5   {  font-size: 13px; color: #333333; font-style: italic;font-weight: bold; margin: 2px 0px 10px 0px;}

.red {  font-size: 10px;color: red}

.klein {  font-size: 10px;}

.klein_red {  font-size: 10px;color: #D3531D; }

em.important {
    font-style: normal; color: #D3531D;
}
.hover {
    margin-top: 10px;
}
.img {vertical-align: middle;}
.abstand {
         margin-left: 30px;
         }
.karaat {
position: absolute;
left: 510px;
top: 280px;

         }
a.seite:link, a.seite:visited  {  color: #D3531D; text-decoration: none;}
a.seite:hover {  color:#C6AC30;}

#clean {
clear:left;
}
.titel {  font-size: 15px;font-weight: bolder; color: #B19A2B;}
img {
    border: none;
}
#zentrieren {
    position: relative;
    margin: 0 auto; /*wichtig*/
    width: 1000px;
    height: auto;
    z-index:1;
}
#logo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1000px;
    height: 165px;
    background-image:  url(grafiken/bgoben.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    z-index:1;
         }
#inhalt {
    position: absolute;
    left: 21px;
    top: 165px;
    margin: 0px;
    width: 958px;
    background-color: #ffffff;
    height: auto;
    min-height: 485px;
    z-index:2;
         }
#navi {
         float: left;
         margin-left: 0px;
         margin-top: 2px;
         height: 83px;
         width: 958px;
         z-index:4; }

#navi a {
         display: block;
         display: inline;
         float: left;
         font-size: 14px;
         letter-spacing: 1px;
         font-weight: bold;
         color: #ffffff;
         text-align: center;
         background-color: #C6AC30;
         margin-left: 2px;
         width: 237px;
         height: 83px;
         line-height: 70px;
         text-decoration: none;
        }
#navi a:hover {  background-color: #D3531D; text-decoration: none}
#navi .aktiv { background-color: #D3531D; text-decoration: none}

#mitte {
    float: left;
    margin-top: 20px;
    margin-left:20px;
    width: 918px;
    height: auto;
    min-height: 400px;
    background-color: #ffffff;
    background-image:  url(grafiken/bg_mitte.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    z-index:3;}

#mitte_sp {
    position: relative;
    float: left;
    margin-top: 20px;
    left:70px;
    width: 848px;
    height: auto;
    min-height: 400px;
    background-color: #ffffff;
    background-image:  url(grafiken/bg_mitte.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index:3;}

#mitte_imp {
    float: left;
    position: relative;
    margin-top: 20px;
    left:240px;
    width: 678px;
    height: auto;
    min-height: 400px;
    background-color: #ffffff;
    z-index:3;}

#footer  {
         left: 0px;
         width: 958px;
         height: 25px;
         background-color: #C6AC30;
         border-bottom:2px solid #D3531D;
        }
/*feste Menu Punkte*/
#footermenu {
         position: relative;
         margin-left: 280px;
         width: 450px;
         line-height: 25px;
         color: #ffffff;
         z-index:3; }

#footermenu a {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none
}
#footermenu a:hover {  color: #9B2E2B; text-decoration: none}
#footermenu  .aktiv { color: #9B2E2B; text-decoration: none}

#copy {
         float: left;
         margin-left: 10px;
         width: 180px;
         margin-top: 5px;
         font-size: 9px;
         color: #ffffff;
         z-index:3; }

.rahmen {
border: #C6AC30;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

.submit {
border: #C6AC30;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
color: #ffffff;
background-color:#C6AC30;
}
#con_img {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 960px;
    text-align: center;
    height: auto;
    z-index:3;}
/* Speisenkarte */
#con_mitte {
    margin-top: 0px;
    margin-left:200px;
    width: 678px;
    font-size: 13px;
    text-align: left;
    height: auto;
    z-index:3;}

#con_left {
    float: left;
    margin-top: 0px;
    margin-left:0px;
    width: 390px;
    height: auto;
    font-size: 13px;
    z-index:3;}

#con_right {
    margin-top: 0px;
    margin-left:430px;
    width: 390px;
    height: auto;
    font-size: 13px;
    z-index:3;}
    
#index_left {
    float: left;
    margin-top: 0px;
    margin-left:0px;
    width: 540px;
    height: auto;
    text-align: justify;
    z-index:3;}

#index_right {
    float: left;
    margin-top: -20px;
    margin-left:50px;
    width: 250px;
    text-align: justify;
    height: auto;
    z-index:3;}
    
#index_full {
    margin-top: 0px;
    margin-left:0px;
    width: 850px;
    height: auto;
    z-index:3;}



.feld { /* den Submit-Button */
float: left;
width: 310px;
padding: 3px;
}
.feld1 { /* den Submit-Button */
float: left;
width: 60px;
padding: 3px;
text-align: right;
}
.feld3 { /* den Submit-Button */
float: left;
width: 40px;
padding: 3px;
text-align: right;
}
.feld4 { /* den Submit-Button */
float: left;
width: 250px;
padding: 3px;
font-weight: bold;
color: #D3531D;

}
.feld5 { /* den Submit-Button */
float: left;
width: 160px;
padding: 3px;
font-weight: bold;
color: #D3531D;
}