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

#submenu h2 { width: 82px; background: url(../images/menu_advies_en.jpg) no-repeat; margin-left: 10px; }
#submenu ul li.action { height: 25px; width: 120px; background: url(../images/action_advies.jpg) no-repeat; background-position: top right; border: none; padding-left: 0; margin-right: 5px; overflow: hidden; }
#content { top: -80px; }

/* Home */
#intro-advies { position: relative; width: 830px; height: 517px; margin-left: 5px;  }
#intro-advies h1 { width: 830px; line-height: 517px; text-indent: -9999px; background: url(../images/advies_home.jpg) no-repeat; position: absolute; top: -76px; z-index: -1; }
#intro-advies a { color: #A6C96B; font-weight: bold; }
#intro-advies a:hover { text-decoration: none; }
#intro-advies ul li { margin: 15px 0; }
#intro-advies ul li:before { content: "\00BB \0020"; }
#intro-advies-content { position: relative; top: 140px; left: 50px; width: 380px; }
#intro-advies-content h3 {font-size: 22px; color: #A6C96B; line-height: 24px; padding:10px 0 10px 0;}
#content-advies-jonger { width: 205px; line-height: 182px; text-indent: -9999px; background: url(../images/advies_jonger.jpg) no-repeat; float:left; }
#content-advies-steps { width: 205px; line-height: 182px; text-indent: -9999px; background: url(../images/advies_steps.jpg) no-repeat; float:left; margin-left: 5px;}
#content-advies-gebit { width: 205px; line-height: 182px; text-indent: -9999px; background: url(../images/advies_gebit.jpg) no-repeat; float:left; margin-left: 5px; }
#content-advies-makeup { width: 205px; line-height: 182px; text-indent: -9999px; background: url(../images/advies_makeup.jpg) no-repeat; float:left; margin-left: 5px; }

#box-advies1{ width:130px; position: relative; top: 20px;}
 #box-advies1 a { color: #A6C96B; font-weight: bold; text-decoration: none; }
  #box-advies1 a:hover { color: #FFF; text-decoration: none; }
#box-advies2{width:160px; position: relative; left: 160px; top: -10px;}
 #box-advies2 a { color: #A6C96B; font-weight: bold; text-decoration: none; }
  #box-advies2 a:hover { color: #FFF; text-decoration: none; }
#box-advies3{ width:100px; position: relative; left: 50px; top: 155px;}
 #box-advies3 a { color: #A6C96B; font-weight: bold; text-decoration: none; }
  #box-advies3 a:hover { color: #FFF; text-decoration: none; }

/* SOS */
#intro-advies-sos { position: relative; width: 907px; height: 491px; margin-left: 5px;  z-index: -1; }
#intro-advies-sos h1 { width: 907px; line-height: 491px; text-indent: -9999px; background: url(../images/advies_sos.jpg) no-repeat; position: absolute; top: -32px; left: -42px;  z-index: -1; }
#content-advies-sos { width: 800px; }
#content-advies-sos h3 { margin: 50px 0 20px 0; }
#content-advies-sos h4 { margin: 30px 0; }
#content-advies-sos p { margin: 15px 0; }
#content-advies-sos img { margin-left: 10px; }

#box-sos1{ width:160px; position: relative; left: 510px; top: -10px; z-index: -1;}
 #box-sos1 a { color: #A6C96B; font-weight: bold; text-decoration: none; }
  #box-sos1 a:hover { color: #FFF; text-decoration: none; }
#box-sos2{width:120px; position: relative; left: 695px; top:-40px; z-index: -1;}
 #box-sos2 a { color: #A6C96B; font-weight: bold; text-decoration: none; }
  #box-sos2 a:hover { color: #FFF; text-decoration: none; }

