pi-4maand-eersteLepel-nl.jpgbody, html { margin: 0px; font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 125%; color: #336699; text-decoration: none; background-color: #faa61a; }
body { background-image: url(../../img/olvarit/olvarit_bg.jpg); background-position: 0 100%; background-repeat: repeat-x; margin: 0; padding: 0; min-height: 100%; }
html { height: 100%; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
h1#logo { float: left; width: 221px; height: 131px; margin: 0px; padding: 0px; }
h1#logo a { display: block; width: 221px; height: 131px; text-indent: -9999px; margin: 0; padding: 0; }
body.nlbe div#olvaritHeader { float: left; width: 734px; height: 131px; text-indent: -9999px; margin: 0px; padding: 0px; }
body.frbe div#olvaritHeader { float: left; width: 734px; height: 131px; text-indent: -9999px; margin: 0px; padding: 0px; }
.top { height: 152px; nowhitespace: afterproperty; background-image: url(../../img/olvarit/olvarit_header.jpg); background-repeat: no-repeat; background-position: 0 0; clear: both; /*zoom: 1;*/ ; }
.frbe .top { background-image: url(../../img/olvarit/olvarit_header_fr.jpg) }
#container { width: 955px; margin-left: auto; margin-right: auto; overflow: hidden; }
#container2 { width: 955px; nowhitespace: afterproperty; background-color: #FFFFFF; margin: 0; padding: 0; /*padding-bottom: 50px;*/overflow:hidden !important; }
.empty { clear: both }
#top { height: 75px; position: relative; }
.tabs { float: left; width: 640px; position: absolute; left: 0px; bottom: 0px !important; bottom: -1px; padding: 0; margin: 0; }
.tabs ul { list-style: none; margin: 0px; padding: 0px; }
.tabs ul li { list-style: none; float: left; display: block; width: 121px; height: 48px; padding: 0px; margin: 0px; }
.tabs ul li a { display: block; height: 48px; background-repeat: no-repeat; background-position: top left; margin: 0px; padding: 0px; }
.tabs ul li#tabNutricia a { background-image: url(../../img/olvarit/tab-nutricia.jpg); text-indent: -9999px; }
.tabs ul li#tabNutricia a:hover { background-image: url(../../img/olvarit/tab-nutricia-on.png) }
.tabs ul li#tabNutrilon a { background-image: url(../../img/olvarit/tab-nutrilon.jpg); text-indent: -9999px; }
.tabs ul li#tabNutrilon a:hover { background-image: url(../../img/olvarit/tab-nutrilon-on.png) }
.tabs ul li#tabOlvarit a { background-image: url(../../img/olvarit/tab-olvarit-on.jpg); text-indent: -9999px; }
.tabs ul li#tabOlvarit a:hover { background-image: url(../../img/olvarit/tab-olvarit-on.jpg) }
.tabs ul li#tabBambix a { background-image: url(../../img/olvarit/tab-bambix.jpg); text-indent: -9999px; }
.tabs ul li#tabBambix a:hover { background-image: url(../../img/olvarit/tab-bambix-on.png) }
.tabs ul li#babyclub a { background-image: url(../../img/olvarit/tab-babyclub.png); display: block; text-indent: -5000px; height: 48px; width: 121px; background-position: 0 0; background-repeat: no-repeat; }
.tabs ul li#babyclub a:hover { background-image: url(../../img/olvarit/tab-babyclub-on.png) }
.zoek { width: 313px; float: right; position: absolute; right: 0px; bottom: 0px; background-image: url(../../img/olvarit/zoek_box.png); background-position: 0 100%; background-repeat: no-repeat; height: 48px; }
.zoek .positie { padding-top: 15px; padding-left: 15px; }
.zoek .button_zoek { float: left; margin-left: 5px; display: block; width: 18px; height: 18px; background: transparent url(../../img/olvarit/pi-pijl.gif) no-repeat top left; text-indent: -9999px; }
.zoekveld { width: 210px; font-weight: bold; font-family: "Trebuchet MS"; color: #0052a0; padding: 0px 3px; height: 15px; float: left; margin: 0px; font-size: 10px; }
.zoekbutton { float: left; margin-left: 5px; }
.footer { clear: both; padding-left: 22px; font-size: 0.670em; padding-bottom: 20px; padding-top: 20px; }
.footer a { color: #000 }
.pictureMargin_left { margin: 10px 0px 15px 15px }
.pictureMargin_right { margin: 10px 15px 15px 0 }
li { padding-bottom: 5px; margin-left: 0px; padding-left: 0px; }
ul { padding-left: 15px; margin-left: 0px; margin-top: 0px; padding-top: 0px; }
/* ************************************************************************************
RECHTERKOLOM
*************************************************************************************
================================================== */
.main { overflow: hidden; width: 620px; float: left; padding-right: 45px; padding-top: 10px; color: #336699; font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }
#page_952 .main { width: 660px; float: right; padding-right: 5px; padding-top: 10px; }
.bread ul { margin: 0px; padding: 0px; font-size: 0.67em; padding-bottom: 20px; }
.bread ul li { list-style: none; display: inline; }
/* ************************************************************************************
TOPNAV
*************************************************************************************
================================================== */
#topNav { }
#topNav ul { list-style: none; margin: 0px; padding: 0px; height: 21px; width: 955px; overflow: hidden; }
.nlbe #topNav ul li { float: left; list-style: none; height: 21px; margin: 0px; padding: 0px; width: 127px !important; }
#topNav ul li a { display: block; height: 21px; background-repeat: no-repeat; text-indent: -9999px; background-position: 50% 0; }
/* NL
================================================== */
#topNav ul li#navActies { width: 90px !important }
#topNav ul li#navActies a { background-image: url(../../img/olvarit/nav-acties-nl.jpg); width: 90px; }
#topNav ul li#navActies a:hover, #topNav ul li#navActies.menuActive a { background-image: url(../../img/olvarit/nav-acties-on-nl.jpg) }
#topNav ul li#navGamma { width: 103px !important }
#topNav ul li#navGamma a { background-image: url(../../img/olvarit/nav-gamma-nl.jpg) }
#topNav ul li#navGamma a:hover, #topNav ul li#navGamma.menuActive a { background-image: url(../../img/olvarit/nav-gamma-on-nl.jpg) }
#topNav ul li#nav4maanden { width: 132px }
#topNav ul li#nav4maanden a { background-image: url(../../img/olvarit/nav-4maanden-nl.jpg) }
#topNav ul li#nav4maanden a:hover, #topNav ul li#nav4maanden.menuActive a { background-image: url(../../img/olvarit/nav-4maanden-on-nl.jpg) }
#topNav ul li#nav6maanden { width: 125px }
#topNav ul li#nav6maanden a { background-image: url(../../img/olvarit/nav-6maanden-nl.jpg) }
#topNav ul li#nav6maanden a:hover, #topNav ul li#nav6maanden.menuActive a { background-image: url(../../img/olvarit/nav-6maanden-on-nl.jpg) }
#topNav ul li#nav8maanden { width: 127px }
#topNav ul li#nav8maanden a { background-image: url(../../img/olvarit/nav-8maanden-nl.jpg) }
#topNav ul li#nav8maanden a:hover, #topNav ul li#nav8maanden.menuActive a { background-image: url(../../img/olvarit/nav-8maanden-on-nl.jpg) }
#topNav ul li#nav12maanden { width: 139px }
#topNav ul li#nav12maanden a { background-image: url(../../img/olvarit/nav-12maanden-nl.jpg) }
#topNav ul li#nav12maanden a:hover, #topNav ul li#nav12maanden.menuActive a { background-image: url(../../img/olvarit/nav-12maanden-on-nl.jpg) }
#topNav ul li#nav18maanden { width: 139px }
#topNav ul li#nav18maanden a { background-image: url(../../img/olvarit/nav-18maanden-nl.jpg) }
#topNav ul li#nav18maanden a:hover, #topNav ul li#nav18maanden.menuActive a { background-image: url(../../img/olvarit/nav-18maanden-on-nl.jpg) }
#topNav ul li#navOlvaritVideotheek { width: 100px }
#topNav ul li#navOlvaritVideotheek a { background-image: url(../../img/olvarit/nav-videos-nl.jpg) }
#topNav ul li#navOlvaritVideotheek a:hover, #topNav ul li#navOlvaritVideotheek.menuActive a { background-image: url(../../img/olvarit/nav-videos-on-nl.jpg) }
/* FR
================================================== */
.frbe #topNav ul li { float: left; list-style: none; height: 21px; margin: 0px; padding: 0px; width: 129px !important; }
#topNav ul li#navActionsOlvarit { width: 98px !important }
#topNav ul li#navActionsOlvarit a { background-image: url(../../img/olvarit/nav-acties-fr.jpg) }
#topNav ul li#navActionsOlvarit a:hover, #topNav ul li#navActionsOlvarit.menuActive a { background-image: url(../../img/olvarit/nav-acties-on-fr.jpg) }
#topNav ul li#navGamme { width: 110px !important }
#topNav ul li#navGamme a { background-image: url(../../img/olvarit/nav-gamma-fr.jpg) }
#topNav ul li#navGamme a:hover, #topNav ul li#navGamme.menuActive a { background-image: url(../../img/olvarit/nav-gamma-on-fr.jpg) }
#topNav ul li#nav4mois { width: 132px }
#topNav ul li#nav4mois a { background-image: url(../../img/olvarit/nav-4maanden-fr.jpg) }
#topNav ul li#nav4mois a:hover, #topNav ul li#nav4mois.menuActive a { background-image: url(../../img/olvarit/nav-4maanden-on-fr.jpg) }
#topNav ul li#nav6mois { width: 131px }
#topNav ul li#nav6mois a { background-image: url(../../img/olvarit/nav-6maanden-fr.jpg) }
#topNav ul li#nav6mois a:hover, #topNav ul li#nav6mois.menuActive a { background-image: url(../../img/olvarit/nav-6maanden-on-fr.jpg) }
#topNav ul li#nav8mois { width: 134px }
#topNav ul li#nav8mois a { background-image: url(../../img/olvarit/nav-8maanden-fr.jpg) }
#topNav ul li#nav8mois a:hover, #topNav ul li#nav8mois.menuActive a { background-image: url(../../img/olvarit/nav-8maanden-on-fr.jpg) }
#topNav ul li#nav12mois { width: 128px }
#topNav ul li#nav12mois a { background-image: url(../../img/olvarit/nav-12maanden-fr.jpg) }
#topNav ul li#nav12mois a:hover, #topNav ul li#nav12mois.menuActive a { background-image: url(../../img/olvarit/nav-12maanden-on-fr.jpg) }
#topNav ul li#nav18mois { width: 122px }
#topNav ul li#nav18mois a { background-image: url(../../img/olvarit/nav-18maanden-fr.jpg) }
#topNav ul li#nav18mois a:hover, #topNav ul li#nav18mois.menuActive a { background-image: url(../../img/olvarit/nav-18maanden-on-fr.jpg) }
#topNav ul li#navVideothequedOlvarit { width: 102px !important }
#topNav ul li#navVideothequedOlvarit a { background-image: url(../../img/olvarit/nav-videos-fr.jpg) }
#topNav ul li#navVideothequedOlvarit a:hover, #topNav ul li#navVideothequedOlvarit.menuActive a { background-image: url(../../img/olvarit/nav-videos-on-fr.jpg) }
/* ************************************************************************************
LINKERKOLOM
*************************************************************************************
================================================== */
.left { width: 260px; float: left; padding-top: 45px; padding-left: 20px; overflow: hidden; }
.left .nieuws { background-image: url(../../img/olvarit/bu-nieuws-bg.gif); background-repeat: repeat-y; }
.nieuws strong { padding-right: 50px }
.nieuws .content { background-image: url(../../img/olvarit/bu-nieuws-top.gif); nowhitespace: afterproperty; background-repeat: no-repeat; padding-top: 10px; padding-left: 30px; padding-bottom: 20px; margin: 0; /* overflow: show;*/ ; }
.nieuws .content img { width: 51px; float: right; }
.nieuws .content p { margin-top: 0; margin-bottom: 0; padding-right: 50px; }
.nieuws .nieuwsBottom { width: 250px; height: 16px; background-image: url(../../img/olvarit/bu-nieuws-bottom.gif); background-repeat: no-repeat; margin: 0 0 10px 0; padding: 0; }
.vragen { background-image: url(../../img/olvarit/bu-vragen.jpg); height: 120px; width: 225px; background-repeat: no-repeat; }
.vragen .content { padding-right: 45px; padding-left: 25px; padding-top: 18px; }
.vragen .content h2 { font-size: 1.4em; font-style: normal; font-weight: bold; padding: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px; color: #FFFFFF; }
.vragen .bel { clear: both; display: block; width: 160px; text-align: left; padding-left: 32px; padding-top: 7px; color: #ffffff; background-image: url(../../img/olvarit/bu-vragen-tel.gif); background-repeat: no-repeat; background-position: left center; height: 22px; margin-top: 10px; }
.vragen .email { clear: both; display: block; width: 160px; text-align: left; padding-left: 32px; padding-top: 7px; color: #ffffff; background-image: url(../../img/olvarit/bu-vragen-mail.gif); background-repeat: no-repeat; background-position: left center; height: 22px; margin-top: 5px; }
/* ************************************************************************************
TITELS
*************************************************************************************
================================================== */
h1 { font-size: 1.5em; line-height: 130%; font-style: normal; font-weight: bold; padding: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; margin-top: 0px; }
h2 { font-size: 1.1em; font-style: normal; font-weight: bold; padding: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; margin-top: 0px; }
h3 { font-size: 1.1em; font-style: normal; font-weight: bold; padding: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; margin-top: 0px; }
h4 { font-size: 1.1em; font-style: normal; font-weight: bold; padding: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; margin-top: 0px; color: #FFFFFF; }
/* ************************************************************************************
LINKS
*************************************************************************************
================================================== */
a.pijlgroen:link, a.pijlgroen:visited, a.pijlgroen:hover, a.pijlgeel:link, a.pijlgeel:visited, a.pijlgeel:hover, a.pijlwit:link, a.pijlwit:visited, a.pijlwit:hover, a.pijloranje:link, a.pijloranje:visited, a.pijloranje:hover, a.pijlblauw:link, a.pijlblauw:visited, a.pijlblauw:hover { display: block; /*width: 161px;*/ text-align: left; padding-left: 19px; color: #336699; margin-bottom: 5px; background-repeat: no-repeat; background-position: left top; text-decoration: none; ; }
a.pijlgroen:link, a.pijlgroen:visited { background-image: url(../../img/olvarit/bu-pijl-groen.gif) }
a.pijlgeel:link, a.pijlgeel:visited { background-image: url(../../img/olvarit/pi-pijl-geel.gif) }
a.pijlwit:link, a.pijlwit:visited { background-image: url(../../img/olvarit/pi-pijl-wit.gif) }
a.pijloranje:link, a.pijloranje:visited { background-image: url(../../img/olvarit/pi-pijl-oranje.gif) }
a.pijlblauw:link, a.pijlblauw:visited { background-image: url(../../img/olvarit/pi-pijl-blauw.gif) }
a.pijlgroen:hover, a.pijlgeel:hover, a.pijlwit:hover, a.pijloranje:hover, a.pijlblauw:hover { color: #3399CC; text-decoration: underline; }
a:link, a:visited { text-decoration: none; color: #336699; }
a:hover { text-decoration: underline; color: #3399CC; }
a.textlink:link, a.textlink:visited { text-decoration: underline; color: #336699; }
a.textlink:hover { color: #3399CC }
a.wit:link, a.wit:visited { color: #ffffff }
a.wit:hover { text-decoration: underline; color: #ffffff; }
body.nlbe .nieuws a.readMore { background-image: url(../../img/bambix/bu-meer-nl.gif); background-repeat: no-repeat; display: block; height: 19px; width: 86px; text-indent: -9999px; margin-top: 5px; }
body.frbe .nieuws a.readMore { background-image: url(../../img/bambix/bu-meer-fr.gif); background-repeat: no-repeat; display: block; height: 19px; width: 113px; text-indent: -9999px; margin-top: 5px; }
/* ************************************************************************************
OLVARIT HOME
*************************************************************************************
================================================== */
.blokken { width: 620px }
.home-2lijn { float: left; height: 315px; width: 300px; position: relative; padding-right: 8px; padding-bottom: 10px; }
.home-2lijn .content { position: absolute; left: 20px; top: 240px; padding-right: 15px; font-size: 1.2em; line-height: 120%; }
.home-2lijn .visual { position: absolute; left: 2px; top: 29px; }
.home-1lijn { float: left; height: 315px; width: 300px; position: relative; padding-right: 8px; padding-bottom: 10px; }
.home-1lijn .content { position: absolute; left: 20px; top: 220px; font-size: 1.2em; padding-right: 15px; line-height: 120%; }
/* ************************************************************************************
OLVARIT VOLG
*************************************************************************************
================================================== */
.inset_picture { margin-top: 0px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; }
.tabel { clear: both; float: left; padding-top: 10px; padding-bottom: 10px; }
.lijst { float: left; width: 400px; padding-top: 20px; padding-left: 5px; }
.kijker { float: right; width: 175px; padding-top: 20px; padding-right: 5px; }
.kijker .content { background-image: url(../../img/olvarit/pi-pik-bg.jpg); background-repeat: repeat-y; padding-right: 15px; padding-left: 15px; padding-top: 10px; }
.kijker .content .visual { text-align: center; padding-top: 5px; }
.opsomming { background-image: url(../../img/olvarit/bu-pijl-groen.gif); background-repeat: no-repeat; background-position: left top; display: block; padding-left: 30px; margin-top: 5px; clear: both; height: auto !important; min-height: 22px; height: 22px; padding-top: 2px; }
/* ************************************************************************************
LEPELAVONTUUR
*************************************************************************************
================================================== */
.lepel { float: left; height: 190px; width: 612px; position: relative; padding-bottom: 20px; padding-top: 20px; }
.lepel .content { position: absolute; left: 20px; top: 45px; padding-right: 245px; }
.lepel .content h2 { font-size: 1.4em; font-style: normal; font-weight: bold; padding: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px; }
/* ************************************************************************************
WAAROM OLVARIT
*************************************************************************************
================================================== */
.main-waarom { width: 655px; float: right; padding-right: 10px; padding-top: 10px; }
/* ************************************************************************************
ACTIES
*************************************************************************************
================================================== */
.actie { width: 608px; clear: both; margin-top: 30px; padding-top: 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #336699; }
.actie .content { width: 370px; float: left; padding-top: 10px; }
.actie .product { width: 215px; float: right; }
.titel-acties { font-size: 1.3em; line-height: normal; font-style: normal; font-weight: bold; padding-left: 40px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px; display: block; background-image: url(../../img/olvarit/pi-actie-ster.gif); background-repeat: no-repeat; background-position: left top; height: auto !important; min-height: 34px; height: 34px; padding-top: 6px; }
.button { width: 120px; float: left; margin: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
/* ************************************************************************************
CAMPAGNES
*************************************************************************************
================================================== */
.campagne .content { width: 250px; padding-right: 45px; float: left; }
.campagne { padding-top: 30px }
/* ************************************************************************************
GAMMA
*************************************************************************************
================================================== */
.zoekform .content { float: left; width: 150px; padding-top: 5px; }
.zoekform .veld { float: left; width: 300px; padding-top: 5px; }
.zoekform { float: left; margin-top: 10px; width: 500px; }
.zoekform .veld select { width: 200px; color: #336699; }
body.nlbe .zoekform .button a { display: block; background-image: url(../../img/olvarit/bu-verzenden-nl.gif); width: 86px; height: 19px; text-indent: -9999px; }
body.frbe .zoekform .button a { display: block; background-image: url(../../img/olvarit/bu-verzenden-fr.gif); width: 86px; height: 19px; text-indent: -9999px; }
.gamma { width: 608px; clear: both; margin-top: 20px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #336699; }
.gamma .content { width: 475px; float: left; padding-top: 10px; }
.gamma .product { width: 110px; float: right; }
.zoekresultaten { font-size: 0.75em; text-align: right; padding-right: 12px; }
.container_nieuws { clear: both; margin: 5px 0px 20px 0px; float: left; width: 608px; clear: both; border-top-width: 1px; border-top-style: dotted; border-top-color: #336699; padding-top: 10px; }
ul.ul_news { display: none }
a.newsdetailback { display: block; height: 18px; background-image: url(../../img/olvarit/pi-pijl.gif); padding-left: 23px; background-repeat: no-repeat; }
.container_nieuws .titel { clear: both; margin: 0px 0px 8px 0px; }
.container_nieuws .picture { clear: both; float: left; width: 110px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; }
.container_nieuws .txt { float: right; margin: 0px; width: 480px; }
.dateNews { color: #B2B2B2 }
/* ************************************************************************************
GROENTENBAND
*************************************************************************************
================================================== */
div#groentenband { width: 955px; height: 109px; background-image: url(../../img/olvarit/olvarit_footer.png); }
.module, .default { margin: 0; padding: 0; }
/* OLVARIT UPDATE WAAROM OLVARIT ZO GOED IS VOOR JE KLEINTJE
================================================== */
h5 { font-family: "Trebuchet MS"; font-size: 16px; color: #EF7E19; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; margin-bottom: 8px; padding-top: 30px; }
.wistjedat { width: 500px; border: 1px dashed #EF7E19; float: left; background-image: url(../../img/olvarit/LO-ffl.gif); background-repeat: no-repeat; background-position: right bottom; }
.lijst_waarom { float: left; width: 350px; padding-top: 10px; padding-left: 15px; padding-bottom: 10px; }
.opsomming_waarom { background-image: url(../../img/olvarit/BU-bol-oranje.gif); background-repeat: no-repeat; background-position: 0 5px; display: block; padding-left: 18px; clear: both; height: auto !important; min-height: 22px; height: 22px; }
.bottomBanner { background-image: url(../../img/olvarit/bottom_banner.jpg); background-repeat: no-repeat; width: 580px; height: 150px; color: #fff; padding: 20px 15px; margin-top: 20px; }
.bottomBanner h2 { font-family: "Trebuchet MS" , Sans-Serif; font-size: 17px; margin-bottom: 8px; }
.bottomLeft { float: left; overflow: hidden; width: 337px; }
.bottomRight { float: right; overflow: hidden; width: 164px; }
.bottomRight ul { margin: 0; padding: 0; }
.bottomRight ul li { list-style-type: none }
.bottomRight ul li#number { font-size: 18px; font-family: DIN, "Trebuchet MS" , Sans-Serif; margin-top: 5px; }
.bottomRight ul li#mail { margin-top: 6px }
.bottomRight ul li#website { margin-top: 2px }
.bottomRight ul li a, .bottomRight ul li a:visited, .bottomRight ul li a:hover { color: #fff; font-family: DIN, "Trebuchet MS" , Sans-Serif; font-size: 12px; }
/* SKIN HOMEBLOCK
================================================== */
.homeBlock { width: 306px; float: left; overflow: hidden; margin: 0 2px 0px 0; }
.homeBlockContent { width: 306px; height: 201px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.homeBlock .textContent { margin: 55px 0 0 15px; color: #666666; }
.homeBlock .textContent a.more { display: block; clear: both; color: #0052a0; background-image: url(../../img/olvarit/blue_double_arrow.png); background-repeat: no-repeat; background-position: 0 5px; text-transform: uppercase; padding-left: 15px; font-weight: bold; font-size: 13px; margin-top: 10px; }
.homeBlock .textContent p { margin: 0; padding: 0; }
/* helper classes */
.clear { clear: both }
body:after { display: block; position: absolute; width: 1px; height: 100%; bottom: 0px; left: 0px; content: ""; }
a img { border: none }
/* ingredients template specific */
.ingredientsHome .homeBlock .textContent { color: #04428f }
#ingredientHomeTop .module img { display: block; float: left; margin: 0 15px 15px 0; }
#ingredientHomeTop { clear: both }
#ingredientHomeTop a.more { background: url(../../img/olvarit/bu-pijl-groen.gif) 0 50% no-repeat; padding: 2px 2px 2px 25px; }
/* ingredients page */
@font-face { font-family: 'BookmanOldStyleBold'; src: url('/sites/main/templates/css/olvarit/bookosb-webfont.eot'); src: url('/sites/main/templates/css/olvarit/bookosb-webfont.eot?iefix') format('eot'), url('/sites/main/templates/css/olvarit/bookosb-webfont.woff') format('woff'), url('/sites/main/templates/css/olvarit/bookosb-webfont.ttf') format('truetype'), url('/sites/main/templates/css/olvarit/bookosb-webfont.svg#webfontidUtv1YG') format('svg'); font-weight: normal; font-style: normal; }
h2.specialFont { font-family: BookmanOldStyleBold; nowhitespace: afterproperty; font-size: 19px; text-transform: uppercase; text-shadow: 1px 1px 3px #888; /* FF3.5+, Opera 9+, Saf1+, Chrome */ margin-bottom: 20px; ; }
#ingredientMenu { height: 26px; /*background: url(../../img/olvarit/ingredients/ingredient_menu_bg.jpg) 0 0 no-repeat;*/ margin-bottom: 14px; }
#ingredientMenu ul { margin: 0; overflow:hidden; padding-left:0px; float:left; clear:both; -moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ ; }
#ingredientMenu ul li { float: left; list-style-type: none; padding: 0; margin: 0; }
#ingredientMenu ul li a { color: #043f87; display: block; background-color: #E6F7FE; float: left; padding: 0 13px; line-height: 23px; border-right: 1px solid #fff; font-size: 11px; }
#ingredientMenu ul li.menuActive a { background-color: #b6e7fb }
.ingredientsTemplate h2 { font-size: 20px; color: #336699; font-weight: normal; }
.ingredientsTemplate h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
#ingredientOverview { width: 596px; height: 190px; background: url(../../img/olvarit/ingredients/kies_ingredient.jpg) 0 0 no-repeat; padding: 25px 30px; }
#ingredientOverview a { width: 136px; height: 41px; color: #fff; padding-left: 50px; display: block; line-height: 41px; }
#ingredientOverview .ingredientWrapper { float: left; margin-bottom: 10px; }
#ingredientOverview a { background: url(../../img/olvarit/ingredients/rood_potje.png) 0 0 no-repeat }
#ingredientOverview a.red { background: url(../../img/olvarit/ingredients/rood_potje.png) 0 0 no-repeat }
#ingredientOverview a.blue { background: url(../../img/olvarit/ingredients/blauw_potje.png) 0 0 no-repeat }
#ingredientOverview a.yellow { background: url(../../img/olvarit/ingredients/geel_potje.png) 0 0 no-repeat }
#ingredientOverview a.red.active { background: url(../../img/olvarit/ingredients/rood_potje_active.png) 0 0 no-repeat }
#ingredientOverview a.blue.active { background: url(../../img/olvarit/ingredients/blauw_potje_active.png) 0 0 no-repeat }
#ingredientOverview a.yellow.active { background: url(../../img/olvarit/ingredients/geel_potje_active.png) 0 0 no-repeat }
/* ie6 */
.ie6 #ingredientOverview a { width: 136px; height: 41px; color: #fff; padding-left: 50px; display: block; line-height: 41px; }
.ie6 #ingredientOverview .ingredientWrapper { float: left; margin-bottom: 10px; }
.ie6 #ingredientOverview a { background: url(../../img/olvarit/ingredients/rood_potje.gif) 0 0 no-repeat }
.ie6 #ingredientOverview a.red { background: url(../../img/olvarit/ingredients/rood_potje.gif) 0 0 no-repeat }
.ie6 #ingredientOverview a.blue { background: url(../../img/olvarit/ingredients/blauw_potje.gif) 0 0 no-repeat }
.ie6 #ingredientOverview a.yellow { background: url(../../img/olvarit/ingredients/geel_potje.gif) 0 0 no-repeat }
.ie6 #ingredientOverview a.red.active { background: url(../../img/olvarit/ingredients/rood_potje_active.gif) 0 0 no-repeat }
.ie6 #ingredientOverview a.blue.active { background: url(../../img/olvarit/ingredients/blauw_potje_active.gif) 0 0 no-repeat }
.ie6 #ingredientOverview a.yellow.active { background: url(../../img/olvarit/ingredients/geel_potje_active.gif) 0 0 no-repeat }
#recipeOverview { overflow: hidden; margin-left: 30px; }
#recipeLeft { width: 260px; float: left; margin-right: 17px; border-right: 1px solid #C7ECFB; padding-right: 10px; }
#recipeRight { width: 260px; float: left; }
#recipeLeft h3, #recipeRight h3 { font-weight:bold; }
#recipeOverview a { text-decoration: underline; display: block; margin-bottom: 10px; }
#recipeOverview a:hover { text-decoration: none }
a.sendReceptLink { display: block; width: 307px; height: 81px; background: url(../../img/olvarit/ingredients/stuur_recept_op.jpg) 0 0 no-repeat; }
.frbe a.sendReceptLink { background-image:url(../../img/olvarit/ingredients/stuur_recept_op_FR.jpg) }
#receptDetail p { margin: 0 0 20px 0 }
#receptDetail img { float: right; display: block; margin: 0 20px 20px 20px; border:none !important; }
a.bullet, .ingredientsTemplate a.more { padding-left: 20px; background: url(../../img/olvarit/bu-pijl-groen.gif) 0 0 no-repeat; padding: 2px 0 2px 25px; }
.formTable label { display: block; width: 130px; text-align: right; }
.formTable td.inputs { padding-left: 20px }
.formTable td.inputs label { display: inline; width: auto; }
.formTable td { padding-bottom: 5px }
.formTable input { border: 1px solid #346799; width: 280px; }
.formTable input.small { width: 124px }
.frbe .formTable input.small { width: 118px }
.formTable .radio input, .formTable .checkbox input, .formTable span.small input { border: none; width: auto; }
.formTable select { border:1px solid #abadb3; }
.mandatory { color: #ff0000 }
.watermark { color: #aaa }
#login { height: 190px; background: url(../../img/olvarit/ingredients/kies_ingredient.jpg) 0 0 no-repeat; padding: 25px 30px; }
.ingredientsTemplate a.button { background: url("../../img/olvarit/ingredients/yellow_button.jpg") no-repeat scroll right top transparent; color: #444444; display: block; float: left; font-size: 15px; height: 30px; margin-right: 6px; padding: 0 18px 0 0; text-decoration: none; width: auto; color: #fff; overflow:hidden; position:relative; }
.ingredientsTemplate a.button span { background: url("../../img/olvarit/ingredients/yellow_button.jpg") no-repeat scroll 0 0 transparent; display: block; line-height: 30px; padding: 0 0 0px 18px; }
.ingredientsTemplate a.button:hover { text-decoration: underline }
#registerform { padding: 30px; margin-top: -74px; }
.error { color: Red }
#recepten { background:#fff url(../../img/olvarit/ingredients/kies_ingredient.jpg) 0 0 no-repeat; padding: 25px 30px; position:relative; }
a.toevoegen { position:relative; top:-50px; right:-450px; }
#recepten input, #recepten textarea { border: 1px solid #346799; width: 380px; }
#recepten input.tekstveld { width:154px; }
#recepten input.small { width:160px; }
#recepten input.tiny { width:50px; }
#recepten table { width:100%; }
#recepten td.labeltd { width:135px; }
#recepten th { text-align:left; }
#recepten #addedIngredients { width:auto; }
#addedIngredients td ,#addedIngredients th{ padding:0 15px 0 15px; }
tr.alt td { background-color:#e1f5fd; }
#recepten select { border:1px solid #abadb3; width:154px; }
#recepten #bereiding td { vertical-align:top; }
#recepten #ingredientTable { width:452px; }
.form_tekst { padding:10px 0; }
#recept_overview p {margin: 0 0 12px 0; }
#recipeDetails {margin-top:20px; padding-top:20px; border-top:1px solid #d3f1fc; margin-bottom:20px; clear:both; }
.foto_recepten { float:right; margin: 0 0 15px 15px; }
.imageAlignRight { display:block; float:right; margin: 0 0 15px 15px; }
#verhoogKansen, #receptLeuk { background: url("../../img/olvarit/ingredients/verhoog_je_kansen.jpg") no-repeat scroll 0 0 transparent; padding:20px; width:388px; height:100px; margin-top:55px; position:relative; }
#receptLeuk { margin-bottom:10px; }
p.uploadedBy { color:#999999; font-size:11px; }
#receptDetail p.uploadedBy img { float:none; display:inline-block; margin: 0; vertical-align:middle; }
#verhoogKansen p, #receptLeuk p { margin: 0 0 12px 0; }
.frbe #verhoogKansen p { margin-top:-5px; }
.ingredientsTemplate .main { width:670px; padding-right:0; padding-bottom:50px; overflow:hidden; }
.ingredientsTemplate .top, .ingredientsHome .top { background-image:url(../../img/olvarit/ingredients/ingredienten_top_Banner.jpg); }
#gammaTable td { text-align:center; }
#jackpot { width:654px; height:538px; background: url("../../img/olvarit/ingredients/jackpot.jpg") no-repeat scroll 0 0 transparent; overflow:hidden; position:relative; }
.frbe #jackpot { background: url("../../img/olvarit/ingredients/jackpot_fr.jpg") no-repeat scroll 0 0 transparent; }
#jackpotMenu { position:absolute; top:94px; left:27px; width:180px; }
#col1 { width:96px; height:158px; position:absolute; top:181px; left:255px; overflow:hidden; }
#col2 { width:96px; height:158px; position:absolute; top:181px; left:359px; overflow:hidden; }
#col3 { width:96px; height:158px; position:absolute; top:181px; left:468px; overflow:hidden; }
#col1 img , #col2 img, #col3 img { display:block; padding:37px 0; }
#errorMessage { width:406px; height:40px; background: url(../../img/olvarit/ingredients/error_button.png) 0 0 no-repeat ; display:block; text-decoration:none;
color:#fff; text-align:center; padding-top:24px; font-size:15px; left:203px; top:368px; position:absolute; display:none; }
#jackpotWrapper { position:relative; clear:both; }
a.jackpotHendel,#hendelActiveState { position:absolute; width:60px; height:255px; background: url("../../img/olvarit/ingredients/jackpot_hendel.jpg") no-repeat scroll 0 0 transparent; top:145px; right:-5px; }
#hendelActiveState { background-image:url("../../img/olvarit/ingredients/jackpot_hendel2.jpg") }
a.jackpotHendel:focus { outline:none; }
a.jackpotHendel.active { background-image:url("../../img/olvarit/ingredients/jackpot_hendel2.jpg"); }
#jackpotMenu a { background: url("../../img/olvarit/ingredients/rood_potje.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; height: 41px;
line-height: 41px; padding-left: 50px; width: 90px; margin-bottom:10px; }
#jackpotMenu strong { display:block; margin-bottom:5px; }
#jackpotMenu a.red { background: url(../../img/olvarit/ingredients/rood_potje.png) 0 0 no-repeat }
#jackpotMenu a.blue { background: url(../../img/olvarit/ingredients/blauw_potje.png) 0 0 no-repeat }
#jackpotMenu a.yellow { background: url(../../img/olvarit/ingredients/geel_potje.png) 0 0 no-repeat }
#jackpotMenu a.red.active { background: url(../../img/olvarit/ingredients/rood_potje_active.png) 0 0 no-repeat }
#jackpotMenu a.blue.active { background: url(../../img/olvarit/ingredients/blauw_potje_active.png) 0 0 no-repeat }
#jackpotMenu a.yellow.active { background: url(../../img/olvarit/ingredients/geel_potje_active.png) 0 0 no-repeat }
/* ie6 */
.ie6 #jackpotMenu a.red { background: url(../../img/olvarit/ingredients/rood_potje.gif) 0 0 no-repeat }
.ie6 #jackpotMenu a.blue { background: url(../../img/olvarit/ingredients/blauw_potje.gif) 0 0 no-repeat }
.ie6 #jackpotMenu a.yellow { background: url(../../img/olvarit/ingredients/geel_potje.gif) 0 0 no-repeat }
.ie6 #jackpotMenu a.red.active { background: url(../../img/olvarit/ingredients/rood_potje_active.gif) 0 0 no-repeat }
.ie6 #jackpotMenu a.blue.active { background: url(../../img/olvarit/ingredients/blauw_potje_active.gif) 0 0 no-repeat }
.ie6 #jackpotMenu a.yellow.active { background: url(../../img/olvarit/ingredients/geel_potje_active.gif) 0 0 no-repeat }
a.recipeButton { width:406px; height:40px; background: url(../../img/olvarit/ingredients/jackpot_button.png) 0 0 no-repeat ; display:block; text-decoration:none;
color:#fff; text-align:center; padding-top:24px; font-size:15px; left:203px; top:368px; position:absolute; display:none; }
#ingredientsTop { background: url(../../img/olvarit/ingredients/gekozen_ingredienten.jpg) 0 0 no-repeat ; width:608px; height:129px; padding:40px 20px 0 20px; margin-bottom: 25px; }
#ingredientsTop table { margin-top:-13px; margin-left:-10px; }
#ingredientsTop td { vertical-align:middle; text-align:center; width:120px; height:100px; }
.a2a_kit { margin-top:-18px; margin-left:242px; }
a.printButton { display:block; float:right; width:39px ; height:41px; background: url(../../img/olvarit/ingredients/print.jpg) 0 0 no-repeat; margin-right:241px; }
.ingredientsTemplate table td { vertical-align:top; }
#blueLine { position:absolute; top:256px; right:96px; }
#addToAny { position:relative;margin-top:-22px; }