/* init elements */ #container body {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.75em;line-height:120%;margin:0px;} #container textarea {font-family:Arial, Helvetica, sans-serif;font-size:12px;} #container BR.clear {clear:both;line-height:1pt;} /* titles */ #container h1 {font-size:1.47em;padding-bottom:5px;line-height:110%;} #container h2 {font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:1.40em;padding:15px 0px;margin:0px;} #container h3 {font-size:1.15em;} #container h3.oranje{color:#E17421;display:block;margin: 0px 0px 0px 0px;} #container h1.noclass { font-size: inherit; padding:0; margin:0; } #container h2.titelOrange14px { clear:both; color:#DF711E; float:left; font-size:1.26em; font-weight:bold; margin:0; padding:0; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; } /* page parts */ #container div.titelhoogte { height: 38px; width: 612px; overflow: hidden; } #container .txtspacer7px {float:left;margin:0px 7px 0px 7px;} #container .container_613px_M15px0px {clear:both;float:left;margin:15px 0px;position:relative;width:690px;} #container .container_floatLeft_clear {clear:left;float:left;margin:0px 0px 5px 0px;width:110px;} #container .container_PL10px {float:left;margin:0px 0px 5px 0px;padding:0px 0px 0px 10px;} #container .container_MB20px {margin:0px 0px 20px 0px;} #container .container_613px {clear:both;float:left;margin:0px 0px;position:relative;width:690px;} #container .container_300px_MB {clear:both;float:left;margin:0px 0px 10px 0px;position:relative;width:690px;} #container .container_ML10px_MT10px {float:left;margin:10px 36px 0px 0px;position:relative;} #container .container_473px_PL30px {float:left;padding:0px 0px 0px 30px;position:relative;width:473px;} #container .container_MT10px {float:left;margin:10px 0px 0px 0px;position:relative;} #container .container_473px_MT20px {clear:both;float:left;margin:10px 0px 0px 0px;position:relative;width:473px;} #container .container_100px_MB10px_MR10px {clear:both;float:left;margin:0px 10px 10px 0px;padding-top:2px;position:relative;width:100px;} #container .container_120px_MB10px_MR10px {clear:both;float:left;margin:0px 10px 10px 0px;padding-top:2px;position:relative;width:120px;} #container .container_410px_MB10px_MR10px {clear:both;float:left;margin:0px 10px 10px 0px;padding-top:2px;position:relative;width:410px;} #container .container_572px_MB15px {clear:both;float:left;margin-bottom:15px;width:572px;} #container .container_135px_MR30px {clear:both;float:left;margin-right:30px;width:135px;} #container .container_280px_MR30px {clear:both;float:left;margin-right:30px;width:280px;} #container .container_386px {float:left;width:386px;} #container .container_275px {float:left;width:275px;} #container .container_left_RM25px {float:left;margin-right:20px;} #container .container_left_RM5px {float:left;margin-right:5px;} #container .container_386px_MT20px_right {float:left;float:right;margin:20px 0px 0px 0px;width:386px;} #container .container_275px_MT20px_right {float:left;float:right;margin:20px 0px 0px 0px;width:275px;} #container .textfield_200px {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:16px;line-height:normal;margin:0px 0px 15px 0px;padding:1px 3px 0px 3px;width:200px;} #container .textfield_300px {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:16px;line-height:normal;margin:0px 0px 15px 0px;padding:1px 3px 0px 3px;width:300px;} #container .textfield_155px {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:16px;line-height:normal;margin:0px 0px 15px 0px;padding:1px 3px 0px 3px;width:155px;} #container .textfield_562px {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:normal;margin:0px 0px 5px 0px;padding:1px 3px 0px 3px;width:562px;} #container .textfield_490px {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:normal;margin:0px 0px 0px 0px;padding:1px 3px 0px 3px;width:490px;} #container .textfield_70px {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:normal;margin:0px 0px 5px 0px;padding:1px 3px 0px 3px;width:70px;} #container .checkbox_text {float:left;margin:0px 0px 10px 5px;padding-top:2px;} #container .greyLine {border-bottom:1px solid #999999;clear:both;margin:0px 0px 2px 0px;} #container .right {float:right;} #container .right_MR10PX {float:right;margin-right:10px;} #container .left_MR10PX {float:left;margin-right:36px;} #container .orange {color:#DF711E;} #container .titelRed14px {color:#D2232A;font-size:1.16em;font-weight:bold;line-height:100%;margin-bottom:2px;} #container .titelBlack18px {color:#000;font-size:1.47em;font-weight:bold;line-height:100%;margin-bottom:2px;} #container .titelOrange12px {clear:both;color:#DF711E;float:left;font-weight:bold;} #container .titelOrange14px {clear:both;color:#DF711E;float:left;font-size:1.16em;font-weight:bold;margin-bottom:2px;} #container .titelOrange14px_margin {clear:both;color:#DF711E;float:left;font-size:1.16em;font-weight:bold;margin-bottom:5px;margin-top:20px;} #container .titelOrange60px {color:#DF711E;font-size:5em;line-height:100% !important;font-weight:bold;margin:70px 0px 20px 0px;} #container .titelBlack14px {clear:both;color:#000;font-size:1.16em;font-weight:bold;margin-bottom:2px;} #container .titelWhite14px {clear:both;color:#fff;font-size:1.16em;font-weight:bold;margin-bottom:2px;} #container .titelBlack12px {color:#000;font-weight:bold;line-height:100%;margin-bottom:4px;} #container .black14px {color:#000;font-size:1.16em;} #container .white12px {color:#FFF;} #container .grey12px {color:#666;} #container .grey11px {color:#666;font-size:0.95em;} #container .titel_right_orange, #container .titel_right_red, #container .titel_right_green, #container .titel_right_greenb, #container .titel_right_orangeb{clear:both; float:left; width:190px; height:16px; padding: 5px 17px 30px 17px; background-repeat:no-repeat; font-size:1.30em; color:#FFF; font-family:"Trebuchet MS",Arial,Verdana,sans-serif} #container .titel_right_green { font-size:1.1em; } #container .titel_right_orange {background-image:url(/images/Pi_titel_orange300.jpg);} #container .titel_right_red {background-image:url(/images/Pi_titel_red300.jpg);} #container .titel_right_green {background-image:url(/images/Pi_titel_green300.jpg);} #container .titel_right_greenb {background-image:url(/images/Pi_titel_green300b.jpg); padding-top: 8px;} #container .titel_right_orangeb {background-image:url(/images/Pi_titel_orangeb300.jpg);position:relative;} #container .titelBlack_right {color:#000000;font-size:0.86em;position:absolute;right:30px;top:5px;} #container .container_titel {float:left;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:10px;padding-bottom:10px;width:600px;} /*--GENERAL BUTTONS & LINKS------------------------------------*/ #container a:link, #container a:visited {color:#000000;text-decoration:none;} #container a.underline:link, #container a.underline:visited {text-decoration:none;} #container a:hover {text-decoration:underline;} #container a.underline:link, #container a.underline:visited {text-decoration:underline;} #container a.underline:hover {color:#666666;text-decoration:underline;} #container a.button80:link, #container a.button80:visited, #container a.button130:link, #container a.button130:visited, #container a.button190:link, #container a.button190:visited, #container a.button35:link, #container a.button35:visited, #container a.button100:link, #container a.button100:visited, #container a.button50:link, #container a.button50:visited, #container a.button70:link, #container a.button70:visited {background-repeat:no-repeat;color:#D2232A;display:block;float:left;font-size:12px;font-weight:bold;height:18px;margin:0px 0px 0px 5px;padding:3px 0px 0px 0px;text-align:center;text-decoration:none;} #container a.button80:link, #container a.button80:visited {background-image:url(/images/Bu_80_off.gif);width:80px;} #container a.button80:hover {background-image:url(/images/Bu_80_on.gif);} #container a.button80:active {background-image:url(/images/Bu_80_active.gif);} #container a.button35:link, #container a.button35:visited {background-image:url(/images/Bu_35_off.gif);width:35px;} #container a.button35:hover {background-image:url(/images/Bu_35_on.gif);} #container a.button35:active {background-image:url(/images/Bu_35_active.gif);} #container a.button100:link, #container a.button100:visited {background-image:url(/images/Bu_100_off.gif);width:100px;} #container a.button100:hover {background-image:url(/images/Bu_100_on.gif);} #container a.button100:active {background-image:url(/images/Bu_100_active.gif);} #container a.button70:link, #container a.button70:visited{width:70px;background-image:url(/images/Bu_70_off.gif);} #container a.button70:hover{background-image:url(/images/Bu_70_on.gif);} #container a.button50:link, #container a.button50:visited{width:50px;background-image:url(/images/Bu_50_off.gif);} #container a.button50:hover{background-image:url(/images/Bu_50_on.gif);} #container a.button50:active{background-image:url(/images/Bu_50_active.gif);} #container a.button130:link, #container a.button130:visited{width:130px;background-image:url(/images/Bu_130_off.gif);} #container a.button130:hover{background-image:url(/images/Bu_130_on.gif);} #container a.button130:active{background-image:url(/images/Bu_130_active.gif);} #container a.button190:link, #container a.button190:visited{width:190px;background-image:url(/images/Bu_190_off.gif);} #container a.button190:hover{background-image:url(/images/Bu_190_on.gif);} #container a.button190:active{background-image:url(/images/Bu_190_active.gif);} #container a.arrowWhite:link, #container a.arrowWhite:visited {background-image:url(/images/Bu_arrow_off.gif);background-repeat:no-repeat;color:#fff;float:left;height:16px;margin:0px 0px 0px 0px;padding:0px 0px 0px 18px;text-decoration:none;white-space:nowrap;} #container a.arrowWhite:hover {background-image:url(/images/Bu_arrow_on.gif);text-decoration:underline;} #container a.arrowWhite:active {background-image:url(/images/Bu_arrow_active.gif);text-decoration:underline;} #container a.arrowBlue:link, #container a.arrowBlue:visited, #container a.arrowBlue_left10px:link, #container a.arrowBlue_left10px:visited {background-image:url(/images/Bu_arrow_off.gif);background-position:center;background-position:left;background-repeat:no-repeat;float:left;height:16px;margin:0px 0px 0px 0px;padding:3px 0px 0px 18px;white-space:nowrap;} #container a.arrowBlue:hover, #container a.arrowBlue_left10px:hover {background-image:url(/images/Bu_arrow_on.gif);} #container a.arrowBlue:active, #container a.arrowBlue_left10px:active {background-image:url(/images/Bu_arrow_active.gif);} #container a.arrowBlue_left10px:link, #container a.arrowBlue_left10px:visited {margin:0px 0px 0px 10px;} #container a.next:link, #container a.next:visited {background-image:url(/images/Bu_next_off.gif);background-repeat:no-repeat;display:block;float:left;height:16px;margin:4px 0px 0px 7px;width:16px;} #container a.next:hover {background-image:url(/images/Bu_next_on.gif);} #container a.next:active {background-image:url(/images/Bu_next_active.gif);} #container a.previous:link, #container a.previous:visited {background-image:url(/images/Bu_previous_off.gif);background-repeat:no-repeat;display:block;float:left;height:16px;margin:4px 7px 0px 0px;width:16px;} #container a.previous:hover {background-image:url(/images/Bu_previous_on.gif);} #container a.previous:active {background-image:url(/images/Bu_previous_active.gif);} /* master */ #container .container_center {background-image:url(/images/Pi_bg_whiteRepeat.jpg);background-repeat:repeat-y;margin-left:auto;margin-right:auto;width:967px;} #container .container_content {background-image:url(/images/Pi_bg_white.gif);background-repeat:no-repeat;clear:both;float:left;padding:0px 18px 0px 18px;width:931px;} #container .container_topnav {float:left;position:relative;width:931px;} #container .container_topnav_logo {clear:both;float:left;width:210px;position:relative;} #container .container_topnav_logo #container .container_taalswitch{width:82px;height:19px;position:absolute;bottom: 0px;right: 0px;} #container .container_topnav_right {float:left;margin-left:1px;position:relative;width:720px;} #container .topnav {clear:both;float:left;margin-top:7px;width:720px;} /*.container_search {height:45px;padding:10px 0px 10px 0px;position:absolute;right:0px;text-align:left;top:25px;width:304px;} .searchField {float:left;height:16px;margin:0px 0px 0px 7px;padding-bottom:0px;width:200px;}*/ #container .container_footer {color:#666;margin-top:10px; margin-bottom:5px;text-align:center;width:931px;position:relative;} #container .container_footer a:link, #container .container_footer a:visited {color:#666;text-decoration:none;} #container .container_footer a:hover {text-decoration:underline;} /*.container_left { background-color: #333; } .container_footer { background-color: #f00; }*/ #container .container_search{ position:absolute; width: 343px; height: 58px; top: 26px; right: -1px; padding: 7px 7px 7px 7px; text-align:left; } #container .searchField{ float:left; width:145px; height: 16px; margin: 15px 0px 0px 15px; padding-bottom: 0px; color:#666666; } #container .advancedSearchMaster{ clear:both; padding: 4px 7px 0px 7px; } #container a.buttonzoek:link, #container a.buttonzoek:visited { display:block; float:left; height:18px; background-repeat: no-repeat; padding:3px 0px 0px 0px; margin: 15px 0px 0px 5px; text-align:center; font-size: 12px; text-decoration:none; color:#ffffff; font-weight:bold; } #container a.buttonzoek:link, #container a.buttonzoek:visited{ width:42px; background-image:url(/images/Bu_zoek_off.jpg) } #container a.buttonzoek:hover{ background-image:url(/images/Bu_zoek_on.jpg); } #container a.buttonzoek:active{ background-image:url(/images/Bu_zoek_active.jpg); } #container a.buttonzoek_fr:link, #container a.buttonzoek_fr:visited{ width:76px; background-image:url(/images/Bu_zoek_off_fr.jpg) } #container a.buttonzoek_fr:hover{ background-image:url(/images/Bu_zoek_on_fr.jpg); } #container a.buttonzoek_fr:active{ background-image:url(/images/Bu_zoek_active_fr.jpg); } #container .searchField_fr { width:111px; } #container a.link_wit_10px:link, #container a.link_wit_10px:visited{ color:#FFFFFF; font-size:0.75em; text-decoration:none; } #container a.link_wit_10px:hover, #container a.link_wit_10px:active{ color:#FFFFFF; font-size:0.75em; text-decoration:underline; } #container .disclamer{ z-index:1; position:absolute; right:20px; top:5px; } #container .disclamer a:link, #container .disclamer a:visited{ float:left; background-image:url(/images/PI_pijl_witLP.gif); background-repeat:no-repeat; padding-left:13px; margin-left:10px; font-family: Arial, Helvetica, sans-serif, Trebuchet MS ; font-size: 10px; line-height: 13px; font-weight: normal; color: #ffffff; text-decoration:none; } #container .disclamer a:hover{ text-decoration:underline; } /* master + mok-recept-toevoegen.aspx */ #container .container_left {float:left;margin:14px 20px 10px 0px;position:relative;width:690px;overflow:hidden;} #container .container_right {float:left;margin:14px 0px 10px 0px;position:relative;width:220px;} /* usercontrols\Kookprofiel.ascx */ #container .advancedSearch {clear:both;float:left;padding:4px 0px 0px 7px;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---- begin thickbox settings <<<-----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window {background-color:#FFFFFF;color:#333333;font:12px Arial, Helvetica, sans-serif;} #TB_secondLine {color:#666666;font:10px Arial, Helvetica, sans-serif;} #TB_window a:link {color:#666666;} #TB_window a:visited {color:#666666;} #TB_window a:hover {color:#000;} #TB_window a:active {color:#666666;} #TB_window a:focus {color:#666666;} #TB_overlay {height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:100;} .TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000;filter:alpha(opacity=40);moz-opacity:0.40;opacity:0.40;} * html #TB_overlay {height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');position:absolute;} #TB_window {background:#ffffff;background-color:#FFFFFF;border:1px solid #FEB904;border:1px solid #FEB905;color:#000000;display:none;/*height:260px;*/left:50%;overflow:hidden;position:fixed;text-align:left;top:50%;width:506px;z-index:102;} * html #TB_window {margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');position:absolute;} #TB_window img#TB_Image {border-bottom:1px solid #ccc;border-left:1px solid #666;border-right:1px solid #ccc;border-top:1px solid #666;display:block;} #TB_caption {float:left;height:25px;} #TB_closeWindow {float:right;height:25px;} #TB_closeAjaxWindow {float:right;margin-bottom:1px;text-align:right;} #TB_ajaxWindowTitle {float:left;margin-bottom:1px;padding:7px 0 5px 10px;} #TB_title {background-color:#e8e8e8;height:27px;} #TB_ajaxContent {clear:both;line-height:1.4em;overflow:auto;padding:2px 15px 15px 15px;text-align:left;} #TB_ajaxContent.TB_modal {padding:15px;} #TB_ajaxContent p {padding:5px 0px 5px 0px;} #TB_load {display:none;height:13px;left:50%;margin:-6px 0 0 -104px;position:fixed;top:50%;width:208px;z-index:103;} * html #TB_load {margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');position:absolute;} #TB_HideSelect {background-color:#fff;border:none;filter:alpha(opacity=0);height:100%;left:0;moz-opacity:0;opacity:0;position:fixed;top:0;width:100%;z-index:99;} * html #TB_HideSelect {height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');position:absolute;} #TB_iframeContent {_margin-bottom:1px;border:none;clear:both;margin-bottom:-1px;margin-top:1px;} /* veel aspx + ektron */ #container .container_orangeArrow {clear:both;float:left;margin:5px 0px 0px 0px;} #container .orangeArrow {color:#DF711E;float:left;line-height:100%;margin:0px 3px 0px 0px;} #container .orangeArrow_txt {clear:right;float:left;line-height:100%;margin:0px 0px 0px 0px;width:270px;} #container .orangeArrow_txt_102px {display:block;float:left;margin:0px 0px 0px 0px;width:102px;} #container .orangeArrow_txt_zoek {margin:0px 0px 0px 0px;} /* usercontrols */ #container .Bu_right_yellow, #container .Bu_right_green, #container .Bu_right_red, #container .Bu_right_blue {background-image:url(/images/Bu_right_yellow.jpg);background-repeat:no-repeat;clear:both;height:60px;margin:0px 0px 0px 0px;padding:10px 0px 0px 10px;width:180px;} #container .Bu_right_yellow {background-image:url(/images/Bu_right_yellow.jpg);} #container .Bu_right_green {background-image:url(/images/Bu_right_green.jpg);} #container .Bu_right_red {background-image:url(/images/Bu_right_red.jpg);color:#FFFFFF;} #container .Bu_right_blue {background-image:url(/images/Bu_right_blue_60.jpg);color:#FFFFFF;} #container .Bu_right_blue a:link, #container .Bu_right_blue a:visited, #container .Bu_right_blue a:hover {color:#FFFFFF;} /* cvv-detail + mok-profile.aspx + usercontrols MostViewedRecipes + NewSoloRecipes */ #container a.receptTabHome:link, #container a.receptTabHome:visited {color:#000000;font-weight:bold;text-decoration:none;} #container a.receptTabHome:hover {text-decoration:underline;} /* mok-profile.aspx + usercontrols MostViewedRecipes + NewSoloRecipes */ #container .homeRecepten_grey {background-color:#E9E9E9;clear:both;height:80px;margin:5px 15px 5px 14px;width:270px;} #container .recepten_grey {background-color:#E9E9E9;float:left;height:80px;margin:0px 10px 10px 0px;width:270px;} #container .homeRecepten_grey img, #container .recepten_grey img {float:left;margin:5px 9px 5px 5px;} #container .homeRecepten_grey .txt, #container .recepten_grey .txt {float:left;padding:5px 5px 0px 0px;width:166px;} /* usercontrol newsletter */ #container .newsletterField {clear:both;float:left;height:16px;margin:6px 0px 0px 0px;padding-bottom:0px;width:178px;} #container .container_newsletter a.button35:link, #container .container_newsletter a.button35:visited {margin:6px 0px 0px 5px;} /* usercontrols + cvv-detail.aspx */ #container .container_general_right {clear:both;float:left;margin-bottom:10px;padding:10px;width:220px;} /* usercontrols\OpenKitchen */ #container .img_rechtUitMyOpenKitchen {margin:0px 15px 0px 0px;} #container .txt_rechtUitMyOpenKitchen {float:left;margin:0px 0px 0px 0px;width:180px;} /* usercontrols friends+newusers+topusers */ #container .container_topuser_main {clear:both;float:left;padding:10px 0px;width:300px;} #container .container_topuser, #container .container_topuser_last {float:left;margin-bottom:10px;text-align:center;width:96px;} #container .container_topuser {margin-right:5px;} #container .container_topuser img {margin-bottom:2px;} /*TABLE*/ #container .tabel_header, #container .tabel_white, #container .tabel_yellow {float:left;margin:0px 0px 0px 0px;padding:2px 0px 2px 10px;width:132px;} #container .tabel_header_176px, #container .tabel_white_176px, #container .tabel_yellow_176px {float:left;margin:0px 0px 0px 0px;padding:2px 0px 2px 10px;width:176px;} #container .tabel_header_352px, #container .tabel_white_352px, #container .tabel_yellow_352px {float:left;margin:0px 0px 0px 0px;padding:2px 0px 2px 10px;width:352px;} #container .tabel_header, #container .tabel_header_176px, #container .tabel_header_352px {background-color:#FEB904;font-weight:bold;} #container .tabel_white, #container .tabel_white_176px, #container .tabel_white_352px {background-color:#FFF;} #container .tabel_yellow, #container .tabel_yellow_176px, #container .tabel_yellow_352px {background-color:#FFF1CD;} /*--LOGIN------------------------------------------*/ /* login control */ #container .container_profile { position: relative; clear: both; float: left; width: 270px; height: 283px; background-image: url(/images/Pi_home_profile_ingelogd.jpg); background-repeat: no-repeat; margin-top: 10px; padding: 15px; } #container .container_profile_uitgelogd { position: relative; clear: both; float: left; width: 270px; height: 283px; background-image: url(/images/Pi_home_profile_uitgelogd.jpg); background-repeat: no-repeat; margin-top: 10px; padding: 15px; } #container .profile{ width:auto; top: 40px; left:11px; } #container .titel_mok{ font-size:1.55em; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; color:#E17421; display:block; margin-bottom:10px; } #container .titel_mok_zwart{ font-size:1.30em; color:#000000; display:block; margin-bottom:5px; } #container .MOK_schriftje{ position:absolute; right:-34px; top:0px; } #container .txt_mok{ font-size:1.15em; } #container .watdoen{ padding-top:28px; } #container .sleeprecept{ padding-top:20px; } #container .sleeprecept_ok{ margin-top:0px; position: absolute; left: 57px; top: 37px; } #container .textfield_220px { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:16px; line-height:normal; padding:1px 3px 0px 3px; width:220px; margin:0px; } #container .img_lid{ margin-right:10px; } #container .container_loginHome {margin:10px 0px 0px 0px;} #container .container_login {background-color:#FFFFFF;border:1px solid #FEB904;height:260px;padding:10px 5px 10px 20px;position:relative;width:481px;} #container .container_login .titelBlack18px {margin-bottom:15px;margin-top:20px;} #container .container_login .container_left {border-right:1px solid #FEB904;clear:both;float:left;height:240px;width:220px;} #container .container_login .container_right {background-color:#FFFFFF;float:left;height:180px;margin-top:60px;width:219px;} #container .container_login .close {background-color:#FFFFFF;float:right;position:relative;} #container .container_addToMOK {background-image:url(/images/Pi_recept_addToOpenKitchen.jpg);background-repeat:no-repeat;height:225px;position:relative;width:300px;} /*.profile {left:10px;position:absolute;top:10px;width:280px;}*/ #container .profile_login {left:10px;position:absolute;top:15px;width:280px;} #container .profile .content {float:left;margin:0px 0px 0px 10px;width:210px;} #container .container_addToMOK .txt {left:70px;padding:30px 10px;position:absolute;text-align:center;top:87px;vertical-align:middle;width:160px;} /* main.css -> alle recepten */ #container .link_postedBy {color:#666666;left:10px;line-height:100%;position:absolute;text-align:center;top:169px;width:120px;} #container .postedBySolo_home {float:left;margin:1px 0px 0px 5px;padding:0px;} #container .postedBySolo_home img {margin:0px;padding:0px;} /*INGREDIENTEN DETAIL-------------------------------------------------------------*/ /* verschillende + ektron paginas */ #container .container_ingredientPicture {margin:0px 1px;position:static;padding:20px 0px 0px 30px;} #container .container_ingredientContent {margin:0px 0px;padding:20px 20px 20px 0px;} #container .container_ingredientTxt {background-repeat:no-repeat;clear:both;float:left;padding-bottom:30px;padding-left:211;width:400px;} #container .container_ingredientBack {display:block;padding-bottom:5px;position:relative; overflow:hidden;} #container .container_ingredientBack A.arrowBlue {float:right;padding-right:15px;} /*Rounded corners--------------*/ #container .xtop, #container .xbottom {display:block;font-size:1px;clear:both;} #container .xb1, #container .xb2, #container .xb3, #container .xb4, #container .xb5, #container .xb6 {display:block;overflow:hidden;} #container .xb1, #container .xb2, #container .xb3, #container .xb4 {height:1px;} #container .xb4, #container .xb5, #container .xb6 {border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;} #container .xb2, #container .xb3 {border-left-width:2px;border-left-style:solid;border-right-width:2px;border-right-style:solid;} #container .xb1 {margin:0 8px;} #container .xb2 {margin:0 6px;} #container .xb3 {margin:0 4px;} #container .xb4 {margin:0 3px;} #container .xb5 {height:2px;margin:0 2px;} #container .xb6 {height:2px;margin:0 1px;} #container .box_border {border-right:solid 1px #FFF;border-left:solid 1px #FFF;overflow:hidden;} #container .box_regular_padding {padding: 20px 30px 20px 30px;} /* rood */ #container .box_rood .xb1{background-color:#DA323A;} #container .box_rood .xb2,#container .box_rood .xb3,#container .box_rood .xb4,#container .box_rood .xb5,#container .box_rood .xb6{border-color:#DA323A;} #container .box_rood div.box_border {border-color:#DA323A;} /* geel */ #container .box_yellow .xb1{background-color:#FFCB05;} #container .box_yellow .xb2,#container .box_yellow .xb3,#container .box_yellow .xb4,#container .box_yellow .xb5,#container .box_yellow .xb6{border-color:#FFCB05;} #container .box_yellow div.box_border {border-color:#FFCB05;} /*-- side box */ #container .boxrelated{border-right:solid 1px #DA323A;border-left:solid 1px #DA323A;position:relative; padding: 6px 0px 0px 17px;} /* Sidebox headers */ #container .header_rood, header_groen, header_oranje, header_blauw{ font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:1.55em;margin:0px;} #container .header_rood{color:#DA323A;} #container .titel_box{position:absolute;top: -24px;left:10px;background-color:#FFFFFF;padding:7px; width:auto;} #container h2.wit{color:#FFFFFF;} #container h2.zwart{color:#000000;} #container h2.oranje{color:#E17421;} #container h2.blauw{color:#009BB2;} #container h2.groen{color:#AFCF31;} #container h2.rood{color:#DA323A;} #container .titel_box h2 { margin:0px; padding:0px; font-weight: normal; /*font-size: 1.55em;*/ } /* Sidebox v2 - added 100915 COR*/ * html #container #toolbox { clear:left; padding:19px 0 0;} #container #toolbox {margin-bottom: 20px;} #container #toolbox .tabs { position:relative} #container #toolbox ol, #container #toolbox li { list-style:none; margin:0; padding:0} #container #toolbox .r1 { left:27px; width:180px; overflow:hidden; position:relative; margin:3px 0 0 0} #container #toolbox .pagination, #container #toolbox .pagination li { margin:0; padding:0; height:0} * html #container #toolbox .pagination, * html #container #toolbox .pagination li { display:inline} #container #toolbox .tabs .tb-previous, #container #toolbox .tabs .tb-next { position:absolute; background:url(../images/sidebar-right/toolbox_slider.png) 0 0 no-repeat; width:17px; height:24px; display:block; text-indent:-9999px; left:6px; top:0; overflow:hidden; outline:none} #container #toolbox .tabs .prev-disabled{ background-position:0 -24px} #container #toolbox .tabs .tb-next { background-position:-17px 0; left:auto; right:8px} #container #toolbox .tabs .next-disabled { background-position:-17px -24px} #container #toolbox .r2 { padding:0 0 0} #container #toolbox .tabs-nav { height:23px; width:220px; background:#f4f4f4; position:relative; overflow:hidden} #container #toolbox .tabs-nav li { display:inline} #container #toolbox .tabs-nav li a:link, #container #toolbox .tabs-nav li a:visited { width:80px; padding:0 0 0 4px; float:left; height:22px; line-height:22px; display:block; font-size:11px} #container #toolbox .tabs-nav li a:hover, #container #toolbox .tabs-nav li a:focus, #container #toolbox .tabs-nav li a:active, #container #toolbox .tabs-nav li a.active{ background:#e4e4e4; text-decoration:none} #container #toolbox .tabs-nav span { display:block; padding:0 0 0 16px} #container #toolbox .tabs-panes li a{ padding:0 0 0 98px; line-height:130%; min-height:101px;height:auto !important; height:101px; display:block;} #container #toolbox .tabs-panes li.facebook a{ background:url(../images/sidebar-right/Pi_Toolbox_facebook.jpg) 27px 0 no-repeat;} #container #toolbox .tabs-panes li.ingr a{ background:url(../images/sidebar-right/Pi_Toolbox_ingredienten.jpg) 27px 0 no-repeat;} #container #toolbox .tabs-panes li.ipad a{ background:url(../images/sidebar-right/Pi_Toolbox_iPad.jpg) 27px 0 no-repeat;} #container #toolbox .tabs-panes li.iphone a{ background:url(../images/sidebar-right/Pi_Toolbox_iPhone.jpg) 27px 0 no-repeat;} #container #toolbox .tabs-panes li.widget a{ background:url(../images/sidebar-right/Pi_Toolbox_widget.jpg) 27px 0 no-repeat;} #container #toolbox .tabs-nav .facebook span { background:url(../images/sidebar-right/Pi_Toolbox_facebook_small.png) 0 center no-repeat} #container #toolbox .tabs-nav .ingr span { background:url(../images/sidebar-right/Pi_Toolbox_ingredienten_small.png) 0 center no-repeat} #container #toolbox .tabs-nav .ipad span { background:url(../images/sidebar-right/Pi_Toolbox_iPad_small.png) 0 center no-repeat} #container #toolbox .tabs-nav .iphone span { background:url(../images/sidebar-right/Pi_Toolbox_iPhone_small.png) 0 center no-repeat} #container #toolbox .tabs-nav .widget span { background:url(../images/sidebar-right/Pi_Toolbox_widget_small.png) 0 center no-repeat; padding:0 0 0 25px} #container #toolbox .tabs-panes { padding:0; margin:15px 0 0; padding-right:2px; overflow:hidden} #container #toolbox .tabs-panes li { /*background:url(../images/sidebar-right/tb_facebook_b.png) 27px 0 no-repeat; padding:0 0 0 98px; line-height:130%; min-height:101px;height:auto !important; height:101px;*/} /*#toolbox .tabs-panes li.iphone { background:url(../images/sidebar-right/tb_iphone_b.png) 21px 0 no-repeat} #toolbox .tabs-panes li.widget { background:url(../images/sidebar-right/tb_widget_b.png) 21px 0 no-repeat}*/ #container #toolbox .tabs-panes li p { margin:0} #container .container_right .box_groen_home { width:301px} #container .container_right .box_groen_home_content { width:298px} #container .container_right #kookgroepen .box_content_blauw, #container .container_right #reacties-recepten .box_content_blauw, #container .container_right #box-open-kitchen .box_content_blauw { padding:13px 7px 3px 16px; width:275px} #container .container_right #kookgroepen ul, #container .container_right #kookgroepen li, #container .container_right #reacties-recepten ul, #container .container_right #reacties-recepten li { list-style:none; margin:0; padding:0} #container #sidebar #kookgroepen li, #container .container_right #reacties-recepten li { overflow:hidden; position:relative; zoom:1; margin:0 0 13px} #container #sidebar #kookgroepen .image, #container .container_right #reacties-recepten .image { width:60px; float:left; margin:0 10px 0 0} #container #sidebar #kookgroepen .info, #container .container_right #reacties-recepten .info { width:120px; float:left; overflow:hidden; position:relative; zoom:1} #container #sidebar #kookgroepen .info h3 { margin:0 0 0px; font-size:14px} #container #sidebar #kookgroepen .info h3 a { color:#008A99} #container #sidebar #kookgroepen .info p, #container .container_right #reacties-recepten p { margin:0; line-height:1.25} #container #sidebar #kookgroepen .info p a:link, #container .container_right #kookgroepen .info p a:visited { text-decoration:underline} #container #sidebar #kookgroepen .info p a:hover, #container .container_right #kookgroepen .info p a:focus{ color:#666} #container #sidebar #kookgroepen .info .c1 { float:left; width:120px} #container #sidebar #kookgroepen .info .c2 { float:left; width:34px; background:url(../images/sidebar-right/aantal_leden.png) center 0 no-repeat; height:38px; margin:0 0 0 10px; text-align:center; font:11px/1 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F68A1E; position:relative} #container #sidebar #kookgroepen .info .c2 p { position:absolute; width:100%; bottom:0; left:0} #container .container_right #reacties-recepten .info h3 { font-size:12px; margin:0} #container .container_right #reacties-recepten .info h3 a:link, #container .container_right #reacties-recepten .info h3 a:visited { text-decoration:underline; color:#253F8C} #container .container_right #reacties-recepten .info h3 a:hover, #container .container_right #reacties-recepten .info h3 a:focus{ text-decoration:none} #container .container_right #reacties-recepten .r1 { overflow:hidden; zoom:1; margin:0 0 7px} #container .container_right #reacties-recepten { color:#666} #container .container_right .topleden-week { clear:left; padding:22px 0 0} #container .container_right .topleden-week h3 { font-size:15px; color:#009BB2; margin:0 0 13px} #container .container_right .topleden-week ul, #container .container_right .topleden-week li { height:35px; margin:0; padding:0} #container .container_right .topleden-week ul { overflow:hidden; zoom:1} #container .container_right .topleden-week li { height:35px; width:35px; margin:0 3px 0 0; float:left; list-style-type: none;} #container .container_right .topleden-week li.last { margin:0} #container .container_right .topleden-week li img { border:0} #container .container_right #box-open-kitchen .line { height:1px; background:#ccc; position:absolute; bottom:120px; left:1px; width:299px; display:block; zoom:1} /* Carousel */ #container .carousel { padding:31px 0} #container .carousel .jcarousel-container { -moz-border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97} #container .carousel .jcarousel-direction-rtl { direction: rtl} #container .carousel .jcarousel-container-horizontal { width: 185px; padding: 20px 40px} #container .carousel .jcarousel-container-vertical { width: 190px; height: 140px} #container .carousel .jcarousel-clip-horizontal { width: 185px; height: 85px;} #container .carousel .jcarousel-clip-vertical { width: 190px; height: 140px; overflow:hidden} #container .carousel .jcarousel-item { width: 190px;height: 140px; } #container .carousel .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px;} #container .carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;} #container .carousel .jcarousel-item-vertical { margin-bottom: 10px;} #container .carousel .jcarousel-item-placeholder { background: #fff; color: #000;} #container #reacties-recepten .carousel .jcarousel-container-vertical, #container #reacties-recepten .carousel .jcarousel-clip-vertical, #container #reacties-recepten .carousel .jcarousel-item { height:120px} /** * Vertical Buttons */ #container .carousel .jcarousel-next-vertical { position: absolute; bottom: 2px; left: 0; width:174px; height:16px; cursor: pointer; background:url(../images/sidebar-right/carousel-nav.png) -174px 0 no-repeat} * html #container .carousel .jcarousel-next-vertical { bottom:17px} #container .carousel .jcarousel-next-vertical:hover { background-position: -174px 0} #container .carousel .jcarousel-next-vertical:active { background-position: -174px 0} #container .carousel .jcarousel-next-disabled-vertical, #container .carousel .jcarousel-next-disabled-vertical:hover, #container .carousel .jcarousel-next-disabled-vertical:active { cursor: default; background-position: -174px -16px;} #container .carousel .jcarousel-prev-vertical { position: absolute; top: 0; left: 0; width: 174px; height:16px; cursor: pointer; background:url(../images/sidebar-right/carousel-nav.png) 0 0 no-repeat } #container .carousel .jcarousel-prev-vertical:hover { background-position: 0 0} #container .carousel .jcarousel-prev-vertical:active { background-position: 0 0} #container .carousel .jcarousel-prev-disabled-vertical, #container .carousel .jcarousel-prev-disabled-vertical:hover, #container .carousel .jcarousel-prev-disabled-vertical:active { cursor: default; background-position:0 -16px} /* END Sidebox v2 - added 100915 COR*/ #container #solo_pi_bottom_white { background:url(../images/Pi_bottom_white.jpg) 0 center no-repeat; width:967px; height:8px; } #container .ShowHand{cursor:pointer;color:#25408E;} #container .ShowHand:hover{cursor:pointer;text-decoration:underline} /*SHARE BAR***********************************************************************************/ #container .share h2{ float:none; margin-bottom:10px; } #container .share .shareBar{ width: 660px; height:52px; padding: 8px 15px 10px 15px; background-image:url(../images/Pi_barBg_recept.jpg); } #container #receptDetail .share .shareBar { background-image:url(../images/Pi_barBg_recept.jpg); } #container .share h3{ padding:0; margin:0px 0px 4px 0px; font-size:12px; } #container .share .shareBar ul{ padding:0; margin:0; list-style:none; } #container .share .shareBar ul li{ width:36px; float:left; } #container .share .shareBar ul li a{ width:28px; height:29px; background-repeat:no-repeat; display:block; text-indent: -210em; } #container .share .shareBar ul li a.fb{ background-image:url(../images/Lo_facebook.jpg); } #container .share .shareBar ul li a.twitter{ background-image:url(../images/Lo_twitter.jpg); } #container .share .shareBar ul li a.netlog{ background-image:url(../images/Lo_netlog.jpg); width:29px; } /*kookgroepen*/ #container .share .shareKookgroepen{ width: 170px; padding: 15px 15px 10px 15px; background-image:url(../images/Pi_barBg_kookgroep.jpg); background-position:bottom; float:left; position:relative; } #container .share .shareKookgroepen .header{ position:absolute; left:0px; top:0px; width:200px; height:15px; background-image:url(../images/Pi_barBg_kookgroep.jpg); overflow:hidden; } #container .share .shareKookgroepen h3{ padding:0; margin:0px 0px 4px 0px; font-size:12px; } #container .share .shareKookgroepen ul{ padding:0; margin:0; list-style:none; float:left; } #container .share .shareKookgroepen ul li{ width:36px; float:left; } #container .share .shareKookgroepen ul li a{ width:28px; height:29px; background-repeat:no-repeat; display:block; text-indent: -210em; } #container .share .shareKookgroepen ul li a.fb{ background-image:url(../images/Lo_facebook.jpg); } #container .share .shareKookgroepen ul li a.twitter{ background-image:url(../images/Lo_twitter.jpg); } #container .share .shareKookgroepen ul li a.netlog{ background-image:url(../images/Lo_netlog.jpg); width:29px; } #container .share .shareKookgroepen ul li.like{ width:170px; clear:both; border-top: 1px solid #D3DDDE; float:left; margin-top:10px; margin-bottom:10px; text-align:left; padding-top:10px; }