/*************************** E S S E N T I A L */ body { font-family: trebuchet ms, arial, helvetica, sans serif; font-size: 11px; line-height: 15px; margin: 30px 0 0 0; background: #333 url(../images/delikatessen_bg.jpg) 0 center; } table { font-size: 12px; line-height: 16px; width: 100%; } a { outline: 0; border: 0; } div { border-width: 0; } hr { height: 1px; border-width: 0; margin: 10px 0; } img { border: 0 ; } .png { behavior: url("pngbehavior.htc"); } /* {{ COLOR */ input, textarea, button, #menu, #menu ul a, #menu ul ul, .arrow, hr, #sidebar_footer { background: #fff !important; } .subject_wrapper, .arrow, #sidebar_footer a, .white, .news, .news a, #knob, #knob a, table, span, div, td, hr, li, #footer a, #footer { border-color: #000; color: #fff !important; } #subline, #header, .option_wrapper, #slidebar { background: #000 !important; } span, div, td, hr, li { border-width: 0; border-style: solid; } body, a, #sidebar_footer, input, textarea, button { color: #000 !important; } a.more { text-decoration: none; font-size: 11px; } /* COLOR }} */ /* E S S E N T I A L ***************************/ /*************************** B A N N E R */ #banner_scherpe { position: absolute; left: 50%; margin: 0 0 0 -485px; top: 350px; z-index: 9999; } /*************************** P A G E */ div#wrapper { margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; } div#base { margin: 0 auto; width: 970px; height: 594px; padding: 0; text-align: left; } #sidebar { margin: 0 5px 0 0; width: 185px; height: 550px; float: left; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); z-index: 505; } #contentwrapper { height: 550px; width: 780px; float: right; } #header { display: none; height: 34px; margin: 0 0 5px; padding: 0 0 0 5px; } #content { position:absolute; top:30px !important; height: 550px; width: 780px; background: #000 url(../images/loading_bg.gif) no-repeat center center !important; } { position:absolute; top:580px !important; font-size: 10px; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } /* P A G E ***************************/ /*************************** S I D E B A R */ #logo { height: 34px; margin: 0 0 5px; } #menu { margin: 90px 0 0; height: 430px; position: relative; bottom: 0; text-align: center; } #menu ul { margin: 0; padding: 0; list-style-type: none; text-align: left; } #menu ul li { border-width: 0 0 1px 0; } #menu ul a { margin: 0; padding: 0 5px 0 0; background: #fff; height: 20px; display: block; font-size: 13px; line-height: 21px; font-weight: bold; text-decoration: none; text-align: right; } #menu ul a:hover, #menu ul li.active a { background: #D6DFD1 !important; } #menu a.active { margin: 0; height: 18px; padding: 0 0 0; } #menu ul ul { margin: 0 0 0; padding: 0 0 5px; } #menu ul ul li { border-width: 0; } #menu ul ul a, #menu ul ul a.active { margin: 0; padding: 0 2px 0; list-style-type: none; font-size: 11px; font-weight: normal; height: 16px; line-height: 16px; } #menu ul ul a:hover { text-decoration: underline; } #menu ul ul a.active { font-weight: bold !important; } #menu .news { text-align: left; font-size: 11px; line-height: 15px; margin: 5px; } #sidebar_footer { padding: 10px 5px; overflow: auto; display: none; color: #f00 !important; } #sidebar_footer a { font-size: 11px; text-decoration: none; } #sidebar_footer a:hover { text-decoration: underline; } .left { position:absolute; top:580px !important; width: 50%; float: left; overflow: auto; } .right { position:absolute; top:580px !important; width: 47%; overflow: auto; text-align: right; padding: 3px 0; } /* S I D E B A R ***************************/ /*************************** C O N T E N T */ #area { position:absolute; top:0px !important; background: url(../images/bgimg.jpg) no-repeat; height: 550px; width: 780px; } #knob { position:absolute; top:0px !important; height: 535px; width: 475px; margin: 0 200px 0 0; /* background: #fff; */ color: #fff; overflow: hidden; z-index: 500; position: absolute; } #slidebar { width: 375px; cursor: pointer; text-align: center; font-size: 10px; height: 15px; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); z-index: 505; } #content_area_bg { height: 535px; width: 375px; background: #000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); position: absolute; z-index: 501; } #content_area { height: 535px; width: 335px; margin: 10px 0 0 20px; position: absolute; z-index: 502; } #content_area_datenschutz { height: 535px; width: 335px; margin: 10px 0 0 20px; position: absolute; z-index: 502; overflow: scroll; } #content_area_austellung { height: 535px; width: 445px; margin: 10px 0 0 50px; position: absolute; z-index: 502; overflow: scroll; } #content_area_infos { height: 535px; width: 335px; margin: 10px 0 0 20px; position: absolute; z-index: 502; } #content_area img { float: left; margin: 0 10px 0 0; } /* SHOWCASE */ /*************************** THOSS ANFANG */ #area2 { background: url(../images/bgimg.jpg); height: 550px; width: 780px; } #area3 { background: url(../images/bgimg.jpg); height: 550px; width: 780px; } #knob2 { height: 535px; width: 185px; margin: 0 0 0 0; background: #878586 !important; color: #747273; overflow: hidden; z-index: 500; position: absolute; float: left; color: #000 !important; } #knob3 { height: 535px; width: 230px; margin: 0 0 0 0; background: #878586 !important; color: #747273; overflow: hidden; z-index: 500; position: absolute; float: left; color: #000 !important; } #slidebar2 { width: 185px; cursor: pointer; text-align: center; background: #878586 !important; font-size: 10px; color: #000 !important; height: 15px; /*-moz-opacity: 1 !important; */ /*filter: alpha(opacity=1) !important;*/ z-index: 505; } #slidebar3 { width: 230px; cursor: pointer; text-align: center; background: #878586 !important; font-size: 10px; color: #000 !important; height: 15px; /*-moz-opacity: 1 !important; */ /*filter: alpha(opacity=1) !important;*/ z-index: 505; } #content_area_bg2 { height: 535px; width: 185px; background: #878586 !important; -moz-opacity: 0.5 !important; filter: alpha(opacity=0.5) !important; position: absolute; z-index: 501; } #content_area_bg3 { height: 535px; width: 230px; background: #878586 !important; /*-moz-opacity: 1 !important; */ /*filter: alpha(opacity=1) !important;*/ position: absolute; z-index: 501; } #content_area2 { height: 535px; width: 185px; margin: 5px; position: absolute; z-index: 502; } #content_area3 { height: 535px; width: 230px; margin: 5px; position: absolute; z-index: 502; } #content_area2 img { float: left; margin: 0 10px 0 0; } #portrait { width: 170px; float: left; margin: 0 30px 0 0; } #pt { width: 230px; float: left; margin: 0 30px 0 0; } /* THOSS ENDE */ .showcase_wrapper { display: none; } .showcase_bg { height: 550px; width: 300px; margin: 0 20px 0 0; background: #fff; -moz-opacity: 0.75; filter: alpha(opacity=75); position: absolute; z-index: 401; } .showcase { height: 550px; width: 300px; margin: 0 20px 0 0; position: absolute; z-index: 402; text-align: center; } /* ARCHIVE */ .archive_object { width: 100px; float: left; font-size: 11px; line-height: 11px; margin: 0 13px 10px 0; } .galerie { clear: both; } .thumbnail, .galerie .thumb { overflow: hidden; width: 36px; height: 36px; margin: 0 1px 1px 0; } .galerie .thumb:hover { opacity: 0.6; } .galerie .thumb img { width: auto; } /* THUMB */ .thumb { width: 65px; height: 65px; overflow: hidden; float: left; margin: 0 8px 8px 0; cursor: pointer; } .thumbtext { width: 75px; height: 75px; overflow: hidden; float: left; margin: 0 5px 5px 3px; cursor: pointer; font-size: 10px; line-height: 13px; } .last_thumb { margin: 0 0 8px !important; } .thumb img { width: 150px; } .plakat_thumb .thumb, .plakat_thumb .thumb img { width: 79px; height: 121px; } /******************* content-elements */ h1, h2, h3 { margin: 0 0 5px 0; font-weight: normal; } h1 { font-size: 18px; } h2 { font-size: 14px; font-weight: bold; } h3 { font-size: 13px; font-weight: bold; } p { margin: 0 0 12px 0; } p.white { font-size: 10px; text-align: left; color: #000 !important; margin: 20px 0 10px; padding: 0 5px; } .price_wrapper { white-space: nowrap; margin: 0; } .price_wrapper2 { } .price_wrapper td { white-space: nowrap; padding: 5px 0 0 0; } .price_lable { width: 1%; } .price_middle { border-width: 0 0 1px; width: 100%; } .price_price { width: 1%; text-align: right; font-weight: bold; } /* content-elements *******************/ /* C O N T E N T ***************************/ /***************************** FORM */ form { padding: 0; margin: 0; } input, textarea { font-size: 11px; font-family: Arial, Helvetica, 'sans serif'; padding: 1px; margin: 0 0 5px 0; width: 100%; border-width: 1px; border-style: solid; } input { height: 17px; } button { font-size: 11px; color: #fff; border: 0; padding: 1px; cursor: pointer; border-width: 1px; border-style: solid; } form, label { display: block; font-size: 10px; line-height: 11px; } .input50 { width: 49.5%; float: left; margin: 0 0 5px 0; } .input52 { width: 49.5%; float: left; margin: 0 1% 5px 0; } .input10 { width: 15%; float: left; margin: 0 1% 5px 0; } .input90 { width: 84%; float: left; margin: 0 0 5px 0; } /*************************** Ajax-Form */ table#ajaxForm { width: 100%; padding: 0; margin: 0 0 10px; } table#ajaxForm td { padding: 0; border-width: 0 0 1px; border-color: #666; } table#ajaxForm td.label { width: 65px; white-space: nowrap; color: #666 !important; } .form_highlight { background: #000 !important; color: #fff !important; } #formResponse { font-weight: bold; color: #000; } #formLoading { display: none; overflow: auto; } #formLoading.on { display: block; padding: 20px; background: url(../images/loading.gif) no-repeat center; } #controlForm_wrapper, #kontaktForm_wrapper, #checkFormError { display: none; } #controlForm_wrapper.on, #kontaktForm_wrapper.on, #checkFormError.on { display: block; } #formLoading.on { height: 100px; } /* Ajax-Form ***************************/ /* {{ DROPDOWN */ #box_open { visibility: hidden; } .dropdown { margin: 0 0 5px 0; } .dropdown a { text-decoration: none; } .subject_wrapper, .option_wrapper { width: 60px; } .subject_wrapper { height: 17px; cursor: pointer; border-width: 1px; } .subject { width: 42px; float: left; padding: 2px; cursor: pointer; } .arrow { width: 15px; height: 17px; overflow: auto; text-align: center; cursor: pointer; } .arrow img { margin: 3px 0 0; } .option_wrapper { position: absolute; z-index: 999; border-width: 0 1px 1px; border-color: #dbe5e7; padding: 0 1px 0; width: 58px; } .option_wrapper a { display: block; cursor: pointer; } .option_wrapper a:hover { background: #000; } #area_sandra { background: url(../images/bgimg.jpg); height: 550px; width: 780px; } #content_area_sandra { height: 535px; width: 230px; margin: 5px; position: absolute; z-index: 502; } #knob_sandra { height: 535px; width: 230px; margin: 0 0 0 0; /* background: #878586 !important; */ color: #747273; overflow: hidden; z-index: 500; position: absolute; float: left; color: #000 !important; } #slidebar_sandra { width: 230px; cursor: pointer; text-align: center; background: #878586 !important; font-size: 10px; color: #000 !important; height: 15px; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); z-index: 505; } #content_area_bg_sandra { height: 535px; width: 230px; background: #878586 !important; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); position: absolute; z-index: 501; } .thumbsandra { width: 33px; height: 33px; overflow: hidden; float: left; margin: 0 8px 8px 0; cursor: pointer; } /* DROPDOWN }} */ /* F O R M *****************************//* SLIMBOX */ #lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 99998; overflow: auto; height: 100% !important; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 99999; } .lbLoading { background: #fff url(../images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } * html #lbImage { border: 0px solid #fff; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 15px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }