/** * #676358 dark gray (h1) * #E3A051 * red * #EBE6E1 * #665E4E * #968D7C * #655F47 * #c8bcad gray (h1 remove?) */ h1 { color:#9F9282; font-size:24px; line-height:26px; margin-bottom:30px; font-weight:normal;} h2 { color:#9F9282; font-size:14px; line-height:18px;} a { color:#E3A04D; text-decoration:none;} .link { color:#E3A04D; cursor:pointer; } /** overwrite header settings */ #header, #lang, #search input.query, #footer { z-index: 1; } body { margin:0; padding:0; font-family:Arial, Helvetica, Sans-serif; font-size:12px; } .c { clear:both; } /* for firefox blinking cursor on input fields */ .caretfix { overflow:auto; } /** older css ... validate */ p.errors { color:#E3A04D !important; margin:0; font-weight:bold; margin-top:5px; } #searchByCategory, #searchByProduct { display:none; } #productResult, #recipeResult, #categoryResult { display:none; cursor:pointer; } #linkedData { float:right; width:170px; } /** Start NEW ******************************/ /* Login */ .button-big { cursor:pointer; width:147px; height:25px; background:url(/img/button_big.gif) no-repeat; border:none; font-weight:bold; font-size:11px; color:#E3A04D; } a.button-big { text-decoration:none; text-align:center; padding:3px 0 0 0; } .button-small { cursor:pointer; width:92px; height:25px; background:url(/img/button_generic.gif) no-repeat; border:none; font-weight:bold; font-size:11px; color:#E3A04D; padding:5px 17px 5px 17px;} .link-button { color:#E3A04D; border:none; background:#fff; margin-left:-10px; cursor: pointer; font-family:Arial, Helvetica, Sans-serif!important; font-size:12px!important;} #appadv-closer { width:100px; height:100px; cursor:pointer; position:absolute; right:0; top:20px; } #appadv-results #appadv-left { width:300px; float:left; margin-right:20px; } #appadv-results #appadv-right { width:600px; float:left;} #appadv-search-label { color:#E3A051; font-size:18px; padding-top:15px; clear:both; padding-bottom:15px; } #appadv-searchButtons .button { cursor:pointer; width:310px; height:50px; float:left; margin-right:5px; } #appadv-searchButtons .button img { display:block; float:left; } #appadv-searchButtons .button p { width:160px; float:left; font-size:12px; color:#676358; margin:0 5px; padding:0; } #appadv-searchByCategoryBtn, #appadv-searchByProductBtn { } #appadv-login { position:relative; width:950px; background:#EDE9E4 url(/img/backberater.jpg) no-repeat; padding:30px 24px 25px 24px; margin:auto; } #appadv-search { position:relative; width:950px; background:#fff url(/img/bg_backberater2.jpg) no-repeat; padding:60px 24px 25px 24px; margin:auto; } #appadv-search.int { background-image: url(/img/bg_backberater2_int.jpg); } #appadv-search .col { width:300px; float:left; margin-right:10px; } #appadv-search .col ul { list-style-type:none; padding:0; margin:0; background-color:#F3EAC9; border:1px solid #f1edd2; height:135px; overflow:auto; cursor:pointer; } #appadv-search .col li { color:#665E4E; padding:2px 5px; font-size:12px; height:22px; } #appadv-search .col li span.text { display:block; float:left; width:220px; padding:2px 5px; } #appadv-search .col li .icon { /* margin:4px 2px; float:right; display:block; */ } #appadv-search .col li:hover { color:#665E4E; background:#FFFFFF; } form.search { margin-top:10px; display:none; } form.search label, form.search select, form.search input { display:block; width:200px; } #appadv-searchByProduct { margin-bottom:15px; } /* li { height:18px; } li span.title { display:block; float:left; width:100px; border:1px solid lime; } .icon { padding:0 2px; float:right; display:block; border:1px solid pink; } */ .head .corner-left { float:left; width:10px; height:28px; background:url(/img/select_head_left.png) no-repeat; } .head .corner-right { float:right; width:10px; height:28px; background:url(/img/select_head_right.png) no-repeat; } .head h3 { float:left; height:18px; width:270px; padding:5px; background:url(/img/select_head_bg.png); margin:0; color:#9F9282; text-transform:uppercase; font-style:italic; font-size:14px; } .selected { background:#fff; } #appadv-resultTabs, .tabs { margin-left:15px !important; height:28px; margin-bottom:0; } #appadv-resultTabs li, .tabs li { display:block; float:left; height:28px; padding:0; margin:0; } #appadv-resultTabs .tab-text, .tabs .tab-text { cursor:pointer; } .tab-left { width:6px; height:28px; float:left; } .tab-right { width:6px; height:28px; float:left; } .tab-text { float:left; height:20px; padding:8px 20px 0 20px; font-size:12px; font-weight:bold; color:#676358; } .active .tab-left { background:url(/img/tab_left.png) no-repeat; } .active .tab-text { background:#F3EAC9; } .active .tab-right { background:url(/img/tab_right.png) no-repeat; } #appadv-resultTabsHeader, .tab-header { height:6px; } .tab-header-left { float:left; width:6px; height:6px; background:url(/img/eck_mittel_li_oben_2.png) no-repeat; font-size:1px; } .tab-header-center { float:left; width:288px; height:6px; background:#F3EAC9; font-size:1px; } .tab-header-right { float:left; width:6px; height:6px; background:url(/img/eck_mittel_re_oben_2.png) no-repeat; font-size:1px; } .tab-footer-left { float:left; width:6px; height:6px; background:url(/img/eck_mittel_li_unten_2.png) no-repeat; font-size:1px; } .tab-footer-center { float:left; width:288px; height:6px; background:#F3EAC9; font-size:1px; } .tab-footer-right { float:left; width:6px; height:6px; background:url(/img/eck_mittel_re_unten_2.png) no-repeat; font-size:1px; } #appadv-resultData ul { list-style-type:none; padding:0; margin:0; } #appadv-resultData { background:#F3EAC9; padding:10px; } #appadv-resultData { margin:0; padding:0 10px 0 10px; } #appadv-resultData li { font-size:12px; color:#676358; cursor:pointer; } #appadv-resultData li:hover { text-decoration:underline; } /* li { height:18px; } li span.title { display:block; float:left; width:100px; border:1px solid lime; } .icon { padding:0 2px; float:right; display:block; border:1px solid pink; } .mask { overflow:hidden !important; } */ #appadv-resultContainer { float:left; /* margin-top:10px; */ width:380px; } #appadv-resultContainer h1 { font-size:24px; color:#676358; font-weight:normal; margin:0; padding:0; } #appadv-resultContainer h2 { font-size:14px; color:#676358; margin:0 0 20px 0; font-weight:normal; } #appadv-resultContainer p, #appadv-resultContainer ul, #appadv-resultContainer li{ font-size:12px; color:#676358; } #appadv-resultContainer .facts { margin-bottom:10px; } #appadv-resultContainer .facts th { text-align:left; font-weight:normal; font-size:12px; color:#676358; padding:0; } #appadv-resultContainer .facts td { text-align:left; font-weight:normal; font-size:12px; color:#676358; padding:0 0 0 10px; } #appadv-resultContainer .ingredients { margin-bottom:10px; /* width:250px; */ } #appadv-resultContainer .ingredients th { font-weight:normal; font-size:12px; color:#676358; text-align:right; width:25%; padding:1px; } #appadv-resultContainer .ingredients td { text-align:left; font-weight:normal; font-size:12px; color:#676358; padding:1px 0 1px 10px; } #appadv-resultContainer .ingredients td a.strong { text-decoration:none; cursor:pointer; } #appadv-resultContainer .ingredients td a.strong:hover { text-decoration:none; cursor:pointer; } #appadv-resultContainer .ingredients td.header { text-align:left; font-weight:bold; padding-left:5px; border-bottom:1px solid #CCC7BE; } #appadv-resultContainer input.ingredient-amount, .ingredient-calculable { color:#676358; text-align:right; width:40px; padding:0; height:13px; font-size:11px; } #appadv-resultContainer .calculator td.left {border-left: 1px solid #ececec;} #appadv-resultContainer .calculator th.left {border-left: 1px solid #ececec;} #appadv-resultContainer .calculator td.right {border-right: 1px solid #ececec;} #appadv-resultContainer .calculator th.right {border-right: 1px solid #ececec;} #appadv-resultContainer .calculator td.bottom {border-bottom: 1px solid #ececec;} #appadv-resultContainer h3 { font-weight:bold; margin:0; font-size:12px; color:#655F47; } #appadv-extended-search { margin-top:10px; margin-bottom:20px; display:none; } #appadv-extended-search strong { width:920px; padding-bottom:5px; display:block; border-bottom:1px solid #CCC7BE; font-weight:normal; font-size:12px; color:#676358; cursor:pointer; } #appadv-extended-search ul.tabs { /* display:none; */ } #appadv-extended-search-box { display:none; margin-bottom:20px !important; } .appadv-extended-search-tabdata { color:#676358; font-size:12px; background:#F3EAC9; width:900px; margin:0; display:none; padding:10px; } h6.properties { font-size:13px !important; margin:10px 0 0 0; padding:0; } /** LOGIN ********************************************/ #appadv-login { /* @see #appadv-search */ min-height:490px; } #appadv-login #appadv-left { float:left; width:320px; margin-top:165px; } #appadv-login #appadv-right { float:right; width:360px; margin-top:140px; } #appadv-login #appadv-logo { display:block; float:left; margin-left:20px; } #appadv-login #appadv-register { float:right; width:360px; margin-top:35px; } .appadv-right-header { height:6px; } .appadv-right-header .spacer { float:left; background:#F3EAC9; height:6px; width:346px; font-size:1px; } .appadv-right-content { background:#F3EAC9; padding:15px; } .appadv-right-footer { height:6px; } .appadv-right-footer .spacer { float:left; background:#F3EAC9; height:6px; width:346px; font-size:1px; } #appadv-left p { line-height:16px; } #appadv-login h2 { color:#e3a04d; font-weight:normal; font-size:18px; margin-top: 0px; } #appadv-login h3 { color:#8B7861; font-size:13px; margin:0; } #appadv-login p { color:#676358; font-size:12px; } #appadv-login label { color:#676358; font-size:12px; } #appadv-login input.text { width:150px; } #appadv-login .left-col { float:left; width:50%; } #appadv-login form { margin:0; } #appadv-login .right-col { float:right; width:50%; } #appadv-login .right-col form { padding-top:14px; color:#676358; font-size:12px; } #appadv-login p.register { margin:0; } /** PRINT VERSION *************************************/ #print-version { margin:36px auto 36px auto; padding:36px; border:1px solid #c7c8c3; width:680px; align:center; color:#676358; } #print-version h1 { font-size:20px; margin:0; color:#676358;} #print-version h2 { font-size:18px; } #print-version h3 { font-weight:bold; margin-bottom:0; font-size:12px; } #print-version .header { margin-bottom:0; border-bottom:1px solid #CCC7BE; font-weight:bold; } #print-version .facts th { text-align:right; padding-right:10px; font-weight:normal; } #print-version .ingredients th { text-align:right; padding-right:10px; } #print-version p { margin-top:0; } #print-version .small-title { font-size:14px; padding-left:1px;} #print-version .ingredients th { font-weight:normal; } /** REGISTER FORM *************************************/ #appadv-register-form { color:#676358; font-size:12px; } #appadv-register-form .field { height:30px; margin-top:2px; } #appadv-register-form label { display:block; width:100px; float:left; padding:3px; } #appadv-register-form label.tworows { padding:0 3px 0 3px; } #appadv-register-form label.checkbox { width:200px; } #appadv-register-form input.text { width:200px; float:left; } #appadv-register-form input.checkbox { float:left; width:100px; } #appadv-register-form input.submit { display:block; float:right; width:100px; text-align:center; margin-top:10px; } #appadv-register-form .error {margin-left:3px; color:#E3A04D; font-weight:bold; } /** DATASHEET FORM *************************************/ #appadv-datasheet-form { color:#676358; font-size:12px; } #appadv-datasheet-form .field { height:30px; margin-top:2px; margin-left: 7px; } #appadv-datasheet-form label { display:block; width:100px; float:left; padding:3px; } #appadv-datasheet-form label.tworows { padding:0 3px 0 3px; } #appadv-datasheet-form label.checkbox { width:200px; } #appadv-datasheet-form input.text { width:200px; float:left; } #appadv-datasheet-form select { font-size: 14px; } #appadv-datasheet-form input.checkbox { float:left; width:100px; } #appadv-datasheet-form input.submit { display:block; float:right; width:100px; text-align:center; margin-top:10px; } #appadv-datasheet-form .error {margin-left:3px; color:#E3A04D; font-weight:bold; } #appadv-additionalData { /* margin-top:50px; */ width:200px; float:right; background:#F3EAC9 !important; display:none; } #appadv-additionalData ul { list-style-type:none; clear:both; padding:0; margin:15px; } #appadv-additionalData li { font-size:12px; cursor:pointer; color:#676358; } #appadv-additionalData li:hover { text-decoration:underline; } #appadv-additionalData h3 { font-size:12px; font-weight:bold; margin:10px 15px 0 15px; color:#676358; } #appadv-additionalData .box-header { width:200px; height:6px; background:#fff; } #appadv-additionalData .box-header .left { background:url(/img/eck_mittel_li_oben.png) no-repeat; float:left; width:6px; height:6px; } #appadv-additionalData .box-header .center { background:#F3EAC9; height:6px; float:left; width:188px; } #appadv-additionalData .box-header .right { background:url(/img/eck_mittel_re_oben.png) no-repeat; float:right; width:6px; height:6px; } #appadv-additionalData .box-footer { width:200px; height:6px; background:#fff; } #appadv-additionalData .box-footer .left { background:url(/img/eck_mittel_li_unten.png) no-repeat; float:left; width:6px; height:6px; } #appadv-additionalData .box-footer .center { background:#F3EAC9; height:6px; float:left; width:188px; } #appadv-additionalData .box-footer .right { background:url(/img/eck_mittel_re_unten.png) no-repeat; float:right; width:6px; height:6px; } #appadv-footer { margin-top:10px; } #appadv-permalink { font-size:12px; } #appadv-guestMode { color:#676358; font-size:12px; line-heigth:16px; } #appadv-help { color:#676358; font-size:12px; float:right; text-transform:uppercase; margin:30px 40px 5px 0;} #appadv-help a { text-decoration:none; } #appadv-help-text { color:#8B7861; font-size:12px; line-heigth:16px; width:80%; text-align:justify; } /** GALLERY ************************************/ .gallery { float:left; background: url(/img/thumb_bg.gif) no-repeat; border-spacing:0;} .gallery td { vertical-align:middle; width:139px; height:140px; text-align:center; color:#665E4E; } .gallery td a { color:#665E4E; } /** ADMIN ******************************/ #appadv-loadingMask { width:100%; height:100%; background:#000 url(/img/loader.gif) no-repeat center center; position:fixed; z-index:99999; left:0; top:0; opacity:0.4; display:none; filter:Alpha(opacity=40, finishopacity=40, style=1); } .dialog { visibility:hidden; } .bd form { clear:both; margin-bottom:10px; display:none; } .bd label { display:block; float:left; width:130px; } .bd label.short { display:block; float:left; width:80px; } .bd textarea { display:block; float:left; width:99%; height:400px; } .bd input { display:block; float:left; width:210px; } .bd select { display:block; float:left; width:210px; } .bd div.field { padding-top:3px; } .bd input.checkbox { width:auto; } .bd fieldset { border:none; border-top:1px solid #426FD9; } .bd legend { color:#426FD9; padding:10px; } .bd input.file { width:245px; } .white-box { background:#fff; border:1px solid #808080; padding:5px; margin-bottom:10px; } .field .white-box { height:80px; overflow:auto; } #appadv-printDialog { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#ffffff; } #appadv-editDialog { display:none; } #appadv-editDialog .bd { height:480px; } .tab { height:440px; overflow:auto; } #parts { padding:0; margin:0; list-style-type:none; } .part h3 { font-size:12px; margin:0; padding:3px; background:#426FD9; margin-bottom:1px; color:#fff; font-weight:normal; cursor:pointer; } .part ul { display:none; font-size:12px; margin:0; padding:0; list-style-type:none; margin-bottom:4px; } .part li { padding:3px; } .part h3 .icon { float:right; } .part td { background:#E0E1E2; padding:2px; } .part td a { cursor:pointer; color:#000; } .flag { padding-left: 2px; } .icon { cursor:pointer; } ul.list { list-style-type:none; margin:0; padding:0; cursor:pointer; } #appadv-toolbar { background:#eeeeee; border-bottom:1px solid #cccccc; height:30px; padding:10px; } #new-ingredient { margin-bottom:10px; } .factRow { height:30px; } .factRow select { width:47%; margin-right:1%; margin-bottom:4px; } .factRow input { width:47%; margin-bottom:4px; } .downloadRow { height: 30px; } .downloadRow input { width:48%; margin-bottom:4px; margin-right:1%; } .headerRow { padding:2px; margin-bottom:4px; } #market { margin: 10px 0 20px 0; } .market-item { color: #E3A04D; cursor: pointer; margin: 10px 0 0 0; padding: 0 0 0 8px; } .market-desc { display: none; padding: 5px 15px; background: #F3EAC9; color: #676358; } .market-desc p { margin-top: 5px !important; } .market-close { color: #E3A04D; cursor: pointer; text-align: right; margin: 0 0 5px 0; }