/* -------------------------------------------
project:	Glamsmile
date:		4 mei 2009
------------------------------------------- */

#submenu h2 { width: 128px; background: url(../images/menu_whitening.jpg) no-repeat; margin-left: 10px; }
#submenu ul li.action { height: 25px; width: 125px; background: url(../images/action_advies.jpg) no-repeat; background-position: top right; border: none; padding-left: 0; margin-right: 5px; overflow: hidden; }
#submenu ul { display: block; position: relative; z-index: 1; }

/* Home */
#intro-whitening { position: relative; width: 830px; height: 447px; margin-left: 5px;  }
#intro-whitening h1 { width: 830px; line-height: 447px; text-indent: -9999px; background: url(../images/whitening_home.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-whitening a, #intro-whitening a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; }
#intro-whitening a:hover { color: #fff; text-decoration: underline; }
#intro-whitening-boost-link { position: relative; top: 200px; left: 50px; }
#intro-whitening-formulation-link { position: relative; top: 300px; left: -142px; }
#content-whitening { margin-top: 30px }
#content-whitening h3 { line-height: 30px; margin-top: 10px; }

/* Wat */
#intro-whitening-wat { position: relative; width: 830px; height: 500px; margin-left: 5px;  }
#intro-whitening-wat h1 {width: 830px; line-height: 500px; text-indent: -9999px;  position: absolute; top: -35px; background-image: url(../images/whitening_wat.png); }
#intro-whitening-wat-content { position: relative; top: 150px; left: 400px; width: 360px; }
#intro-whitening-wat-content h2 {font-size: 30px; color: #A6C96B; line-height: 24px; padding:0 0 20px 0; margin-top: 40px; }
#content-whitening-hoezo { width: 360px; padding:200px;}

#content-whitening-wat1 h3 { margin-top: 20px }
#content-whitening-wat1 h4 { margin-top: 20px }
#content-whitening-wat2 h3 { margin-top: 20px }
#content-whitening-wat2 h4 { margin-top: 20px }

/* Formulation + */
#intro-whitening-formulation { position: relative; width: 834px; height: 476px; margin-left: 5px; margin-bottom: 75px;  }
#intro-whitening-formulation h1 { width: 834px; line-height: 476px; text-indent: -9999px; background: url(../images/whitening_formulation.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-whitening-formulation-content { position: relative; top: 60px; left: 60px; width: 350px; }
#intro-whitening-formulation-content h2 {font-size: 30px; color: #A6C96B; line-height: 24px; padding:0 0 20px 0; margin-top: 40px; }
#intro-whitening-formulation-content p { margin-bottom: 20px; }

/* Boost */
#intro-whitening-boost { position: relative; width: 834px; height: 400px; margin-left: 5px; margin-bottom: 75px;  }
#intro-whitening-boost h1 { width: 834px; line-height: 400px; text-indent: -9999px; background: url(../images/whitening_boost.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-whitening-boost p { position: relative; top: 250px; left: 70px; color: #333; width: 250px; }
#intro-whitening-boost-content { position: relative; top: 60px; left: 60px; width: 350px; }
#intro-whitening-boost-content p { margin-bottom: 20px; }
#content-whitening-boost1 { margin-top: -45px; }
#content-whitening-boost1 h3 { margin-top: 30px; }
#content-whitening-boost2 { margin-top: -45px; }
#content-whitening-boost2 h3 { margin-top: 30px; }
#content-whitening-boost3 { position: relative; margin: 20px 20px 20px 50px; }


/* FAQ */
#content-whitening-faq { margin-top: 50px; }
#content-whitening-faq h1 { font-size: 30px; color: #A6C96B; line-height: 24px; padding:0 0 20px 0;}
#content-whitening-faq h3 { margin-top: 30px; }