/* ------------------------------------------------------------------- 4 M A X i C S S S T Y L E S H E E T ---------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; font-size: 100.01%; } body { background: #7e0000 url("/images/bg_body.gif") no-repeat left top; text-align: left; font: 100% Arial, Helvetica, sans-serif; } #layout { width: 777px; text-align: left; font-size: 8pt; } a img { border: 0px; } a { color: #7e0000; } a:hover { color: #a0351e; } h4 { text-transform: uppercase; font-size: 14pt; color: #7e0000; margin-bottom: 6px; border-bottom: solid 1px #7e0000; } h5 { text-transform: uppercase; font-size: 10pt; color: #a0351e; margin-bottom: 6px; border-bottom: solid 1px #a0351e; } h4.invisible, h5.invisible { text-transform: uppercase; color: #999; border-bottom: solid 1px #999; } /* ------------------------------------------------------------------- H E A D E R ---------------------------------------------------------------------- */ #header { background: url("/images/bg_header.gif") no-repeat left bottom; height: 184px; text-align: right; } #logo { float: right; background: url("/images/logo.gif") no-repeat left bottom; width: 117px; height: 122px; padding: 24px 26px 0 0; } #logo:hover { background-image: url(/images/logo0.gif); } /* ------------------------------------------------------------------- N A V I G A T I O N ---------------------------------------------------------------------- */ #nav { text-transform: uppercase; float: right; margin-top: 24px; width: 133px; } #nav li { height: 16px; list-style-type: none; } #nav a strong { visibility: hidden; } #nav a { color: #ffcc80; text-decoration: none; font-weight: bold; } #nav a:hover { color: #fff; } #menu01 { background: url("/images/menu10.gif") no-repeat; } #menu02 { background: url("/images/menu20.gif") no-repeat; } #menu03 { background: url("/images/menu30.gif") no-repeat; } #menu04 { background: url("/images/menu40.gif") no-repeat; } #menu05 { background: url("/images/menu50.gif") no-repeat; } #menu06 { background: url("/images/menu60.gif") no-repeat; } #menu07 { background: url("/images/menu70.gif") no-repeat; } #menu08 { background: url("/images/menu80.gif") no-repeat; } #menu09 { background: url("/images/menu90.gif") no-repeat; } #menu10 { background: url("/images/menu100.gif") no-repeat; } #menu11 { background: url("/images/menu110.gif") no-repeat; } #menu011 { background: url("/images/menu11.gif") no-repeat; } #menu021 { background: url("/images/menu21.gif") no-repeat; } #menu031 { background: url("/images/menu31.gif") no-repeat; } #menu041 { background: url("/images/menu41.gif") no-repeat; } #menu051 { background: url("/images/menu51.gif") no-repeat; } #menu061 { background: url("/images/menu61.gif") no-repeat; } #menu071 { background: url("/images/menu71.gif") no-repeat; } #menu081 { background: url("/images/menu81.gif") no-repeat; } #menu091 { background: url("/images/menu91.gif") no-repeat; } #menu101 { background: url("/images/menu101.gif") no-repeat; } #menu111 { background: url("/images/menu111.gif") no-repeat; } #menu01:hover { background-image: url(/images/menu11.gif); } #menu02:hover { background-image: url(/images/menu21.gif); } #menu03:hover { background-image: url(/images/menu31.gif); } #menu04:hover { background-image: url(/images/menu41.gif); } #menu05:hover { background-image: url(/images/menu51.gif); } #menu06:hover { background-image: url(/images/menu61.gif); } #menu07:hover { background-image: url(/images/menu71.gif); } #menu08:hover { background-image: url(/images/menu81.gif); } #menu09:hover { background-image: url(/images/menu91.gif); } #menu10:hover { background-image: url(/images/menu101.gif); } #menu11:hover { background-image: url(/images/menu111.gif); } #menu01cz { background: url("/images/menu10cz.gif") no-repeat; } #menu02cz { background: url("/images/menu20cz.gif") no-repeat; } #menu03cz { background: url("/images/menu30cz.gif") no-repeat; } #menu04cz { background: url("/images/menu40cz.gif") no-repeat; } #menu05cz { background: url("/images/menu50cz.gif") no-repeat; } #menu06cz { background: url("/images/menu60cz.gif") no-repeat; } #menu07cz { background: url("/images/menu70cz.gif") no-repeat; } #menu08cz { background: url("/images/menu80cz.gif") no-repeat; } #menu09cz { background: url("/images/menu90cz.gif") no-repeat; } #menu10cz { background: url("/images/menu100.gif") no-repeat; } #menu11cz { background: url("/images/menu110.gif") no-repeat; } #menu011cz { background: url("/images/menu11cz.gif") no-repeat; } #menu021cz { background: url("/images/menu21cz.gif") no-repeat; } #menu031cz { background: url("/images/menu31cz.gif") no-repeat; } #menu041cz { background: url("/images/menu41cz.gif") no-repeat; } #menu051cz { background: url("/images/menu51cz.gif") no-repeat; } #menu061cz { background: url("/images/menu61cz.gif") no-repeat; } #menu071cz { background: url("/images/menu71cz.gif") no-repeat; } #menu081cz { background: url("/images/menu81cz.gif") no-repeat; } #menu091cz { background: url("/images/menu91cz.gif") no-repeat; } #menu101cz { background: url("/images/menu101.gif") no-repeat; } #menu111cz { background: url("/images/menu111.gif") no-repeat; } #menu01cz:hover { background-image: url(/images/menu11cz.gif); } #menu02cz:hover { background-image: url(/images/menu21cz.gif); } #menu03cz:hover { background-image: url(/images/menu31cz.gif); } #menu04cz:hover { background-image: url(/images/menu41cz.gif); } #menu05cz:hover { background-image: url(/images/menu51cz.gif); } #menu06cz:hover { background-image: url(/images/menu61cz.gif); } #menu07cz:hover { background-image: url(/images/menu71cz.gif); } #menu08cz:hover { background-image: url(/images/menu81cz.gif); } #menu09cz:hover { background-image: url(/images/menu91cz.gif); } #menu10cz:hover { background-image: url(/images/menu101.gif); } #menu11cz:hover { background-image: url(/images/menu111.gif); } table#login { border-collapse: collapse; width: 95%; color: #fff; text-transform: capitalize; } table#login td { padding: 1px; } .logintext { width: 100%; background-color: #7e0000; border: none; height: 11pt; font: 100% Arial, Helvetica, sans-serif; color: #fff; } .loginbutton { background-color: #a0351e; color: #fff; border: none; height: 11pt; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; } /* ------------------------------------------------------------------- C O N T E N T ---------------------------------------------------------------------- */ #content_header { background: url("/images/bg_contentheader.gif") no-repeat; width: 590px; height: 24px; margin-top: 24px; } #content_footer { background: url("/images/bg_contentfooter.gif") no-repeat; width: 590px; height: 24px; } #content { width: 542px; background-color: #fff; color: #000; font-size: 100%; padding: 0px 24px 0px 24px; } #content p { text-align: justify; line-height: 10pt; } .stroken { border: solid 1px #000; } .img_right { float: right; margin: 0 0 10px 20px; } .img_left { float: left; margin: 0 24px 10px 0; } #foodimages .img_left { margin-right: 10px; } #content img { border: solid 1px #7e0000; } #content ul { list-style-type: square; margin: 10px 0 10px 20px; } #content ul.submenu { text-transform: uppercase; color: #a0351e; list-style-position: inside; margin: 0; padding: 6px; } #content ul.submenu a { color: #a0351e; } #content a { text-decoration: none; } #content a strong { text-decoration: underline; } #form { display: block; width: 100%; float: left; } #content div.form_item { display: block; width: 10%; float: left; padding-right: 10px; } #content div.form_input { display: block; width: 88%; float: left; } #content div.form_price { display: block; width: 18%; float: left; } #content div.form_desc { display: block; width: 70%; float: right; padding-top: 2px; } #content div.form_break { display: block; clear: both; height: 10px; } #content div.form_buttons { padding-top: 10px; display: block; clear: both; text-align: right; } .inputtext { width: 100%; border: solid 1px #000; font: 100% Arial, Helvetica, sans-serif; } .inputbox { margin-left: 0; } .inputbutton { background-color: #7e0000; color: #fff; border: solid 1px #7e0000; font: 100% Arial, Helvetica, sans-serif; margin-left: 5px; } .inputtext:focus { background-color: #f0f0f0; } .inputdesc { color: #666; } #content table { width: 100%; border-collapse: collapse; } /*#content table.food strong { text-transform: uppercase; }*/ #content table.deleted { display: none; visibility: hidden; } #content table.food tr.deleted { display: none; visibility: hidden; } #content table.food tr.invisible { color: #CCC; } #content table.food td { padding-top: 24px; width: 88%; } #content table.food td.price { vertical-align: top; width: 12%; text-align: right; font-weight: bold; } #content ul.deleted { display: none; visibility: hidden; } #content ul.news li.deleted { display: none; visibility: hidden; } #content ul.news li.invisible, #content ul.news li.invisible a.newsitemlink { color: #CCC; } #admin_menu { font-weight: bold; } #admin_menu a { margin-left: 10px; display: block; float: right; background-color: #7e0000; color: #fff; width: 120px; height: 15px; text-align: center; text-decoration: none; padding: 1px; font-weight: bold; } #admin_menu a:hover { background-color: #a0351e; } a.adminedit0, a.admindel0, a.adminadd0, a.adminedit1, a.admindel1, a.adminadd1 { margin-right: 5px; display: block; float: left; color: #fff; width: 36px; text-align: center; text-decoration: none; padding: 1px; font-weight: bold; } a.adminadd0, a.adminadd1 { float: right; width: 60px; margin-right: 0; } a.adminedit0 { background-color: #999; } a.admindel0 { background-color: #CCC; } a.adminadd0 { background-color: #AAA; } a.adminedit1 { background-color: #a0351e; } a.admindel1 { background-color: #7e0000; } a.adminadd1 { background-color: #003312; } a.adminedit0:hover, a.admindel0:hover, a.adminadd0:hover, a.adminedit1:hover, a.admindel1:hover, a.adminadd1:hover { background-color: #000; color: #fff; } #content table.food a.adminedit0, #content table.food a.admindel0, #content table.food a.adminedit1, #content table.food a.admindel1, #content ul.news a.adminedit0, #content ul.news a.admindel0, #content ul.news a.adminedit1, #content ul.news a.admindel1 { font-size: 7pt; height: 13px; } #content table.food td p.admin, #content ul.news li span.admin { clear: left; } #content ul.news li { margin-bottom: 6px; } .marked { background-color: #336633; color: #fff; padding: 1px 5px 1px 5px; margin-left: 5px; font-weight: bold; } .markedline { color: #003300; } #content strong.catering { color: #7e0000; font-size: 9pt; } #content .catering_header { display: inline-block; width: 100%; font-size: 10pt; color: #a0351e; margin-bottom: 6px; border-bottom: solid 1px #a0351e; float: left; } #content .catering_header .title { float: left; } #content .catering_header .desc { float: right; } #content .catering_header .price { float: right; } #content hr { color: #7e0000; height: 1px; } #content hr.guest[class] { background-color: #7e0000; border: none; margin: 6px 0 6px 0; } #content div.guestentry { border-bottom: solid 1px #7e0000; padding: 6px 0 6px 0; } #content div.guestdate { padding: 3px 0 0 6px; background-color: #f0f0f0; color: #666; width: 90px; float: left; } #content div.guestnick { padding: 3px 0 0 6px; } #content div.guesttext { padding: 6px; background-color: #f0f0f0; } #x0 { font-size: 0; visibility: hidden; } /* ------------------------------------------------------------------- F O O T E R ---------------------------------------------------------------------- */ #footer { display: block; clear: both; padding: 6px 0 6px 0; } #footer p { color: #bf8080; } #copyright { margin-left: 24px; } #copyright a { text-decoration: none; color: #bf8080; font-weight: bold; } #copyright a:hover { color: #fff; } /* ------------------------------------------------------------------- P R I N T L A Y O U T ---------------------------------------------------------------------- */ @media print { #content { width: 90%; } #content_header, #content_footer { display: none; visibility: hidden; } #header, #nav, #footer { display: none; visibility: hidden; } .submenu, a.adminedit0, a.admindel0, a.adminadd0, a.adminedit1, a.admindel1, a.adminadd1, #admin_menu, .admin, .inputbutton { display: none; visibility: hidden; } }