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

/* GENERAL
------------------------------------------- */
body { margin: 0; padding: 0; text-align: center; background: #333 url(../images/home_bg.jpg) repeat-x;}
body, p { font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #fff; line-height: 22px; }
a { color: #fff; }
hr { height: 1px; clear: both; color: #eee; background-color: #eee; border: none; }

/* HEADINGS
------------------------------------------- */

/* HELPERS
------------------------------------------- */
.right { float: right }

/* LAYOUT
------------------------------------------- */
#root { width: 850px; margin: 0 auto; text-align: left; }
 #header { height: 510px; background: url(../images/home.jpg) no-repeat;}
  #menu { float: right; margin: 0; position: relative; top: 40px;}
   #menu li { float: left;}
    #menu li a { display: block; padding-right: 45px;  font-family: Century Gothic, Tahoma, Arial; font-size: 15px; color: #FFFFFF; text-decoration:none; font-weight:bold;}
     #menu li a:hover { color: #A6C96B}
	 
  #lang { width: 150px; float: left; margin: 0 20px 0 30px; position: relative; top: 240px; padding: 0 10px 0 10px;} 
   #lang li { float:left; font-family: Century Gothic, Tahoma, Arial; font-size: 11px;  color:#999999;}
    
	 
 #intro { height: 338px; margin-bottom: 30px; }
  #tabs { margin: 0; padding: 0; }
   #tabs li { margin: 0; padding: 0; line-height: 0px; }
   a.tab-glamsmile-active { display: block; width: 206px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_active_glamsmile.jpg) no-repeat; }
   a.tab-glamsmile-normal { display: block; width: 206px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_normal_glamsmile.jpg) no-repeat; }
   a.tab-glamsmile-normal:hover { background: url(../images/home_tab_hover_glamsmile.jpg) no-repeat; }
   a.tab-veneers-active { display: block; width: 207px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_active_veneers.jpg) no-repeat; margin-left: 1px; }
   a.tab-veneers-normal { display: block; width: 207px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_normal_veneers.jpg) no-repeat; margin-left: 1px; }
   a.tab-veneers-normal:hover { background: url(../images/home_tab_hover_veneers.jpg) no-repeat; }
   a.tab-whitening-active { display: block; width: 207px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_active_whitening.jpg) no-repeat; margin-left: 1px; }
   a.tab-whitening-normal { display: block; width: 207px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_normal_whitening.jpg) no-repeat; margin-left: 1px; }
   a.tab-whitening-normal:hover { background: url(../images/home_tab_hover_whitening.jpg) no-repeat; }
   a.tab-advies-active { display: block; width: 207px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_active_advies.jpg) no-repeat; margin-left: 1px; }
   a.tab-advies-normal { display: block; width: 207px; line-height: 53px; text-indent: -9999px; float: left; background: url(../images/home_tab_normal_advies.jpg) no-repeat; margin-left: 1px; }
   a.tab-advies-normal:hover { background: url(../images/home_tab_hover_advies.jpg) no-repeat; }
   
  #sections li { float: left; margin-left: 30px; }
  #sections li a { border: 1px solid #CBDEAB; padding: 6px; color: #CBDEAB; text-decoration: none; }
  #sections li a:hover { border: 1px solid #fff; padding: 6px; color: #fff }
   #section-glamsmile { width: 830px; height: 285px; background: url(../images/home_glamsmile.jpg) no-repeat; position: absolute; }
   #section-glamsmile p { position: absolute; left: 60px; top: 140px; width: 416px;}
   #section-glamsmile ul { position: absolute; left: 30px; top: 205px; }
   #section-veneers { display: none; width: 830px; height: 285px; background: url(../images/home_veneers.jpg) no-repeat; position: absolute; }
   #section-veneers p { position: absolute; left: 325px; top: 130px; width: 450px; }
   #section-veneers ul { position: absolute; left: 295px; top: 220px; }
   #section-whitening { display: none; width: 830px; height: 285px; background: url(../images/home_whitening.jpg) no-repeat; position: absolute; }
   #section-whitening1 { position: absolute; left: 340px; top: 100px; width: 400px; }
   #section-whitening ul { position: absolute; left: 310px; top: 220px; }
   #section-whitening2 { position: absolute; left: 340px; top: 170px; }
   #section-advies { display: none; width: 830px; height: 285px; background: url(../images/home_advies.jpg) no-repeat; position: absolute; }
   #section-advies p { position: absolute; left: 60px; top: 100px; width: 400px; }
   #section-advies ul { position: absolute; left: 30px; top: 220px; }
  
  #home-droomglimlach { float: left; margin: 5px 5px 50px 0; background: url(../images/home_droomglimlach.jpg) no-repeat; width: 545px; height: 501px; }
  #home-droomglimlach .wrapper { position: relative; width: 200px; top: 60px; left: 50px;}
  #home-droomglimlach .wrapper h2 {font-size: 30px; color: #A6C96B; line-height: 24px; padding:0 0 20px 0;}
  #home-droomglimlach .wrapper p { color: #666; line-height: 22px; }
  #home-droomglimlach .wrapper a { color: #666; line-height: 22px; font-weight: bold; text-decoration: none;}
  #home-droomglimlach .wrapper a:hover { text-decoration: underline; }
  #home-smiles { float: left; background: url(../images/home_smiles.jpg) no-repeat; width: 285px; height: 227px; }
  #home-smiles a { display: block; text-indent: -9999px; width: 285px; height: 227px; }
  #home-tip { float: left; width: 285px; height: 142px; }
  #home-media { float: left; background: url(../images/home_media.jpg) no-repeat; width: 285px; height: 136px; }
  #home-media a { display: block; text-indent: -9999px; width: 285px; height: 136px; }