/* Jonger */
#intro-advies-jonger { position: relative; width: 830px; height: 530px; margin-left: 5px; z-index: -1;  }
#intro-advies-jonger h1 { width: 830px; line-height: 491px; text-indent: -9999px; background: url(../images/jonger.png) no-repeat; position: absolute; top: -50px; z-index: -1; }
#intro-advies-jonger p { display: block; position: relative; width: 300px; left: 437px; top: 210px;}
#content-advies-jonger-content { width: 800px; margin-top: 280px; }
#content-advies-jonger-content h3 { margin: 50px 0 0px 0; }
#content-advies-jonger-content img { margin-left: 40px; margin-top: -35px; }

/* 5 steps */
#intro-advies-steps { position: relative; width: 831px; height: 297px; margin-left: 5px; z-index: -1;  }
#intro-advies-steps h1 { width: 831px; line-height: 297px; text-indent: -9999px; background: url(../images/advies_steps_intro.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-advies-steps p { display: block; position: relative; width: 520px; left: 50px; top: 135px; }
#content-advies-steps-content1 { margin-top: 60px; }
#content-advies-steps-content1 h4 { margin-bottom: 10px; }
#content-advies-steps-content1 img { margin: 15px 0; }
#content-advies-steps-content2 { margin-top: 60px; }
#content-advies-steps-content2 h4 { margin-bottom: 10px; }
#content-advies-steps-content2 img { margin: 15px 0; }
#content-advies-steps-bottom{width: 850px; margin: 0 auto 30px; text-align: left; padding-left:35px;}
#content-advies-steps-bottom h3{font-size: 16px; color: #999999; line-height: 24px;}
#content-advies-steps-menu-bottom{width: 850px; height: 260px; margin: 0 auto 50px; text-align: left;}
#content-advies-steps-menu-bottom h3{font-size: 30px; color: #A6C96B; line-height: 24px; padding:10px 0 10px 0;}

/* Gebit */
#intro-advies-gebit { position: relative; width: 830px; height: 293px; margin-left: 5px; z-index: -1;  }
#intro-advies-gebit h1 { width: 830px; line-height: 293px; text-indent: -9999px; background: url(../images/advies_gebit_intro.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-advies-gebit p { display: block; position: relative; width: 430px; left: 50px; top: 135px; }
#content-advies-gebit-content1 {
	margin: 40px 0px;
	width: 370px;
}
#content-advies-gebit-content1 h3 { font-size:18px; margin: 20px 0 0 0; }
#content-advies-gebit-content1 p { margin-top: 10px; }
#content-advies-gebit-content1 img { margin: 15px 0; }
#content-advies-gebit-content2 { margin-top: 40px; }
#content-advies-gebit-content2 h3  { font-size:18px; margin: 20px 0 0 0; }
#content-advies-gebit-content2 img { margin: 15px 0; }
#content-advies-gebit-menu-bottom{width: 850px; height: 260px; margin: 0 auto 50px; text-align: left;}
#content-advies-gebit-menu-bottom h3{font-size: 30px; color: #A6C96B; line-height: 24px; padding:10px 0 10px 0;}

/* Make-up */
#intro-advies-makeup { position: relative; width: 832px; height: 318px; margin-left: 5px;  }
#intro-advies-makeup h1 { width: 832px; line-height: 338px; text-indent: -9999px; background: url(../images/advies_makeup_intro.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-advies-makeup-intro1 { display: block; position: relative; width: 350px; left: 0px; top: 110px; }
#intro-advies-makeup-intro2 { display: block; position: relative; width: 250px; left: 570px; top: -20px; }
#content-advies-makeup-content div.blok1-content { padding: 15px 30px; width: 770px;}
#content-advies-makeup-content div.blok1-content  h3 { font-size:18px; margin-top: 20px; }
#content-advies-makeup-content div.blok1-content  h4 { margin-bottom: 10px; }
#content-advies-makeup-content1 { float: left; width: 350px; }
#content-advies-makeup-content2 {float: left; width: 380px;	margin-left: 20px;}