body{
	padding: 0px;
	margin: 0px;
	background: #E4E4E4 url(../i/bg.gif) repeat-x 0px 56px;
	padding-top: 90px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
img{border: 0px;}
ul{margin: 0px;padding:0px;list-style: none;}
p{}
body.color1{border-top: 13px solid #529EAB;}
body.color2{border-top: 13px solid #509D4F;}
body.color3{border-top: 13px solid #E68210;}
body.color4{border-top: 13px solid #C40000;}
body.color1 div#container div#main div#content h1,
body.color1 div#container div#main div#content a{color: #529EAB;}
body.color2 div#container div#main div#content h1,
body.color2 div#container div#main div#content a{color: #509D4F;}
body.color3 div#container div#main div#content h1,
body.color3 div#container div#main div#content a{color: #E68210;}
body.color4 div#container div#main div#content h1,
body.color4 div#container div#main div#content a{color: #C40000;}
.clear{clear: both;height:1px;overflow:hidden;}
.red{font-weight:bold; color:red;}
.blue{font-weight:bold; color:blue;}
.home{padding-left: 20px;padding-right: 20px; }
.centered{text-align:center;}
ul.centered {font-weight:bold;}

body div#container{
	width: 626px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position:relative;
}
	body div#container div.vlaggen{
		position:absolute;
		top:-75px;
		right:0;
	}
	/* start: pnav  */
	body div#container div#pnav{
		position: relative;
		height: 30px;
		z-index: 99;
	}
		body div#container div#pnav ul{
			position: absolute;
			right: 50px;
			bottom: -2px; /* ie5win fix starts */
			voice-family: "\"}\"";
			voice-family: inherit;
			bottom: 0px;
		}
		html>body div#container div#pnav ul{
			bottom: -1px;
		}
			/* li */
			body div#container div#pnav ul li{
				float: left;
				margin-right: 3px;
				position: relative;
				padding-top: 5px;
			}
				/* a */
				body div#container div#pnav ul li a,
				body div#container div#pnav ul li a:link,
				body div#container div#pnav ul li a:visited{
					text-decoration: none;
					border: 1px solid #C4CED2;
					border-bottom: 0px;
					display: block;
					font-size: 90%;
					padding: 4px 10px 3px 10px;
					background: #FFF url(../i/tab_bg.gif) repeat-x bottom left;
					color: #000000;
					position: relative;
				}
				body div#container div#pnav ul li a:hover{
					color: #E58123;
				}
					/* left top corner / right top corner */
					body div#container div#pnav ul li a span{
						display: block;
						height: 3px;
						width: 4px;
						position: absolute;
						top: 0px;
					}
					html>body div#container div#pnav ul li a span{ /* moderne browsers */
						top: -1px;
					}
					body div#container div#pnav ul li a span.lt{
						background: url(../i/tab_lt.gif) no-repeat;
						left: 0px; /* ie5win fix starts */
						voice-family: "\"}\"";
						voice-family: inherit;
						left: -11px;
					}
					html>body div#container div#pnav ul li a span.lt{ /* moderne browsers */
						left: -1px;
					}
					body div#container div#pnav ul li a span.rt{
						background: url(../i/tab_rt.gif) no-repeat;
						right: -1px;
					}
					/* end left top corner / right top corner */
				body div#container div#pnav ul li.active {
					padding-top: 4px;
				}
					/* a / active */
					body div#container div#pnav ul li.active a,
					body div#container div#pnav ul li.active a:link,
					body div#container div#pnav ul li.active a:visited{
						text-decoration: none;
						border: 1px solid #C4CED2;
						border-top-color: #C5CDD0;
						border-bottom-color: #FFF;
						padding: 6px 10px 2px 10px;
						color: #000000;
					}
					body.color1 div#container div#pnav ul li.active a,
					body.color1 div#container div#pnav ul li.active a:link,
					body.color1 div#container div#pnav ul li.active a:visited{background: #FFF url(../i/tab_bg_active_color1.gif) repeat-x 1px left;}

					body.color2 div#container div#pnav ul li.active a,
					body.color2 div#container div#pnav ul li.active a:link,
					body.color2 div#container div#pnav ul li.active a:visited{background: #FFF url(../i/tab_bg_active_color2.gif) repeat-x 1px left;}

					body.color3 div#container div#pnav ul li.active a,
					body.color3 div#container div#pnav ul li.active a:link,
					body.color3 div#container div#pnav ul li.active a:visited{background: #FFF url(../i/tab_bg_active_color3.gif) repeat-x 1px left;}

					body.color4 div#container div#pnav ul li.active a,
					body.color4 div#container div#pnav ul li.active a:link,
					body.color4 div#container div#pnav ul li.active a:visited{background: #FFF url(../i/tab_bg_active_color4.gif) repeat-x 1px left;}

					html>body div#container div#pnav ul li.active a{background-position: top left;}
					body div#container div#pnav ul li a:hover{
						color: #000;
					}
						/* left top corner / right top corner */
						body div#container div#pnav ul li.active a span{
							display: block;
							height: 3px;
							width: 5px;
							position: absolute;
							top: 0px;
						}
						html>body div#container div#pnav ul li.active a span{ /* moderne browsers */
							top: -1px;
						}
						body div#container div#pnav ul li.active a span.lt{
							left: 0px; /* ie5win fix starts */
							voice-family: "\"}\"";
							voice-family: inherit;
							left: -11px;
						}
						body.color1 div#container div#pnav ul li.active a span.lt{background: url(../i/tab_lt_active_color1.gif) no-repeat;}
						body.color2 div#container div#pnav ul li.active a span.lt{background: url(../i/tab_lt_active_color2.gif) no-repeat;}
						body.color3 div#container div#pnav ul li.active a span.lt{background: url(../i/tab_lt_active_color3.gif) no-repeat;}
						body.color4 div#container div#pnav ul li.active a span.lt{background: url(../i/tab_lt_active_color4.gif) no-repeat;}

						html>body div#container div#pnav ul li.active a span.lt{left: -1px;}
						body div#container div#pnav ul li.active a span.rt{background: url(../i/tab_rt_active.gif) no-repeat;right: -1px;}
						body.color1 div#container div#pnav ul li.active a span.rt{background: url(../i/tab_rt_active_color1.gif) no-repeat;}
						body.color2 div#container div#pnav ul li.active a span.rt{background: url(../i/tab_rt_active_color2.gif) no-repeat;}
						body.color3 div#container div#pnav ul li.active a span.rt{background: url(../i/tab_rt_active_color3.gif) no-repeat;}
						body.color4 div#container div#pnav ul li.active a span.rt{background: url(../i/tab_rt_active_color4.gif) no-repeat;}
						/* end left top corner / right top corner */
					/* end a / active */
				/* end a */
			/* end li */
		/* end: pnav */

		/* start: main */
		div#container div#main{
			position: relative;
			height: 300px;
			border-left: 1px solid #D6D6D7;
			background: #FFF url(../i/right.gif) right repeat-y;
		}
		html>body div#container div#main{
			height: auto;
			min-height: 300px;
		}
			/* start: content */
			div#container div#main div#content{
				background: url(../i/crt.gif) no-repeat right top;
				padding: 110px 25px 0px 15px;
				position: relative;
			}
				div#container div#main div#content h1{
					text-align: right;
					font-size: 20px;
					font-weight: normal;
					padding-right: 65px;
					padding-bottom: 30px;
				}
				div#container div#main div#content h2{
					font-weight: bold;
					font-size: 12px;
					color: #529EAB;
				}
				div#container div#main div#content h3{
					font-weight: bold;
					font-size: 11px;
				}

				/* lamp categorie */
				div#container div#main div#content div.catList{
					padding-left: 20px;
					padding-top: 15px;
					width: 550px;
					float: left;
				}
					/* searchBox */
					.searchBox{}
					.searchBox p{padding: 0px;margin: 0px;}
					.searchBox p input.text{font-weight: bold;font-size: 14px;border: 1px solid #CCCCCC;padding: 5px 10px;margin: 5px;width: 226px;color: #999;}
					.searchBox p input.text.active{color: #000;background-color: #FDFFC5;}
					.searchBox p.example{padding: 0px;margin: 0px;color: #AAA;font-size: 11px;font-style: italic;float: left;padding: 5px;}
					.searchBox p.searchBtn{float: right;margin-right: 5px;margin-bottom: 5px;}
					.searchBox p.searchBtn input{}

					/* tabs */
					div#container div#main div#content div.catList ul.tabs{


					}
						div#container div#main div#content div.catList ul.tabs li{
							float: left;
						}
							div#container div#main div#content div.catList ul.tabs li a{
								float: left;
								display: block;
								padding: 4px 12px;
								text-decoration: none;
								color: #666666;
								margin-right: 5px;
								border: 1px solid #CCCCCC;
								border-bottom: 0px;
								font-size: 15px;
								text-transform: uppercase;
								font-weight: bold;
								text-align: center;
							}
							div#container div#main div#content div.catList ul.tabs li a.philips{}
							div#container div#main div#content div.catList ul.tabs li a img{border: 0px;opacity:0.3;filter:alpha(opacity=30);}
							div#container div#main div#content div.catList ul.tabs li.active a img{opacity:1;filter:alpha(opacity=100);}
							div#container div#main div#content div.catList ul.tabs li a:hover{
								color: #000;
							}
							div#container div#main div#content div.catList ul.tabs li.active a{
								
							}
							div#container div#main div#content div.catList ul.tabs li a span{color: #555; font-size: 11px; text-transform: lowercase; font-weight: normal;}
					/* tabBlock */
					div#container div#main div#content div.catList ul.tabBlock{
						clear: both;
						border: 1px solid #CCCCCC;
						display: none;
					}
					div#container div#main div#content div.catList ul.tabBlock.active{display: block;}
						div#container div#main div#content div.catList ul.tabBlock li{
						}
							div#container div#main div#content div.catList ul.tabBlock li a{
								display: block;
								border: 1px solid #E1E1E1;
								padding: 5px 10px;
								text-decoration: none;
								font-weight: bold;
								margin: 5px 2px;
							}
							.philips{color: #0059ff !important;}
							.osram {color: #ff6600 !important;}
							.pil {color: #CC0000 !important;}
							.vanlien {color: green !important;}
							.anderemerken{color: #3B3C3E !important;}
							
							div#container div#main div#content div.catList ul.tabBlock li a.active{
								border: 1px solid #999999;
								background-color: #EFEFEF;
							}
							div#container div#main div#content div.catList ul.tabBlock li a:hover{
								border-color: #999999;
								background-color: #EFEFEF;
							}


				/* start: categorien */
				div#container div#main div#content ul#categorien {

				}
					div#container div#main div#content ul#categorien li{
						float: left;
						width: 260px !important;
						margin-right: 25px;
						margin-bottom: 2px;
					}
						div#container div#main div#content ul#categorien li a{
							display: block;
							border: 1px solid #c3c3c3;
							padding: 5px 10px;
							text-decoration: none;
							width: 238px;
							font-weight: bold;
						}
							div#container div#main div#content ul#categorien li a.active{

							}
							div#container div#main div#content ul#categorien li a:hover{
								border-color: #999999;
								background-color: #EFEFEF;
							}
					div#container div#main div#content ul#categorien li.actie{

					}
						div#container div#main div#content ul#categorien li.actie a{
							border: 0px;
							padding: 0px;
							width: auto;
							background: url(../i/actie_btn_top.gif) no-repeat;
						}
						div#container div#main div#content ul#categorien li.actie div.top{
							background: url(../i/actie_btn_top.gif) no-repeat;
							height: 12px;
							overflow: hidden;
						}
						div#container div#main div#content ul#categorien li.actie a,
						div#container div#main div#content ul#categorien li.actie h4{
							border: 0px;
							width: 245px;
							padding: 5px 10px;
							color: #E57B01;
							margin: 0px;
							background: url(../i/actie_btn_bg.gif) repeat-y;
						}
						div#container div#main div#content ul#categorien li.actie a.omschrijving{
							background: url(../i/actie_btn_bg.gif) repeat-y;
							width: 238px;
							padding: 3px 10px;
							color: #717171;
							font-weight: bold;
						}
						div#container div#main div#content ul#categorien li.actie a.omschrijving:hover{text-decoration: underline;}
						div#container div#main div#content ul#categorien li.actie div.bottom{
							background: url(../i/actie_btn_bottom.gif) no-repeat;
							height: 16px;
							overflow: hidden;
						}
				/* end: categorien */

				div#container div#main div#content .searchIntro{border: 1px solid #ccc;padding: 10px;font-size: 11px;font-weight: normal !important;background: #FCFFD8;font-size: 10px;color: #666;}
				div#container div#main div#content .searchIntro img{float: left;margin: 0px 10px 0px 0px;padding: 2px; border: 1px solid #ccc;background: #FFF;}

				/* start: overzicht */
				div#container div#main div#content table.overzicht{
					width: 100%;
					padding: 0px;
					border-collapse: collapse;
					margin-bottom: 30px;
				}
					div#container div#main div#content table.overzicht td{
						border-bottom: 1px solid #ECECEC;
						padding: 4px 0px 4px 15px;
					}
						div#container div#main div#content table.overzicht thead td{font-weight: bold;}
						div#container div#main div#content table.overzicht td.type{width: 200px;}
						div#container div#main div#content table.overzicht td.prijs{width: 80px;text-align: right;}
						div#container div#main div#content table.overzicht td.verpakking{width: 90px;}
							div#container div#main div#content table.overzicht td.verpakking span{font-weight: bold;color: #509D4F;}
								div#container div#main div#content table.overzicht td.verpakking span a{text-decoration: none;}
						div#container div#main div#content table.overzicht td.bestellen{font-weight: bold;}
						div#container div#main div#content table.overzicht td.totaalprijs{font-weight: bold;text-align: right;}
							div#container div#main div#content table.overzicht td.korting{color: #FF0000;padding-left: 5px;font-weight: bold}
						div#container div#main div#content table.overzicht tfoot td{border: 0px;}
						div#container div#main div#content table.overzicht input.aantal{font-size:10px;width:27px;padding:0px;}
				/* end: overzicht */
			/* end: content */
				div#container div#main img#logo{
					position: absolute;
					left: 290px;
					top: 60px;
				}
				div#container div#main img#led_button{
					position: absolute;
					right: -158px;
					top: 70px;
					display: none;
				}
				div#container div#main div#buttons{
					position: absolute;
					right: -158px;
					top: 100px;
					display: none;
				}
				div#container div#main div#adsense{
					position: absolute;
					right: -158px;
					top: 550px;
				}

				div#container div#main img#toppic{
					position: absolute;
					left: -32px;
					top: 22px;
				}
		/* end: main */

		/* start: footer */
		div#container div#footer{
			background: url(../i/bottom.gif) no-repeat;
			padding-left: 30px;
			padding-top: 60px;
			font-size: 10px;
			text-align: center;
			color: #666666;
		}
			div#container div#footer ul{
				clear: both;
				padding-top: 5px;
			}
				div#container div#footer ul li{display: inline;}
					div#container div#footer ul li a{color: #666666;}
					div#container div#footer ul li a:hover{color: #000;}
		/* end: footer */

form.formulier input { border: 1px solid #999; }
form.formulier .required { background-color: #FFFFCC; }
form.formulier .error { border: 1px solid #dd0000; }
form.formulier div.group.form_error { padding: 10px; border: 1px solid #dd0000; background-color: #eee; margin-bottom: 5px; display: none; }
form.formulier div.group.form_error span.email_error { display: none; }