
body,html  { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0 }
#mainFrame      { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("../images/frame/content_bg.jpg"); background-repeat: no-repeat; background-position: 0 148px; text-align: center; display: block; margin-right: auto; margin-left: auto; position: relative; width: 906px }
#header     { background-image: url("../images/frame/frame_top.jpg"); text-align: left; height: 114px }
#mainMenu      { background-image: url("../images/frame/meun_bg.jpg"); text-align: left; position: relative; width: 100%; height: 34px; vertical-align: middle }
#mainMenu ul   { list-style-type: none; margin: 0 0 0 24px; padding: 7px 0 0 }
#mainMenu ul li  { float: left }
#mainMenu a { color: white; font-size: 14px; font-weight: bold; text-decoration: none; padding-right: 5px; padding-left: 5px }
#mainMenu a:hover  { text-decoration: underline }
#content     { text-align: left; margin-right: auto; margin-bottom: 10px; margin-left: auto; position: relative; top: 10px; width: 880px; height: 480px }
#subMenu      { background-color: #f0d2cd; text-align: left; display: block; padding-top: 5px; padding-bottom: 5px; position: absolute; right: 4px; bottom: 490px; width: 360px; border: solid 1px gray; -moz-opacity: 0.8 ; filter: alpha(opacity=80); opacity: 0.8     }

#subMenu ul { list-style-type: none; margin: 0; padding: 0 }
#subMenu a  { color: black; font-size: 10px; text-decoration: none }
#subMenu a:hover  { color: #8f3131; text-decoration: underline }
#subMenu #col1      { margin-left: 5px; width: 170px; float: left }
#subMenu #col2     { margin-right: 5px; width: 160px; float: right }

/*body, p, td  { font-size: 14px; font-family: Verdana }
#menu_area   { display: block; margin: 0; padding: 0; position: relative; top: 0; left: 0 }
#menu { display: block; position: absolute; top: 9px; left: 20px }
#menu a { color: white; font-size: 14px; font-weight: bold; text-decoration: none; display: inline; padding-right: 5px; padding-left: 5px }
#menu a:hover  { color: #ffecec; text-decoration: underline }
#menu a.active { color: #ec6c6c; text-decoration: underline }
#sub_menu   { font-size: 10px; background-color: #f0d2cd; display: block; margin: 0; padding: 5px; position: absolute; top: -20px; right: 1px; width: 350px; border: solid 1px black; -moz-opacity: 0.8 ; filter: alpha(opacity=80); opacity: 0.8   }
#sub_menu ul { list-style-type: none; margin: 0; padding: 0 }
#sub_menu a  { color: black; font-size: 10px; text-decoration: none }
#sub_menu a:hover  { color: #8f3131; text-decoration: underline }
#sub_menu #col1   { display: inline-table; width: 170px; float: left }
#sub_menu #col2  { display: inline-table; width: 160px; float: right }
*/
#content   { color: #483527; font-size: 12px; position: relative; z-index: 2 }
#content  th, td {font-size: 12px;}
#content h2 { font-size: 12px; margin: 0; padding: 0 }
#content .food  { font-size: 10px; display: block; position: absolute; top: 10px; left: 18px; width: 485px; height: 450px; overflow: auto }
#content .food h1   { color: #fff; font-size: 13px; background-color: #c9a2a3; margin: 0 0 5px; padding: 2px 0 2px 2px }
#content .foodImg    { position: absolute; top: 10px; left: 530px; width: 359px; height: 450px }
#bottomBG  { background-repeat: no-repeat; background-position: center bottom; visibility: hidden; margin: 0; padding: 0; position: absolute; z-index: 1; bottom: 0; left: 8px; width: 895px; height: 380px }
div.anfahrt .boxleft  { position: absolute; top: 120px; left: 20px }
div.anfahrt .boxtop  { position: absolute; top: 20px; left: 190px }
div.anfahrt .boxright  { position: absolute; top: 120px; left: 590px }
div.anfahrt .boxbottom  { position: absolute; top: 420px; left: 360px }
div.anfahrt .boxcenter  { position: absolute; top: 60px; left: 190px }


div.angebot .boxcenter    { position: absolute; top: 35px; left: 335px }
div.angebot .boxleft   { position: absolute; top: 35px; left: 10px }
div.angebot .boxright   { position: absolute; top: 350px; left: 550px }


div.impressum .boxleft       { position: absolute; top: 0; left: 150px; width: 250px; height: 433px }
div.impressum .boxright       { color: white; font-size: 10px; background-image: url("../images/impressum/berg.jpg"); background-repeat: no-repeat; background-position: 0 bottom; padding-left: 5px; position: absolute; top: 28px; left: 580px; width: 280px; height: 378px }
div.impressum th  {  text-align: left; white-space: nowrap;  vertical-align: top }


div.index .boxtop   { position: absolute; top: 30px; left: 20px }
div.index .boxtop h1   { font-size: 12px; margin: 0; padding: 0 }
div.index .boxcenter { position: absolute; top: 105px; left: 100px }
div.index .boxright   { position: absolute; top: 30px; left: 500px }
div.index .boxoeffnen   { position: absolute; top: 180px; left: 600px }
div.oeffnung .boxleft { position: absolute; top: 190px; left: 70px }
div.oeffnung .boxright { position: absolute; top: 190px; left: 700px }
div.pizzator .label    { background-color: #d7c9c9; display: block; padding-bottom: 5px; width: 200px }
div.pizzator .liste   { display: block; width: 200px; height: 240px; overflow: auto }
div.pizzator .liste ul,li  { list-style-type: none; margin: 0; padding: 0 }
div.pizzator .liste li   { background-color: #c9a2a3; border-bottom: 1px solid #7f5b5b }
div.pizzator .liste li.selected  { background-color: #75deff }
div.pizzator .zutaten       { position: absolute; top: 10px; left: 10px }
div.pizzator .gewaelteZutaten       { position: absolute; top: 10px; left: 390px }
div.pizzator .pizzaResult       { position: absolute; top: 10px; left: 630px }
div.pizzator div.resultPizza { font-size: 16px; font-weight: bold; background-color: #e3ff47; text-align: center; padding: 2px; border: solid 1px black }
div.pizzator .pizzaResult li    { background-color: #e3ff47; border-bottom: 1px solid #a7bd28 }
div.pizzator .row   { position: relative; left: 20px; height: 120px }
div.pizzator .col1   { text-align: center; margin-right: 80px; padding: 2px; width: 200px; float: left; border: solid 1px }
div.pizzator .col2   { padding: 2px }
div.pizzator .thePizzator  { color: red; font-size: 16px; font-weight: bold; text-align: center }
div.pizzator .pizzatorArea  { background-image: url("../images/pizzator/pizzator_hg.jpg"); display: block; position: relative; top: 0; left: 18px; width: 843px; height: 340px }
#pizzator { position: absolute; top: 10px; left: 700px; }
a img { border-style: none; border-width: 0; }
img { border-style: none; border-width: 0; }
a { border-style: none; border-width: 0; }
.unsere_tips th { text-align: center }
.unsere_tips th { padding-left: 100px }
.unsere_tips td { padding-left: 100px }