/*---------------------------------- globals -------------------------------------*/ html { background: #8d1f38 url(/img/htmlbg.png) repeat-x; min-width: 860px; } body { background: url(/img/bodybg.jpg) no-repeat; padding: 200px 0 0 0; font-family: helvetica, arial, sans-serif; font-size: 0.8em; position: relative; } a { text-decoration: none; } a:hover { } .margintop { margin: 1em 0 0 0; } .marginbottom { margin: 0 0 1em 0; } body.cocktail-bar { background-image: url(/img/bodybg-bar.jpg); } body.veranstaltungen { background-image: url(/img/bodybg-veranstaltungen.jpg); } body.restaurant { background-image: url(/img/bodybg-restaurant.jpg); } /*---------------------------------- header --------------------------------------*/ #header { position: absolute; top: 30px; left: 30px; } #header h1 { } #header h1 a { display: block; width: 340px; height: 180px; background: url(/img/coppabrazil.png) no-repeat; } #header h1 a:hover { } #header h1 a span { display: none; } /*---------------------------------- content -------------------------------------*/ #content { background: #fff1bd url(/img/contentbg.png) repeat-y 100% 0; color: #2a2a2a; padding: 0 0 0 30px; position: relative; } /*---------------------------------- content div.text ----------------------------*/ #content div.text { padding: 2.5em 344px 110px 10px; display: block; min-height: 300px; margin: 15px 0 0 0; float: left; line-height: 1.35em; position: relative; } #content.full div.text { } /*---------------------------------- round corners span --------------------------*/ span.rc { display: block; position: absolute; } span.rc.tl { top: 0; left: 0; } span.rc.tr { top: 0; right: 0; } span.rc.bl { bottom: 0; left: 0; } span.rc.br { bottom: 0; right: 0; } /*---------------------------------- div.text styles -----------------------------*/ #content div.text h2 { font-size: 1.8em; color: #8d1f38; font-family: georgia, times, serif; font-style: italic; font-weight: bold; padding: 0 0 10px 0; } #content div.text h2 a { color: #8d1f38; border: none; } #content div.text h2 a:hover { color: #63202f; } #content div.text h3, #content div.text h4, #content div.text h5, #content div.text h6 { clear: both; color: #e59d42; font-family: georgia, times, serif; font-style: italic; font-size: 1.5em; padding: 1em 0 10px 0; } #content div.text h4, #content div.text h5, #content div.text h6 { } #content div.text h4 strong, #content div.text h5 strong, #content div.text h6 strong { } #content div.text ul { } #content div.text ol { } #content div.text ul li { } #content div.text p { padding: 0 0 1em 0; } #content div.text strong { font-weight: bold; } #content div.text em { font-style: italic; } #content div.text hr { } #content div.text code, pre { } #content table { } #content table tr { } #content table td { } #content div.text a { color: #8d1f38; border-bottom: 1px solid #ebda9d; padding: 0 0 1px 0; } #content div.text a:hover{ color: #e58b33; border-color: #e2c86d; } #content div.text a.lightbox { border: none; } #content div.text a.lightbox { float: left; margin: 0.3em 10px 0 0; width: 120px; height: 120px; border: none; position: relative; border: 2px solid #cfc499; padding: 0; } #content div.text a.lightbox span { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(/img/transparent.png); text-align: center; padding: 53px 0 0 0; } #content div.text a.lightbox.gericht { width: 150px; height: 100px; font-size: 2em; margin: 0 10px 0 0; } #content div.text a.lightbox.gericht span em { display: block; color: #fff; font-style: normal; font-size: 0.6em; padding: 0.3em 0 0 0; } #content div.text a.lightbox.gericht span { padding: 30px 0 0 0; } #content div.text .notoppadding { padding: 0 0 0.5em 0; } /*---------------------------------- startevent ----------------------------------*/ #startevent { position: absolute; top: -170px; right: 30px; width: 304px; } #startevent h3 { font-size: 1.3em; font-family: georgia, times, serif; font-style: italic; font-weight: bold; padding: 10px 10px 10px 25px; color: #8d1f38; background: #fff1bd; margin: 0 0 10px 0; } #startevent a { display: block; padding: 10px 10px 10px 25px; background: #fff; color: #2a2a2a; min-height: 3.7em; } #startevent a span.title { display: block; color: #9c2340; font-weight: bold; padding: 0 0 0.5em 0; } #startevent a span.date { display: block; width: 3em; padding: 0.4em 0 0 0; float: left; font-size: 1.3em; font-weight: bold; color: #8d1f38; text-align: center; background: url(/img/datedaybg.png) repeat-x; margin: 0 10px 0 0; position: relative; } #startevent a span.date em { display: block; background: url(/img/datemonthbg.png) repeat-x; color: #fff; font-size: 0.8em; padding: 2px 0; margin: 0.5em 0 0 0; position: relative; } #startevent a span.date span.rc { width: 7px; height: 20px; position: absolute; top: 0; background: url(/img/datedayrc.png) no-repeat; } #startevent a span.date span.rc.tl { left: 0; } #startevent a span.date span.rc.tr { right: 0; background-position: -7px 0; } #startevent a span.date em span.rc { width: 6px; height: 100%; position: absolute; top: 0; background: url(/img/datemonthrc.png) no-repeat 0 100%; } #startevent a span.date em span.rc.tl { left: 0; } #startevent a span.date em span.rc.tr { right: 0; background-position: -6px 100%; } #startevent ul { padding: 0 0 0 25px; } #startevent ul li { padding: 0 0 .5em 0; } #startevent ul li strong { font-weight: bold; display: block; padding: .2em 0 0 0; } #topboxrip { position: absolute; top: 0; right: 313px; background: url(/img/topboxripoverlay.png) no-repeat; width: 107px; height: 200px; } #startevent a.all { background: none; text-align: right; color: #9c2340; } #startevent a:hover.all { color: #fff; } /*---------------------------------- subcontent ----------------------------------*/ #subcontent { padding: 0 0 100px 0; } /*---------------------------------- form ----------------------------------------*/ #content div.text form { background: #fff; width: 65%; float: left; margin: 1.5em -10px; padding: 10px; position: relative; } #content div.text form h4 { padding: 0 0 0.5em 0; font-style: normal; } #content div.text form p.border { padding: 0 10px 0.5em 10px; margin: 0 -10px 0.5em -10px; border-bottom: 2px solid #fff1bd; color: #666; } #content div.text form fieldset { clear: both; border-bottom: 0.8em solid #fff; } #content div.text form.error fieldset { } #content div.text form label { padding: 0.5em 0 0.2em 0.3em; display: block; } #content div.text form span.error { display: block; clear: both; text-align: right; font-size: smaller; color: #b92020; } #content div.text form span.error.left { } #content div.text form input, #content div.text form textarea { width: 98%; padding: 0.5em; background: #eee; border: 1px solid #ccc; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #content div.text form select { margin: 6px 0 0 0; } #content div.text form select optgroup { font-weight: bold; padding: 0 0 10px 0; } #content div.text form select option { padding: 0 0 0 35px; } #content div.text form fieldset.multipleSelects select { margin: 6px 0 0 0; } #content div.text form fieldset.multipleSelects span { margin: 0 0 0 1em; } #content div.text form input:focus, #content div.text form textarea:focus { background: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } #content div.text form textarea { height: 10em; } #content div.text form fieldset.button { } #content div.text form input.button { float: right; padding: 0.8em; width: auto; cursor: pointer; background: #96213c; color: #fff; border: 1px solid #672030; border-top: 1px solid #c53356; border-left: 1px solid #c53356; font-weight: bold; } #content div.text form input:hover.button { } #content div.text form input:active.button { } #content div.text form fieldset.check { } #content div.text form fieldset.check label { } #content div.text form fieldset.check input { } #content div.text form fieldset.twotext input { } #content div.text form fieldset.twotext input.smaller { } #content div.text form fieldset.twotext label.smaller { } #content div.text form h3 { } #content div.text form p { } #content div.text form p.error { } #content div.text form fieldset p { } #content div.text p.footer { } #content div.text p.error, #content div.text p.success { margin: 1em 0; background: #d83333; color: #fff; padding: 0.5em; } #content div.text p.success { background: #399a25; } #content div.text p.error a, #content div.text p.success a { } #content div.text p.error a { } #content div.text p.success a { } #content div.text p.error a:hover, #content div.text p.success a:hover { } /*---------------------------------- menu ----------------------------------------*/ #menuContainer { width: 334px; background: url(/img/sidebg.png) no-repeat; float: right; margin: -200px 0 0 -334px; position: relative; } #menu { margin: 221px 30px 0 0; padding: 1em 0 0 0; font-family: georgia, times, serif; } #menu li { border-bottom: 2px solid #e58b33; border-right: 2px solid #e58b33; } #menu li:first-child { border-top: 2px solid #e58b33; } #menu li a { display: block; padding: 13px 10px; color: #af7d3d; background: url(/img/menulinkbg.png) repeat-x; text-align: right; font-size: 1.3em; } #menu li a:hover { color: #fff; } #menu li strong a, #menu li strong a:hover { background: url(/img/menulinkactivebg.png) repeat-x; color: #8d1f38; font-weight: normal; } #menurip { position: absolute; top: 1em; right: 300px; margin: 220px 0 0 0; background: url(/img/menuripoverlay.png) no-repeat; width: 37px; height: 330px; } /*---------------------------------- where am i ----------------------------------*/ #whereami { background: #fff url(/img/wherebg.png) no-repeat 100% 0; padding: 10px; position: absolute; top: 199px; left: 30px; right: 0; z-index: 997; } #whereami p { color: #2a2a2a; } #whereami p strong { color: #939393; } #whereami a { color: #8d1f38; } #whereami a:hover { color: #e59e42; } #whereami span { display: inline; padding: 0 5px; } #whereami span.rc, form span.rc { width: 5px; height: 5px; background: url(/img/whererc.png) no-repeat; padding: 0; } #whereami span.rc.tr, form span.rc.tr { background-position: -5px 0; } #whereami span.rc.bl, form span.rc.bl { background-position: 0 -5px; } #whereami span.rc.br, form span.rc.br { background-position: -5px -5px; } /*---------------------------------- submenu -------------------------------------*/ #submenu { position: absolute; top: -24px; right: 340px; z-index: 100; } #submenu li { float: left; margin: 0 2px 0 0; } #submenu li a { padding: 10px 15px; background: #8d1f38; color: #fff; } #submenu li.subs a { } #submenu li a:hover { } #submenu li strong a, #submenu li strong a:hover { background: #fff; color: #8d1f38; } #submenu li.subs.active a, #submenu li.subs.active a:hover { } #submenu li.subs ul { } #submenu li.active ul { } #submenu li.active ul li.subs ul { } #submenu li.active ul li.active ul { } #submenu li.subs ul li { } #submenu li.subs ul li a, #submenu li.subs.active ul li a { } #submenu li.subs ul li a:hover, #submenu li.subs.active ul li a:hover { } #submenu li.subs ul li strong a, #submenu li.subs ul li strong a:hover, #submenu li.subs.active ul li strong a, #submenu li.subs.active ul li strong a:hover { } #submenu li.subs ul li.subs a { } #submenu li.subs ul li.subs a:hover { } #submenu li.subs ul li.subs.active a { } #submenu li.subs ul li.subs.active ul li a { } #submenu li.subs ul li.subs.active ul li a:hover { } #submenu li.subs ul li.subs.active ul li strong a, #submenu li.subs ul li.subs.active ul li strong a:hover, #submenu li.subs ul li.active ul li strong a:hover { } /*---------------------------------- contactinfo ----------------------------------*/ dl.contactinfo { width: 30%; float: left; margin: 2em 0 0 20px; } dl.contactinfo dt { font-weight: bold; } dl.contactinfo dd { padding: 0 0 0.5em 0.5em; } #content div.text dl.contactinfo dd p { padding: 0; } dl.contactinfo dd p strong { display: block; padding: 0 0 .5em 0; } dl.contactinfo a { } dl.contactinfo a:hover { } /*---------------------------------- footer --------------------------------------*/ #footer { clear: both; display: block; background: #8d1f38 url(/img/footerbg.png) no-repeat 100% 100%; margin: 0 0 0 -30px; padding: 0 344px 0 0; } #footer p.copy { clear: both; padding: 43px 0 43px 100px; background: url(/img/footerbg.png) no-repeat; color: #b62a4c; } #footer p.copy a { color: #f3819c; padding: 0 0 1px 0; border-bottom: 1px solid #8b1e37; } #footer p.copy a:hover { color: #fff; } #footer p.copy a.imp { margin: 0 0 0 1em; } /*---------------------------------- events --------------------------------------*/ #content div.text dl.events { padding: 0.5em 0 0 0; } #content div.text dl.events dt { clear: both; padding: 15px 0 0 135px; } #content div.text dl.events dt a { color: #e59d42; font-family: georgia, times, serif; font-style: italic; font-size: 1.5em; border: none; } #content div.text dl.events dt a span { display: block; font-size: 0.8em; line-height: 0.8em; color: #8d1f38; } #content div.text dl.events dd { padding: 1em 0 0 0; } #content div.text dl.events dd a.img { width: 120px; height: 120px; float: left; margin: -3.5em 10px 0 0; position: relative; border: 2px solid #cfc499; padding: 0; } #content div.text dl.events dd a.img span { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(/img/transparent.png); text-align: center; font-size: 2em; padding: 40px 0 0 0; } #content div.text dl.events dd a.img span em { display: block; font-style: normal; color: #fff; font-size: 0.6em; padding: 0.3em 0 0 0; } #content div.text dl.events dd a:hover.img span { display: block; } /*---------------------------------- gerichte ------------------------------------*/ #content div.text dl.gerichte { padding: 0; } #content div.text dl.gerichte dt { clear: both; padding: 15px 0 0 165px; } #content div.text dl.gerichte dt { color: #e59d42; font-family: georgia, times, serif; font-style: italic; font-size: 1.5em; border: none; } #content div.text dl.gerichte dt.cat { color: #8d1f38; padding: 20px 0 8px 0; font-weight: bold; border-bottom: 1px solid #cfc499; } #content div.text dl.gerichte dd { padding: 0.5em 0 0 155px; } #content div.text dl.gerichte dd a.lightbox { width: 150px; height: 100px; float: left; margin: -2em 10px 0 -155px; position: relative; border: 2px solid #cfc499; padding: 0; } #content div.text dl.gerichte dd a.lightbox span { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(/img/transparent.png); text-align: center; font-size: 2em; padding: 30px 0 0 0; } #content div.text dl.gerichte dd a.lightbox span em { display: block; font-style: normal; color: #fff; font-size: 0.6em; padding: 0.3em 0 0 0; } #content div.text dl.gerichte dd a:hover.lightbox span { display: block; } #content div.text dl.gerichte dd p { float: left; width: 65%; } #content div.text dl.gerichte dd ul { float: right; padding: 0 0 0 1em; } #content div.text dl.gerichte dd ul li { float: left; padding: 0 0 0 0.5em; text-align: center; } #content div.text dl.gerichte dd ul li strong { font-weight: normal; display: block; } /*---------------------------------- paging --------------------------------------*/ #content div.text ul.paging { clear: both; padding: 2em 0; } #content div.text ul.paging li { width: 20%; float: left; } #content div.text ul.paging li.prev { } #content div.text ul.paging li.next { } #content div.text ul.paging li span { } #content div.text ul.paging li a { } #content div.text ul.paging li.prev a, #content div.text ul.paging li.prev span { } #content div.text ul.paging li.first a, #content div.text ul.paging li.first span { } #content div.text ul.paging li.last a, #content div.text ul.paging li.last span { } #content div.text ul.paging li.next a, #content div.text ul.paging li.next span { } /*---------------------------------- tagesgericht --------------------------------*/ #content div.bbox { background: url(/img/bboxbg.png) no-repeat 100% 0; padding: 11px 23px 55px 145px; position: relative; color: #fff1bd; float: left; margin: -59px 0 0 0; } #content div.bbox div { background: url(/img/bboxdivbg.png) no-repeat 100% 100%; } #content div.bbox h4 { font-size: 1.2em; font-family: georgia, times, serif; padding: 10px 10px 0.5em 10px; background: url(/img/bboxdivbg.png) no-repeat 100% 0; } #content div.bbox h4 a { color: #fff; } #content div.bbox p { padding: 0 10px; } #content div.bbox p.footer { clear: both; margin: 1.5em 0 0 0; padding: 0 10px; height: 3.2em; } #content div.bbox a.button { display: block; float: left; padding: 0 0 0 10px; color: #283d3b; background: url(/img/bbutton.png) no-repeat; } #content div.bbox a.button.right { float: right; } #content div.bbox a.button span { display: block; padding: 14px 12px 15px 0; background: url(/img/bbutton.png) no-repeat 100% 0; line-height: 0; } #content div.bbox a:hover.button { background-position: 0 -100px; color: #63202f; } #content div.bbox a:hover.button span { background-position: 100% -100px; } #content div.bbox a.board { display: block; position: absolute; top: -23px; left: 40px; width: 105px; height: 156px; background: url(/img/tagesgericht.jpg) no-repeat; } #content div.bbox a:hover.board { background-position: 0 -156px; } #content div.bbox a.board span { display: none; } #content div.bbox.right { float: right; margin: -59px -302px 0 0; padding: 10px 22px 55px 10px; background: url(/img/bboxrightbg.png) no-repeat 100% 0; } #content div.bbox.right div { width: 258px; } #content div.bbox.right a.button { float: right; } /*---------------------------------- search --------------------------------------*/ #search { } #search label { } #search input { } #search input:focus { } #search input.button { } #search input:hover.button { } #search input:active.button { } #searchresults dt { } #searchresults dt a { } #searchresults dd { } #searchresults dd p { } #searchresults dd p.url { } /*---------------------------------- button styles -------------------------------*/ a.button { } a.button img { } a.button span { } a.button span em { } a:hover.button span { } a:hover.button span { }