@charset "utf-8";
/* CSS Document */
/*:: FILE: styles_main.css ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Title                	:    BASIC LAYOUT STYLE FOR DIVS AND OTHERS
Source                	:    styles.css
Created by            	:    Mariska van Dijk
Developed by  			:    Energize
Last Modified by       	:    Mariska van Dijk
Version                	:    0.1
Creation date         	:    03/06/10
Modification date      	:    22/06/10
Description            	:    sets basic layout for Rapid 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

/* ######################################################################################################
** ###### BASIC LAYOUT & PAGE DEFAULTS ##################################################################
** ######################################################################################################
*/

body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #333; background: #fff;}
body>#page { font-size: 10px;}
#page { width: 885px; padding: 20px 0; margin: 0 auto; font-size: x-small; line-height: 1.0; text-align: left; }

h1,h2,h3,h4,h5,p { padding: 0 0 1em;margin: 0; }

ol,ul { padding-top: 0;	margin-top: 0; }

.hr { background: url(../images/line_content.gif) 15px 0 no-repeat; height: 1px; }
hr { display: none; } 

a {	color: #1d1d1d; }
a.current { color: #1d97c3; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { color: #1d97c3;	text-decoration: underline; }

.hide {	display: none; }
.clear { clear: both; }
	
img { border: none; }

object { outline:none; }

/*****************************************************************************************************
* HEADER
******************************************************************************************************/

#header { color: #616161; line-height: 1.2; }

#header .logo { background: url(../images/logo_sensodyne.gif) 0 0 no-repeat; width: 188px; height: 60px; padding: 0px 0px 15px 15px; float: left; display: inline; text-indent: -9000px; }
#header .logo a { display: block; height: 100%; width: 100%; outline: none; }

#header h2 { display: none; }
#header ul, #header ul li {	padding: 0;	margin: 0; list-style: none; }
#header ul li { display: inline; }
#header span { display: none; }

/* house-keeping navigation */
#header #info { width: 525px; padding: 0px 10px; float: right;	display: inline; font-size: 110%; text-align: right; }

#header #headermenu { width: auto; padding-top: 20px; float: right; display: inline; padding-bottom: 1em; }
#header #headermenu a { color:#666666; font-size:11px;}
#header #info a { font-size:11px;}


#header #locale { width: 150px; padding-top: 17px; margin-left:15px; float: right; display: inline; padding-bottom: 1em; text-align:left;}
#header #locale select { width: 143px; height:20px; color:#666666;  margin-bottom: 0.5em; font-size:8px; border:1px solid #E2E2E2; background-color:#FFF; }
#header #locale ul { padding-left: 6px; }
#header #locale ul li a.active { font-size:10px;}
.tblSelect select { border:1px solid #E2E2E2; color:#666666; font-size:10px; width:145px; font-size:11px; padding:0; margin:0; }

/* site navigation */
#header #menu {	background: url(../images/menu_bg.gif) 100% 0 no-repeat; width: 519x; height: 42px; padding-right: 0px; clear: both; }
#header #menu li { float: left; display: inline; }
#header #menu a { display: block; height: 42px; }

#header #menu .home a { background: url(../images/menu_home.gif) 0 0 no-repeat; width: 134px; }
#header #menu .gevoeligetanden a { background: url(../images/menu_gevoeligetanden.gif) 0 0 no-repeat; width: 137px; }
#header #menu .producten a { background: url(../images/menu_producten.gif) 0 0 no-repeat; width: 98px; }
#header #menu .testimonials a { background: url(../images/menu_testimonials.gif) 0 0 no-repeat; width: 119px; }
#header #menu .acties a { background: url(../images/menu_acties.gif) 0 0 no-repeat; width: 94px; }
#header #menu .vragen a { background: url(../images/menu_vragen.gif) 0 0 no-repeat; width: 106px; }
#header #menu .contact a { background: url(../images/menu_contact.gif) 0 0 no-repeat; width: 96px; }

#header #menu .questions a { background: url(../images/menu_questions.gif) 0 0 no-repeat; width: 132px; }
#header #menu .experts a { background: url(../images/menu_experts.gif) 0 0 no-repeat; width: 129px; }
#header #menu .consumers a { background: url(../images/menu_consumers.gif) 0 0 no-repeat; width: 129px; }
#header #menu .products a { background: url(../images/menu_products.gif) 0 0 no-repeat; width: 129px; }

#header #menu a:hover, #header #menu a:active, #header #menu .current a { background-position: 0 -42px; }



/*****************************************************************************************************
* CONTENT
******************************************************************************************************/

#content { background: url(../images/content_bottom.gif) 0 100% no-repeat; position: relative; padding: 20px 3px 30px 7px; font-size: 110%; color: #616161; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	font-weight: normal;
	color: #0b2577;
}

#content h1 { font-size: 1.8em; }
#content h1.underline { background: url(../images/line_content_long.gif) no-repeat right 32px; margin-top: -1px; #margin-top: 0px; _margin-top: -2px; }
#content h3 { font-size: 1.6em; }
#content h6 { color:#0B2577; font-size:1.2em; font-weight:bold; line-height:1.5; margin:0 0; padding: 0 0 1em;}

#content p, #content ol, #content ul { line-height:1.3; }

#content div.left { width:280px; }
#content div.middle { padding:0 26px 0 30px; width:258px;}
#content div.right { width:280px; }
#content div.left, #content div.middle, #content div.right, #content div.wide, #content div.thumbs {
display:inline;
float:left;
}

#flashcontent { float:left; margin-right:10px;}

/* Gevoelige tanden */
#content div.wide { padding:0 0 0 16px; width:579px; }
#content .wide .middle { padding:0 20px 0 0;width:278px;}
#content .product_detail a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/arrow_ring.gif) no-repeat scroll 100% 60%; padding:4px 28px 4px 0; }
#content .product_detail span { display:block; padding:2px 0; width:100%; }
#content div.left_gv { width:350px; }

/* home */
.flash-home { width: 850px; height: 400px;}

/* vragen */
.treeview ul{ margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding: 0px; font-weight: normal;}
.treeview a { font-style:normal; text-decoration:none;color: #0b2577; font-size:14px;}
a:active, a.active { font-size:15px; text-decoration:none;color: #0b2577; font-size:14px;}

.treeview li{ background: no-repeat left center;padding-left: 0px; padding:0; margin:0;margin-bottom: 1px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.treeview li.submenu{ background: no-repeat left;cursor: pointer !important;}

.treeview li.submenu ul{ display: none; }
.treeview .submenu ul li{ cursor: default; list-style-type: none;}



/* privacy */
#content .zup { position:relative; z-index:10; margin-top:30px;}
#content img.left, #content img.middle { padding-right:16px; }




/* Site map */

#sitemap h2 { padding-bottom: 0; }
#sitemap .line { background: url(../images/line_footer.gif) 0 0 no-repeat;	clear: both; padding-top: 25px;	margin-top: 25px; }

#sitemap .col { width: 200px; float: left; display: inline; margin: 0 18px 25px 0; }
#sitemap .col h3 a { background: url(../images/arrow_ring.gif) 100% 60% no-repeat; padding-right: 28px; }

#sitemap p { padding-bottom: 0; }

#sitemap ul { padding: 0 0 20px; margin: 0; list-style: none; }
#sitemap ul li { padding: 0; margin: 0; display: inline; }






/*****************************************************************************************************
* FOOTER
******************************************************************************************************/

#footer { clear: both; color: #616161; font-size: 1.1em; background: url(../images/line_footer.gif) 0 100% no-repeat; line-height: 1.2; padding: 22px 0 23px 0; }
#footer .line { background:url(../images/line_footer.gif) 0 100% no-repeat; width: 800px; min-height: 37px; padding: 20px 84px 0 0; }

#footer p,
#footer ul,
#footer ul li { padding: 0;	margin: 0; 	list-style: none; display: inline; }

#footer p { display: block;  margin-top: 3px; }
#footer p.dp { background: url(../images/arrow_small_right.gif) 100% 60% no-repeat; padding-right: 12px; font-weight: bold; }
#footer p.dp a { color: #1d1d1d; }

#footer .logo { float: right; margin-top:-12px; }