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

/* Home */
#intro-contact { position: relative; width: 830px; height: 350px; margin-left: 5px;  }
#intro-contact h1 { width: 830px; line-height: 350px; text-indent: -9999px; background: url(../images/contact_home.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#intro-contact a, #intro-contact a:visited { color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; }
#intro-contact a:hover { color: #A6C96B; text-decoration: underline; }
#intro-contact ul li { margin: 15px 0; }
#intro-contact-links ul li:before { content: "\00BB \0020"; }
#intro-contact-links { position: relative; top: 150px; left:48px; width:400px; }
#intro-contact-links ul { color:#FFF; }


#submenu h2 { width: 96px; background: url() 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: 10px; margin-right: 5px; margin-bottom:10px; overflow: hidden; }
#content {	top: 0px;}

#contact-info {float: left; width: 370px; margin-bottom: 75px; margin-left:10px;}
#contact-info h3 { margin: 20px 0; }
#contact-info input.styled, #contact-info textarea { width: 300px; padding: 4px; background: #F1F1F1; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 0px solid #CCC; border-bottom: 0px solid #CCC; margin-bottom: 10px; margin-top: 5px; }
#contact-info select { width: 310px; padding: 4px; margin-bottom: 10px; margin-top: 5px; }

#contact-adres {float: left; width: 420px; height: 330px; margin-left:20px; margin-top:20px;}
#contact-map {float: left; width: 420px; height: 680px; color:#666666; border: 0px solid black; margin-left:20px; }


/* Tandarts */
#intro-contact-tandarts { position: relative;  width: 830px; height: 350px; margin-left: 5px;  }
#intro-contact-tandarts h1 { width: 830px; line-height: 400px; text-indent: -9999px; background: url(../images/contact_tandarts.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; height: 400px;}
#intro-contact-tandarts-links {	position: relative; top: 170px; left:42px; width:370px;}

#contact-info-tandarts {float: left; width: 300px; padding: 40px; background-color:#EDF4E2; margin-right:20px;}
#contact-info-tandarts h3 { margin: 20px 0; }
#contact-info-tandarts h4 { margin: 20px 0; }
#contact-info-tandarts input.styled, #contact-info-tandarts textarea { width: 300px; padding: 4px; background: #FFFFFF; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 0px solid #CCC; border-bottom: 0px solid #CCC; margin-bottom: 10px; margin-top: 5px; }
#contact-info-tandarts select { width: 310px; padding: 4px; margin-bottom: 10px; margin-top: 5px; }
#contact-tandarts-info {float: left; width: 360px; height: 220px; margin-right:42px; margin-left: 20px;}

#contact-tandarts-quote {float: left; margin: 25px 0px 0px 0; background: url(../images/contact_florence.jpg) no-repeat; width: 361px; height: 178px;}
#contact-tandarts-quote-text {  position: relative; top: 22px; left:130px; width:220px;}


/* Afspraak */
#intro-contact-afspraak { position: relative;  width: 830px; height: 350px; margin-left: 5px;  }
#intro-contact-afspraak h1 { width: 830px; line-height: 400px; text-indent: -9999px; background: url(../images/contact_afspraak.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; height: 400px;}
#intro-contact-afspraak a, #intro-contact-afspraak a:visited { color: #666; text-decoration: none; font-weight: bold; font-size: 14px; }
#intro-contact-afspraak a:hover { color: #666; text-decoration: underline;}
#intro-contact-afspraak-links { position: relative; top: 140px; left:47px; width:400px;}

#contact-afspraak-quote {float: left; margin: 25px 0px 0px 0; background: url(../images/contact_florence.jpg) no-repeat; width: 361px; height: 178px;}
#contact-afspraak-quote-text {  position: relative; top: 22px; left:125px; width:225px;}

/* Verzonden */

#contact-verzonden {float: left;  position: relative; width: 830px; height: 285px;  }
#contact-verzonden h1 { width: 830px; line-height: 447px; text-indent: -9999px; background: url(../images/contact_verzonden.jpg) no-repeat; position: absolute; top: 0px; z-index: -1; }
#contact-verzonden h4 { color:#FFF;}
#contact-verzonden-txt { color: #FFFFFF; position: relative; top: 60px; left:50px; width:450px; }