/***********************************************/ /* HTML ELEMENTS */ /***********************************************/ body { font-size: 11px; font-family: Verdana, Georgia, Sans-serif; color: #524336; margin: 0px; padding-bottom: 20px; background: #ac9a82 url(images/body_bg.gif) repeat-y center; } h1,h2,h3,h4,h5,h6 { /*font-family: Arial, Verdana, Helvetica, Sans-serif;*/ } h1, .productDisplay h3, .recipelist h2, .full-searchinput h2, .contactUs-header h2 { font-size: 18px; color: #524336; } h3 { font-size: 12px; } a:link, a:visited, a:hover { text-decoration: none; color: #e89c14; font-weight: bold; } a:hover { color: #524336; } img { border: none; } form { padding: 0; margin: 0; } /***********************************************/ /* PLACEHOLDERS */ /***********************************************/ /* This container-div is used in std_grid */ #container { background: url(images/container_repeat.gif) repeat-y; margin: 0px auto 0px auto; width: 950px; } /* This wrapper-div is used in std_grid for background-image purposes only */ #inner-container2 { background: url(images/inner_container2_top.gif) no-repeat center 167px; } /* This container-div is used in grid_no_left */ #container.no-left-placeholder { background-image: url(images/container_repeat_frontpage.gif); } /* This wrapper-div is used in grid_no_left for background-image purposes only */ #inner-container { background: url(images/inner_container_top.gif) no-repeat center 167px; } #placeholder-header { background: url(images/top.png) no-repeat center; height: 167px; margin: 0; padding: 0; } #placeholder-column { padding-top: 0; width: 182px; float: left; margin-left: 12px; overflow: hidden; } #placeholder-content { float: right; width: 737px; overflow: hidden; padding-right: 12px; } #placeholder-right-content { width: 542px; float: left; overflow: hidden; } /* Content placeholder for the frontpage */ #container.no-left-placeholder #placeholder-content { width: 926px; margin-left: 12px; float: left; } #container #placeholder-content #placeholder-left-content { overflow: hidden; float: left; } #container.frontpage #placeholder-content #placeholder-left-content { width: 616px; float: left; overflow: hidden; } /* Content placeholder used for "produktoversikt" */ #placeholder-content.no-left { float: left; padding-right: 0px; } #placeholder-right { width: 195px; float: right; clear: none; padding-top: 22px; padding-bottom: 50px; overflow: hidden; } #container.frontpage #placeholder-right { padding: 0px; width: 310px; } #placeholder-footer { padding-top: 25px; height: 17px; clear: both; text-align: center; background: url(images/footer_top.gif) no-repeat; } #placeholder-content.no-left.no-right { background-color: #fff; } /***********************************************/ /* COMMON SITE ELEMENTS */ /* (TILE-COMMON ETC.) */ /***********************************************/ #placeholder-right .tile-common { width: 185px; overflow: hidden; margin-bottom: 20px;} #placeholder-right h3 { margin-top: 0px;} /*#placeholder-content .tile-common,*/ #placeholder-content .newsletter, #placeholder-content .full-articledisplay, #placeholder-content .full-articlelist, #placeholder-content .faq-articlelist, #placeholder-content .search-recipes, #placeholder-content .searchresult, #placeholder-content .full-searchinput, #placeholder-content .register-myprofile-form, #placeholder-content .advancedsuggestionform, #goog-fixurl { padding: 10px; } #placeholder-content .full-searchinput h2 { margin-left: 0px;} #placeholder-content h1.full-articledisplay, #container.frontpage #placeholder-content .tile-common { padding: 0px;} /***********************************************/ /* Common */ /***********************************************/ input.textinput, select, .register-myprofile-form input, #name, #fromemail, #toemail { border: 1px solid #ba9a5d; } #goog-wm-sb, #submit, input.submit, input.SUBMIT, .reset, #reset { background-color: #e89c14; color: #524336; font-weight: bold; text-transform: uppercase; border: 1px solid #e89c14; padding: 1px 9px 1px 9px; font-size: 10px; font-family: tahoma, Arial, Verdana; } #goog-wm-sb { height: 22px; width: 100px;} .egg-right ul, .productlist ul, .recipeOfTheWeek ul, .full-articledisplay .right-content ul, .relatedInfo ul, .links-tile ul, .recipeTextAndLinks ul, .searchresult ul, .faq-articlelist ul, .full-articlelist ul, .small-articlelist ul, .horizontal-menu ul, .vertical-menu ul, .simpleCategorylist ul { list-style: none; padding: 0; margin: 0; } .egg-right li, .productlist li, .recipeOfTheWeek li, .full-articledisplay .right-content li, .relatedInfo li, .links-tile li, .recipeTextAndLinks li, .faq-articlelist li, .full-articlelist li, .searchresult li, .small-articlelist li, .horizontal-menu li, .vertical-menu li, .simpleCategorylist li { padding: 0; margin: 0; } /***********************************************/ /* TILES IN PLACEHOLDER-HEADER */ /***********************************************/ /* .page-header */ .page-header { width: 194px; height: 59px; padding: 0px 0px 0px 45px; margin: 29px 0px 0px 0px; float: left; } /* .prior-search */ .prior-search { width: 215px; float: right; margin: 24px 0px 0px 0px; } .prior-search input.textinput { width: 80px; height: 13px; } .prior-search input.submit { width: 26px; padding: 1px 0px 1px 0px; } .prior-search select { background-color: #E5E5E5; } .prior-search input.textinput, .prior-search input.submit, .prior-search select { font-size: 10px; } /* .horizontal menu */ #placeholder-header .horizontal-menu h3 { display: none; } #placeholder-header .horizontal-menu li { display: inline; margin-right: 20px; } #placeholder-header .horizontal-menu { width: 800px; margin: 42px 0px 0px 44px; clear: both; float: left;} #placeholder-header .horizontal-menu.showExtraLayout { margin-top: 10px; } #placeholder-header .horizontal-menu a:link, #placeholder-header .horizontal-menu a:visited, #placeholder-header .horizontal-menu a:hover { font-size: 12px; color: #524336;} #placeholder-header .horizontal-menu a:hover { color: #e89c14;} #placeholder-header .horizontal-menu li.main-active a:link, #placeholder-header .horizontal-menu li.main-active a:visited, #placeholder-header .horizontal-menu li.main-active a:hover, #placeholder-header .horizontal-menu li.active a:link, #placeholder-header .horizontal-menu li.active a:visited, #placeholder-header .horizontal-menu li.active a:hover { color: #e89c14; } #placeholder-header .horizontal-menu li.main-active a:hover, #placeholder-header .horizontal-menu li.active a:hover { color: #524336; } #placeholder-header .horizontal-menu .direct-edit-menu { display: inline; } /***********************************************/ /* TILES IN PLACEHOLDER-COLUMN */ /***********************************************/ #placeholder-column .vertical-menu h3 { display: none; } #placeholder-column .vertical-menu, #placeholder-column .simpleCategorylist, #placeholder-column .recipeOfTheWeek { margin-bottom: 20px; float: left; clear: both; width: 100%; } #placeholder-column .simpleCategorylist ul, #placeholder-column .recipeOfTheWeek ul { border-bottom: 1px solid #ece5dd; float: left; clear: both; width: 100%; } #placeholder-column .simpleCategorylist li, #placeholder-column .recipeOfTheWeek li { height: 29px; } #placeholder-column .vertical-menu li.last { border-bottom: 1px solid #ece5dd; } #placeholder-column .vertical-menu li li.last { border-bottom: 0px; } .favorite-recipes .print-all img, .favorite-recipes .print-all a:link, .favorite-recipes .print-all a:visited, .favorite-recipes .print-all a:hover, .full-articledisplay.recipie .right-content a:link, .full-articledisplay.recipie .right-content a:visited, .full-articledisplay.recipie .right-content a:hover, #placeholder-column .vertical-menu a:link, #placeholder-column .vertical-menu a:visited, #placeholder-column .vertical-menu a:hover, #placeholder-column .simpleCategorylist a:link, #placeholder-column .simpleCategorylist a:visited, #placeholder-column .simpleCategorylist a:hover, #placeholder-column .recipeOfTheWeek a:link, #placeholder-column .recipeOfTheWeek a:visited, #placeholder-column .recipeOfTheWeek a:hover { color: #524336; font-size: 11px; font-weight: bold; display: block; float: left; } .favorite-recipes .print-all a:hover, .full-articledisplay.recipie .right-content a:hover, #placeholder-column .vertical-menu a:hover, #placeholder-column .simpleCategorylist a:hover, #placeholder-column .recipeOfTheWeek a:hover { color: #e89c14;} .favorite-recipes .print-all a:link, .favorite-recipes .print-all a:visited, .favorite-recipes .print-all a:hover { margin-top: 7px;} #placeholder-column .vertical-menu a:link, #placeholder-column .vertical-menu a:visited, #placeholder-column .vertical-menu a:hover { width: 100%; height: 20px; padding-top: 9px; padding-left: 8px; } #placeholder-column .simpleCategorylist a.categoryName:link, #placeholder-column .simpleCategorylist a.categoryName:visited, #placeholder-column .simpleCategorylist a.categoryName:hover, #placeholder-column .recipeOfTheWeek a:link, #placeholder-column .recipeOfTheWeek a:visited, #placeholder-column .recipeOfTheWeek a:hover { padding-left: 8px; margin-top: 9px; } #placeholder-column .simpleCategorylist a:link img, #placeholder-column .simpleCategorylist a:visited img, #placeholder-column .simpleCategorylist a:hover img { border-right: 1px solid #ece5dd; } #placeholder-column .vertical-menu li.main-active, #placeholder-column .vertical-menu li.active, #placeholder-column .simpleCategorylist li.active, #placeholder-column .recipeOfTheWeek li.active { background: url(images/active_menuitem.gif) no-repeat 164px 12px; } #placeholder-column .vertical-menu li, #placeholder-column .simpleCategorylist li, #placeholder-column .recipeOfTheWeek li { border-top: 1px solid #ece5dd; float: left; clear: both; width: 100%; } #placeholder-column .vertical-menu li li { padding-left: 20px; } #placeholder-column .vertical-menu li li, #placeholder-column .vertical-menu li.main-active li { border: none; background: none; } #placeholder-column .vertical-menu li li a:link, #placeholder-column .vertical-menu li li a:visited, #placeholder-column .vertical-menu li li a:hover { font-weight: normal; padding: 0px; } #placeholder-column .vertical-menu li li.active a:link, #placeholder-column .vertical-menu li li.active a:visited, #placeholder-column .vertical-menu li li.active a:hover { font-weight: bold; } #placeholder-column .vertical-menu li li.active li a:link, #placeholder-column .vertical-menu li li.active li a:visited, #placeholder-column .vertical-menu li li.active li a:hover { font-weight: normal; } #placeholder-column .recipeOfTheWeek span.prefix-text { margin: 10px; display: block; } /***********************************************/ /* TILES IN PLACEHOLDER-CONTENT */ /***********************************************/ /* Link toolbar */ .linktoolbar { padding-right: 10px; } .linktoolbar h3 { display: none; } .linktoolbar .sharing-container h3 { display: block;} .linktoolbar .sharing-container { background: #ECE5DD; } /* .full-articledisplay */ .full-articledisplay h3.header2 { margin: 0px; font-size: 12px; color: #524336; } .full-articledisplay p.full-articledisplay-ingress, .full-articledisplay .digest { font-weight: bold; } /* .full-articledisplay recipie */ .full-articledisplay.recipie a:link, .full-articledisplay.recipie a:visited, .full-articledisplay.recipie a:hover { float: none; display: inline; } .full-articledisplay.recipie { overflow: hidden; width: 520px;} .full-articledisplay.recipie .top-info { border-bottom: 1px solid #ece5dd; padding-bottom: 15px;} .full-articledisplay.recipie .ingrediens { border-bottom: 1px solid #ece5dd; margin-bottom: 15px; padding-bottom: 15px; width: 270px;} .full-articledisplay.recipie.tip-a-friend .ingrediens { border: none; margin: 0px; } .full-articledisplay.recipie h1, .full-articledisplay.recipie .left-content, .full-articledisplay.recipie .recipie-howto, .full-articledisplay.recipie .backlink { margin-bottom: 10px;} #placeholder-content .full-articledisplay.recipie .recipe-day-week { margin-bottom: 10px; display: block; } .full-articledisplay.recipie h1 { margin-bottom: 10px; } .full-articledisplay.recipie.tip-a-friend .backlink { display: none; clear: both;} .full-articledisplay.recipie .right-content { background-color: #faeed8; width: 230px; float: right; margin: 107px 0px 0px 10px; padding: 2px 2px 0px 2px;} #container .full-articledisplay.recipie ul, #container.frontpage .todaysRecipe ul { float: left; padding-top: 2px; margin-bottom: 5px; } #container.frontpage .todaysRecipe ul { width: 100%; padding-top: 1px; margin-bottom: 0px;} #container .full-articledisplay.recipie li, #container.frontpage .todaysRecipe li { height: 29px; margin-bottom: 2px; width: 100%; clear: both; } #container.frontpage .todaysRecipe li { float: left; margin-bottom: 1px;} #container .full-articledisplay.recipie img { margin: 0px 0px 0px 0px;} #container .full-articledisplay.recipie img, #container.frontpage .todaysRecipe .recipeLinkList img, #container .full-articledisplay.recipie li a:link, #container .full-articledisplay.recipie li a:visited, #container .full-articledisplay.recipie li a:hover, #container.frontpage .todaysRecipe .recipeLinkList a:link, #container.frontpage .todaysRecipe .recipeLinkList a:visited, #container.frontpage .todaysRecipe .recipeLinkList a:hover { display: block; float: left; margin: 0px; border: none;} #container .full-articledisplay.recipie li a:link, #container .full-articledisplay.recipie li a:visited, #container .full-articledisplay.recipie li a:hover, #container.frontpage .todaysRecipe .recipeLinkList a:link, #container.frontpage .todaysRecipe .recipeLinkList a:visited, #container.frontpage .todaysRecipe .recipeLinkList a:hover { display: block; background-color: #fefaf3; height: 21px; padding: 8px 0px 0px 8px; width: 184px; margin-left: 2px;} #container.frontpage .todaysRecipe .recipeLinkList a:link, #container.frontpage .todaysRecipe .recipeLinkList a:visited, #container.frontpage .todaysRecipe .recipeLinkList a:hover { color: #524336; width: 221px; margin-left: 1px; background-color: #fff; } #container.frontpage .todaysRecipe .recipeLinkList a:hover { color: #e89c14; } #container .full-articledisplay.recipie h3 { margin: 0px 0px 0px 9px;} #container .full-articledisplay.recipie h3, #container .full-articledisplay.recipie .linklist { padding: 0px 0px 0px 0px; clear: both;} #container .full-articledisplay.recipie .linklist { padding: 0px 0px 5px 9px;} #container .full-articledisplay.recipie .linklist li { height: auto; margin: 0px 0px 0px 0px; } #container .full-articledisplay.recipie .linklist li a:link, #container .full-articledisplay.recipie .linklist li a:visited, #container .full-articledisplay.recipie .linklist li a:hover { display: block; float: left; margin: 0px; background: none; height: auto; padding: 0px; width: 100%;} /* .recipelist */ .recipelist { float: left; width: 737px;} .recipelist h2 { margin-left: 10px; } .recipelist table { width: 100%; border-collapse: collapse; } .recipelistTitles td { padding-bottom: 10px; font-weight: bold; font-size: 12px; } .recipelist .dishNameTitle, .recipelist .dishName { width: 300px; } .recipelist .preparationTimeTitle, .recipelist .preparationTime { width: 160px; } .recipelist a:link, .recipelist a:visited, .recipelist a:hover { color: #524336; } .recipelist a:hover { color: #e89c14; } .recipelist tr.odd { background-color: #faeed8; } .list-navigation, .list-navigation-text { clear: both; float: right; padding-right: 10px; } /* .faq-articlelist .full-articlelist - .searchresult */ #container .full-articlelist h3 { margin: 0px; } #container .faq-articlelist, #container .full-articlelist { float: none; clear: both; } .searchresult .resultstring { font-weight: bold; } .searchresult ul { margin-top: 10px; } .searchresult li, .full-articlelist li { float: left; clear: both; margin-bottom: 20px; width: 100%; } #container .full-articlelist .articlelist-link-internal { float: left; } #container .full-articlelist .articlelist-link-internal ul, #container .full-articlelist .articlelist-link-internal li { margin: 0px; padding: 0px; } #placeholder-content #placeholder-right .full-articlelist li { float: none; margin-bottom: 0px; } #container.frontpage #placeholder-right .small-articlelist, #container.frontpage #placeholder-right .full-articlelist { width: 305px; overflow: hidden; background-color: #fff; margin-bottom: 6px; float: right; clear: both; } #container.frontpage #placeholder-content .full-articlelist h2 { margin-bottom: 8px; } #container.frontpage #placeholder-content .full-articlelist ul { margin: 4px; } #container.frontpage #placeholder-content .full-articlelist li { margin-bottom: 20px; } #container.frontpage #placeholder-content .small-articlelist ul { margin-bottom: 6px;} .list-thumbnail-left { float: left; clear: both; margin-right: 3px; } .list-thumbnail-right { float: right; margin-left: 3px; } .list-thumbnail-center { text-align: center; } .list-thumbnail-left, .list-thumbnail-right, .list-thumbnail-center, .full-articledisplay img { border: 2px solid #faeddc; margin-bottom: 3px; } #container.frontpage .full-articledisplay img { margin: 0px;} .full-articledisplay .right-content img { border: 0px; } #container .faq-articlelist .article-headers { margin-bottom: 30px; } #container .faq-articlelist h3 { margin: 12px 0px 0px 0px; } #container .faq-articlelist p { margin-top: 0px; } .faq-articlelist ul ul { list-style-type: disc; margin: 1em 0; padding-left: 40px; } /* .search-recipes */ .search-recipes .tile-content {float: left; width: 713px; padding-bottom: 20px; margin-bottom: 20px; padding-left: 4px; border-bottom: 1px solid #ece5dd; } .search-recipes input.submit { margin-right: 6px; margin-left: 150px; } .search-recipes input.textinput, .search-recipes select { margin-bottom: 8px; } #container .search-recipes span { display: block; float: left; clear: both; } .search-recipes .searchWordTitle, .search-recipes .typeOfDishTitle, .search-recipes .difficultyLevelTitle, .search-recipes .preparationTimeTitle { width: 150px; display: block; float: left; clear: both; } /* find prior egg */ #placeholder-content .small-find-egg { magin: 20px 20px 0px 0px; border: 1px solid #fed576; width: 144px; float: right; background: #faeed8 url(images/egg1.jpg) no-repeat 0px 0px; } .small-find-egg a:link, .small-find-egg a:visited, .small-find-egg a:hover { background-color: #e89c14; color: #524336; float: left; text-transform: uppercase; border: 1px solid #ff8d55; margin-right: 6px; padding: 0px 9px 0px 9px; } .small-find-egg input { border: 1px solid #ba9a5d; height: 15px; width: 129px; } /* INFOSIDE */ .small-find-egg a.info-link:link, .small-find-egg a.info-link:hover, .small-find-egg a.info-link:visited { display: none; } #placeholder-content .small-find-egg h3 { padding-left: 7px; margin: 105px 5px 10px 0px; font-size: 20px; color: #524336; } #container.frontpage .small-find-egg h3 { background: none;} .small-find-egg .tile-content { padding-top: 0px; padding-left: 7px; } .small-find-egg .submitText { margin-bottom: 9px; } .small-find-egg .submit { margin-bottom: 7px; } #container.frontpage .small-find-egg .tile-content { padding-left: 76px; } #container.frontpage #placeholder-right .small-find-egg { background-color: #fff; background-image: url(images/egg2.jpg); height: 61px; background-position: 0px 16px; border: none; width: 305px; } #container.frontpage .small-find-egg input { width: 75px; clear: left; float: left; margin-right: 6px; } #container.frontpage .small-find-egg a.info-link { display: inline; } #container .small-find-egg .errorText, #container.frontpage .small-find-egg .findText { margin: 4px 0px 4px 0px; display: block; } #container.frontpage .small-find-egg .findText2 { display: none; } .login-form #login-form-error { display: block; float: left; clear: both; margin-bottom: 4px; } #container .small-find-egg .errorText, .login-form #login-form-error { color: red;} /***********************************************/ /* FINN DITT PRIOR-EGG, ARTIKKELVISNING */ /***********************************************/ .egg-left { width: 480px; float: left; } .egg-right { background-color: #faeed8; border: 1px solid #fed576; width: 200px; width: 180px; float: right; margin-right: 22px; margin-bottom: 15px; padding: 20px 14px 0px 14px; } .egg-right li { float: left; clear: both; width: 100%; margin-bottom: 15px; } .egg-right .field-name { font-weight: bold; float: left; clear: both; width: 100%; } .egg-right .field-value { float: left; clear: both; width: 100%; } /***********************************************/ /* PRODUKTLISTE */ /***********************************************/ #placeholder-content .productlist { clear: both; width: 736px; padding: 10px 0px 0px 1px; } .productlist table { border-collapse: collapse; border: 1px solid #fff; width: 100%;} .productlist td { height: 15px; padding-left: 10px; border-bottom: 1px solid #fff; } .productlistTitles td { height: 21px; font-weight: bold; font-size: 12px; } .productlist .header { width: 320px; border-right: 1px solid #fff; } .productlist .packSize { width: 240px; border-right: 1px solid #fff; } .productlist a:link, .productlist a:visited, .productlist a:hover { color: #524336; } .productlist a:hover { color: #e89c14; } .productlist tr.productlistTitles { background-color: #eaeaea; } .productlist tr, .productlist.searchresult tr.active { background-color: #fdeac6; } .productlist tr.active { background-color: #ffd48c; } /* For the search result page */ #placeholder-content .productlist.searchresult { float: left; width: 736px; } /* For the search result page */ .productlist.searchresult table { width: 100%; } /* For the search result page */ .productlist.searchresult .header { width: 300px; } /***********************************************/ /* PRODUKTVISNING */ /***********************************************/ #placeholder-content .dropdownmenu { width: 896px; border-bottom: 5px solid #ECE5DD; background-color: #fff; height: 20px; padding: 15px 0px 15px 30px; } #placeholder-content .dropdownmenu select { border: 1px solid #ba9a5d; } .full-articledisplay.product h3 { margin-bottom: 0px;} .full-articledisplay.product .productinfo p { margin-top: 0px;} .full-articledisplay.product .left-content { float: left; width: 321px; } .full-articledisplay.product .left-content table td { padding-right: 10px;} .full-articledisplay.product .right-content { float: right; width: 396px; text-align: center;} /***********************************************/ /* PROFILE */ /***********************************************/ /* minus margin used to override padding-top in placeholder-right */ #placeholder-right .priorprofile { background-color: #FAEED8; padding: 8px 10px 20px 10px; margin-top: -12px; } #placeholder-right .priorprofile .infoheader { font-weight: bold; } .change-profile-link { margin-top: 15px; } /***********************************************/ /* LOGIN FORM */ /***********************************************/ #container #placeholder-content .login-form { margin: 10px 10px 20px 10px; width: 250px; } #container #placeholder-column .login-form { padding: 30px 0px 10px 8px; clear: both; float: left; width: 100%;} #placeholder-column .login-form span.labelcell, #placeholder-content .login-form span.labelcell { width: 100px; dislay: block; } #placeholder-content .login-form span.labelcell { float: left; } #placeholder-column .login-form input, #placeholder-content .login-form input { margin-bottom: 5px;} #container #placeholder-column .login-form input.submit, #container #placeholder-content .login-form input.submit { padding: 1px 5px; background: #e89c14; color: #524336; border: 0px; } #login-form-changepassword, #login-form-lostpassword-container { display: none; } #placeholder-column .login-form .login-form-link, #placeholder-right .login-form .login-form-link, #placeholder-right .login-form .new-user-link { margin-top: 5px; } /***********************************************/ /* ADVANCED SUGGESTION FORM */ /***********************************************/ #placeholder-content .advancedsuggestionform { border-bottom: 1px solid #ece5dd; padding-bottom: 20px; } #placeholder-content .advancedsuggestionform table { margin-bottom: 20px; } #placeholder-content .advancedsuggestionform table tr.displayname { display: none; } /***********************************************/ /* My PROFILE FORM (KONTAKT OSS) */ /***********************************************/ #placeholder-content .register-myprofile-form #dinnertip { border: none; } #placeholder-content .register-myprofile-form input { margin-right: 20px; } #placeholder-content .register-myprofile-form td { padding-bottom: 10px; } #placeholder-content .register-myprofile-form #submit { margin-left: 136px; } /***********************************************/ /* CONTACT FORM (KONTAKT OSS) */ /***********************************************/ .contactUs { width: 737px; } .contactUs form { background-color: #faeed8; padding: 10px; } .contactUs-header2 { margin-top: 10px; margin-bottom: 5px; font-weight: bold; } #placeholder-content h2 { margin-left: 10px;} .contactUs textarea { width: 500px; height: 100px; } .contactUs-personalia, .contactUs-reclamation { background-color: #fff; padding: 5px; } .contactUs-personalia { margin-top: 10px; margin-bottom: 10px; } .contactUs a:link, .contactUs a:visited { text-decoration: underline; } .contactUs a:hover { text-decoration: none; } .contactUs .infotext { font-style: italic; } .contactUs form .submit { margin: 10px 0px 10px 310px; } /***********************************************/ /* NEWSLETTER */ /***********************************************/ .newsletter form { margin: 20px; } .newsletter .infotext { font-style: italic; margin: 10px 0px 10px 0px; } /***********************************************/ /* RELATED INFO */ /***********************************************/ .links-tile, .relatedInfo { margin-top: 8px; } .relatedInfo h3 { color: #524336; font-size: 13px; } .links-tile li, .relatedInfo li { margin-bottom: 5px; } /***********************************************/ /* FRONTPAGE TILES */ /***********************************************/ #container.frontpage #placeholder-right .tile-common { margin: 0px 0px 6px 6px; width: 304px; } #container.frontpage #placeholder-right .small-articledisplay-nolayout .tile-content, #container.frontpage #placeholder-right .small-articledisplay .tile-content, #container.frontpage #placeholder-content .small-articlelist .tile-content { margin: 6px;} #container.frontpage #placeholder-right .small-articledisplay-nolayout { height: 51px; } #container.frontpage #placeholder-right .small-articledisplay { height: 116px; overflow: hidden;} #container.frontpage #placeholder-right .small-articledisplay-nolayout .tile-content, #container.frontpage #placeholder-right .small-articledisplay .tile-content { margin-bottom: 0px;} #container #placeholder-content .favorite-recipes h2, #container.frontpage #placeholder-content .full-articlelist h2, #container.frontpage .full-articlelist h1, #container.frontpage .small-articlelist h1, #container.frontpage .small-articledisplay-nolayout h3, #container.frontpage .small-articledisplay h3, #container.frontpage .small-find-egg h3 { font-size: 12px; font-weight: bold; height: 15px; color: #524336; background-color: #faeed8; padding: 1px 0px 0px 6px; margin: 0; } #container.frontpage #placeholder-content .full-articlelist h3 { margin-bottom: 6px; background: none; } #container #placeholder-content .favorite-recipes h2 { margin-bottom: 10px; } #container #placeholder-content .favorite-recipes { width: 520px; } #container.frontpage .todaysRecipe { margin-bottom: 6px; background-color: #fff; float: left; height: 240px; width: 100%; overflow: hidden; } #container.frontpage .todaysRecipe .recipePicture { float: left; width: 350px; height: 240px; overflow: hidden; } #container.frontpage .todaysRecipe .recipePicture img { border: none; } #container.frontpage .todaysRecipe .recipeTextAndLinks { width: 266px; float: right; height: 240px; } #container.frontpage .todaysRecipe .recipeinfo { height: 150px; overflow: hidden; padding-left: 6px; } #container.frontpage .todaysRecipe .recipeLinkList { background: #ece5dd; float: left; clear: both; width: 266px; height: 120px; overflow: hidden;} #container.frontpage .todaysRecipe h3 { font-size: 18px; color: #524336; margin: 1px 0px 4px 0px;} #container.frontpage #placeholder-content .full-articlelist { height: 172px;} #container.frontpage #placeholder-content .full-articlelist ul { margin-left: 6px; margin-right: 6px; margin-top: 6px;} #container.frontpage .todaysRecipe p, #container.frontpage #placeholder-content .full-articlelist p { margin-top: 0px; margin-bottom: 0px; } #container.frontpage #placeholder-content .small-articledisplay p, #container.frontpage #placeholder-content .small-articledisplay-nolayout p { padding: 0px; margin: 0px;} #container.frontpage #placeholder-right .small-articledisplay p, #container.frontpage #placeholder-right .small-articledisplay-nolayout p { margin-bottom: 6px;} #placeholder-content .small-articledisplay h3 span, #placeholder-content .small-articledisplay-nolayout h3 span { padding: 0px; margin: 0px; } #container.frontpage #placeholder-content .small-articledisplay { float: right; margin-top: 0px; } #container.frontpage #placeholder-content .cp-mmarchive-image-left { margin-right: 6px; margin-bottom: 0px;} #container.frontpage #placeholder-content .cp-mmarchive-image-right { margin-left: 0px; margin-bottom: 0px;} #container.frontpage #placeholder-content .list-thumbnail-left { margin-right: 6px; } #container.frontpage #placeholder-content .list-thumbnail-right { margin-left: 6px; } #container.frontpage #placeholder-content .list-thumbnail-left, #container.frontpage #placeholder-content .list-thumbnail-right, #container.frontpage #placeholder-content .list-thumbnail-center, #container.frontpage #placeholder-content .full-articledisplay img { margin-bottom: 6px; } #container.frontpage #placeholder-content .small-articledisplay, #container.frontpage #placeholder-content .small-articledisplay-nolayout { background-color: #fff; float: left; } #container.frontpage #placeholder-left-content .small-articledisplay-nolayout { margin-right: 6px;} #container.frontpage #placeholder-left-content .small-articledisplay { margin-right: -3px;} #container.frontpage #placeholder-left-content .small-articledisplay, #container.frontpage #placeholder-left-content .small-articledisplay-nolayout { float: left; display: inline; width: 305px; overflow: hidden; } #container.frontpage #placeholder-left-content .small-articledisplay p, #container.frontpage #placeholder-left-content .small-articledisplay-nolayout p { padding-top: 6px; padding-right: 6px; } /*margin-left overrided in style-ie.css*/ /*minus margin-top to prevent image to have padding-top 6px since the img is inside the p*/ #container.frontpage #placeholder-left-content .small-articledisplay img, #container.frontpage #placeholder-left-content .small-articledisplay-nolayout img { margin-left: 0px; margin-top: -6px; } /* -- Tooltip ------------------------------------------------------------ */ /* Se additional styling in common stylesheet */ #tooltip-content { background: #ECE5DD; }