* {margin: 0; padding: 0; font-family: Helvetica, Verdana, sans-serif;} body { font-size: 1em; } acronym, abbr {border: none; cursor: help;} p, address, ul, ol, dl {margin-bottom: 1em;} input, textarea, select {font-size: 1em;} address {font-style: normal;} a img {border: none;} h1 {font-size: 1.6em; margin-bottom: .2em;} h2 {font-size: 1.2em; margin-bottom: .6em;} h3 {font-size: 1em; margin-bottom: .4em;} h4 {font-size: 1em; margin-bottom: .2em;} .clear {clear: both;} .noclear {clear: none!important;} div.clear {height: 1px; margin: 0;} dt {clear: left; float: left; width: 7em;} dd {margin-left: 8em; margin-bottom: .5em;} dl #oeffnungszeiten dd {margin-left: 3em} dl #oeffnungszeiten dt {width: 4em;} #top {width: 990px; text-align: left; margin: 0 auto; background: #FFF7EC; min-height: 100%;} #wappen_links {float: left; position: relative; top: 24px; left: 20px; margin: 0; width: 118px; height: 20px;} #wappen_rechts {float: right; position: relative; top: 24px; right: 20px; margin: 0; width: 118px; height: 20px;} #logo {margin: 0; text-align: center; height: 135px;} #logo img {position: relative; top: 30px;} #mittagstisch {position: absolute; top: 0; padding-top: .2em; color: #4B3317; font-size: .8em; text-align: center; width: 985px; margin: 0;} #mittagstisch a {color: #4B3317; text-decoration: none;} #mittagstisch a:hover {text-decoration: underline;} #header, #footer {background: url(images/footer-header.jpg) repeat-x; color: #FFF7EC; height: 78px; text-align: center; clear: both;} #footer {padding-bottom: 4em;} #footer ul.first_row {padding: 1em 0 .2em} #footer ul {margin: 0; padding-top: 0;} #header ul {padding-top: 29px; margin-left: 180px;} #header ul li, #footer ul li {display: inline; margin-right: 2em; font-size: 1.2em;} #header ul li.last, #footer ul li.last {margin-right: 0;} #header ul a, #footer ul a {color: #FEE0BA; text-decoration: none;} #header ul a:hover, #footer ul a:hover {border-bottom: 1px solid #FEE0BA;} /*#header ul a:hover, #header ul a:active, #header ul a:focus, #header ul a.active, #footer ul a:hover {border-bottom: 1px solid #FFF7EC;} /*#header ul ul {position: absolute; background: #4B3317; padding: 0 .4em .4em; margin-top: 15px; display: none;} #header ul ul li {font-size: .9em; display: block; text-align: left; padding-top: .3em;} #header ul ul li a {display: block;}*/ .nav, .nav * {margin:0;padding:0;list-style:none;} .nav a { display:block; } .nav ul { position:absolute; width:10em; margin-left: 0 !important; border-bottom: 1px solid #dcb; } /* .nav ul {position:absolute; top:-999em; width:10em; margin-left: 0 !important; border-bottom: 1px solid #dcb;} */ .nav li { float:left; position:relative; z-index:99;} ul#menu li ul { display:none } ul#menu li:hover ul { display:block } .nav ul li{width: 100%;} .nav li:hover ul,ul.nav li.sfHover ul {left:-1px; top:20px;} /* .nav li:hover li ul,.nav li.sfHover li ul {top:-999em;} */ .nav li li:hover ul,ul.nav li li.sfHover ul {left:15em; top:0px;} /* .nav li:hover ul,.nav li li:hover ul {top: -999em;} */ /*** Navigation (Setting up some fonts, colors and more)***/ #header a:link, #header a:visited{ color: #FEE0BA; padding:.2em;} #header .current a:link, #header .current a:visited{color: #fff;text-decoration:none;padding:10px;} /*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/ #header .nav li li {text-align: left; font-size:0.85em; background: #362519; border-left: 1px solid #dcb; border-right: 1px solid #dcb;} #header .nav li li a {padding-left: .4em;} #header .nav li li a:hover {border: none; text-decoration: underline} .sf-sub-indicator {display: none;} /*#header ul ul#menu_2 {margin-left: 308px;} #header ul ul#menu_3 {margin-left: 428px;} #header ul ul#menu_4 {margin-left: 548px;} #header ul ul#menu_6 {margin-left: 698px;}*/ #main {width: 990px; height: 412px; padding: 8px 0; background-repeat: no-repeat;} #main.home, #main.index, #main.impressum, #main.tortenfestival {background-color: #362519;} #content {border-top: 1px solid #EFD6B8; border-bottom: 1px solid #4B3317; height: 410px;} #main.speisekarte {height: 452px;} #main.speisekarte #content{height: 450px;} .home {background-image: url(images/pariser_fours.png);} .ueber-uns, #main.chronik, #main.handwerksphilosophie {background-image: url(images/wappen_gross.png);} .presse {background-image: url(images/presse.jpg);} .ausbildung {background-image: url(images/ausbildung.png);} .tortenklassiker {background-image: url(images/schwaki.png);} .geburtstagstorten {background-image: url(images/sachertorte.png);} .hochzeitstorten {background-image: url(images/hochzeitstorte_gross.png);} .jubilaeumstorten {background-image: url(images/jubilaeumstorte_stern.png);} .corporate-logo-torten {background-image: url(images/grand_prix.png);} .petit-fours {background-image: url(images/petitfours.png);} .baumkuchen {background-image: url(images/baumkuchen_gross.png);} .brot-und-broetchen {background-image: url(images/brot_broetchen.png);} .weihnachtsgebaeck {background-image: url(images/zimtsterne.png);} .cafe-laden {background-image: url(images/laden-innen.png);} .wochenkarte, .catering {background-image: url(images/catering1.png);} .veranstaltungen {background-image: url(images/veranstaltungen.png);} .kontakt-anfahrt {background-image: url(images/anfahrt.png);} .impressum {background-image: url(images/impressum.png);} #content a {color: #4B3317; text-decoration: underline;} #content a:hover {text-decoration: none;} #content a.alt {text-decoration: none; font-size: 1.1em;} #content a:hover.alt {text-decoration: underline;} #box_dunkel {float: right; width: 350px; height: 380px; background: #362519; color: #FEE0BA; padding: 15px; overflow: auto;} #box_dunkel a {color: #FEE0BA;} #box_klein, .wochenkarte div.page {float: right; width: 350px; height: 380px; background: #FFF7EC; color: #4B3317; padding: 15px; overflow: auto;} .wochenkarte div.page {padding-top: 5px; padding-bottom: 0px; height: 405px;} .wochenkarte #box_klein {display: none;} #box_gross, #box_gross_middle {float: right; margin-left: 400px; color: #4B3317; padding: 15px; height: 380px; overflow: auto; width: 590px;} #box_gross_middle {width: 480px;} #oeffnungszeiten dt {float: left; clear: left; width: 5em;} #error404 {background: #FFF7EC; color: #4b3317; padding: 15px;} #content .produktuebersicht {padding: 5px 10px 0 0; margin: 0; height: 122px;} #content .produktuebersicht li {float: left; list-style: none; margin: 5px 0; text-align: center; width: 195px; height: 116px; font-weight: bold; font-size: .8em;} #content .produktuebersicht li a {color: #4B3317; text-decoration: none; display: block; width: 195px; margin-left: 8px;} #content .produktuebersicht li img {width: 180px; height: 80px;} /*#next_prev {text-align: center; position: relative; top: -12px;}*/ fieldset {border: none;} label {float: left; clear: left; width: 90px; padding-top: .2em; cursor: pointer;} input, textarea {border: 1px solid #4B3317; padding: .2em; width: 220px; margin-bottom: .5em; font-size: 1em;} textarea {height: 8.5em;} input#contactsubmit {width: auto;} /* #nextprev {position: absolute; top: 600px; margin-left: 285px;} #nextprev {position: absolute; top: 600px; margin-left: -345px;}*/ #nextprev {position: absolute; top: 600px; width: 610px; text-align: center;} .as {display: none;} #wochenkarte dt {float: none; display: block; background: #FEE0BA; border: 1px solid #362519; color: #362519; padding: .3em; margin-bottom: .2em; width: auto;} #wochenkarte dd {float: none; display: block; margin: 0; padding: .2em; height: 200px;} #wochenkarte dt.active, #wochenkarte dt:hover, #wochenkarte dt.hover {background: #362519; color: #FEE0BA;} #wochenkarte dt:hover, #wochenkarte dt.hover {cursor: pointer;} #wochenkarte dd .preis {float: right; margin-left: 1em;} /*#fbContainer {position: relative; margin-top: -.5em;}*/ #fbMenu {text-align: center; margin: -15px 100px 0;} #fbZoomButton {display: none;} #fbDownloadButton {} #pdf {float: right; width: 100px; font-size: .8em; font-weight: bold; margin-top: -5px; text-align: right; padding-right: 10px;} #pdf a {background: url(images/pdf.png) no-repeat 2px; padding-left: 22px;} #fbContents {display: none;position: relative; font-size: .8em; margin-top: -2em; color: #362519; width: 40%;} #fbContents select {background: #FFF7EC; color: #362519; font-weight: bold; border: 1px solid #362519; height: 1.5em;} #fbContents select option {padding: .2em; border-top: 1px solid #362519;} /*