/* LAYOUT */
body, ul, ol, li, form, td { margin:0; padding:0; }

html, body	{ height:100%; }
body#top	{ text-align: center;background: #ffffff url(../images/layout/body_ptrn.gif) repeat-x 0 266px; }

a, a:hover	{ text-decoration:underline; }
h1	{ font: bold 16px 'Century Gothic';margin-bottom:10px; }
h2	{}
hr	{ width:100%;height:1px;color:#0085bd;background-color:#0085bd;border:none;clear:both; }
img	{ /* border:0px;vertical-align: middle; */}

ul		{ list-style-position:outside; }
ul li	{ list-style-type:none; }
ol		{ list-style-position:outside; }
ol li	{}

table	{ border-collapse: collapse;border: none; }
tr { vertical-align: top; }

#container	{ background: url(../images/layout/bambinex-bamboo.jpg) no-repeat right top; text-align:left; width: 969px; margin:0 auto; }
#tl { height: 266px; background: #c9d202; }

#content{ margin: 0 15px; padding: 5px 0 135px 0; background: url(../images/layout/footer.gif) no-repeat center bottom;
	color: #899203;
	font: 13px 'Century Gothic';
}
#content a, #content a:hover { color: #899203; }
#content ul li	{ margin:0px 0px 0px 20px; list-style-type: disc; }
#content ol li	{ margin:0px 0px 0px 20px; }

#newproducts
{
	float: right;
	width: 355px;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 10px;
	color: #8a9303; font: bold 14px/normal 'Century Gothic';
}
#right 
{
	float: right;
	width: 325px; height: 379px;
	padding: 40px 25px;
	background: url(../images/layout/right.jpg) no-repeat left top;
/*	text-align: center;*/
}
#main
{
	float: left;
	background: url(../images/layout/content.jpg) no-repeat left top;
	/*width: 515px; height: 379px; padding: 40px 18px;*/
	margin: 0; 
}
#main div 
{
	margin: 27px 18px;
	width: 515px; height: 405px;
	/*width: 540px; height: 459px;*/
	overflow: auto;
}
/* ***** */

/* HEADER */
#header { height: 257px; }
#bambinex-nappy, #bambinex-bamboo { float: right; clear: right; }
#bambinex-nappy img, #bambinex-bamboo img { border:none; }
/* ***** */

/* PRODUCTEN */
#products { float: left; width: 512px; font-size:11px; }
#products h1 
{
	font: normal 13px/44px 'Century Gothic';
	color: #751041;
	background: url(../images/layout/prodh1.gif) no-repeat top left;
	margin: 6px 0 0 0;
}

#products h1 a
{
	display: block;
	font: normal 13px/44px 'Century Gothic';
	height: 44px;
	padding: 0 20px;
	text-decoration: none;
}
#products h1 a:hover { color: #751041; }
#products h1.active 
{
	height: 44px;
	padding: 0 20px;
}

#products h2
{
	margin: 1px 4px;
	font: normal 13px 'Century Gothic';
	color: #ffffff;
	background: #8a9303 url(../images/layout/prodh2.gif) no-repeat left top;
}
#products h2 a
{
	display: block;
	font: normal 13px 'Century Gothic';
	color: #ffffff;
	padding: 0 28px;
	background: url(../images/layout/prod_arr_r.gif) no-repeat 18px center;
	text-decoration: none;
}
#products h2 a:hover
{
	color: #ffffff;
	background: url(../images/layout/prod_arr_d.gif) no-repeat 18px center;
}
#products h2.active 
{
	padding: 0 18px;
}
#products h2 img { vertical-align: middle; margin: 0 2px 0 0; }

#products div
{
	margin: 0px 4px;
	padding: 15px 18px;
	background: url(../images/layout/prodptrn.gif) repeat-y top left;
}
/* ***** */

/* SALES */
#sales 
{
	background: url(../images/layout/sales.jpg) no-repeat top right;
	height: 450px;
	line-height: 25px;
}
#salespick
{
	background: url(../images/layout/sales_top.jpg) no-repeat top left;
	height: 125px;
}
#salesresult
{
	margin: 15px 0 0 0;
	background: url(../images/layout/sales_btm.jpg) no-repeat top left;
	height: 290px;
	padding: 18px 22px;
}
#salesresult div { float: left; width: 35%; }
#sales form { padding: 18px 22px; }
#sales select
{
	font: 12px 'Century Gothic';
	color: #751041;
	width: 194px;
	padding: 0 0 0 2px;
	margin: 0 0 0 25px;
}
#sales span
{
	display: inline-block;
	width: 180px;
	text-transform: uppercase;
}

#sales h1
{
	text-transform: uppercase;
	font: normal 12px 'Century Gothic';
}

/* ***** */

/* FAQ */
#faq_titel	
{
	float: left;
	margin: 0; 
	color: #8a9303; font: bold 14px/normal 'Century Gothic';
	padding: 5px 45px 5px 15px;
	text-transform: uppercase;
}

