body { background-color: #fff; margin: 0px; position: relative !important; overflow-x: hidden; } /************************************************************************************* MERKENMENU, ZOEKEN, **************************************************************************************/ #header { width: 960px; margin-right: auto; margin-left: auto; margin-top: 35px; margin-bottom: 0px; position: relative; padding: 0px; } #header #merkenmenu { height: 48px; width: 640px; padding: 0px; margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #header #merkenmenu ul { list-style-type: none; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; width: 640px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #header #merkenmenu li { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0px; float: left; height: 48px; width: 121px; } #merkenmenu a#nutricia:link, #merkenmenu a#nutricia:visited { background-image: url(../../img/nutricia/tabs/tab-nutricia.gif); display: block; text-indent: -5000px; height: 48px; width: 121px; background-position: 0 0; background-repeat: no-repeat; } #merkenmenu a#nutricia:hover, #merkenmenu a#nutricia:active { background-image: url(../../img/nutricia/tabs/tab-nutricia-on.gif) } #merkenmenu a#nutrilon:link, #merkenmenu a#nutrilon:visited { background-image: url(../../img/nutricia/tabs/tab-nutrilon.gif); display: block; text-indent: -5000px; height: 48px; width: 121px; background-position: left 0px; background-repeat: no-repeat; } #merkenmenu a#nutrilon:hover, #merkenmenu a#nutrilon:active { background-image: url(../../img/nutricia/tabs/tab-nutrilon-on.gif) } #merkenmenu a#olvarit:link, #merkenmenu a#olvarit:visited { background-image: url(../../img/nutricia/tabs/tab-olvarit.gif); display: block; text-indent: -5000px; height: 48px; width: 121px; background-position: left 0px; background-repeat: no-repeat; } #merkenmenu a#olvarit:hover, #merkenmenu a#olvarit:active { background-image: url(../../img/nutricia/tabs/tab-olvarit-on.gif) } #merkenmenu a#bambix:link, #merkenmenu a#bambix:visited { background-image: url(../../img/nutricia/tabs/tab-bambix.gif); display: block; text-indent: -5000px; height: 48px; width: 121px; background-position: left 0px; background-repeat: no-repeat; } #merkenmenu a#bambix:hover, #merkenmenu a#bambix:active { background-image: url(../../img/nutricia/tabs/tab-bambix-on.gif) } #merkenmenu a#nutricia.actief { background-image: url(../../img/nutricia/tabs/tab-nutricia-on.gif) } #merkenmenu a#babyclub:link, #merkenmenu a#babyclub:visited { background-image: url(../../img/nutricia/tabs/tab-babyclub.gif); display: block; text-indent: -5000px; height: 48px; width: 121px; background-position: 0 0; background-repeat: no-repeat; } #merkenmenu a#babyclub:hover, #merkenmenu a#babyclub:active { background-image: url(../../img/nutricia/tabs/tab-babyclub-on.gif) } #zoeken { padding: 0px; margin: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-image: url(../../img/nutricia/seizoenbanners/zoeken_bg.jpg); background-repeat: no-repeat; width: 316px; right: 0; bottom: 0px; height: 50px; position: absolute; background-position: -2px 100%; } #zoekForm { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 9px; margin: 0px; width: 380px; display: block; } #zoeken .button_zoek { background-image: url(../../img/nutricia/zoek_button.gif); background-repeat: no-repeat; width: 27px; display: block; height: 22px; background-position: top; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-decoration: none; float: right; margin-top: 22px; margin-right: 20px; text-indent: -9999px; cursor: pointer; } #zoeken .zoekveld { background-color: #FFFFFF; margin-top: 22px; float: left; width: 210px; height: 14px; margin-left: 30px; margin-bottom: 4px; padding-right: 5px; padding-left: 5px; font-size: 11px; } /************************************************************************************* TOPPHOTO, ADVIESTEAM **************************************************************************************/ #header2 { height: 314px; background-color: #FFFFFF; } #header2 #adviesteam { height: 264px; width: 386px; float: right; margin-top: 30px; margin-right: 23px; background-image: url(../../img/nutricia/adviesteam_bg.jpg); background-repeat: no-repeat; } #header2 #adviesteam a img { border: none } #header2 #adviesteam img { border: none } #header2 #topfoto { height: 291px; /*304px*/width: 505px;float: left;margin-left: 0px;margin-right: 0px;; } /* #header2 #topfoto img{display:none;} .nlbe #header2 #topfoto { background-image:url(../../img/nutricia/First_Top_foto_nlbe.jpg); background-repeat:no-repeat; } .frbe #header2 #topfoto { background-image:url(../../img/nutricia/First_Top_foto_frbe.jpg); background-repeat:no-repeat; } */ h2 { font-family: Trebuchet MS; font-size: 16px; font-weight: normal; color: #6DB629; padding-top: 5px; margin: 0px; padding-left: 11px; } h3 { font-family: "Trebuchet MS"; color: #FFFFFF; font-size: 16px; font-weight: bold; margin-left: 0px; padding-top: 8px; margin-top: 5px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 12px; line-height: 16px; } #adviesteam .right { height: 214px; width: 189px; float: right; margin-top: 10px; } #adviesteam .left { height: 214px; width: 189px; float: left; margin-top: 10px; padding: 0px; } #adviesteam .email { font-family: "Trebuchet MS", Helvetica, sans-serif, Arial; font-size: 25px; font-weight: normal; color: #fff; width: 25px; float: left; height: 30px; } #adviesteam .telefoontje { background-image: url(../../img/nutricia/icoontje_telefoon.jpg); background-repeat: no-repeat; float: left; height: 32px; width: 21px; clear: both; margin-right: 5px; } #adviesteam .leftimage { height: 120px; width: 171px; margin-top: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 11px; border: none; } #recepten .pijl_kort { width: 150px; nowhitespace: afterproperty; float: left; background-image: url(../../img/nutricia/hulpjes_images/pijl.jpg); background-repeat: no-repeat; background-position: left; display: block; /*height: 20px;*/padding-top: 1px;padding-left: 30px;; } #adviesteam .pijltje { background-image: url(../../img/nutricia/pijltje_groen.gif); background-repeat: no-repeat; width: 151px; margin-left: 10px; display: block; color: #FFFFFF; font-family: "Trebuchet MS", Helvetica, sans-serif, Arial; padding-right: 5px; padding-left: 25px; font-size: 11px; font-weight: bold; margin-bottom: 2px; height: 18px; background-position: 1px; padding-top: 3px; } #adviesteam a { font-family: Trebuchet MS; font-size: 16px; color: #FFFFFF; text-decoration: none; } #adviesteam p { font-family: Trebuchet MS; font-size: 13px; padding-left: 10px; margin-top: 0px; padding-top: 10px; padding-right: 10px; color: #FFFFFF; margin-bottom: 10px; } #adviesBlok { width: 214px; height: 170px; background-image: url(../../img/nutricia/adviesBlockNl.jpg); color: #fff; position: relative; } #adviesBlok li#careline { padding-top: 10px; display: block; float: left; clear: left; } #adviesBlok li#number { font-size: 16px; line-height: 22px; vertical-align: bottom; } #adviesBlok li#mail { padding-top: 5px; display: block; float: left; clear: left; } #adviesBlok ul { position: absolute; top: 60px; left: 35px; margin: 0; padding: 0; } #adviesBlok li { list-style-type: none; font-size: 12px; font-family: "Trebuchet MS", Helvetica, sans-serif, Arial; font-weight: bold; line-height: 18px; width: 130px; } #adviesBlok li a:hover { text-decoration: none } #adviesBlok a { color: #fff } /* fr */ .frbe #adviesBlok { width: 214px; height: 178px; background-image: url(../../img/nutricia/adviesBlockFr.jpg); color: #fff; position: relative; } .frbe #adviesBlok ul { position: absolute; top: 75px; left: 35px; margin: 0; padding: 0; } /************************************************************************************* **************************************************************************************/ #container_big { background-image: url(../../img/nutricia/body_bg.jpg); background-position: -3px 0; background-repeat: repeat-y; background-color: #FFFFFF; width: 960px; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; padding-bottom: 40px; overflow: hidden; } /************************************************************************************* LOG IN, MENU LEFT, BANNERS **************************************************************************************/ #inhoud_left { width: 217px; margin-left: 9px; padding: 0px; margin-right: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; margin-bottom: 20px; display: inline; } #inhoud_left .login_button { background-image: url(../../img/nutricia/login_button.jpg); display: block; background-repeat: no-repeat; height: 24px; width: 77px; margin: 0px; padding: 0px; text-indent: -5000px; } #inhoud_left #nieuws_item { width: 217px; height: 160px; padding: 0px; margin-top: 2px; } #inhoud_left .banner { height: 105px; width: 214px; margin-top: 10px; } #nieuws_inhoud { height: 129px } #nieuws_inhoud p { font-family: "Trebuchet MS"; nowhitespace: afterproperty; font-size: 13px; padding-left: 70px; padding-top: 15px; margin: 0px; /*line-height: 14px*/;padding-right: 10px;; } #nieuws_header { background-image: url(../../img/nutricia/nieuwsitem_header.gif); height: 29px; background-repeat: no-repeat; background-position: center; width: 217px; } .frbe #nieuws_header { background-image: url(../../img/nutricia/nieuwsitem_header-fr.gif) } #nieuws_item h1 { font-family: Trebuchet MS; font-size: 15px; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } #topBanner { height: 150px; background-image: url(../../img/nutricia/seizoenbanners/header_herfst_nl.jpg); background-repeat: no-repeat; background-position: 0; text-indent: -9999px; } #topBanner a { display: block; width: 270px; height: 150px; } .frbe #topBanner { height: 150px; background-image: url(../../img/nutricia/seizoenbanners/header_herfst_fr.jpg); background-repeat: no-repeat; } /************************************************************************************* LEEFTIJDMENU, KRUIMELNAVIGATIE **************************************************************************************/ #inhoud_right { width: 721px; margin-left: 0px; margin-top: 0px; float: right; border: none; padding: 0px; margin-bottom: 20px; } #leeftijdmenu { height: 20px; margin: 0px; padding: 0px; } #leeftijdmenu a.Node2:hover, #leeftijdmenu a.Node2:active { background-image: url(../../img/nutricia/leeftijdmenu2_hover.gif) } #leeftijdmenu a.Node7:hover, #leeftijdmenu a.Node7:active { background-image: url(../../img/nutricia/leeftijdmenu7_hover.gif) } #leeftijdmenu a.Node4:hover, #leeftijdmenu a.Node4:active { background-image: url(../../img/nutricia/leeftijdmenu4_hover.gif) } #leeftijdmenu a.Node6:hover, #leeftijdmenu a.Node6:active { background-image: url(../../img/nutricia/leeftijdmenu6_hover.gif) } #leeftijdmenu a.Node1:hover, #leeftijdmenu a.Node1:active { background-image: url(../../img/nutricia/leeftijdmenu1_hover.gif) } #leeftijdmenu a.Node5:hover, #leeftijdmenu a.Node5:active { background-image: url(../../img/nutricia/leeftijdmenu5_hover.gif) } #leeftijdmenu a.Node3:hover, #leeftijdmenu a.Node3:active { background-image: url(../../img/nutricia/leeftijdmenu3_hover.gif) } #leeftijdmenu a.Node5:link, #leeftijdmenu a.Node5:visited { background-image: url(../../img/nutricia/leeftijdmenu5.gif); display: block; text-indent: -5000px; width: 139px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu a.Node4:link, #leeftijdmenu a.Node4:visited { background-image: url(../../img/nutricia/leeftijdmenu4.gif); display: block; text-indent: -5000px; width: 136px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu a.Node1:link, #leeftijdmenu a.Node1:visited { background-image: url(../../img/nutricia/leeftijdmenu1.gif); display: block; text-indent: -5000px; width: 135px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu a.Node7:link, #leeftijdmenu a.Node7:visited { background-image: url(../../img/nutricia/leeftijdmenu7.gif); display: block; text-indent: -5000px; width: 137px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu a.Node3:link, #leeftijdmenu a.Node3:visited { background-image: url(../../img/nutricia/leeftijdmenu3.gif); display: block; text-indent: -5000px; width: 132px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu a.Node6:link, #leeftijdmenu a.Node6:visited { background-image: url(../../img/nutricia/leeftijdmenu6.gif); display: block; text-indent: -5000px; width: 144px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu a.Node2:link, #leeftijdmenu a.Node2:visited { background-image: url(../../img/nutricia/leeftijdmenu2.gif); display: block; text-indent: -5000px; width: 132px; background-position: left 0px; background-repeat: no-repeat; } #leeftijdmenu li { display: inline; padding: 0px; margin: 0px; float: left; } #leeftijdmenu li a { height: 20px } #leeftijdmenu ul { list-style-type: none; padding: 0px; margin: 0 0 0 1px; height: 20px; } /* nl */ /* fr */ .frbe #leeftijdmenu a.Node1:link, .frbe #leeftijdmenu a.Node1:visited { background-image: url(../../img/nutricia/leeftijdmenu1-fr.gif); display: block; text-indent: -5000px; width: 135px; background-position: left 0px; background-repeat: no-repeat; } .frbe #leeftijdmenu a.Node2:link, .frbe #leeftijdmenu a.Node2:visited { background-image: url(../../img/nutricia/leeftijdmenu2-fr.gif); display: block; text-indent: -5000px; width: 132px; background-position: left 0px; background-repeat: no-repeat; } .frbe #leeftijdmenu a.Node3:link, .frbe #leeftijdmenu a.Node3:visited { background-image: url(../../img/nutricia/leeftijdmenu3-fr.gif); display: block; text-indent: -5000px; width: 132px; background-position: left 0px; background-repeat: no-repeat; } .frbe #leeftijdmenu a.Node4:link, .frbe #leeftijdmenu a.Node4:visited { background-image: url(../../img/nutricia/leeftijdmenu4-fr.gif); display: block; text-indent: -5000px; width: 136px; background-position: left 0px; background-repeat: no-repeat; } .frbe #leeftijdmenu a.Node5:link, .frbe #leeftijdmenu a.Node5:visited { background-image: url(../../img/nutricia/leeftijdmenu5-fr.gif); display: block; text-indent: -5000px; width: 139px; background-position: left 0px; background-repeat: no-repeat; } .frbe #leeftijdmenu a.Node6:link, .frbe #leeftijdmenu a.Node6:visited { background-image: url(../../img/nutricia/leeftijdmenu6-fr.gif); display: block; text-indent: -5000px; width: 144px; background-position: left 0px; background-repeat: no-repeat; } .frbe #leeftijdmenu a.Node7:link, .frbe #leeftijdmenu a.Node7:visited { background-image: url(../../img/nutricia/leeftijdmenu7-fr.gif); display: block; text-indent: -5000px; width: 137px; background-position: left 0px; background-repeat: no-repeat; } /* fr */ /* hover and and active styles */ /* nl */ /* fr */ .frbe #leeftijdmenu a.Node1:hover, .frbe #leeftijdmenu a.Node1:active { background-image: url(../../img/nutricia/leeftijdmenu1-fr_hover.gif) } .frbe #leeftijdmenu a.Node2:hover, .frbe #leeftijdmenu a.Node2:active { background-image: url(../../img/nutricia/leeftijdmenu2-fr_hover.gif) } .frbe #leeftijdmenu a.Node3:hover, .frbe #leeftijdmenu a.Node3:active { background-image: url(../../img/nutricia/leeftijdmenu3-fr_hover.gif) } .frbe #leeftijdmenu a.Node4:hover, .frbe #leeftijdmenu a.Node4:active { background-image: url(../../img/nutricia/leeftijdmenu4-fr_hover.gif) } .frbe #leeftijdmenu a.Node5:hover, .frbe #leeftijdmenu a.Node5:active { background-image: url(../../img/nutricia/leeftijdmenu5-fr_hover.gif) } .frbe #leeftijdmenu a.Node6:hover, .frbe #leeftijdmenu a.Node6:active { background-image: url(../../img/nutricia/leeftijdmenu6-fr_hover.gif) } .frbe #leeftijdmenu a.Node7:hover, .frbe #leeftijdmenu a.Node7:active { background-image: url(../../img/nutricia/leeftijdmenu7-fr_hover.gif) } #kruimelnavigatie, #mybreadcrumbs { margin-top: 10px; width: 660px; margin-bottom: 0px; margin-left: 35px; } #kruimelnavigatie li, #mybreadcrumbs li { display: inline; list-style-type: none; font-family: Trebuchet MS; color: #AB5FC5; font-size: 11px; margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding: 0px; font-style: normal; font-weight: normal; } #kruimelnavigatie ul, #mybreadcrumbs ul { height: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #mybreadcrumbs ul li a { font-weight: normal } #kruimelnavigatie a, #mybreadcrumbs a { color: #23467D; text-decoration: none; font-size: 11px; font-weight: normal; } #kruimelnavigatie a:hover, #mybreadcrumbs a:hover { text-decoration: underline } #kruimelnavigatie_paars { margin-top: 10px; width: 660px; margin-bottom: 0px; margin-left: 35px; } #kruimelnavigatie_paars li { display: inline; list-style-type: none; font-family: Trebuchet MS; color: #23467D; font-size: 11px; margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding: 0px; font-style: normal; font-weight: normal; } #kruimelnavigatie_paars ul { height: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #kruimelnavigatie_paars a { color: #AB5FC5; text-decoration: none; } #navigatie_zwangerschap { margin-top: 10px; padding: 0px; overflow: visible; width: 216px; margin-bottom: 0px; } #navigatie_zwangerschap a.Node3:hover, #navigatie_zwangerschap a.Node3:active, #navigatie_zwangerschap .Node3.actief { background-image: url(../../img/nutricia/menuleft_button3_hover.gif) } #navigatie_zwangerschap a.Node4:hover, #navigatie_zwangerschap a.Node4:active, #navigatie_zwangerschap .Node4.actief { background-image: url(../../img/nutricia/menuleft_button4_hover.gif) } #navigatie_zwangerschap a.Node1:hover, #navigatie_zwangerschap a.Node1:active, #navigatie_zwangerschap .Node1.actief { background-image: url(../../img/nutricia/menuleft_button1_hover.gif) } #navigatie_zwangerschap a.Node2:hover, #navigatie_zwangerschap a.Node2:active, #navigatie_zwangerschap .Node2.actief { background-image: url(../../img/nutricia/menuleft_button2_hover.gif) } #navigatie_zwangerschap a.Node5:link, #navigatie_zwangerschap a.Node5:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button5.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } #navigatie_zwangerschap a.Node1:link, #navigatie_zwangerschap a.Node1:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button1.gif); background-repeat: no-repeat; padding-left: 10px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; margin: 0px; padding-bottom: 0px; } #navigatie_zwangerschap a.Node6:link, #navigatie_zwangerschap a.Node6:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button6.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } #navigatie_zwangerschap a.Node3:link, #navigatie_zwangerschap a.Node3:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button3.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } #navigatie_zwangerschap a.Node4:link, #navigatie_zwangerschap a.Node4:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button4.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } #navigatie_zwangerschap a.Node2:link, #navigatie_zwangerschap a.Node2:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button2.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; padding-bottom: 0px; } #navigatie_zwangerschap li { margin: 0px; list-style-type: none; padding-top: 1px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #navigatie_zwangerschap li a { display: block; text-indent: -9000px; width: 215px; height: 35px; } #navigatie_zwangerschap ul { width: 217px; margin: 0 0 5px 0; padding: 0px; } #mybreadcrumbs { margin-left: 0px } /* left menu */ /* nl */ /* fr */ .frbe #navigatie_zwangerschap a.Node1:link, .frbe #navigatie_zwangerschap a.Node1:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button1_fr.gif); background-repeat: no-repeat; padding-left: 10px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; margin: 0px; padding-bottom: 0px; } .frbe #navigatie_zwangerschap a.Node2:link, .frbe #navigatie_zwangerschap a.Node2:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button2_fr.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; padding-bottom: 0px; } .frbe #navigatie_zwangerschap a.Node3:link, .frbe #navigatie_zwangerschap a.Node3:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button3_fr.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } .frbe #navigatie_zwangerschap a.Node4:link, .frbe #navigatie_zwangerschap a.Node4:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button4_fr.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } .frbe #navigatie_zwangerschap a.Node5:link, .frbe #navigatie_zwangerschap a.Node5:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button5_fr.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } .frbe #navigatie_zwangerschap a.Node6:link, .frbe #navigatie_zwangerschap a.Node6:visited { font-family: Trebuchet MS; font-size: 12px; font-weight: normal; display: block; text-decoration: none; color: #183258; background-image: url(../../img/nutricia/menuleft_button6_fr.gif); background-repeat: no-repeat; padding-left: 10px; margin: 0px; padding-top: 7px; height: 25px; width: 205px; background-position: left 0px; } /* active and hover links */ /* nl */ /* fr */ .frbe #navigatie_zwangerschap a.Node1:hover, .frbe #navigatie_zwangerschap a.Node1:active, .frbe #navigatie_zwangerschap .Node1.actief { background-image: url(../../img/nutricia/menuleft_button1_fr_hover.gif) } .frbe #navigatie_zwangerschap a.Node2:hover, .frbe #navigatie_zwangerschap a.Node2:active, .frbe #navigatie_zwangerschap .Node2.actief { background-image: url(../../img/nutricia/menuleft_button2_fr_hover.gif) } .frbe #navigatie_zwangerschap a.Node3:hover, .frbe #navigatie_zwangerschap a.Node3:active, .frbe #navigatie_zwangerschap .Node3.actief { background-image: url(../../img/nutricia/menuleft_button3_fr_hover.gif) } .frbe #navigatie_zwangerschap a.Node4:hover, .frbe #navigatie_zwangerschap a.Node4:active, .frbe #navigatie_zwangerschap .Node4.actief { background-image: url(../../img/nutricia/menuleft_button4_fr_hover.gif) } /************************************************************************************* FOOTER **************************************************************************************/ #footer { clear: both; height: 80px; width: 923px; margin-right: auto; margin-left: auto; font-family: Trebuchet MS; font-size: 11px; margin-top: 0; background-image: url(../../img/nutricia/footer_bg.jpg); background-repeat: no-repeat; background-position: -3px 100%; padding: 0 20px; } #footer a { color: #000000; text-decoration: none; } /***** Banners *****/ div#bannerContent { margin: 20px 0px 0px 0px } .highlight { background-color: #FFFFCC } /***** Fll image class *****/ img.pictureMargin_left { margin: 10px 0 15px 15px; float: right; } /**** pagina's onder feeding for live ****/ .fflBlock { width: 315px; float: left; margin-right: 10px; } .fflBlock img { margin-bottom: 10px; margin-top: 5px; } #main a:hover { text-decoration: underline } #mid, #bottom { padding-top: 15px; clear: both; } #feedingHome { width: 390px; height: 234px; background-image: url(../../img/nutricia/feeding_body.jpg); overflow: hidden; } #mid .fflBlock h2, #main h2 { color: #6db629; font-size: 15px; } #feedingHome ul { margin: 0 10px 0 10px; list-style-type: none; } #feedingHome ul li a.voedingsdriehoek { background-image: url(../../img/nutricia/voedingsdriehoek.gif) } #feedingHome ul li a.Downloads { background-image: url(../../img/nutricia/downloads.gif) } #feedingHome ul li a.dossiers { background-image: url(../../img/nutricia/dossiers.gif) } #feedingHome ul li a.tools { background-image: url(../../img/nutricia/tools.gif) } #feedingHome p { padding: 40px 163px 5px 10px } #main #feedingHome ul li { list-style-type: none; padding: 0; margin: 7px 0 0 0; } #main #feedingHome ul li a { padding: 3px 0 0 35px; background-repeat: no-repeat; background-position: 0 50%; height: 10px; text-decoration: none; } #main #feedingHome ul li a:hover { text-decoration: underline } .bottomBlock { height: 176px; width: 315px; float: left; margin: 0 10px 20px 0; background-repeat: no-repeat; background-position: 0 0; } .bottomBlock a { display: block; clear: right; } #main .bottomBlock p { padding: 35px 20px 0 10px } #main .bottomBlock ul { margin: 10px 0 0 10px; padding: 0; } #main .bottomBlock ul li { list-style-type: none; margin: 0; padding: 0; clear: both; display: block; } #main .bottomBlock ul li a { text-decoration: none; height: auto; } #main .bottomBlock ul li a:hover { text-decoration: underline } .bottomTools { background-image: url(../../img/nutricia/bottom_tools.jpg) } body.frbe .bottomTools { background-image: url(../../img/nutricia/bottom_tools_fr.jpg) } .bottomVoeding { background-image: url(../../img/nutricia/bottom_voeding.jpg) } body.frbe .bottomVoeding { background-image: url(../../img/nutricia/bottom_voeding_fr.jpg) } #main .bottomBlock.bottomVoeding p { padding-right: 80px } .bottomDownloads { background-image: url(../../img/nutricia/bottom_downloads.jpg) } body.frbe .bottomDownloads { background-image: url(../../img/nutricia/bottom_downloads_fr.jpg) } .bottomDossiers { background-image: url(../../img/nutricia/bottom_dossiers.jpg) } body.frbe .bottomDossiers { background-image: url(../../img/nutricia/bottom_dossiers_fr.jpg) } #main #feedingDossiers ul { margin: 0; float: left; } #main #feedingDossiers ul li, #main #ankers ul li { list-style-type: none; background-image: url(../../img/nutricia/green_bullet.jpg); background-repeat: no-repeat; background-position: 0 4px; padding-left: 15px; } #main #feedingDossiers ul li a, #main #ankers ul li a { color: #000; text-decoration: none; display: block; clear: right; } #main #feedingDossiers ul li a:hover, #main #ankers ul li a:hover { text-decoration: underline } #main #ankers ul { margin: 0 10px 10px 10px } #ankersWrapper { float: left } #ankersTop { width: 420px; height: 16px; background-image: url(../../img/nutricia/ankers_top.jpg); } #ankers { width: 400px; background-image: url(../../img/nutricia/ankers_body.jpg); background-repeat: no-repeat; background-position: 0 100%; background-color: #eaf5a9; padding: 5px 10px 10px 10px; } #bekijkInterview { width: 188px; height: 165px; float: right; background-image: url(../../img/nutricia/bekijk_interview.jpg); margin-right: 20px; } #bekijkInterview a img { border: none; margin: 30px auto 0 auto; display: block; } body.frbe #bekijkInterview { background-image: url(../../img/nutricia/bekijk_interview_fr.jpg) } #andereDossiers { width: 188px; height: 158px; background-image: url(../../img/nutricia/ontdek_dossiers.jpg); background-repeat: no-repeat; float: right; margin-top: 10px; margin-right: 20px; display: inline; } #andereDossiers a.pijltje_groen { width: 150px; margin: 0; } body.frbe #andereDossiers { background-image: url(../../img/nutricia/ontdek_dossiers_fr.jpg) } #main #andereDossiers ul { margin: 50px 0 0 10px; list-style-type: none; } #main #andereDossiers ul li { list-style-type: none } a img { border: none } /* prenatal section */ .preNatal { width: 661px; overflow: hidden; margin-top: 20px; } #main h1.introTitle { overflow: hidden; margin: 0; height: 42px; } #main h1.introTitle span.right { background: url(../../img/prenatal/title_bg.jpg) 100% 0 no-repeat; padding: 15px 20px 25px 0; display: block; width: 1px; float: left; } #main h1.introTitle span.left { background: url(../../img/prenatal/title_bg.jpg) 0 0 no-repeat; padding: 15px 0 0 20px; display: block; float: left; color: #d68aae; } #main .introContentTop { width: 661px; background: url(../../img/prenatal/pink_top.jpg) 0 100% no-repeat; padding-bottom: 11px; } #main .introContent { background: url(../../img/prenatal/pink_bg.jpg) 0 0 repeat-y; padding: 0 20px; overflow: hidden; zoom: 1; } #main .introContent .vragen { font-weight: bold; font-size: 14px; clear: both; } #main .introContent .vragen .hidden { width: 407px; height: 46px; left: -2px; background: url(../../img/prenatal/phone.jpg) 0 0 no-repeat; text-indent: -9999px; position: relative; } #main .introContent .vragen .hidden a { position: absolute; top: 11px; right: 37px; text-indent: 0; color: #0052a0; } #main .introContent .vragen .hidden a:hover { text-decoration: none } #main .introContent .right { float: right; margin: 0 0 10px 20px; max-width: 150px; } #main .introContent .right .image { float: right; position: relative; } #main .introContent .right .image .rightBottom { background: url(../../img/prenatal/roundex_corners.png) 100% 100% no-repeat; width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; } #main .introContent .right .image .leftBottom { background: url(../../img/prenatal/roundex_corners.png) 0 100% no-repeat; width: 9px; height: 9px; position: absolute; bottom: 0; left: 0; } #main .introContent .right .image .rightTop { background: url(../../img/prenatal/roundex_corners.png) 100% 0 no-repeat; width: 9px; position: absolute; height: 9px; top: 0; right: 0; } #main .introContent .right .image .leftTop { background: url(../../img/prenatal/roundex_corners.png) 0 0 no-repeat; width: 9px; height: 9px; position: absolute; top: 0; left: 0; } #main .introContent .left { float: left; width: 435px; } #main .introContent p { float: left } #main .introContentBottom { width: 661px; background: url(../../img/prenatal/pink_bottom.jpg) -4px 0 no-repeat; height: 22px; } #main #bottomTrimesters { width: 661px; height: 241px; background: url(../../img/prenatal/blue_bg.jpg) 0 0 no-repeat; position: relative; top: -8px; } #main #bottomTrimesters span.empty { white-space: nowrap; display: block; width: 30px; height: 30px; float: left; margin: 0 5px 5px 0; background: url(../../img/prenatal/link_blank.jpg) 0 0 no-repeat; } #main #bottomTrimesters .second { left: 232px } #main #bottomTrimesters .first { left: 23px } #main #bottomTrimesters .third { left: 441px } #main #bottomTrimesters .first, #main #bottomTrimesters .second, #main #bottomTrimesters .third { position: absolute; width: 180px; top: 25px; } #main #bottomTrimesters h2 { color: #fff; font-size: 13px; font-weight: normal; } #main #bottomTrimesters h2 span { font-size: 30px } #main #bottomTrimesters a { white-space: nowrap; color: #0052a0; display: block; width: 30px; height: 24px; text-decoration: none; float: left; margin: 0 5px 5px 0; background: url(../../img/prenatal/link.jpg) 0 0 no-repeat; text-align: center; padding-top: 6px; font-size: 13px; zoom: 1; } #main #bottomTrimesters a:hover { background-image: url(../../img/prenatal/link_active.jpg); color: #fff; } #main .prenatalLeft { width: 440px; float: left; } #main #bottomTrimesters a.disabled, #main #bottomTrimesters a.disabled:hover { color: #0052a0; background: url("../../img/prenatal/link_blank.jpg") no-repeat scroll 0 0 transparent; } #main .prenatalLeft h1, #main .prenatalLeft h2, #main .prenatalLeft a { color: #0052a0 } #main .prenatalLeft h3 { color: #333333; font-weight: bold; } #main .prenatalRight { width: 184px; float: right; margin: 0; overflow: hidden; } #main h2 { margin-bottom: 10px } #main .blueArrow { display: block; background: url(../../img/prenatal/blue_arrow.jpg) 0 50% no-repeat; padding-left: 20px; text-decoration: none; font-weight: normal; } #main .blueArrow:hover { text-decoration: underline } #main .linkNav { margin-top: 30px } #main .linkNav a.prev { background: url(../../img/prenatal/terug.jpg) 0 50% no-repeat } #main .linkNav a.next { background: url(../../img/prenatal/volgende.jpg) 100% 50% no-repeat; padding-left: 0; padding-right: 27px; } #main .linkNav a.up { background: url(../../img/prenatal/up.jpg) 0 50% no-repeat } #main .linkNav a { display: block; float: left; margin: 0 30px 0 0; padding-left: 25px; color: #333; text-decoration: none; } #main .linkNav a:hover { text-decoration: underline } #main .kalender li { float: left; list-style-type: none; width: auto !important; } #main .kalender li a.rtsSelected { background: url(../../img/prenatal/active_trimester.jpg) -1px 0 no-repeat; color: #fff; width: 52px; height: 19px; text-align: center; padding: 5px 3px 3px; } #main .kalender li a.rtsSelected:hover { text-decoration: none } #main .kalender li a { display: block; float: left; color: #0052a0; padding: 5px 2px 3px; font-size: 12px; } #main .kalender .pageView { background: url(../../img/prenatal/timesters.jpg) 0 0 no-repeat; width: 155px; height: 136px; padding: 11px; } #main .kalender .pageView span.empty { white-space: nowrap; color: #0052a0; display: block; width: 26px; height: 24px; text-decoration: none; float: left; margin: 0 5px 5px 0; background: url(../../img/prenatal/link_blank_small.jpg) -2px 0 no-repeat; text-align: center; padding-top: 6px; font-size: 13px; zoom: 1; } #main .kalender .pageView a { white-space: nowrap; color: #0052a0; display: block; width: 26px; height: 24px; text-decoration: none; float: left; margin: 0 5px 5px 0; background: url(../../img/prenatal/link_small.jpg) -2px 0 no-repeat; text-align: center; padding-top: 6px; font-size: 13px; zoom: 1; } #main .kalender .pageView a:hover, #main .kalender .pageView a.active { background-image: url(../../img/prenatal/link_active.jpg); color: #fff; } #main .kalender ul.rtsUL { margin-left: 11px } #main .kalender .pageView a.disabled, #main .kalender .pageView a.disabled:hover { background: url(../../img/prenatal/link_blank_small.jpg) -2px 0 no-repeat; color: #0052a0; } #main .kalender h2 { width: 133px; height: 28px; background: url(../../img/prenatal/kalender.jpg) 0 0 no-repeat; text-indent: -9999px; margin-bottom: 5px; } .frbe #main .kalender h2 { background: url(../../img/prenatal/calendrier.jpg) 0 0 no-repeat } #main .relatedTopics { width: 186px; padding-top: 36px; background: url(../../img/prenatal/topics_title.jpg) 0 0 no-repeat; } #main .relatedTopicsContent { padding: 15px 15px 54px 15px; background: url(../../img/prenatal/topics_bottom.jpg) 0 100% no-repeat; width: 156px; overflow: hidden; } #main .relatedTopicsContent a { display: block; background: url(../../img/prenatal/black_arrow.jpg) 0 5px no-repeat; color: #000; text-decoration: none; padding-left: 20px; } #main .relatedTopicsContent a:hover, #main .relatedTopicsContent a.active { color: #fff; background: url(../../img/prenatal/white_arrow.jpg) 0 5px no-repeat; } #main .wistje { width: 176px; padding-top: 115px; background: url(../../img/prenatal/wistje.jpg) 0 0 no-repeat; } .frbe #main .wistje { width: 176px; padding-top: 115px; background: url(../../img/prenatal/wistje_fr.jpg) 0 0 no-repeat; } #main .wistjeContent { padding: 15px; background: url(../../img/prenatal/wistje_bottom.jpg) 2px 100% no-repeat; } #main #articleLinks a { font-weight: bold; margin-bottom: 10px; } /* rounded corners for images */ #smallLeft { float: left; width: 200px; overflow: hidden; } #smallLeft #main h2, #smallLeft #main h1 { font-size: 17px !important } #smallLeft #main h3 { font-size: 14px !important } #smallRight { float: right; overflow: hidden; width: 380px; overflow: hidden; margin-right: 15px; } #smallRight #main h3 { color: #000 !important; font-style: italic; } #smallColumn #main h2, #smallColumn h2, #smallColumn #main h1 { color: #004384 !important } #topper .module, #smallLeft .module, #smallRight .module { margin-bottom: 30px } #smallColumn #main h2, #smallColumn #main h1 { font-size: 22px !important }