/* overall styles */
body {margin:0; padding:0; font: normal 0.8em Tahoma, Verdana, Arial; color: #323232; background: #00529c url(/weightwatchers/images/background.jpg) no-repeat center top;}
img {border:0;}
a {color:black;}
a:hover {color:#444444;}
h2 {color:#00529c; font-size:1.8em; font-weight:normal;}
h3 {color:black; font-size:1.4em; font-weight:normal;}

div.logoheader {float:left; width:327px;}

div.overallsitecontainerlangselect {width:436px; margin-left:auto; margin-right:auto; text-align:center;}
div.contentoveralllangselect {float:left; padding-top:160px;}
div.langselectnl {float:left; width:200px; height:70px; border-right:solid 1px black; padding:0 20px 0 0; margin:30px 0 0 0; text-align:right; font-size:0.85em;}
div.langselectnl a {font-size:2em; text-decoration:none; color:#00529c;}
div.langselectnl a:hover {color:Black;}
div.langselectfr {float:left; width:195px; padding:0 0 50px 20px; margin:60px 0 0 0; text-align:left; font-size:0.85em;}
div.langselectfr a {font-size:2em; text-decoration:none; color:#00529c;}
div.langselectfr a:hover {color:Black;}

div.talenkeuze {float:left;	height:25px; width:647px; text-align:right;	padding: 65px 0 7px 0;}
.talenkeuze {color:#dc241f; font-weight:bold; text-decoration:none;}
a.talenkeuze {color:#dc241f; font-weight:bold; text-decoration:none;}
a.talenkeuze:hover {color:#dc241f;}

div.overallsitecontainer {width:975px; margin-left:auto; margin-right:auto;}
div.contentoverallhome {float:left; width:975px;}
div.contentoverallvolg {float:left; width:647px; padding-top:10px; background: url(/weightwatchers/images/balk-top-volg.gif) no-repeat 14px top;}
div.contentvolgoverall {float:left; width:567px; padding: 20px 40px 0 40px; text-align:left; background: url(/weightwatchers/images/balk-uitvul-volg.gif) repeat-y 14px top;}


/* opmaak hoofdnavigatie */
div.hoofdnav {float:left; width:327px; text-align:right;}
div.hoofdnav a {font-size:1.3em; font-weight:normal; color:White; text-decoration:none;}
div.hoofdnav a:hover {color:#fedb3a;}
div.hoofdnav .select {font-size:1.3em; font-weight:normal; color:#fedb3a;}

/* opmaak footer */
div.footer {float:left; text-align:left; font-size:0.85em; color:#80a9ce; padding:2px 0 0 341px;}
div.footer a {color:#80a9ce;}
div.footer a:hover {color:white;}

/* opmaak home */
div.collefthome {float:left; width:341px;}
div.colrighthome {float:left; width:633px;}
div.blockrecepprod {float:left; width:633px;}
div.blockproductsnl {float:left; width:599px; height:154px; padding-left:34px; overflow:hidden; background: url(/weightwatchers/nl/images/bg-prod-home.gif) no-repeat left top; padding-top:2px; padding-bottom:5px;}
div.blockrecipiesnl {float:left; width:599px; height:154px; padding-left:34px; overflow:hidden; background: url(/weightwatchers/nl/images/bg-rec-home.gif) no-repeat left top; padding-top:2px;}
div.blockproductsfr {float:left; width:599px; height:154px; padding-left:34px; overflow:hidden; background: url(/weightwatchers/fr/images/bg-prod-home.gif) no-repeat left top; padding-top:2px; padding-bottom:5px;}
div.blockrecipiesfr {float:left; width:599px; height:154px; padding-left:34px; overflow:hidden; background: url(/weightwatchers/fr/images/bg-rec-home.gif) no-repeat left top; padding-top:2px;}
div.frameimgrecprod {float:left; width:150px; height:150px; overflow:hidden;}
div.frametxtrecprod {float:left; width:393px; padding:5px 0 0 10px;}
div.titlehomerecprod {padding-bottom:6px; font-size:1.6em; color:White; text-decoration:none;}
div.titlehomerecprod a {color:#00529c; text-decoration:none;}
div.titlehomerecprod a:hover {color:Black;}
div.txthomerecprod {padding-bottom:3px;}


/* opmaak products */
div.blockprodoverview {float:left; width:567px; padding:10px 0 10px 0; border-bottom: solid 1px #a3c5e1;}
div.frameimgprodoverview {float:left; width:164px; text-align:center;}
div.frameimgprodoverview img {border:solid 1px #a3c5e1;}
div.frametxtprodoverview {float:left; width:393px; padding:0 0 0 10px; text-align:left; color:black;}
div.titleprodoverview {padding-bottom:7px; font-size:1.2em; color:#00529c; text-decoration:none;}
div.titleprodoverview a {color:#00529c; text-decoration:none;}
div.titleprodoverview a:hover {color:Black;}
div.txtprodoverview {padding-bottom:4px;}
div.blockproddetail {float:left; width:567px; padding:10px 0 10px 0;}
div.frameimgproddetail {float:left; width:290px;}
div.frameimgproddetail img {border:solid 1px #a3c5e1;}
div.frametxtproddetail {float:left; width:250px; padding:0 0 0 10px; text-align:left; color:black;}

/* opmaak recipies */
div.blockrecoverview {float:left; width:567px; padding:10px 0 10px 0; border-bottom: solid 1px #a3c5e1;}
div.frameimgrecoverview {float:left; width:164px; text-align:center;}
div.frameimgrecoverview img {border:solid 1px #a3c5e1;}
div.frametxtrecoverview {float:left; width:393px; padding:0 0 0 10px; text-align:left; color:black;}
div.titlerecoverview {padding-bottom:7px; font-size:1.2em; color:White; font-weight:bold; text-decoration:none;}
div.titlerecoverview a {color:#00529c; font-weight:normal; text-decoration:none;}
div.titlerecoverview a:hover {color:Black;}
div.txtrecoverview {padding-bottom:4px;}
div.blockrecdetail {float:left; width:567px; padding:10px 0 20px 0; margin-bottom:20px; border-bottom: solid 1px #a3c5e1;}
div.frameimgrecdetail {float:left; width:290px;}
div.frameimgrecdetail img {border:solid 1px #a3c5e1;}
div.frametxtrecdetail {float:left; width:250px; padding:0 0 0 10px; text-align:left; color:black;}

/* opmaak jobs */
div.contentvolgjobs {float:left; width:567px; padding: 20px 40px 0 40px; text-align:left; background: url(/weightwatchers/images/balk-uitvul-volg.gif) repeat-y 14px top;}
div.blockjobsoverview {float:left; width:567px; padding:10px 0 10px 0; border-bottom: solid 1px #a3c5e1; text-align:left;}
div.frametxtjobsoverview {width:490px; color:black;}
div.titlejobsoverview {font-size:1.1em; color:#00529c; font-weight:bold;}
div.titlejobsoverview a {font-size:1.1em; color:#00529c; font-weight:bold; text-decoration:none;}
div.titlejobsoverview a:hover {color:Black;}
div.txtjobsoverview {padding-bottom:4px;}
div.blockjobsdetail {float:left; width:567px; padding:10px 0 20px 0; margin-bottom:20px; border-bottom: solid 1px #a3c5e1; text-align:left;}
div.frametxtjobsdetail {width:567px; color:black;}
div.titlejobsdetail {font-size:1.2em; color:#00529c; font-weight:bold;}
div.txtjobsdetail {padding-top:5px;}

/* readmore and back */
a.readmorehome {color:#00529c; font-weight:normal; text-decoration:none;}
a.readmorehome:hover {color:black; font-weight:normal; text-decoration:none;}

a.readmorevolg {color:black; font-weight:normal; text-decoration:none;}
a.readmorevolg:hover {color:#444444; font-weight:normal; text-decoration:none;}

div.backbot {float:left; width:330px; text-align:left; padding:5px 0 10px 0; text-transform:lowercase; font-size:0.85em;}
div.backbot a {color:#00529c; font-weight:bold; text-decoration:none; padding:2px 7px 3px 5px; border:solid 1px #00529c; background-color:#8bc1e6;}
div.backbot a:hover {color:white; font-weight:bold; text-decoration:none; background-color:#00529c;}

/* contact */
div.contactform {float:left; width:380px; padding-right:40px; text-align:right;}
div.contactaddress {float:left; width:180px; text-align:left;}
.textfieldcontact {width:270px; border:solid 1px #999999;}
.textareacontact {width:270px; height:100px; border:solid 1px #999999;}

/* opmaakelementen */
.textbold {font-weight:bold}
.textblue {color:#00529c;}
.textlarge {font-size:1.4em;}
.textblack {color:Black;}
.textwhite {color:white;}
.alignleft {text-align:left;}
.alignright {text-align:right;}