#faq { float: left; width: 707px; font-size:11px; }
#faq h1 
{
	font: normal 13px/44px 'Century Gothic';
	color: #751041;
	background: url(../images/layout/faqh1.gif) no-repeat top left;
	margin: 6px 0 0 0;
}

#faq h1 a
{
	display: block;
	font: normal 13px/44px 'Century Gothic';
	height: 44px;
	padding: 0 20px;
	text-decoration: none;
}
#faq h1 a:hover { color: #751041; }
#faq h1.active 
{
	height: 44px;
	padding: 0 20px;
}

#faq h2
{
	margin: 1px 4px;
	font: normal 13px 'Century Gothic';
	color: #ffffff;
	background: #8a9303 url(../images/layout/faqh2.gif) no-repeat left top;
	text-transform:uppercase;
}
#faq h2.active 
{
	padding: 0 18px;
}
#faq h2 img { vertical-align: middle; margin: 0 2px 0 0; }

#faq div
{
	margin: 0px 4px;
	padding: 15px 18px;
	background: url(../images/layout/prodptrn.gif) repeat-y top left;
}
/* ***** */

/* TAALKEUZE */
ul#talen	{ height: 30px; float:right; }
ul#talen li	{
	float:right;
	font: 10px/20px 'Century Gothic';
	height:20px; width:23px;
	color: #6c0135; text-decoration:none; text-align: center;
	padding: 2px 0 5px 0; margin: 0 1px 0 0;
	background: url(../images/layout/taal.png) no-repeat top center;
}
ul#talen a, ul#talen a:hover
{
	font: 10px/20px 'Century Gothic';
	color: #6c0135;text-decoration:none;text-align: center;
	display: block;
}
/* ***** */

/* FOOTER */
#logo	{ float: right; margin: 22px 25px 20px 0; }
#logo img{  }
#footer	{ clear: both; float: left; margin: 35px 0 20px 0; }
#footer div { float: left; padding: 0 20px; width: 235px; }

#footer, #footer a, #footer a:hover { text-decoration:none; }
#footer p {}
/* ******* */

/* NAVIGATION HORIZONTAL */
#menu { padding: 9px 6px; margin: 0 15px;
	height: 85px; background: url(../images/layout/nav_bg.png) no-repeat left top; }
#menu ul { /*background: url(../images/layout/nav_split.png) repeat-x left top;*/ }
#menu li { float: left;width: 181px; height:62px;
	padding: 0 1px; text-transform: uppercase;
	color: #8a9303; font: normal 16px/42px 'Century Gothic';
	background: url(../images/layout/nav_split.png) repeat-x left top;
}
#menu li a { display: block; height:42px;
	background: url(../images/layout/nav.png) no-repeat left top;
	padding: 0 0 20px 0;
	text-align: center;
	color: #8a9303; font: normal 16px/42px 'Century Gothic';text-decoration: none; }
#menu li a:hover, #menu li.active a, #menu li.active a:hover,
#menu li a.active, #menu li a.active:hover
{
	font-weight: bold;
	background: url(../images/layout/nav_a.png) no-repeat left top;
	color: #ffffff;
}
/* ********** */

/* SUBNAVIGATION HORIZONTAL */
#menu ul#subnav { margin: 0; float:left; }
#menu #subnav li { float: left; width: auto;height: auto;
	margin: 0; padding: 0; background: none;
	color: #751041; font: bold 14px/normal 'Century Gothic'; }
#menu #subnav li a { display: inline-block; padding: 5px 45px 5px 15px;
	background: none; height: auto;
	text-align: center;
	color: #8a9303; font: bold 14px/normal 'Century Gothic';text-decoration: none; }
#menu #subnav li a:hover, #menu #subnav li.active a, #menu #subnav li.active a:hover,
#menu #subnav li a.active, #menu #subnav li a.active:hover
{ color: #751041; }
/* ********** */

/* FORMS */
.formtext {
	font: 12px/20px 'Century Gothic';
	color: #899203;
	height: 20px;width: 95px;
	padding: 5px 0;
	text-transform: uppercase;
}
.formtext_std { font: 12px/20px 'Century Gothic'; color: #899203; }
.formtext_std input { margin-right:15px;vertical-align:middle; }
.inputfield, input
{
	font: 12px/20px 'Century Gothic';
	color: #899203;
	border: none;
	padding: 4px 7px;
	width: 396px; height: 20px;
	background: url(../images/layout/formitem.png) no-repeat center left;
}
.inputfield2, textarea
{
	font: 12px/20px 'Century Gothic';
	color: #899203;
	padding: 4px 7px;
	width: 491px; height: 120px;
	border: none;
	background: url(../images/layout/textarea.png) no-repeat center left;
}
#error {
	float: right;
	display: inline-block;
	font: 12px/20px 'Century Gothic';
	color: #751041;
	margin: 5px 0 0 0;
}
a.button, a.button:hover
{
	float: left;
	display:inline-block;
	font: 12px/20px 'Century Gothic';
	color: #899203;
	margin: 5px 0 0 0;
	text-decoration:none;
	text-transform: uppercase;
}
/* ********** */