/* reset ------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* general ------------------------------------------------------------------*/ body { background: url(../images/bg_body.jpg) 50% 0 no-repeat; color: #585858; font: 13px/17px Arial, sans-serif; } h1 { height: 24px; margin: 0; padding-top: 4px; color: #3c1913; font-size: 18px; /*line-height: 24px;*/ } h2 { margin: 0 0 10px 0; color: #3c1913; font-size: 12px; font-weight: normal; text-transform: uppercase; } h3 { color: #42221b; font-size: 14px; line-height: 18px; font-weight: normal; } h4 { color: #865c50; font-size: 13px; line-height: 17px; font-weight: bold; } h5 { color: #865c50; font-size: 13px; line-height: 17px; font-weight: normal; } ul, ol { margin: 0 0 10px 16px; } p, form { margin: 0 0 10px 0; } a { color: #865c50; } a:hover { color: #cd8322; } input, textarea, select { font-size: 12px; font-family: Arial, sans-serif; color: #4F535C; } strong { color: #42221b; font-weight: bold; } em { font-style: italic; } .img_left { float: left; margin: 0 15px 10px 0; } .img_right { float: right; margin: 0 0 10px 15px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* page structure ------------------------------------------------------------------*/ #wrapper { width: 980px; margin: 0 auto; padding-right: 18px; } #header { z-index: 90; position: relative; width: 980px; height: 199px; } #contentWrapper { z-index: 50; position: relative; background: url(../images/bg_contentWrapper.gif) repeat-y; } #navigation { position: relative; float: left; width: 164px; margin-top: -18px; } #hp #navigation { float: none; position: absolute; top: -46px; margin: 0; } #content { position: relative; float: right; width: 796px;/*width: 786px;*/ margin-top: 48px; padding: 0 10px 130px 0; } .hasOldFader #content { margin-top: 28px; } #mainContent { float: left; padding: 15px 0 0 0; } .withPreselections h1, .withPreselections #mainContent { width: 422px; } .withLogin h1, .withLogin #mainContent, #applSubtitle { width: 565px;/*width: 546px;*/ } .editionHp #mainContent { width: 422px; } #sidebar { float: right; margin-top: -19px; } .withPreselections #sidebar { width: 308px; padding: 30px 10px 20px 30px; background: url(../images/bg_preselections.gif) no-repeat; } .withLogin #sidebar { width: 220px; padding: 0; margin-top: -10px; background: none; } #footerWrap { clear: both; width: 100%; border-top: #e0d5d3 1px solid; } #footer { width: 936px; margin: 0 auto; padding: 12px 22px; } /* header ------------------------------------------------------------------*/ #logo { position: absolute; display: block; left: 20px; top: 5px; width: 93px; height: 110px; } #smallLogos { position: absolute; left: 185px; top: 50px; width: 260px; height: 68px; } #header #watchLiveBtn { position: absolute; top: 25px; right: 190px; width: 150px; height: 41px; background: url(../images/btn_watchLive.png) no-repeat; text-indent: -9999px; } #header #watchLiveBtn:hover { background: url(../images/btn_watchLive_ho.png) no-repeat; } #headerNav { position: absolute; bottom: 0; left: 174px; /*left: 184px; width: 796px;*/ width: 589px; height: 52px; margin: 0; background: #fff; } /*#hp #headerNav { left: 22px; width: 589px; padding-left: 119px; }*/ #headerNav ul { width: 600px; margin: 0; } #headerNav ul li { float: left; width: 113px; height: 52px; margin-right: 6px; } #headerNav ul li a { display: block; width: 113px; height: 32px; padding-top: 20px; background: url(../images/bg_nav_a.gif) no-repeat; color: #3c1913; text-align: center; text-transform: uppercase; text-decoration: none; } #headerNav ul li.active a, #headerNav ul li a:hover { padding-top: 20px; background: url(../images/bg_nav_a_ho.gif) no-repeat; color: #fff; } /*#hpPresszone { position: absolute; top: 0; left: 0; display: block; width: 113px; height: 52px; padding-top: 20px; background: url(../images/bg_hpPresszone.gif) no-repeat; text-align: center; text-decoration: none; text-transform: uppercase; } #hpPresszone:hover { background: url(../images/bg_hpPresszone_ho.gif) no-repeat; color: #fff; }*/ #hpPresszone { display: none; } #headerNavTop { position: absolute; top: 124px; left: 174px; width: 589px; height: 38px; background: url(../images/nav_top.png) -174px 0 no-repeat; } /*#hp #headerNavTop { left: 22px; width: 708px; background: url(../images/nav_top.png) -22px 0 no-repeat; }*/ #googletranslate { position: absolute; top: 10px; right: 20px; width: 150px; text-align: center; z-index: 10; } #poweredBy { position: relative; margin-top: 5px; color: #797979; font-size: 10px; line-height: 14px; } #poweredBy img { vertical-align: middle; } #googleTranslateInfo { display: none; position: absolute; top: 0; left: 0; width: 140px; padding: 4px; background: #f3f0ef; text-align: left; } #poweredBy:hover #googleTranslateInfo { display: block; } #socialBtns { z-index: 100; position: absolute; top: 152px;/*top: 10px;*/ right: 9px; width: 185px; text-align: right; } #socialBtns a { vertical-align: middle; } #fbLike { float: left; display: inline; } #follow { float: left; display: inline; overflow: hidden !important; width: 61px !important; } #youTubeLink { float: left; padding-left: 9px; } #socialActionBtns { position: absolute; bottom: -22px; right: 10px; } #socialActionBtns div { float: left; width: auto; } #printlink { padding-left: 10px; } #print { /*position: absolute;*/ display: block; /*bottom: -20px; right: 10px;*/ width: 20px; height: 20px; background: url(../images/icon_print.gif) 0 5px no-repeat; text-indent: -9999px; z-index: 1; } #printonly { display: none; } /* navigation ------------------------------------------------------------------*/ #subNavWrap { width: 138px; height: 89px; padding: 0 0 20px 0; background: #fff; } #subNav { width: 115px; height: 89px; margin: 0; padding: 2px 8px; background: url(../images/bg_subNav.gif) no-repeat; } #subNav li { width: 115px; padding: 4px 0; border-top: #b9a48d 1px solid; } #subNav .first { border: none; } #subNav a { display: block; width: 100px; padding-left: 15px; background: url(../images/bg_subNav_a.gif) 0 2px no-repeat; color: #3c1913; font-size: 11px; line-height: 15px; text-decoration: none; text-transform: uppercase; } #subNav .active a, #subNav a:hover { background: url(../images/bg_subNav_a_ho.gif) 0 2px no-repeat; color: #865c50; } .mainNav { width: 142px; margin: 0 0 20px 0; } .mainNav li { width: 142px; margin: 0 0 10px 0; } .mainNav a, .mainNav h2 { width: 142px; display: block; background: url(../images/bg_mainNav_a.gif) no-repeat; color: #fff; font-size: 11px; line-height: 15px; text-decoration: none; text-transform: uppercase; } .mainNav span { display: block; padding: 4px 8px 4px 16px; background: url(../images/bg_mainNav_a_span.gif) bottom left no-repeat; } .mainNav .active a, .mainNav a:hover { color: #ecb42b; } .mainNav ul { width: 118px; margin: 8px; } .mainNav ul li { width: 110px; margin: 0; padding: 4px 0 4px 8px; border-top: #d1c9c7 1px solid; } .mainNav ul li.first { border: none; } .mainNav ul a, .mainNav .active li a { width: 110px; background: none; color: #2b1611; font-size: 13px; line-height: 17px; text-transform: none; } .mainNav ul .active a, .mainNav ul a:hover { color: #cf7a0a; } a.menuAddRecipeLink { font-weight: bold; } #addRecipeMainNav { position: absolute; left: -184px; top: 68px; } .mainNav small { display: block; color: #BD7912; font-size: 10px; } /* content ------------------------------------------------------------------*/ #path { position: absolute; top: -42px; left: 0; width: 500px; } #path, #path a { color: #989898; font-size: 11px; line-height: 15px; } #tabs { position: absolute; top: -22px;/*top: 0;*/ left: 0; width: 442px; height: 21px; border-top: #ddd3d0 1px solid; } #tabs ul { position: absolute; top: 0; right: 0; width: auto; margin: 0; } /*#tabs li { float: left; width: 69px; margin-left: 6px; } #tabs a { display: block; width: 69px; height: 19px; padding: 2px 0 0 0; background: url(../images/bg_tabs_a.gif) no-repeat; color: #42221b; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; } #tabs .active a, #tabs a:hover { background: url(../images/bg_tabs_a_ho.gif) no-repeat; color: #fff; }*/ #tabs li { float: left; width: auto; margin-left: 6px; } #tabs a { float: left; display: block; width: auto; height: 21px; padding: 0 6px 0 0; background: url(../images/bg_tabs_a.gif) top right no-repeat; color: #42221b; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; } #tabs a span { float: left; display: block; width: auto; height: 19px; padding: 2px 0 0 6px; background: url(../images/bg_tabs_a_span.gif) top left no-repeat; color: #42221b; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; } #tabs .active a, #tabs a:hover { background: url(../images/bg_tabs_a_ho.gif) top right no-repeat; color: #fff; } #tabs .active a span, #tabs a:hover span { background: url(../images/bg_tabs_a_span_ho.gif) top left no-repeat; color: #fff; } .blocks { margin-bottom: 10px; } .blocks h2 { color: #BD7912; } .blocks img { /*margin-bottom: 15px;*/ } .blocklink { margin: 0 0 10px 0; color: #3c1913; font-size: 12px; font-weight: normal; text-decoration: none; text-transform: uppercase; } .blocks a.bestand { text-decoration: none; } .blocks a.bestand img { margin-right: 5px; } .blocks a.bestand span { text-decoration: underline; } .blocks a:hover.bestand span { display: inline !important; text-decoration: underline; } h1 span { font-weight: normal; } h2 a { color: #3c1913; text-decoration: none; } h2 span { font-weight: bold; } .blocks ul { margin: 0 0 14px 16px; list-style-type: disc; } .blocks ol { margin: 0 0 14px 24px; list-style-type: decimal; } /* forms -------------------*/ form div { margin: 0 0 2px 0; } fieldset { margin: 0 0 30px 0; } legend { color: #3c1913; font-weight: bold; } label { clear: left; float: left; padding-right: 10px; color: #865c50; } label small { font-size: 10px; line-height: 12px; } input { height: 20px; background: none; border: #ddd3d0 1px solid; } textarea { border: #ddd3d0 1px solid; } /* share btn input */ #at16psf input { height: auto; } #applicationForm { width: 484px; } #personal label, #pressForm label { width: 140px; } .extras label { width: 210px; } #contactform label, #subscribeform label, #pwform label, #recipesearch label, #loginForm label { width: 100px; } #addrecipe label { width: 200px; } #addrecipe label.error { /*clear: none; float: none; display: inline; padding-left: 5px;*/ color: #CC0000; } #addrecipe input.error { display: inline; border-color: #cc0000; } #personal input, .extras input, #contactform input, #subscribeform input, #pwform input, #pressForm input, #loginForm input, #addrecipe input { width: 260px; } #recipesearch input { float: left; width: 260px; margin-right: 10px; } #subscribeform textarea { width: 260px; } #pressForm .labels { float: left; width: 150px; margin: 0; } #pressForm .labels label { clear: none; float: none; display: inline; width: 60px; padding: 0; } #pressForm .inputs { float: left; width: 262px; margin: 0; } #pressForm .inputs #press_street, #pressForm .inputs #press_zip { float: left; } #pressForm .inputs #press_nr, #pressForm .inputs #press_city { float: right; } #pressForm .inputs #press_street, #pressForm .inputs #press_city { width: 180px; } #pressForm .inputs #press_nr, #pressForm .inputs #press_zip { width: 70px; } #pressForm .checkbox input { display: inline; width: auto; border: none; vertical-align: middle; } #subscribeform #newsletter, #pressForm .checkbox input { display: inline; width: auto; border: none; vertical-align: middle; } #subscribeform #newsletter { margin-left: 110px; } #pressForm .checkbox input { margin-left: 150px; } #subscribeform #keepInformed label, #pressForm .checkbox label { clear: none; float: none; display: inline; width: auto; vertical-align: middle; } #captchaWrap { width: 372px; padding-top: 10px; } #applicationForm #captchaWrap { width: auto; } #captchaWrap img, #captchaWrap label, #captchaWrap input { margin-left: 110px; } #applicationForm #captchaWrap img, #applicationForm #captchaWrap label, #applicationForm #captchaWrap input { margin-left: 0; } #captchaWrap label { float: none; display: block; width: auto; padding: 3px 0; } #applicationForm #captchaWrap input { width: 228px; } .appBlock { margin-bottom: 20px; } #a_nationality { float: left; } .a_info { float: left; position: relative; display: block; width: 19px; height: 20px; margin-left: 5px; background: url(../images/info.gif) no-repeat; text-indent: -9999px; z-index: 100; } .a_info span { position: absolute; display: none; top: 22px; left: 22px; width: 250px; padding: 4px; background: #fff; border: #865c50 1px solid; color: #585858; font-size: 11px; line-height: 15px; text-indent: 0; z-index: 101; } .a_info:hover span { display: block; } #motivation textarea { width: 482px; } #contactform textarea, #addrecipe textarea { width: 260px; } #creations div { margin-bottom: 10px; } #creations label { float: none; display: block; width: auto; } .btn_submit { height: 29px; background: url(../images/btn_appFormSubmit.gif) no-repeat; border: none; color: #42221b; font-size: 13px; font-weight: bold; cursor: pointer; } #appFormSubmit { float: right; width: 107px; } #recipesearch .btn_submit, #contactform #contactformSubmit, #subscribeform .btn_submit, #pwform .btn_submit { float: left; width: 107px; margin-left: 265px; } #pressForm .btn_submit { float: left; width: 107px; margin-left: 305px; } #loginForm .btn_submit { float: left; width: 107px; margin-left: 40px; } #mainContent #loginForm { margin-bottom: 30px; } #mainContent #forgotPassw { float: left; width: auto; padding-left: 110px; } #recipesearch .topFormSelect { float: left; width: auto; margin: 2px 10px 0 0; } #recipesearch .topFormInput { float: left; width: 205px; } #recipesearch .topFormBtn_submit { width: 18px; height: 24px; margin: 0; background: url(/images/btn_recipeSearchSubmit.gif) no-repeat; } .addMore { border-top: #ddd3d0 1px solid; } .addMore a { float: right; display: block; width: auto; height: 21px; padding: 0 10px 0 0; background: url(../images/addMore.gif) top right no-repeat; color: #42221b; text-decoration: none; } .addMore span { display: block; width: auto; height: 21px; padding: 0 0 0 10px; background: url(../images/addMore_span.gif) top left no-repeat; } .addMore a:hover { padding: 0 10px 0 0; background: url(../images/addMore_ho.gif) top right no-repeat; color: #fff; } .addMore a:hover span { padding: 0 0 0 10px; background: url(../images/addMore_ho_span.gif) top left no-repeat; } .mandatory { padding-left: 210px; font-size: 11px; } .addRecipeMainTitle { height: auto; font-size: 30px; line-height: 34px; } .addRecipeTitle { margin: 15px 0 0 0; font-size: 18px; line-height: 22px; font-weight: bold; text-transform: none; } #addrecipe div { margin: 0 0 4px 0; } #addrecipe label small { display: block; } #addrecipe #recipe_parts_wrapper { margin: 0; padding: 10px 0 0 0; } #addrecipe .recipe_part_wrapper, #addrecipe #recipe_assembling_finishing_details_wrapper { margin: 10px 0; } #addrecipe .recipe_part_wrapper h3, #addrecipe #recipe_assembling_finishing_details_wrapper h3, h3.part_subtitle_header { margin: 0 0 5px 0; padding: 2px 10px; background: #ddd3d0; } h3.part_subtitle_header { margin-top: 10px; } #addrecipe h3.partTitle span { float: left; width: auto; } #addrecipe h3.partTitle a { float: right; width: auto; color: #42221B; font-weight: bold; } #addrecipe .editText { position: relative; margin-bottom: 4px; } #addrecipe .editText label { float: none; display: block; width: auto; padding: 0 10px 4px 10px; color: #585858; } #addrecipe .editText label.error { /*position: absolute; left: 542px; margin-top: -241px; *margin-top: 10px;*/ color: #cc0000; } #addrecipe #recipe_assembling_finishing_details_wrapper { position: relative; } #addrecipe #recipe_assembling_finishing_details_wrapper label { width: 300px; } /*#addrecipe #recipe_assembling_finishing_details_wrapper label.error { position: absolute; left: 546px; margin-top: 8px; color: #cc0000; }*/ /*#addrecipe .editText.sub_title_wrapper label.error { margin-top: -20px; *margin-top: 6px; }*/ #addrecipe .btn_submit { float: left; width: 107px; margin-left: 20px; } #addrecipe #addrecipeAssemblingFinishingDetails { width: 250px; margin-right: 0; background: url(../images/btn_assembling.gif) no-repeat; } #addrecipe .drawing_upload div { float: left; } #addrecipe .drawing_upload div img { float: left; } #addrecipe .drawing_upload div input { margin-top: 6px; clear: left; float: left; } #addrecipe .drawing_upload div div { clear: left; float: none; } #addrecipe #del_recipe_technical_drawing { width: auto; height: auto; border: none; } #addrecipe .drawing_upload div div label { float: none; display: inline; width: auto; } h2 .recipe_title { font-size: 18px; line-height: 24px; padding-right: 10px; text-transform: none; } #addrecipe .sub_title_wrapper input { width: 544px; } .recipe_detail_label { float: none; display: block; width: auto; padding: 0 0 5px 0; } .heading_edit_buttons { font-weight: normal; text-transform: none; } .heading_edit_buttons a { padding: 5px 10px; font-size: 14px; line-height: 18px; font-weight: bold; } .heading_edit_buttons a:hover { color: #3C1913; } .editRecipe { background: url(/images/bg_secondaryaction.gif) repeat-x; border: 1px solid #B7B8B7; } .sendRecipe { background: url(/images/bg_primaryaction.gif) repeat-x; border: 1px solid #81BD4B; } .addRecipeMsg { font-size: 14px; font-weight: bold; } /* ---- */ .intro { position: relative; margin-top: 10px; padding-bottom: 16px; z-index: 100; } .intro p { margin: 0; } .intro h2 { color: #BD7912; } .editionHp #mainContent h2 { height: 18px;/*height: 24px; background: url(../images/bg_editionHp_h2.gif) no-repeat;*/ border-bottom: #7a625d 1px solid; font-weight: normal; } /*.editionHp #sidebar h2 { height: 24px; padding: 6px 0 0 8px; background: url(../images/bg_editionHp_sidebar_h2.gif) no-repeat; }*/ .editionHp h2 a /*.editionHp #sidebar h2 a*/ { float: left; display: block; width: auto; height: 18px; padding: 0 6px 0 0; background: url(../images/bg_editionHp_h2_a.gif) top right no-repeat; color: #fff; font-weight: normal; } .editionHp h2 a span { float: left; display: block; width: auto; height: 17px; padding: 1px 10px 0 16px; background: url(../images/bg_editionHp_h2_a_span.gif) top left no-repeat; font-weight: normal; } .titleDetail { float: right; width: auto; font-weight: normal; text-transform: none; } .editionHp #sidebar h2 a { float: none; height: auto; background: none; } .editionHp h2 a:hover, .editionHp #sidebar h2 a:hover { color: #ecb42b; text-decoration: none; } .editionHp h3 { margin: 0 0 10px 0; color: #42221b; font-size: 20px; line-height: 24px; font-weight: normal; } .editionHp h3 span { display: block; font-size: 14px; line-height: 18px; } .editionHp .block { width: 392px; margin-bottom: 20px; } .participantsOverview { clear: both; margin: 0; } .participantsOverview li { position: relative; float: left; overflow: hidden; width: 133px; height: 190px; margin: 0 4px 10px 0; } #WFParticipants .participantsOverview li:nth-child(3n) { margin-right: 0; } .withLogin .participantsOverview li:nth-child(4n) { margin-right: 0; } .participantsOverview a { font-size: 12px; font-weight: bold; } .participantsOverview a:hover { color: #cd8322; } .imgLink { display: block; overflow: hidden; width: 135px; height: 125px; margin-bottom: 5px; } .participantsOverview span { display: block; } .participantsOverview .flag, .imgWrap .flag { position: absolute; top: 0; left: 0; height: 19px; } #tabs.viewAll { position: relative; top: auto; left: auto; width: 392px; } .withLogin #tabs { width: 565px;/*width: 546px;*/ } .sort { font-size: 11px; text-align: right; } .withLogin #tabs .prevNext, .withLogin #tabs .prevNext a { width: auto; } /*.withLogin #tabs .viewAll { width: 124px; }*/ .withLogin #tabs .prevNext a { background: none; } .withLogin #tabs .prevNext a:hover { color: #42221b; text-decoration: underline; } /*.withLogin #tabs .viewAll a { width: 124px; background: url(../images/bg_tabs_viewAll_a.gif) no-repeat; } .withLogin #tabs .viewAll a:hover { background: url(../images/bg_tabs_viewAll_a_ho.gif) no-repeat; color: #fff; text-decoration: none; }*/ .imgWrap { position: relative; } #recipesOverview, #recipesCatOverview { margin: 0; } #recipesOverview li { float: left; width: 172px; margin-right: 15px; } #recipesOverview li:nth-child(3n) { margin: 0; } #recipesOverview a { position: relative; display: block; color: #3c1913; text-decoration: none; text-transform: uppercase; } #recipesOverview a:hover { color: #cd8322; } #recipesOverview span { position: absolute; display: block; top: 10px; left: 0; width: 172px; text-align: center; } #recipesCatOverview li { float: left; width: 172px; margin: 0 15px 15px 0; } #recipesCatOverview li:nth-child(3n) { margin-right: 0; } #recipesCatOverview .imgWrap { position: relative; overflow: hidden; width: 172px; height: 140px; } #recipesCatOverview .infoWrap { overflow: hidden; width: 152px; height: 90px; padding: 10px; background: url(../images/bg_recipeOverviewInfo.gif) bottom left no-repeat; color: #3c1913; } .infoWrap a, .infoWrap span { display: block; } .infoWrap a { margin-bottom: 10px; color: #3c1913; } .infoWrap a:hover { color: #cd8322; } .infoWrap .country { color: #8a7571; } #imgContainer { margin-top: 10px; } #recipe { clear: both; margin: 10px 0 0 0; } #recipe h3, .jury h2 { padding: 4px 10px; background: #f5f2f1; color: #3b1812; font-size: 13px; font-weight: normal; text-transform: uppercase; } #recipe .column { float: left; width: 253px; padding: 10px; } #recipe .fullwidth { padding: 10px; } #recipe .blocks { clear: both; margin-left: 10px; } #moviePicsContainer { position: relative; margin: 0; background: #ECECEC; text-align: center; } #slides { position: absolute; left: 0; top: 0; overflow: hidden; width: 422px; } #slides a { position: absolute; left: -422px; display: block; width: 422px; height: 276px; } #slides a img { display: block; margin: 0 auto; } .moviePicsTabs { position: relative; height: 26px; margin: 0 0 10px 0; background: #e4dcd9/*url(../images/bg_moviePicsTabs.gif) no-repeat*/; } .moviePicsTabs a { position: absolute; display: block; top: 0; width: 47px; height: 26px; text-indent: -9999px; } #previous { left: 0; background: url(../images/bg_moviePicsPrev.gif) no-repeat; } #next { right: 0; background: url(../images/bg_moviePicsNext.gif) no-repeat; } .withLogin #slides, .withLogin #slides a { width: 546px; } .withLogin #slides a { left: -546px; } .movie { position: relative; margin-bottom: 10px; } .movie a { display: block; } .movie .movielinkArrow { position: absolute; top: 50%; left: 50%; width: 53px; height: 38px; margin-top: -19px; margin-left: -26px; } #newsOverview { margin: 0; } #newsOverview li { margin-bottom: 10px; } #newsOverview a { color: #42221b; text-decoration: none; } #newsOverview a:hover, #newsOverview a:hover span { text-decoration: underline; cursor: pointer; } #newsOverview span { float: left; display: block; } #newsOverview .date { width: 60px; font-weight: bold; } #newsOverview img { float: left; margin-right: 10px; } #newsOverview .newsContent { width: 215px; } #newsOverview .newsContent span { float: none; } #newsOverview .noImage .newsContent { width: 360px; } #newsOverview .title { font-weight: bold; } #newsOverview .text { color: #585858; font-size: 11px; line-height: 15px; } #newsOverview .readMore { float: none; display: inline; color: #865c50; font-weight: bold; white-space: nowrap; } .newsDate { font-size: 15px; } #pressFormSelect { position: absolute; top: -41px; right: 250px; width: 300px; text-align: right; } #pressFormSelect label { float: none; display: block; padding: 0; color: #989898; font-size: 11px; line-height: 15px; } .pressZone #tabs { position: relative; top: auto; left: auto; } .pressZone #tabs li { width: 164px; margin: 0 27px 0 0; } .pressZone #tabs li:nth-child(3n) { margin-right: 0; } .pressZone #tabs a { width: 164px; background: url(../images/bg_tabs_press.gif) no-repeat; } .pressZone #tabs .active a, .pressZone #tabs a:hover { width: 164px; background: url(../images/bg_tabs_press_ho.gif) no-repeat; } .pressDownloads, .pictures { width: 546px; margin: 20px 0; color: #865c50; font-size: 12px; } .pressDownloads td { padding: 2px 20px 2px 0; vertical-align: middle; } .pressDownloads td.size { padding: 2px 0 2px 20px; text-align: right; } #registerLink { } .pictures td { width: 376px; padding: 10px 0 0 30px; background: #f5f2f1; border-top: #fff 16px solid; vertical-align: top; } .pictures td.pict { width: 140px; padding: 0; background: #ddd3d1; border-top: #ddd3d1 16px solid; text-align: center; } .pictures #firstRow td { border: none; } .pictures span { color: #3c1913; font-weight: bold; } .countryList { float: left; width: 170px; margin: 0; } .countryList li { margin: 0 0 8px 0; } .countryList a { text-decoration: none; } .countryList span { float: left; } .countryList .flag { width: 40px; } .countryList .country { width: auto; text-decoration: underline; } #appFormLinks1, #appFormLinks2 { margin-right: 18px; } #recipeSearchResults ul { list-style-type: disc; } /* sidebar ------------------------------------------------------------------*/ #preselectionsNav, #login, #recipeSearchForm { margin: 0 0 15px 0; } #preselectionsNav h2 a { color: #391813; text-decoration: none; } #preselectionsNav h2 a:hover { text-decoration: underline; } #preselectionsNav ul { width: 308px; margin: 0; } #preselectionsNav ul li { width: 308px; margin: 0 0 4px 0; } #preselectionsNav .preselCountry { float: left; width: auto; } #preselectionsNav a .preselCountry { text-decoration: underline; } #preselectionsNav .preselParticipant, #preselectionsNav .preselDate { float: right; width: 193px; } #preselectionsNav .preselParticipant { font-weight: bold; } #preselectionsNav a.active .preselCountry { color: #3c1913; text-decoration: none; } #preselectionsNav a:hover, #preselectionsNav a:hover .preselCountry, #preselectionsNav a:hover span { color: #cd8322; } #preselectionsNav a.active, #preselectionsNav a.active .preselCountry { font-weight: bold; text-decoration: none; } #logoWFParis { margin-left: 8px; } #sidebarContent { width: 179px; padding: 40px 10px 15px 30px; background: url(../images/bg_login.gif) no-repeat; } #downloads { margin: 0 0 15px 0; } #downloads a.bestand { display: block; margin-bottom: 2px; padding-left: 20px; color: #585858; font-size: 12px; text-decoration: none; } #downloads a.bestand span.file { color: #865C50; text-decoration: underline; } #downloads a:hover.bestand, #downloads a:hover.bestand span { color: #585858; } #downloads a:hover.bestand span { display: inline !important; } #downloads a.bestand:hover span.file { color: #cd8322; } #downloads a.bestand span.size { white-space: nowrap; } .pdf { background: url(../images/win_pdf.gif) no-repeat; } .doc { background: url(../images/win_doc.gif) no-repeat; } .xls { background: url(../images/win_xls.gif) no-repeat; } .ppt { background: url(../images/win_ppt.gif) no-repeat; } .zip { background: url(../images/win_zip.gif) no-repeat; } .gif { background: url(../images/win_gif.gif) no-repeat; } .jpg { background: url(../images/win_jpg.gif) no-repeat; } #sidebar #login h2 { font-weight: bold; } #sidebar #loginForm { width: 179px; } #sidebar #loginForm div { margin: 0; } #sidebar #loginForm div.nameWrap { margin-bottom: 2px; } #sidebar #loginForm label { float: left; width: 60px; padding: 0; color: #858585; font-size: 11px; } #sidebar #loginForm input { float: right; width: 114px; height: 20px; background: none; border: #ddd3d0 1px solid; } #sidebar #loginForm input#loginSubmit { float: right; width: 56px; height: 20px; background: url(../images/bg_loginSubmit.gif) no-repeat; border: none; color: #42221b; cursor: pointer; } #sidebar #login span { color: #865c50; } #recipeSearchForm label { float: none; display: block; margin: 0 0 10px 0; color:#3C1913; font-size:12px; font-weight:bold; text-transform:uppercase; } #recipeSearchForm input { float: left; width: 157px; } #recipeSearchForm #recipeSearchSubmit { width: 18px; height: 24px; background: url(../images/btn_recipeSearchSubmit.gif) no-repeat; } #forgotPassw, #register { clear: both; font-size: 11px; } #forgotPassw:hover, #register:hover { color: #42221b; } .welcomeMsg { color: #7a625d; font-size: 11px; font-style: italic; } #addRecipeLink { display: block; width: 99px; height: 22px; margin: 0; padding-left: 80px; background: url(../images/bg_addRecipeLink.gif) no-repeat; color: #42221b; font-size: 11px; text-decoration: none; } #participantRecipeLink { clear: both; display: block; width: 195px; margin: 15px 0 0 15px; color: #42221b; font-weight: bold; text-decoration: none; } #participantRecipeLink img { display: block; } #participantRecipeLink:hover span { text-decoration: underline; } #participantRecipeLink span { display: block; width: 185px; padding: 5px; background: url(../images/bg_participantRecipeLink.gif) bottom left no-repeat; } #sitemap { margin-left: 0; text-transform: uppercase; } #sitemap a { color: #3c1913; text-decoration: none; font-weight: bold; } #sitemap a:hover { text-decoration: underline; } #sitemap ul { margin-left: 16px; list-style-type: disc; text-transform: none; } #sitemap ul a { color: #865c50; font-weight: normal; } #sitemap ul ul { list-style-type: circle; } #sitemap ul ul ul { list-style-type: disc; } #sitemap ul ul ul ul { list-style-type: circle; } #participantIntro { position: relative; margin-bottom: 20px; padding: 60px 20px 12px 20px; background: #cbbab3 url(../images/bg_participantIntro.gif) no-repeat; } #participantIntro.jury { padding-top: 20px; background: #cbbab3; } #participantIntro .img_left { margin-bottom: 0; } #participantIntro .ranking { position: absolute; bottom: -5px; left: 0; width: 105px; height: 25px; background: #e3a71b; color: #3C1913; font-size: 11px; line-height: 25px; font-weight: bold; text-align: center; } #participantIntro .podium { background: #50281f; color: #fff; } #participantIntro .longTitle { line-height: 12px; } #participantIntro h1 { padding: 0; width: auto; } #participantIntro .city { padding-bottom: 10px; color: #3C1913; font-size: 18px; line-height: 22px; } #participantIntro p { margin-bottom: 12px; padding-left: 120px; color: #885d51; font-size: 16px; font-style: italic; } #participantContent { position: relative; /*padding: 0 20px 20px 20px;*/ } #addThisWF { position: absolute; top: 60px; right: 20px; } #participantTabs { position: absolute; top: -40px; left: 140px; margin: 0; } #participantTabs li { float: left; height: 20px; margin-right: 5px; } #participantTabs a { color: #3C1913; } #participantTabs a { float: left; display: block; height: 20px; padding: 0 0 0 5px; background: url(../images/popup_participantsTab_a.png) top left no-repeat; text-decoration: none; } #participantTabs span { display: block; height: 18px; padding: 2px 10px 0 5px; background: url(../images/popup_participantsTab_span.png) top right no-repeat; text-decoration: none; } #participantTabs .active a, #participantTabs a:hover { background: url(../images/popup_participantsTab_a_ho.png) top left no-repeat; } #participantTabs .active span, #participantTabs a:hover span { background: url(../images/popup_participantsTab_span_ho.png) top right no-repeat; } .participantTabContent .blocks { clear: both; } .participantShowPieceVoteButton { cursor: pointer; } .participantShowPieceVoteButton, .participantShowPieceVoteButtonInactive { float: left; width: 57px; /*height: 18px;*/ padding: 2px 0 5px 0; background: url(../images/btn_vote.gif) no-repeat; border: none; color: #fff; text-align: center; } .participantShowPieceVoteButtonInactive { display: block; background: url(../images/btn_vote_inactive.gif) no-repeat; } .participantShowPieceVoteCount { float: left; width: 33px; height: 18px; padding: 2px 0 5px 5px; background: url(../images/btn_vote_count.gif) no-repeat; text-align: center; } .participantShowPieceButtons .voteWrap { text-align: left; } .participantShowPieceButtons .addthis_toolbox { clear: both; /*margin: 5px 0;*/ } #participantTab3Content .addthis_toolbox a { float: left; } .multiMovies { margin: 10px 0; } .multiMovies li { float: left; width: 281px; height: 54px; margin: 0 3px 3px 0; } .multiMovies li.even { margin-right: 0; } .multiMovies li a { position: relative; overflow: hidden; height: 48px; display: block; padding: 3px; text-decoration: none; } .multiMovies li.active a, .multiMovies li a:hover { background: #e0a120; } .multiMovies li a span { display: block; } .multiMovieImgWrp { position: relative; float: left; overflow: hidden; width: 84px; height: 47px; margin-right: 4px; text-align: center; } .multiMovieImgWrp img { display: inline; text-align: center; } .multiMovieTextWrp { color: #3c1d15; font-size: 12px; line-height: 16px; } .multiMovies li a .multiMovieNowPlaying { display: none; color: #fff; text-transform: uppercase; } .multiMovies li.active a .multiMovieNowPlaying { position: absolute; display: block; top: 2px; right: 2px; } #hpVoteShowpieceExtraInfo { width: 566px; padding: 8px 16px; margin-left: 20px; background-color: #FAF6F1; text-align: center; border: 1px solid #ddd6ce; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(css/PIE.htc); } #hpVoteShowpieceExtraInfo p { margin-bottom: 0px; } #participantTab3Content a { float: right; } #participantTabContent a:hover, #participantTab3Content a:hover { text-decoration: none; color: #865C50; } #participantTab3Content ul li { padding-top: 3px; padding-bottom: 3px; } #participantTab3Content #recipesCatOverview li { margin-right: 24px; } #participantTab3Content #recipesCatOverview li:nth-child(3n) { margin-right: 0; } #participantTab3Content #recipesCatOverview .infoWrap { height: 20px; } #participantTab3Content ul li a { float: none; /*background: url(/images/arrow-fancybox.gif) no-repeat; padding-left: 20px;*/ } #participantTab3Content ul#recipe li a { background: none; padding-left: 0px; } #participantTab3Content ul li a:hover { text-decoration: none; color: #865C50; } #participantTab3Content .blocks { clear: none; } #participantFlashMovie, .participantShowPieceImg { margin-bottom: 20px; } .participantShowPieceImg { float: left; margin-right: 20px; } .participantShowPieceInfo { float: left; width: 295px; } .participantShowPieceButtons { margin-bottom: 10px; } /* popup ------------------------------------------------------------------*/ #popup { background: #fff; } #popup #wrapper { width: 100%;/*width: 605px;*/ padding: 0; } #popup #contentWrapper { background: none; } #popup #content { float: none; width: 100%; margin: 0; padding: 0; background: #e7dcd7 url(../images/popup_bg_content.gif) top right no-repeat; } #popup #mainContent { float: none; padding: 0; background: #fff; } #popup h1 { padding-left: 20px; } #popup h1.imgReplace { height: 40px; background: url(../images/popup_h1_meetTheContestants.gif) 20px 14px no-repeat; text-indent: -9999px; } #popup #participantIntro { padding-top: 20px; background: #cbbab3; } #popup #participantIntro h1 { padding: 0; width: auto; color: #3c1913; font-size: 18px; line-height: 22px; } #popup #participantContent { padding: 0 20px 0 20px; } #popup #addThisWF { position: absolute; top: 20px; right: 20px; } #popup #tabs { border: none; top: 20px; right: 14px; left: auto; } #popup #tabs a, #popup #tabs a span { background: none; } #popup #tabs a span { padding-top: 0; } #popup #tabs .active a:hover, #popup #tabs a:hover, #popup #tabs a:hover span { color: #42221B; text-decoration: underline; } #popup #tabs .active a, #popup #tabs .active a span { color: #42221B; font-weight: bold; } #popup .participantsOverview { padding: 20px 0 20px 20px; } /* contentfooter ------------------------------------------------------------------*/ #contentFooter { position: absolute; bottom: 5px; left: 174px; width: 800px;/*width: 790px;*/ padding-left: 6px; } #partners { position: relative; overflow: hidden; width: 770px; height: 50px; margin: 0 0 20px 0; } #partnersSlider { position: absolute; top: 0; left: 0; } .partnersSliderItems { position: relative; float: left; height: 50px; top: 0; text-align:center} .partner { overflow: hidden; float: left; width: 100px; height: 50px; } #partners a { display: block; } #contentFooter #info { float: left; width: 770px; } #contentFooter #info, #contentFooter #info a { color: #959191; font-size: 10px; line-height: 14px; text-transform: uppercase; } #contentFooter #info a, #contentFooter #info span { padding: 0 0 0 5px; vertical-align: middle; } #contentFooter #info span.findUs { padding-left: 20px; } #contentFooter #duo { float: right; display: block; width: 35px; height: 9px; margin-right: 20px; background: url(../images/logo_duo_footer.gif) no-repeat; text-indent: -9999px; } .findusMedia { position: relative; top: 4px; } /* footer ------------------------------------------------------------------*/ .siteLinks { float: left; width: 300px; } .siteLinks ul { margin: 0 0 10px 0; } .siteLinks ul, .siteLinks a, .moreLink { color: #6e6e6e; } .siteLinks a:hover { color: #865C50; } .siteLinks h2 { margin-bottom: 10px; color: #bd7912; font-weight: normal; text-transform: uppercase; } .siteLinks span { padding-right: 10px; } /* hp ------------------------------------------------------------------*/ #hp #contentWrapper { /*padding-left: 22px;*/padding: 0 0 10px 0; background: none; } #hp #content { float: none; width: auto; padding: 25px 0 0 0; } #hpMainContent { position: relative; z-index: 1; float: left; width: 650px; padding: 583px 0 130px 0; } .hasOldFader #hpMainContent { padding: 0 0 130px 0; } #hp #path { display: none; } #hp h1 { width: 786px; height: auto; font-size: 20px; line-height: 24px; } #hp .hasOldFader h1 { width: 600px; padding: 0 0 0 20px; text-align: right; } #hpSidebar { position: relative; z-index: 10; float: right; width: 310px; padding: 45px 20px 0 0;/*padding: 25px 20px 0 0;*/ } .hpSidebarBlock { margin-bottom: 20px; background: #faf6f1; } #hpSidebar .imgReplace { width: 310px; height: 40px; margin: 0; text-indent: -9999px; } #highlights .imgReplace { background: url(../images/hp_ttl_highlights.gif) no-repeat; } #register .imgReplace { background: url(../images/hp_ttl_register.gif) no-repeat; } #highlightsNav { width: 310px; margin: 0; background: #c5b9b3; } #highlightsNav li { float: left; width: 153px;/*width: 148px;*/ height: 27px; } #highlightsNav a { display: block; width: 153px;/*width: 148px;*/ height: 21px; padding-top: 6px; background: url(../images/hp_highlightsNav.gif) 0 -27px no-repeat; color: #8f7c75; font-size: 16px; line-height: 20px; font-weight: bold; text-align: center; text-decoration: none; } #highlightsNav .active a, #highlightsNav a:hover { background-position: 0 0; color: #3c1d15; } #highlights #highlightsScrollableArea a { clear: both; position: relative; display: block; overflow: hidden; width: 292px; height: 48px; padding: 4px 6px 2px 12px; text-decoration: none; } #highlights #highlightsScrollableArea .active a, #highlights #highlightsScrollableArea a:hover { background: url(../images/hp_bg_highlights_a_ho.gif) no-repeat; } #highlights .highlightsScrollItem a span { display: block; } #highlights .scrollImgWrp { position: relative; float: left; overflow: hidden; width: 84px;/*width: 73px;*/ height: 47px; margin-right: 4px; text-align: center; } #highlights .scrollImgWrp img { display: inline; text-align: center; } .playMovie { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; } #highlights .scrollTextWrp { color: #3c1d15; font-size: 12px; line-height: 16px; } #highlights #highlightsScrollableArea a .scrollNowPlaying { display: none; color: #fff; text-transform: uppercase; } #highlights #highlightsScrollableArea .active a .scrollNowPlaying { position: absolute; display: block; top: 2px; right: 2px; } #register { overflow: hidden; height: 90px; } #register div { padding: 10px 15px; } #register p { float: left; width: 150px; margin: 0; color: #2a1c17; } #hpRegisterBtn { float: right; display: block; width: 111px; height: 27px; background: #562a21; color: #fff; line-height: 26px; text-align: center; text-decoration: none; } #hpSidebar #facebook { position: relative; padding-top: 25px; background: #fff url(../images/hp_ttl_facebook.gif) no-repeat; } #hpSidebar .fb_iframe_widget { border: 1px solid #ccc; border-top: none; } #hpSidebar .fbConnectWidgetFooter { display: none; } #mainMovie { position: absolute; left: -40px; top: -50px; width: 681px; height: 642px; background: url(../images/hp_bg_mainMovie.png) no-repeat; } #mainMovie h1 { padding: 35px 0 0 60px; text-indent: -9999px; } #mainMovieContainer { position: absolute; z-index: 1; top: 129px; left: 66px; width: 565px; height: 340px; background: #000; } #no-stream { /*position: absolute;*/ overflow: hidden; /*bottom: 200px; left: 155px;*/ width: 450px; height: 80px; margin: 200px 0 0 90px; color: #fff; font-size: 16px; line-height: 20px; } .tekstballon { position: absolute; overflow: hidden; bottom: 70px; left: 120px; width: 477px; height: 72px; padding: 5px 5px 5px 35px; background: url(../images/bg_tekstballon.png) no-repeat; color: #fff; } .tekstballon div { padding-bottom: 2px; } .tekstballon span { display: block; } .tekstballon span.tekstballon_datum { clear: both; float: left; width: 90px; } .tekstballon span.tekstballon_tekst { float: right; width: 385px; } #backToLiveFeed { position: absolute; z-index: 1000 !important; display: block; top: 92px; left: 18px; width: 190px; height: 57px; background: url(../images/btn_backToLiveFeed.png) no-repeat; text-indent: -9999px; } #live { position: absolute; z-index: 1000 !important;top: 119px; left: 55px; width: 80px; height: 78px; background: url(../images/hp_live.png) no-repeat; text-indent: -9999px; } #hpMainContent h2.imgReplace { width: 600px; height: 40px; margin: 0 0 0 20px; text-indent: -9999px; } #hpContestants, #hpVoteShowpiece { width: 620px; } #hpMainContent #hpWinners h2 { margin-left: 0; background: url(../images/hp_ttl_winners.gif) no-repeat; } #hpContestants h2 { background: url(../images/hp_ttl_meetTheContestants.gif) no-repeat; } #hpVoteShowpiece h2 { background: url(../images/hp_ttl_vote.gif) no-repeat; } .scrollerContainer { position: relative; width: 565px; height: 164px; margin: 0 0 20px 20px; padding: 20px 20px 20px 15px; background: #faf6f1; } #hpWinners { clear: both; width: 600px; margin: 0 0 20px 20px; padding: 0; background: #faf6f1; } .scrollerContainer a, .scrollerContainer span, #hpWinners a, #hpWinners span { display: block; color: #2a1c17; font-size: 12px; line-height: 15px; text-decoration: none; } #hpWinners ul { margin: 0; padding: 0 0 10px 15px; } .scrollerContainer .scrollItem, #hpWinners li { float: left; width: 108px; height: 164px; margin-left: 5px; background: #e3dbd6; } #hpWinners li { position: relative; margin-top: 20px; height: 189px; } .scrollerContainer a, #hpWinners a { width: 108px; cursor: pointer; } #hpWinners a { height: 189px; } .scrollerContainer .imgWrp, #hpWinners .imgWrp { overflow: hidden; width: 108px; height: 108px; } .scrollerContainer .country, #hpWinners .country { height: 16px; margin-bottom: 4px; padding-top: 1px; background: #d1c7c2; vertical-align: middle; } .scrollerContainer .country img, #hpWinners .country img { margin: 0 5px 0 2px; vertical-align: top; } .scrollerContainer .name, #hpWinners .name { padding: 0 2px; text-align: center; } .scrollerContainer .sirName, #hpWinners .sirName { font-weight: bold; } #hpVoteShowpiece .scrollerContainer { height: 184px; } #hpVoteShowpiece .scrollItem { height: 184px; } #hpVoteShowpiece .scrollItem .socMedia { padding: 4px 0 0 4px; } #hpVoteShowpiece .scrollItem .participantShowPieceVoteButton, #hpVoteShowpiece .scrollItem .participantShowPieceVoteButtonInactive { color: #fff; } #mainContent .addthis_toolbox { clear: both; } #hp .socMedia .addthis_toolbox a, #mainContent .addthis_toolbox a { width: 16px; } #hpWinners .ranking { position: absolute; bottom: 0; left: 0; width: 108px; height: 25px; background: #e3a71b; font-size: 11px; line-height: 25px; font-weight: bold; text-align: center; } #hpWinners .podium { background: #50281f; color: #fff; } #hpWinners .longTitle { line-height: 12px; } #hpWinners #reportLink { position: relative; float: left; padding: 0 0 10px 20px; width: auto; height: auto; text-decoration: underline; } #hp .intro { position: relative; margin-top: 10px; z-index: 100; } #presentsNav { position: absolute; top: 18px; right: 0; width: auto; margin: 0; } #presentsNav li { float: left; width: 10px; margin-left: 2px; } #presentsNav li a { display: block; width: 10px; height: 9px; background: url(../images/bg_presentsNav_a.gif) no-repeat; text-indent: -9999px; } #presentsNav li.active a, #presentsNav li a:hover { background: url(../images/bg_presentsNav_a_ho.gif) no-repeat; } #faderbox { position: relative; padding-top: 20px; } #faderbox #nav { position: absolute; top: 4px; right: 0; width: auto; margin: 0; } #faderbox #nav a { float: left; display: block; width: 10px; height: 9px; background: url(../images/bg_presentsNav_a.gif) no-repeat; text-indent: -9999px; } #faderbox #nav a.activeSlide { background: url(../images/bg_presentsNav_a_ho.gif) no-repeat; } #hp .mastersPresents { display: none; position: relative; margin: 0 0 15px 0; } #hp .mastersPresents a { display: block; } #hp .mastersLink { position: absolute; bottom: 10px; right: 10px; width: 190px; padding: 15px; background: url(../images/bg_masterLink.png) repeat; text-align: right; } #hp .mastersLink h3 { color: #3c1913; font-size: 20px; line-height: 24px; font-weight: normal; line-height: 24px; } #hp .mastersLink a { color: #5c2119; text-decoration: none; } #hp .mastersLink a:hover { color: #3c1913; text-decoration: underline } #hp #latestNewsOverview { margin: 0; } #hp #latestNewsOverview li { float: left; width: 200px; margin-right: 22px; } #hp #latestNewsOverview li:nth-child(2n) { margin-right: 0; } #hp #latestNewsOverview li a { display: block; text-decoration: none; } #hp #latestNewsOverview li a:hover { text-decoration: underline; } #hp #latestNewsOverview li img { display: block; margin: 0 0 5px 0; } #hp #latestNewsOverview li span { display: block; } #hp #latestNewsOverview .newsTitle { margin: 0 0 5px 0; color: #cf8321; font-size: 13px; line-height: 17px; font-weight: bold; } #hp #latestNewsOverview .newsIntro { color: #585858; font-size: 11px; line-height: 15px; } #hp #contentFooter { left: 0; width: 600px; padding-left: 22px; } #hp #partners { width: 600px; } #hp #oldFader { width: 600px; padding: 0 0 0 20px; } #hp #oldFader #faderbox { float: right; } /* develBar ------------------------------------------------------------------*/ #develBar { position: absolute; top: 0; right: 0; padding: 5px 10px; background: #ff0000; color: #fff; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; }