/* CSS voor site GG DieetLijn */ body { margin:0;padding:0;color:#000;font:normal 12px/18px "Verdana", sans-serif;text-align:center;background:#f9f9f9;} /* header */ #logo img { margin:0 10px 0 0;border:0;padding:0;} #logo .lang { float:right;text-align:right;color:#666;word-spacing:1px;} #logo .lang img { margin:0;padding:0;border:none;} /* link */ a, a:link, a:visited { color:#ff0066;} a:hover { text-decoration:none;} /* general */ .spacer { margin-bottom:15px;} img { border:none;} p { padding:8px 0;margin:0;} p.omtrek { padding:0 0 8px 0;margin:0;} .divline { background:url(../img/dot.gif) repeat-x;margin-top:12px;margin-bottom:14px;height:1px;} .divlinesmall { background:url(../img/dot.gif) repeat-x;margin-top:5px;} .red { color:#f00;} .smltxt { font-size:11px;line-height:14px;color:#888;} #bborder .smltxt { color: #000;} .clear { clear:both;} .left { float:left;width:115px;margin-right:25px;} .right { float:right;color:#999;} /* headers */ h1 { font:bold 25px/25px "Arial", Times, serif;letter-spacing:-1px;color:#ff6c00;margin:0 0 10px 0;} h2 { font:bold 22px/22px "Arial", serif;letter-spacing:-1px;color:#333;margin:0 0 15px 0;} h3 { font:bold 18px/18px "Arial", serif;color:#535E66;margin:0 0 10px 0;letter-spacing:-1px;} h4 { font:bold 15px/15px "Arial", serif;margin:0 0 10px 0;color:#535E66;} h5 { font:bold 13px/13px "Verdana", serif;margin:0 0 10px 0;color:#535E66;} .openheader { width:402px;height:29px;background:url(../img/menu_header.gif) no-repeat;border:none;padding:5px 0 0 8px;text-decoration:none;} .openheaderfix { width:402px;height:29px;background:url(../img/menu_headerfix.gif) no-repeat;border:none;padding:5px 0 0 8px;text-decoration:none;} .openheader h2 { font:bold 18px/18px "Arial", serif;color:#fff;} .openheaderfix h2 { font:bold 18px/18px "Arial", serif;letter-spacing:-1px;color:#fff;} /* van koen */ h2.food { float:left } .foodtoggletext { font:bold 12px/12px "Arial", serif;color:#fff; float:right; margin: 3px 8px 0 0;} /* containers */ #container { width:1020px;margin:0 auto;} #content { float:left;width:838px;background:#fff;margin:0;padding:7px;} /*border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8; border rechts en links op content*/ #homeleft { float:left;width:580px;text-align:left;margin-top:0px;position: relative;} /*remove -112px and replace it by 0 when removing broche*/ #homemiddleright { float:left;width:172px;margin-left:12px;margin-top:40px;text-align:left;} #homeright { float:right;width:250px;margin-top:0;text-align:left;} #clubhead { text-align:left;} #home { float:left;width:840px;} #leftmiddleright { float:left;width:470px;text-align:left;margin-top:20px;} #right { float:right;width:350px;margin-left:5px;text-align:left;margin-top:20px;} #leftmiddlerightDagboek { float:left;width:410px;text-align:left;margin-top:20px;} #leftmiddlerightDagboek h3 { font:bold 16px/16px "Arial", serif;color:#ff0066;margin:5px 0;background:#f8f8f8;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:10px 0;} #leftmiddlerightDagboek .btn { float: right; } #rightDagboek { float:right;width:410px;text-align:left;margin-top:25px; } #middlebig { text-align:left;} /* navigation */ .navbg { margin-top:2px;height:40px;} #navmenu ul { list-style-type:none;} #navmenu li { float:left;color:#000;margin-right:9px;padding:5px 0;} #navmenu.fr li { margin-right:3px;} #navmenu a { border:1px solid #dbdbdb;padding:3px 7px;font:bold 13px "Arial", Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;text-align:center;color:#000;} #navmenu a:hover { background:#4cc8fe;color:#fff;border:1px solid #4cc8fe;} #navmenu span { font:bold 13px "Arial", Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;text-align:center;color:#fff;border:1px solid #4cc8fe;background:#4cc8fe;padding:3px 7px;} /* START NIEUWE CODE BLOK DIEETLIJN */ .orangebox {background:#ff6C00 url(../img/topcorner.gif) no-repeat top} .orangepad {padding:7px 10px 5px 10px;font-size:13px} .orangecol1 {float:left;width:173px;padding-right:10px} .orangecol1 h2 {font:bold 18px Arial, sans-serif;color:#fff;margin:0;padding:0} .orangecol1 ul {padding-top:6px;margin-left:-6px;} .orangecol1 ul li {padding:0 0 1px 20px;background:url(../img/ggc_tick_adv.gif) no-repeat} .orangecol2 {float:left;width:171px;border-right:1px solid #ff9140;border-left:1px solid #ff9140;text-align:center;padding:60px 10px 10px 10px} .orangecol2 h1 {font:bold 21px Arial, sans-serif;color:#fff;margin:0;padding:0;text-transform:uppercase} .orangecol2 .link {margin-top: 10px;} .orangecol2 .link a, .orangecol2 ul li a:visited {color:#fff;text-decoration:underline} .orangecol2 .link a:hover {color:#fff;text-decoration:none} .orangecol3 {float:left;width:173px;padding-left:10px} .orangecol3 h2 {font:bold 18px Arial, sans-serif;color:#fff;margin:0 0 6px 0;padding:0} .orangecol3 .link {margin-top: 10px;} .orangecol3 .link a, .orangecol3 ul li a:visited {color:#fff;text-decoration:underline} .orangecol3 .link a:hover {color:#fff;text-decoration:none} .abobox {background:#fff;border:3px solid #FF6C00;border-bottom:none} .abopad {padding:7px 10px 1px 10px;font-size:13px;background:#fff url(../img/topinner.gif) no-repeat top} .abocol1 {float:left;width:170px;padding-right:10px} .abocol1 h2 {font:bold 18px Arial, sans-serif;color:#eb1e25;margin:0;padding:0} .abocol2 {float:left;width:171px;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left;padding:0 10px 10px 10px} .abocol2 h2 {font:bold 18px Arial, sans-serif;color:#eb1e25;margin:0;padding:0} .abocol3 {float:left;width:170px;padding-left:10px} .abocol3 h2 {font:bold 18px Arial, sans-serif;color:#eb1e25;margin:0;padding:0} .abocol1 h3, .abocol2 h3, .abocol3 h3 {font:bold 14px Arial, sans-serif;color:#666;margin:0 0 2px 0;padding:0} .abobot {background:url(../img/botinner.gif) no-repeat top;height:8px;width:580px} /* Passage Fitness Box */ .fitbox {background:#fef4e4 url(../img/fittop.gif) no-repeat top;height:126px} .fitpad {padding:6px 10px 0 10px} .fitpad h2 {font:bold 18px Arial, sans-serif;color:#FF6C00;margin:0 0 8px 0;padding:0} .fitpad img {margin-right:5px} .fitbot {background:url(../img/fitbot.gif) no-repeat;height:5px;width:250px;margin-bottom:8px;*margin-bottom:0} /*fix margin IE*/ /* END NIEUWE CODE BLOK DIEETLIJN */ /* total weight home */ /* #broche { position:relative;background:url(../img/total_weight.gif) no-repeat;width:110px;height:82px;padding-top:30px;top:286px;left:241px;text-align:center;margin-top:0;} */ #broche { position:absolute;background:url(../img/total_weight.gif) no-repeat;width:110px;height:82px;padding-top:30px;top:174px;left:241px;text-align:center;margin-top:0;} #broche span { font:bold 12px/11px "Arial", Helvetica, sans-serif;text-align:center;color:#fff;} #broche h3 { font:bold 20px "Arial", Helvetica, sans-serif;margin:2px 0;padding:0;text-align:center;color:#fff;} /* #broche { position:relative;background:url(../img/broche.gif) no-repeat;width:112px;height:82px;padding-top:30px;top:287px;left:235px;text-align:center;margin-top:0;} #broche span { font:bold 12px/11px "Arial", Helvetica, sans-serif;text-align:center;color:#fff;} #broche h3 { font:bold 20px "Arial", Helvetica, sans-serif;margin:2px 0;padding:0;text-align:center;color:#fff;} */ /* home box cols */ .bordercol1 { width:190px;float:left;border-right:1px solid #ff9140;padding:0 10px 0 0;} .matrix li.adv { margin-top:3px;padding-left:20px;background:url(../img/ggc_tick_adv.gif) no-repeat;font-size:13px;} .bordercol2 { width:155px;float:left;padding:60px 10px 0 10px;text-align:center;} .bordercol2 h1 { font:bold 21px "Arial", Helvetica, sans-serif;color:#fff;text-transform:uppercase;letter-spacing:normal;margin-bottom:15px;} .bordercol3 { float:left;border-left:1px solid #ff9140;padding-left:10px;} .bordercol4 { float:left;border-left:1px solid #ff9140;padding-left:10px;} .bordercol3 .abobox { width:165px;padding:2px 3px;margin-top:12px;} .bordercol3 .abobox hr { color:#ff9140;background-color:#ff9140;height:1px;border:none;width:100%;text-align:center;margin:5px 0;} .bordercol3 .price { font:bold 18px/18px "Arial", serif;color:#fff;margin:0 0 2px 0;padding:0;} .bordercol4 .abobox { width:215px;padding:2px 3px;margin-top:12px;background-color:#ff6c00;} .bordercol4 .abobox hr { color:#ff9140;background-color:#ff9140;height:1px;border:none;width:100%;text-align:center;margin:5px 0;} .bordercol4 .price { font:bold 18px/18px "Arial", serif;color:#fff;margin:0 0 2px 0;padding:0;} /* blogs home */ .blogboxcontent { border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;margin:0;padding:5px 1px;background:url(../img/blogbg.gif) repeat-x;} .blogbox1, .blogbox2, .blogbox3, .blogbox4, blogbox0 { width:133px;float:left;padding:0 5px;height:110px;border-right:1px solid #e0e0e0;} .blogbox1 { background:url(../img/blog_mano.gif) no-repeat 70px 0;} .blogbox2 { background:url(../img/blog_konijn.gif) no-repeat 58px 0;} .blogbox3 { background:url(../img/naomi.gif) no-repeat 54px 0;} .blogbox4 { background:url(../img/wendi.gif) no-repeat 54px 0;border-right:none;} .blogbox1 h1, .blogbox2 h1, .blogbox3 h1, .blogbox4 h1, .blogbox0 h1 { color:#4c4c4c;font:bold 22px/24px Arial, sans-serif;letter-spacing:-1px;margin:0;padding:0;} .blogbox1 h3, .blogbox2 h3, .blogbox3 h3, .blogbox4 h3, .blogbox0 h3 { margin:5px 0 0 0;padding:2px 0;background:#fff;color:#4C4C4C;font:normal 12px Arial, Helvetica, sans-serif;text-align:center;border:1px solid #ff6c00;letter-spacing:normal;} .blogbox { width:270px;float:left;padding:0 5px; border-right: 1px solid #e0e0e0;margin-bottom: 10px;} .blogbox .blogtitle { display: block;} .blogbox .blogcat { font-size: 9px; color: #666666;} /* quotes */ .homequote { float:left;width:180px;text-align:center;margin:30px 0 0 20px;} .homequote h2 { color:#ff6600;text-align:center;margin:0 0 10px 0;padding:0;line-height:28px;} .homequote span { font:bold 13px "Arial", Helvetica, sans-serif;color:#666;text-align:center;} .homequote_step2 { float:left;width:215px;text-align:center;margin:20px 0 0 10px;} .homequote_step2 h2 { color:#666666;text-align:center;margin:0;padding:0;line-height:28px;} .homequote_step2 span { font:bold 13px "Arial", Helvetica, sans-serif;color:#666;text-align:center;} .quotetop { width:285px;height:5px;} .quotebot { width:285px;height:13px;} .xlquotetop { width:470px;height:5px;} .xlquotebot { width:470px;height:13px;} .lquote { width:360px;} .lquotetop { width:360px;height:5px;} .lquotebot { width:360px;height:13px;} .quoteborder, .xlquoteborder, .lquoteborder { border-right:2px solid #e0e0e0;border-left:2px solid #e0e0e0;padding:5px 8px;color:#00b0ff;font:bold 16px/20px Arial;} .lquoteborder { height: 47px; } .lquoteborder .orange { font-size: 20px; line-height:25px; color: #ff6600; } .expertquote { height:335px;margin-top:5px;} .expertquote .quote { float:right;width:200px;margin-top:130px;text-align:center;} .expertquote .quote h2 { color:#ff6600;text-align:center;margin:0 0 10px 0;padding:0;} .expertquote span { font:bold 13px "Arial", Helvetica, sans-serif;color:#666;text-align:center;} /* wizard */ .wizard0nl, .wizard1nl, .wizard2nl, .wizard3nl, .wizard4nl, .wizard0fr, .wizard1fr, .wizard2fr, .wizard3fr, .wizard4fr { margin-right:2px;line-height:25px;font-size:11px;} .wizard0nl { float:left;width:38px;} .wizard1nl { float:left;width:137px;} .wizard2nl { float:left;width:63px;} .wizard3nl { float:left;width:127px;} .wizard4nl { float:left;width:93px;} .wizard0fr { float:left;width:38px;} .wizard1fr { float:left;width:160px;} .wizard2fr { float:left;width:70px;} .wizard3fr { float:left;width:70px;} .wizard4fr { float:left;width:110px;} /* experten */ .experten { color:#666;margin:20px 0;} .experten h1 { color:#4c4c4c;margin:0;padding:5px;} .experten h3 { margin-bottom:5px;} .experten p { color:#666;margin-top:0;line-height:15px;} .experten p b { color:#333;} img.border { float:right;margin:0 0 5px 5px;background:url(../img/gradient.gif) repeat-x center bottom;padding:1px;} .expertboxr { width:285px;float:right;margin-bottom:15px;} .expertboxl { width:285px;float:left;margin-bottom:15px;overflow:hidden;word-wrap: break-word;} .expertbox1 h3 { margin-bottom:5px;} .expertboxspacer { display: block;float:left;width:10px;height:200px;} /* button */ .btn, .btn2, span.btn img, span.btn2 img, p.btn img, p.btn2 img, btn a:link, btn2 a:link, btn a:visited, btn2 a:visited { border:none;} span.btn a, span.btn2 a, span.btn a:visited, span.btn2 a:visited, p.btn a, p.btn2 a, p.btn a:visited, p.btn2 a:visited { background:url(../img/ggc_arrow.gif) no-repeat 3px 1px;color:#ff0066;font:bold 12px "Verdana", Arial, Helvetica, sans-serif;text-decoration:underline;padding:4px 5px 5px 25px;} span.btn a:hover, p.btn a:hover, span.btn2 a:hover, p.btn2 a:hover { background:#e8e8e8 url(../img/ggc_arrow_on.gif) no-repeat 3px 1px;padding:4px 5px 5px 25px;text-decoration:none;} /* form */ ul { padding:0;margin:0;list-style-type:none;} ol { font-weight:bold;list-style-position:inside;margin:0;padding:0;color:#c03;} .ollist { padding-bottom:10px;font-weight:bold;} .ollist a { font-weight:normal;color:#ff0066;} /* info boxes */ .infotop { width:250px;height:6px;} .infoborder { width:231px;padding:7px;border-left:3px solid #f7ecf8;border-right:3px solid #f7ecf8;} .infoborder h2, .xlinfoborder h2 { font:bold 18px/18px "Arial", serif;color:#660099;margin-top:4px;} .infobottom { width:250px;height:6px;background:url(../img/bottom.gif) no-repeat;} .xlinfotop { width:350px;height:6px;} .xlinfoborder { width:331px;padding:7px;border-left:3px solid #f7ecf8;border-right:3px solid #f7ecf8;color:#333;} .xlinfobottom { width:350px;height:6px;background:url(../img/xlbottom.gif) no-repeat;margin-bottom:10px;} /* adv */ #advleaderboard { width:847px;margin:0;padding:0 0 0 6px;float:left;text-align:left;}/*border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8; border rechts en links leaderboard*/ #advimu { padding-top:10px;margin-bottom:10px;} #advbanner { margin-bottom:10px;} #advsky { float:left;width:160px;height:600px;margin-left:5px;} /* subnav */ #subnavmenu ul { list-style-type:none;} li.weight, li.food, li.sport, li.taboverview, li.tabnew, li.tabfav, li.health, li.motiv, li.newrecipe, li.myrecipe, li.databaserecipe { float:left;margin-right:1px;font:bold 18px/18px "Arial", serif;letter-spacing:-1px;color:#ffb680;text-align:center;padding-top:10px;} li.weight { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.food { background:url(../img/nav_food.gif) no-repeat;height:40px;width:121px;} li.sport { background:url(../img/nav_sport.gif) no-repeat;height:40px;width:98px;} li.taboverview { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.tabnew { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.tabfav { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.newrecipe { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.myrecipe { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.databaserecipe { background:url(../img/nav_weight.gif) no-repeat;height:40px;width:190px;} li.health { background:url(../img/nav_food.gif) no-repeat;height:40px;width:121px;} li.motiv { background:url(../img/nav_food.gif) no-repeat;height:40px;width:121px;} li.weight a, li.weight a:visited, li.food a, li.food a:visited, li.sport a, li.sport a:visited, li.taboverview a, li.tabnew a, li.taboverview a:visited, li.tabnew a:visited, li.tabfav a, li.tabfav a:visited, li.health a, li.health a:visited, li.motiv a, li.motiv a:visited, li.newrecipe a, li.newrecipe a:visited, li.myrecipe a, li.myrecipe a:visited, li.databaserecipe a, li.databaserecipe a:visited { text-decoration:none;color:#ffb680;} li.weight a:hover, li.weight a.activetab, li.food a:hover, li.food a.activetab, li.sport a:hover, li.sport a.activetab, li.tabnew a:hover, li.tabnew a.activetab, li.taboverview a:hover, li.taboverview a.activetab, li.health a:hover, li.health a.activetab, li.motiv a:hover, li.motiv a.activetab,li.tabfav a:hover, li.tabfav a.activetab, li.newrecipe a:hover, li.newrecipe a.activetab, li.myrecipe a:hover, li.myrecipe a.activetab, li.databaserecipe a:hover, li.databaserecipe a.activetab { font:bold 18px/18px "Arial", serif;letter-spacing:-1px;color:#fff;text-decoration:none;} .subnavborder { border-top:1px solid #ff6c00;} * html .subnavborder { margin-top:-10px; } li.weight a:visited.activetab, li.food a:visited.activetab, li.sport a:visited.activetab, li.tabnew a:visited.activetab, li.taboverview a:visited.activetab, li.health a:visited.activetab, li.motiv a:visited.activetab, li.tabfav a:visited.activetab, li.newrecipe a:visited.activetab, li.myrecipe a:visited.activetab, li.databaserecipe a:visited.activetab, { color:#fff;} /* box orange/yellow */ div#b { margin:0 0 10px 0;background:#feab18;text-align:left;width:100%;} div#b h2 { font:bold 22px/20px "Arial", serif;color:#fff;padding-left:5px;margin-top:4px;} div#b a:link, div#b a:visited { color:#ff0066;font-weight:normal;} b.btop, b.bbottom { display:block;background:#fff;} b.btop b, b.bbottom b { display:block;height:1px;overflow:hidden;background:#feab18;} b.b1 { margin:0 5px;} b.b2 { margin:0 3px;} b.b3 { margin:0 2px;} b.btop b.b4, b.bbottom b.b4 { margin:0 1px;height:2px;} div#bborder { border-left:4px solid #feab18;background:#feab18;padding:5px;border-right:4px solid #feab18;color:#333;} div#bborder2 { border-left:4px solid #feab18;background:#fff;padding:5px;border-right:4px solid #feab18;color:#000;} /* box green */ div#c { margin:0 0 10px 0;background:#98cd0b;text-align:left;width:100%;} div#c h2 { font:bold 18px/18px "Arial", serif;color:#fff;padding-left:5px;margin-top:4px;} div#c .title { font:bold 18px/18px "Arial", serif;color:#fff;margin:0;} div#c .title a:link { font:bold 18px/18px "Arial", serif;color:#fff;margin:0;text-decoration:none;} div#c a:link { color:#ff0066;font-weight:normal;} b.ctop, b.cbottom { display:block;background:#fff;} b.ctop b, b.cbottom b { display:block;height:1px;overflow:hidden;background:#98cd0b;} b.c1 { margin:0 5px;} b.c2 { margin:0 3px;} b.c3 { margin:0 2px;} b.ctop b.c4, b.cbottom b.c4 { margin:0 1px;height:2px;} div#cborder { border-left:4px solid #98cd0b;background:#98cd0b;padding:5px;border-right:4px solid #98cd0b;} /* box dark blue */ div#e { margin:0 0 10px 0;background:#2ba0d5;text-align:left;width:100%;} div#e h2 { font:bold 18px/18px "Arial", serif;color:#fff;padding-left:5px;margin-top:4px;} div#e a:link, div#e a:visited { color:#ff0066;font-weight:normal;} b.etop, b.ebottom { display:block;background:#fff;} b.etop b, b.ebottom b { display:block;height:1px; overflow:hidden;background:#2ba0d5;} b.e1 { margin:0 5px;} b.e2 { margin:0 3px;} b.e3 { margin:0 2px;} b.etop b.e4, b.ebottom b.e4 { margin:0 1px;height:2px;} div#eborder { border-left:4px solid #2ba0d5;background:#2ba0d5;padding:5px;border-right:4px solid #2ba0d5;color:#000;} /* box light orange */ div#f { margin:0 0 10px 0;background:#fef4e4;text-align:left;width:100%;} div#f h2 { font:bold 22px/20px "Arial", serif;color:#FF6C00;margin-top:4px;} div#f a:link, div#f a:visited { color:#ff0066;font-weight:normal} b.ftop, b.fbottom { display:block;background:#fff;} b.ftop b, b.fbottom b { display:block;height:1px;overflow:hidden;background:#fef4e4;} b.f1 { margin:0 5px;} b.f2 { margin:0 3px;} b.f3 { margin:0 2px;} b.ftop b.f4, b.fbottom b.f4 { margin:0 1px;height:2px;} div#fborder { border-left:4px solid #fef4e4;background:#fef4e4;padding:5px;border-right:4px solid #fef4e4;color:#000;} div#fbordersmap { border-left:4px solid #fef4e4;background:#fef4e4;padding:5px;border-right:4px solid #fef4e4;clear:both;} /* box red */ div#h { margin:0 0 10px 0;background:#E6161D;text-align:left;width:100%;} div#h h2 { font:bold 18px/18px "Arial", serif;color:#fff;padding-left:5px;margin-top:4px} div#h .title { font:bold 18px/18px "Arial", serif;color:#fff;margin:0;} div#h a:link, div#h a:visited { color:#fff;font-weight:normal;} b.htop, b.hbottom { display:block;background:#fff;} b.htop b, b.hbottom b { display:block;height:1px;overflow:hidden;background:#E6161D;} b.h1 { margin:0 5px;} b.h2 { margin:0 3px;} b.h3 { margin:0 2px;} b.htop b.h4, b.hbottom b.h4 { margin:0 1px;height:2px;} div#hborder { border-left:4px solid #E6161D;background:#E6161D;padding:5px;border-right:4px solid #E6161D;color:#fff;} /* box orange */ div#i { margin:0 0 10px 0;background:#ff6c00;text-align:left;width:100%;} div#i h2 { font:bold 18px/18px "Arial", serif;letter-spacing:-1px;color:#fff;padding-left:5px;margin:5px 0;} div#i .title { font:bold 18px/18px "Arial", serif;color:#fff;margin:0 0 10px 0;letter-spacing:-1px;} div#i a:link, div#i a:visited { color:#fff;font-weight:normal;} b.itop, b.ibottom { display:block;background:#fff;} b.itop b, b.ibottom b { display:block;height:1px;overflow:hidden;background:#ff6c00;} b.i1 { margin:0 5px;} b.i2 { margin:0 3px;} b.i3 { margin:0 2px;} b.itop b.i4, b.ibottom b.i4 { margin:0 1px;height:2px;} div#iborder { border-left:4px solid #ff6c00;background:#ff6c00;padding:5px;border-right:4px solid #ff6c00;color:#000;} /* boxes .speakerbox img { float:right;border:5px solid #e8e8e8;margin-left:5px;} .speakerbox h2 { margin:10px 0;font-size:18px;color:#000;} .speakerbox h3 { margin:10px 0;font-size:22px;color:#5D000D;} .profilebox { background:#fff;padding:10px 0 10px 5px;} .profilebox img { float:left;margin-right:8px;border:4px solid #e8e8e8;} */ /* ul li dl dt dd */ .matrix { clear:left;padding-top:6px;} .matrix li { margin-top:3px;padding-left:20px;background:url(../img/ggc_arrow.gif) no-repeat;} li.faqListItems { list-style:none;background:none;} li.faqListItems li { list-style:disc;background:none;margin-left:20px;} li.faqListItems p { margin:0;padding:0;} .ggform dl { margin:0 0 8px 6px;} .ggform dt { margin-top:10px;color:#000;font-weight:bold;} .ggform dd { margin:0;} dl.bmi { margin:16px 0 15px 0;color:#000;} * html dl.bmi { margin:18px 0 15px 0;color:#000;} .bmi dt { margin:7px 0 0 5px;font-weight:bold;} * html .bmi dt { margin:3px 0 0 5px;font-weight:bold;} .bmi dd { margin:-20px 0 0 110px;} .ggprofile dl { margin:0;} .ggprofile dt { color:#000;width:150px;} .ggprofile dd { margin-top:-20px;font-weight:bold;text-align:right;} /* images .testimonials { float:right;width:150px;margin-left:5px;} .testimonials img { border:5px solid #E8E8E8;} */ /* table list */ .tlistmenu { background:#ccc;line-height:14px;margin:0 0 10px 0;padding:0;color:#000;width:100%;} .tlistmenul, .tlistmenud { background:#fff;line-height:14px;margin:0;padding:0;border-bottom:1px solid #ccc;} .tlistmenud { background:#fff;} .tvalmenu { font-weight:bold;} .tlistmenu td, .tlistmenu th { vertical-align:top;padding:5px 3px;color:#000;} .tlistmenu th { background:#efefef;color:#000;} .tlistlmenu a:link { color:#fff} .tlist { background:#fff;line-height:14px;margin:0;padding:0;color:#0a4e9a;width:100%;} .tlistl, .tlistd { background:#bceaff;line-height:14px;margin:0;padding:0;} .tlistd { background:#2ba0d5;} .tval { font-weight:bold;} .tlist td, .tlist th { vertical-align:top;padding:5px 3px;color:#0a4e9a;border-top:1px solid #e8e8e8;} .tlist .thhead { background:#0a4e9a;color:#fff;} .tlistl a:link { color:#fff} .tlist h3 { margin:1px;} .tlist td.valign, .tablist td.valign, .tablist th.valign { vertical-align:middle;} /* table dagmenu */ .daylist { background:#fff;line-height:14px;margin:0;padding:0;color:#0a4e9a;width:100%;} .daylist td { vertical-align:middle;padding:5px 3px;color:#0a4e9a;padding-right:15px;border-top:1px solid #e8e8e8;} .daylist th { vertical-align:middle;padding:5px 3px;color:#0a4e9a;border-top:1px solid #e8e8e8;} /*table tabs parameter, voeding, sport */ .tablist { background:#fff;line-height:14px;margin:0;padding:0;color:#000;width:100%;} .tablistl { background:#fff;line-height:14px;margin:0;padding:0;} .tablist td, .tablist th { vertical-align: top;padding:4px 3px;color:#000;border-top:1px solid #e8e8e8;} .tablist .thhead { background:#feab18;color:#fff;padding:7px 3px;} .tablist .thhead h3 { font:bold 16px/16px "Arial", Helvetica, sans-serif;color:#656565;margin:5px 0 5px 0;} .tablistt { line-height:14px;margin:0;padding:0;} .tablistt h3 { font:bold 16px/16px "Arial", Helvetica, sans-serif;color:#ff0066;margin:5px 0;} .tablist h5, .tlist h5 { font:bold 13px/13px "Verdana", Arial, Helvetica, sans-serif;margin:5px 0;color:#000;} td.tablistcheck { border-top:none;padding:0;} .mijnVoeding td { padding-top:10px;} #mijnVoedingPrev { color:#fff;text-decoration:none;} #mijnVoedingNext { color:#fff;text-decoration:none;} .mijnVoedingAlert { border:2px solid #e7161d;color:#000;padding:2px;background:#fff;font-size:11px;} .mijnVoedingAlert a:link b, .mijnVoedingAlert a:visited b { color:#000;text-decoration:underline;} .mijnVoedingAlert a:hover b { color:#000;text-decoration:none;} .mijnVoedingAlert span { color:#e7161d;font-weight:bold;} th.bgcolor, td.bgcolor { background:#f8f8f8;} th.bgedit, td.bgedit { background:#ccc;} h2.showmenu { color:#fff;font:bold 18px/18px "Arial", Helvetica, sans-serif;letter-spacing:-1px;margin:0;padding:8px;background:#feab18;} .showmenu img { float:right;margin:0;vertical-align:middle;border:none;padding:7px 5px 0 0;} .initial { float:left;font:bold 40px "Arial", Helvetica, sans-serif;color:#f00;margin-right:4px;margin-top:-5px;} /* forms */ form { margin:0;} input { border:1px solid #bbbbbb;margin:1px 3px 0 0;background:#fff;} .button { font:bold 14px "Arial", Helvetica, sans-serif;text-transform:uppercase;color:#fff;padding:2px 3px 1px 3px;text-align:center;margin:0;background:#f06;border:2px solid #fff;} .btn,.btn2 { border:none;background:none;} zztextarea { width:383px;margin:1px 3px;} .contactTextarea { width:273px;margin:1px 3px 20px 0;} .radiocheck { border:none;background:transparent;} .bottomSubsriptionList { padding-top:8px;} .formgen .combobox { width:143px;} .moveOptionText li label{ margin-left:10px;} ul.moveOptionText { padding-bottom:10px;} .login { margin:0;} .login input { margin-bottom:8px 0;} .formgen dt { margin-top:10px;font-weight:normal;} .formgen dd { margin:-20px 0 0 200px;} .formGewicht .combobox { width:130px;} .formGewicht dt { margin-top:10px; width: 270px;} .formGewicht dd { margin:-15px 0 0 285px;} .formalert { border:1px solid #f00;} .formalerttext { font-size:11px;color:#f00;} .formalerttext b { color:#f00;} .formalerttd { background:#e0e0e0;border:1px solid #ed1c24 !important;} /* footer */ #footer { text-align:left;margin:0;padding:4px 0;background:#fff;color:#000;font-size:11px;} #footer img { border:none;} /* kalender box */ .calender { padding-left:30px;} .calboxtop { height:6px;width:840px;} .calbox { width:820px;padding:0 3px;} .calboxcontent { background:#fff;min-height:300px;padding:15px 5px 0 5px;} /* kalender */ .date { background:url(../img/bg_cal.gif) no-repeat center top;float:left;text-align:center;line-height:1.2em;padding:10px 20px 15px 20px;width:2.2em;color:#A19D68;margin:0 30px 0 0;} .date strong { font:normal 25px "Arial", Helvetica, sans-serif;color:#000;text-decoration:none;} .date span { color:#666;text-transform:uppercase;font:normal 15px Arial, Helvetica, sans-serif;text-decoration:none;} .date a strong, .date a:visited strong,.date a span, .date a:visited span, .date a, .date a:visited { color:#999;text-decoration:none;} .date a:hover strong, .date a:hover span { color:#FF6C00;text-decoration:none;} .date.current { background:url(../img/bg_cal_on.gif) no-repeat center top;color:#A19D68;padding:10px 20px 15px 20px;font-weight:bold;} .date.current a strong, .date.current a:visited strong,.date.current a span, .date.current a:visited span, .date.current a, .date a:visited { color:#fff;text-decoration:none;} .prev { float:left;text-align:center;margin:0 0.5em 1em 0;padding:30px 18px 11px 3px;} .prev a:link, .prev a:visited { color:#000;font:bold 15px "Arial", Helvetica, sans-serif;text-decoration:none;} .prev a:hover { text-decoration:underline;} /* kalender small */ .datesmall { background:url(../img/bg_calsmall.gif) no-repeat center top;float:left;text-align:center;line-height:1.2em;padding:5px 10px;width:2.2em;color:#A19D68;margin:0 2px 0 0;} .datesmall strong { font:bold 12px "Arial", Helvetica, sans-serif;color:#000;text-decoration:none;} .datesmall span { color:#666;text-transform:uppercase;font:normal 12px "Arial", Helvetica, sans-serif;text-decoration:none;} .datesmall a strong, .datesmall a:visited strong,.datesmall a span, .datesmall a:visited span, .datesmall a, .datesmall a:visited { color:#999;text-decoration:none;} .datesmall a:hover strong, .datesmall a:hover span { color:#FF6C00;text-decoration:none;} .datesmall.smcurrent { background:url(../img/bg_calsmall_on.gif) no-repeat center top;color:#fff;padding:5px 10px;font-weight:bold;} .datesmall.smcurrent a strong, .datesmall.smcurrent a:visited strong, .datesmall.smcurrent a span, .datesmall.smcurrent a:visited span { color:#fff;text-decoration:none;} .prevsmall { float:left;text-align:center;margin:0 0.5em 1em 0;padding:18px 5px 0 0;} .prevsmall a:link, .prevsmall a:visited { color:#000;font:bold 15px "Arial", Helvetica, sans-serif;text-decoration:none;} .prevsmall a:hover { text-decoration:underline;} /* footer */ #sitemap { clear:both;padding:5px;color:#666;text-align:left;border:4px solid #f4f4f4;} .sitemapcol1 { float:left;width:252px;padding:0 10px;margin-bottom:10px;} .sitemapcol2 { float:left;width:252px;padding:0 10px;} .sitemapcol3 { float:right;width:252px;padding:0 10px;} .sitemapcol1 a, .sitemapcol2 a, .sitemapcol3 a { border:none;} /* lostpassword */ #lostpassword dd { margin:0;padding:0;} #lostpassword dd input { width:150px;} #migration_form { text-align:left;} #migration_form dl { width:420px;} #migration_form dt { float:left;width:200px;margin:5px;} #migration_form dd { float:left;width:200px;margin:5px;} #migration_form input { padding:2px;} /* Product toevoegen */ #box_addproduct { text-align: left; margin: 5px; padding: 5px; background-color:#fff;} #box_addproduct td { padding-left: 5px;} #box_addrecipe { text-align: left; padding:5px; margin:5px; background-color:#fff;} #box_addrecipe #home { background-color:#fff;} /* Forum xml */ #forum_xml { overflow:hidden;word-wrap: break-word; } #forum_xml .thread_topic{ color: #666666; font-weight:bold; font-size: 14px; margin-bottom: 4px; } #forum_xml .thread_topic_home{ color: #555555; font-weight:bold; font-size: 12px; margin-bottom: 2px; } #forum_xml .post_body { color: #333333; margin-bottom: 4px; line-height: 18px; } #forum_xml .member_name { color: #999999; size: 10px; width: 100%; margin-top: 4px;} #forum_xml .forum_name { color: #999999; width: 174px; float: right; text-align: right;} /* Blog xml */ #blog_xml { overflow:hidden;word-wrap: break-word; } #blog_xml .thread_topic{ color: #666666; font-weight:bold; font-size: 14px; margin-bottom: 4px; } #blog_xml .post_body { color: #333333; margin-bottom: 4px; line-height: 18px; } #blog_xml .member_name { color: #999999; size: 10px; width: 100%; margin-top: 4px;} /* Webcam en countdown */ .ind_live img { width: 231px; border: 0; } #ind_later p#ind_count { font-weight:bold; color:#ffffff; background-color: #ff6600; width: 230px; } #ind_later span#ind_time{ font-size: 24px; } /* FAQ */ #faq .subcat { } #faq .openheader { width:470px;height:29px;background:url(../img/menu_header_big.gif) no-repeat;border:none;padding:5px 0 0 8px;text-decoration:none;} #faq div.box { margin-bottom: 20px; } #faq .foodtoggletext { margin-right: 15px;} #faq .expinfo { float: right; width: 100px; border: #ccc 1px solid; margin: 5px; } #faq .expinfo p { padding: 5px; font-size: 10px; line-height: 12px; } #faq li div p { font-size: 12px; line-height: 20px; margin:0; padding:0; } #faq li div p strong { color: #f90; } #faq ul { margin: 0px; padding: 0px; } #faq #zoek { margin: 10px 0 20px 0; } #faq #zoek input { width: 360px; } #faq #zoek .cat { font-size:10px; color: #666; } h2.deviation {margin:0px;margin-bottom:5px; } #leftmiddlerightDagboek a{ cursor:pointer; } #ataboverviewline{ border-top:1px solid #FF6C00; margin-top:-10px; } .blog_teaser{ text-align:center; height:113px; width:158px; } #blog_teaser_text, #blog_teaser_text h2{ margin-top:30px; margin-bottom:10px; margin-left:5px; margin-right:5px; font-size:12pt; color:#FFFFFF; } #blog_teaser_text a{ font-size:12pt; } .orangecol2 ul li span a{ text-decoration:underline; color:#FFFFFF; } .orangecol2 ul li span a:hover { text-decoration:none; color:#FFFFFF; } .foodtoggletext a{ color:#FFFFFF; } .added_message, .deleted_message{ background-color:#E8E8E8; padding:3px; }