/* STYLES */ /* ==UNDO DEFAULT BROWSER STYLING: /undohtml.css */ ul { list-style-type: none; } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; } a img,:link img,:visited img { border: none; } a { text-decoration: none; } address { font-style: normal; } /* == OVERALL STYLES ======================================================= */ body { margin: 0; padding: 0; font-family: "lucida sans", "lucida grande", geneva, helvetica, verdana, sans-serif; font-size: 62.5%; color: #4D4E3B; background: #F8F9E1; text-align: center; } /* == BUILDING BLOCKS (DIV'S) ======================================================= */ div#wrapper /* WRAPS MAIN CONTENT CONTAINER TO GIVE WHITE OVERALL PAGE COLOUR ABOVE FOOTER AND MAIN NAV PAGE-WIDTH BG */ { background: url(../index-Dateien/body-bg.gif) repeat-x #fff; } div#container /* OVERALL CONTENT CONTAINER */ { margin: 0 auto; padding-bottom: 60px; width: 684px; text-align: left; background: url(../index-Dateien/container-bg.gif) repeat-y; } div#logo-nav /* logo right */ { background: url(../index-Dateien/logo-nav-bg.gif) no-repeat top right; } div#sidebar { width: 286px; float: left; margin-top: 10px; text-align: center; } div#maincontent { float: left; width: 376px; padding: 0 22px 0 0; min-height: 320px; margin-top: 30px; } div#foot-wrapper /* WRAPS FOOTER CONTENT TO PUT BROWSER-WIDTH BORDER OVER FOOTER */ { border-top: 2px solid #70841e; } div#foot-content { margin: 0 auto; padding-bottom: 60px; width: 612px; padding: 20px 36px 40px 36px; text-align: left; } /* == SPECIFIC STYLES AND ITEMS (BY BUILDING BLOCK, IN ORDER OF APPEARANCE) =================================================== */ /* FORMATTING IN LOGO AND NAVIGATION DIV */ div#logo-nav h1#logo /* LOGO */ { display: block; padding: 35px 0 18px 0; margin: 0 0 0 78px; } div#logo-nav div#meta /* META INFO IN HEADER; ADDRESS, TEL. */ { position: absolute; width: 94px; margin: -97px 0 0 266px; } div#logo-nav div#meta p { font-size: 1.1em; line-height: 1.2em; margin-bottom: 7px; } div#logo-nav div#meta p a { color: #4D4E3B; text-decoration: underline; } div#logo-nav ul#nav /* MAIN NAVIGATION BAR */ { padding: 0 0 3px 57px; background: url(../index-Dateien/nav-bg.gif) no-repeat; } div#logo-nav ul#nav li { display: inline; padding-right: 9px; } div#logo-nav ul#nav li a { padding-right: 9px; } /* FORMATTING IN SIDEBAR */ div#sidebar img /* BIG IMAGES IN SIDEBAR */ { margin-bottom: 10px; padding: 5px; background: #fff; border: 1px solid #c7cfa7; } div#sidebar dl.attention /* ATTENTION CATCHERS IN SIDEBAR */ { width: 182px; min-height: 75px; padding: 10px 18px; margin: 0 0 10px 28px; color: #fff; text-align: left; background: url(../images/sitedesign/dl-attention-bg.gif); } div#sidebar dl.attention dt { width: 72px; float: left; margin-right: 10px; } div#sidebar dl.attention dt img { padding: 2px; margin-bottom: 10px; } div#sidebar dl.attention dd a { color: #fff; font-weight: bold; text-decoration: underline; } div#sidebar dl.attention dd p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; } div#sidebar dl.news /* NEWS ITEMS IN SIDEBAR */ { width: 182px; min-height: 75px; padding: 10px 18px; margin: 0 0 1px 28px; color: #fff; text-align: left; background: url(../images/sitedesign/dl-news-bg.gif); } div#sidebar dl.news dt { width: 72px; float: left; margin-right: 10px; } div#sidebar dl.news dt img { padding: 2px; margin-bottom: 10px; } div#sidebar dl.news dd a { color: #fff; font-weight: bold; text-decoration: underline; } div#sidebar dl.news dd p { font-size: 1.1em; line-height: 1.2em; margin-bottom: 5px; } /* FORMATTING IN MAINCONTENT DIV */ div#maincontent h3 { margin-top: 20px; padding: 0 36px 0 12px; font-size: 1.8em; color: #70841E; } body#menu div#maincontent h3 /* SOME DIFFERENT STYLES FOR THE MENU PAGES AS DEFINED BY THE ID ON THE TAG */ { margin: 10px 0 5px 0; padding: 0; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #666; } div#maincontent h4 { margin: 20px 0 -5px 0; padding: 0 36px 0 12px; font-size: 1.5em; color: #8C570F; } div#maincontent h4 a { color: #8C570F; text-decoration: underline; } body#menu div#maincontent h4 /* LESS MARGIN+PADDING FOR MENU PAGES TITLES */ { margin-top: 10px; padding-left: 0; } div#maincontent h2 img { border: none; padding: 0; margin: 0; } div#maincontent h3 img { border: none; padding: 0; margin: 0; } div#maincontent h4 img { border: none; padding: 0; margin: 0; } div#maincontent p { text-align: justify; font-size: 1.2em; line-height: 1.5em; margin: 10px 0; padding: 0 36px 0 12px; } div#maincontent p.sub-note { text-align: right; text-transform: uppercase; font-size: 1.1em; } div#maincontent p a { color: #70841E; font-weight: bold; text-decoration: underline; } div#maincontent img { font-size: 1.2em; line-height: 1.5em; margin: 12px; padding: 5px; border: 1px solid #c0c99d; background: #fff; } div#maincontent div.attention /* ATTENTION BOX FOR HEADLINE BITS */ { margin-top: 20px; padding: 5px 15px 15px 15px; background: #F8F9E1; border: 1px solid #d7dcb5; } div#maincontent div.attention h4 { margin: 10px 0 0 -10px; } div#maincontent div.attention p { text-align: left; padding-left: 26px; margin: 5px 0; } div#maincontent ul#menunav /* NAVIGATION ON MENU PAGES FOR VARIOUS MENUS */ { margin: -17px 0 0 -20px; padding: 0; } div#maincontent ul#menunav li { display: inline; padding: 0; width: auto; } div#maincontent ul#menunav li img { border: none; } div#maincontent ul#menunav li a { display: inline; } div#maincontent table /* TABLES ARE USED FOR THE MENUS */ { width: 390px; border-collapse: collapse; border-spacing: 0; font-size: 1.1em; } div#maincontent table tr th /* TABLES ARE USED FOR THE MENUS */ { padding-bottom: 10px; } div#maincontent table tr th h4 { font-size: 1.2em; } div#maincontent table tr th p { font-size: 1em; margin: 10px; padding: 0; line-height: 1.3em; font-weight: lighter; font-style: italic; color: #666; } div#maincontent table tr td { vertical-align: top; line-height: 1.3em; } div#maincontent table tr td small /* DESCRIPTIONS GO IN A TAG */ { display: block; font-size: 0.9em; color: #666; font-weight: lighter; } div#maincontent table tr td.cuisine /* ALL CELLSCLASS */ { width: 75%; padding-bottom: 8px; font-weight: bold; } div#maincontent table tr td.cuisine strong /* FOR ITEMS WHICH */ { font-size: 1.1em; color: #8C570F; } div#maincontent table tr td.price /* ALL */ { width: 25%; text-align: right; color: #8C570F; font-weight: bold; } div#maincontent table tr td.note /* NOTES WHICH SPAN COLUMNS */ { width: 100%; padding-bottom: 10px; text-align: center; font-style: italic; } div#maincontent table tr.group /* EG. */ { border-bottom: 10px solid #fff; } div#maincontent table tr.group td /* EG. */ { padding-left: 10px; } div#maincontent table tr td.cuisine-price /* */ { width: 100%; padding-bottom: 8px; font-weight: bold; } div#maincontent table tr td.cuisine-price span { width: 100%; color: #8C570F; font-weight: bold; } div#maincontent table tr td.cuisine-price small { display: inline; } div#maincontent span.news-filler { display: block; width: 400px; margin: 10px 0; padding: 5px; border: 1px solid #c0c99d; background: #fff; } div#maincontent span.news-filler img { padding: 0; border: 0; margin: 0 0 -2px 0; } /* FORMATTING IN FOOT-CONTENT DIV */ div#foot-content p { font-size: 1.2em; line-height: 1.4em; width: 210px; margin-right: 50px; float: left; } div#foot-content ul li { display: inline; font-size: 1.1em; font-weight: bold; color: #70841E; } div#foot-content a { color: #70841E; font-weight: bold; text-decoration: underline; } /* == EXTRAS: ======================================================= */ .clear { clear: both; } .accessibility { position: absolute; left: -10000px; }