@charset "utf-8";

body{
	background:					#ffffff url(../../images/layout/background_body.gif) 0 0 repeat-x;
	margin:						0;
	padding:					0;
}
form{
	margin:						0;
	padding:					0;
}
a{
	color:						#484848;
	text-decoration:			underline;
}
a:hover{
	color:						#cc3300;
}
a img{
	border:						0px none;
}
p{
	margin:						0 0 10px 0;
	padding:					0;
}
#container{
	color:						#444444;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	margin:						0 auto;
	padding:					0 10px;
	width:						760px;
}
.clear{
	clear:						both;
	font-size:					0%;
	line-height:				0%;
}

/* --<<[[ HEADER ]]>>-- */
#header{
	padding:					10px 0 0 0;
}
#header #logo,
#header #address,
#header #navigation{
	display:					block;
}
#header #logo{
	float:						left;
	font-size:					0%;
	line-height:				0%;
	padding:					1px 0 5px 40px;
	width:						80px;
}
#header #address{
	color:						#cccccc;
	float:						right;
	line-height:				18px;
	text-align:					right;
	padding:					0 45px 8px 0;
	text-shadow:				1px 1px 1px #000;
	width:						590px;
}
#header #address a{
	color:						#cccccc;
	text-decoration:			none;
	text-shadow:				1px 1px 1px #000;
}
#header #address a:hover{
	color:						#eeeeee;
}
#header #navigation{
	background:					url(../../images/layout/borders.gif) right -10px no-repeat;
	float:						right;
	height:						29px;
	padding:					1px 5px 0 130px;
	width:						500px;
}
#header #navigation ul,
#header #navigation li{
	font-size:					0%;
	line-height:				0%;
	list-style-type:			none;
	margin:						0;
	padding:					0;
}
#header #navigation a{
	color:						#dddddd;
	display:					block;
	float:						left;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	padding:					7px 18px;
	text-decoration:			none;
	text-shadow:				1px 1px 1px #000;
}
#header #navigation a:hover{
	color:						#ffffff;
}
#header #navigation .active a{
	background:					url(../../images/layout/nav_active.gif) center bottom no-repeat;
	color:						#ffffff;
}
#header #navigation br{
	clear:						both;
}
#header .clear{
	background:					url(../../images/layout/borders.gif) center 0px no-repeat;
	height:						9px;
}

/* --<<[[ ANIMATION ]]>>-- */
#animation{
	background:					url(../../images/animation/03.jpg) 0 0 no-repeat;
	display:					block;
	font-size:					0%;
	height:						250px;
	line-height:				0%;
	margin:						6px auto;
	overflow:					hidden;
	position:					relative;
	width:						680px;
}
#animation #overlay{
	background:					url(../../images/layout/view.png) 0 0 no-repeat;
	left:						0;
	height:						250px;
	position:					absolute;
	top:						0;
	width:						680px;
}

/* --<<[[ CONTENT ]]>>-- */
#content{
	min-height:					330px;
	padding:					20px 0 0 0;
}
#content.binoc{
	padding:					0;
}
#content.binoc .message{
	padding:					20px 40px 20px 100px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	font-family:				Arial, Helvetica, sans-serif;
	margin:						0;
	text-shadow:				1px 1px 1px #000;
}
#content h1,
#content h2,
#content h3{
	color:						#cc3300;
	padding:					15px 0;
}
#content h4,
#content h5,
#content h6{
	color:						#666666;
	font-weight:				normal;
	padding:					10px 0;
}
#content h1,
#content h2,
#content h4{
	font-weight:				bold;
}
#content h1,
#content h3{
	font-style:					italic;
}
#content h1{ font-size: 24px; }
#content h2{ font-size: 18px; }
#content h3{ font-size: 16px; }
#content h4{ font-size: 14px; }
#content h5{ font-size: 12px; }
#content h6{ font-size: 10px; }
#content hr{
	border:						0;
	border-top:					1px solid #e6e6e6;
	height:						0;
	margin:						10px 0;
	padding:					0;
}
#content .clear{
	background:					url(../../images/layout/borders.gif) center -9px no-repeat;
	height:						1px;
}
a.img_kijker{
	border:						1px solid #cccccc;
	display:					block;
	font-size:					0 !important;
	height:						100px;
	line-height:				0 !important;
	margin:						0 0 10px 0;
	padding:					4px;
	position:					relative;
	text-decoration:			none;
	width:						150px;
}
a.img_kijker:hover{
	border:						1px solid #999999;
}
a.img_kijker span.corner_lt,
a.img_kijker span.corner_rt,
a.img_kijker span.corner_rb,
a.img_kijker span.corner_lb{
	background-image:			url(../../images/layout/corners_thumb.png);
	background-repeat:			no-repeat;
	display:					block;
	height:						10px;
	position:					absolute;
	width:						10px;
}
a.img_kijker span.corner_lt{
	background-position:		0 0;
	left:						-1px;
	top:						-1px;
}
a.img_kijker span.corner_rt{
	background-position:		-10px 0;
	right:						-1px;
	top:						-1px;
}
a.img_kijker.img_kijker span.corner_rb{
	background-position:		-10px -10px;
	bottom:						-1px;
	right:						-1px;
}
a span.corner_lb{
	background-position:		0 -10px;
	bottom:						-1px;
	left:						-1px;
}
a.img_kijker:hover span.corner_lt{
	background-position:		-20px 0;
}
a.img_kijker:hover span.corner_rt{
	background-position:		-30px 0;
}
a.img_kijker:hover span.corner_rb{
	background-position:		-30px -10px;
}
a.img_kijker:hover span.corner_lb{
	background-position:		-20px -10px;
}
#content table.links{
	border:						0px none;
	border-collapse:			collapse;
}
#content table.links td{
	padding:					0 0 10px 0;
	text-align:					left;
}
#content table.links td.link{
	padding:					0 0 10px 50px;
	vertical-align:				top;
}

/* --<<[[ CONTENT - tekstpagina ]]>>-- */
#content #left{
	border-right:				1px dotted #cccccc;
	display:					block;
	float:						left;
	margin:						0 0 10px 0;
	min-height:					360px;
	padding:					10px 19px 0 40px;
}
#content #right{
	display:					block;
	float:						left;
	line-height:				18px;
	padding:					0 0 20px 40px;
	width:						450px;
}

/* --<<[[ CONTENT - lijst ]]>>-- */
#content .kijker{
	min-height:					100px;
	padding:					5px 0;
	text-shadow:				1px 1px 1px #ccc;
}
#content .kijker .image,
#content .kijker .info,
#content .kijker .sale_info{
	display:					block;
	float:						left;
}
#content .kijker .image{
	font-size:					0%;
	line-height:				0%;
	padding:					0 0 0 40px;
}
#content .kijker .info{
	padding:					0 20px 4px 30px;
	width:						320px;
}
#content .kijker .name{
	padding:					5px 0 10px 0;
}
#content .kijker .name a{
	color:						#cc3300;
	font-size:					12px;
	font-weight:				bold;
	line-height:				18px;
	text-decoration:			none;
}
#content .kijker .name a:hover{
	text-decoration:			underline;
}
#content .kijker .description{
	padding:					0 0 10px 0;
}
#content .kijker .specifications span{
	color:						#cc3300;
}
#content .kijker .sale_info{
	text-align:					right;
	width:						150px;
}
#content .kijker .sale_info .stock{
	color:						#666666;
	font-size:					10px;
}
#content .kijker .sale_info .price{
	color:						#999999;
	font-size:					10px;
	line-height:				18px;
	padding:					5px 0;
}
#content .kijker .sale_info .price span{
	color:						#3399cc;
	font-weight:				bold;
	font-size:					12px;
}
#content .kijker .sale_info .sale{
	background:					url(../../images/layout/sale.jpg) right center no-repeat !important;
	padding:					12px 4px 12px 100px !important;
}

#content .request{
	padding:					10px 0 0 25px;
}
#content .request a{
	background:					url(../../images/layout/price_request.jpg) 0 0 no-repeat;
	color:						#ffffff;
	display:					block;
	font-size:					10px;
	line-height:				14px;
	padding:					5px 10px;
	text-align:					center;
	text-decoration:			none;
	text-shadow:				1px 1px 1px #666;
	width:						100px;
}
#content .request a:hover{
	background-position:		0 -24px;
}
#content .request.action a{
	background:					url(../../images/layout/price_request_action.jpg) 0 0 no-repeat;
	line-height:				14px;
	padding:					3px 10px 4px 10px;
}
#content .request.action a:hover{
	background-position:		0 -35px;
}
#content .sale{
	background:					url(../../images/layout/sale.jpg) center center no-repeat;
	color:						#ffffff;
	font-size:					10px;
	line-height:				14px;
	display:					block;
	margin:						0 0 0 108px;
	padding:					12px 4px;
	width:						30px;
}
#content .sale.detail{
	margin:						0 0 0 10px;
}
#content .kijker .sale_info .sale span{
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					9px;
}
#content .kijker_clear{
	background:					url(../../images/layout/borders.gif) center -9px no-repeat;
	clear:						both;
	font-size:					0%;
	height:						1px;
	line-height:				0%;
}
#content .kijker_clear.extra{
	margin:						0 0 5px 0;
}

/* --<<[[ CONTENT - inline navigation ]]>>-- */
#content .kijker_nav{
	margin:						0 0 5px 0;
	min-height:					20px;
	padding:					0 0 0 5px;
}
#content .kijker_nav .kijker_nav_prev,
#content .kijker_nav ul,
#content .kijker_nav .kijker_nav_next{
	display:					block;
	float:						left;
}
#content .kijker_nav .kijker_nav_prev{
	background:					url(../../images/layout/button_previous.gif) 29px 5px no-repeat;
	margin:						0 10px 0 0;
	padding:					3px 0 3px 45px;
	text-align:					left;
	width:						75px;
}
#content .kijker_nav .kijker_nav_next{
	background:					url(../../images/layout/button_next.gif) 85px 5px no-repeat;
	margin:						0 0 0 10px;
	padding:					3px 45px 3px 0;
	text-align:					right;
	width:						75px;
}
#content .kijker_nav ul{
	padding:					0 10px;
	text-align:					center;
	width:						470px;
}
#content .kijker_nav ul,
#content .kijker_nav li{
	list-style-type:			none;
	margin:						0;
}
#content .kijker_nav li{
	display:					inline;
	line-height:				20px;
	padding:					0;
}
#content .kijker_nav a{
	text-decoration:			none;
	text-shadow:				1px 1px 1px #ccc;
}
#content .kijker_nav a.active{
	color:						#cc3300;
	font-weight:				bold;
}
#content .kijker_nav a.inactive,
#content .kijker_nav a.inactive:hover{
	color:						#999999;
	text-decoration:			none;
}
#content .kijker_nav br{
	clear:						both;
}

/* --<<[[ CONTENT - filters ]]>>-- */
#content #actions{
	font-size:					10px;
	padding:					5px 0;
	text-align:					center;
}
#content #actions .action{
	display:					inline;
	padding:					0 10px;
}
#content #actions .action a{
	padding:					0 5px 0 20px;
	text-decoration:			none;
}
#content #actions .action a#action_filter{
	background:					#ffffff url(../../images/layout/action_filter.gif) left center no-repeat;
}
#content #actions .action a#action_vergelijk{
	background:					#ffffff url(../../images/layout/action_vergelijk.gif) left center no-repeat;
}
#content #actions .action a:hover{
	text-decoration:			underline;
}
#content #actions .action span{
	color:						#cc3300;
}

#content #filter{
	
}
#content #filter .filter{
	display:					block;
	float:						left;
	font-size:					10px;
	margin:						0 10px 0 0;
	padding:					5px 0 0 10px;
	width:						200px;
}
#content #filter #filter_merken{
	padding:					5px 0 0 50px;
}
#content #filter .filter .label{
	text-shadow:				1px 1px 1px #ccc;
}
#content #filter .filter .label_num{
	color:						#999999;
}
#content #filter_break{
	clear:						both;
	font-size:					0;
	line-height:				0;
}
#content #filter_submit{
	padding:					10px 0;
	text-align:					center;
}
#content #filter_submit #submit{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
	line-height:				14px;
	padding:					1px 10px;
}

/* --<<[[ CONTENT - detail ]]>>-- */
#content .kijker_label,
#content .kijker_label_pictures{
	color:						#787878;
	display:					block;
	float:						left;
	padding:					4px 20px 4px 40px;
	text-align:					right;
	text-shadow:				1px 1px 1px #ccc;
	width:						240px;
}
#content .kijker_info,
#content .kijker_info_title,
#content .kijker_info_pictures{
	display:					block;
	float:						left;
	padding:					4px 0 4px 10px;
	text-shadow:				1px 1px 1px #ccc;
	width:						410px;
}
#content .kijker_info_title{
	min-height:					32px;
	padding:					24px 0 4px 10px !important;
}
#content .kijker_info_title,
#content .kijker_info_title a{
	font-size:					14px;
	font-weight:				bold;
	text-decoration:			none;
	text-shadow:				1px 1px 1px #ccc;
}
#content .kijker_info_title a:hover{

}
#content .kijker_label_pictures{
	padding:					14px 20px 4px 40px;
}
#content .kijker_info_pictures{
	padding:					14px 0 4px 10px;
}
#content .kijker_info_pictures a.img_kijker.lightview{
	height:						50px;
	float:						left;
	margin:						0 10px 10px 0;
	width:						75px;
}
#content .kijker_info.price{
	color:						#3399cc;
	font-weight:				bold;
	font-size:					12px;
}
#content .kijker_info.request{
	padding:					24px 0 24px 10px;
}
#content .kijker .sale_info .sale{
	background:					url(../../images/layout/sale.jpg) center center no-repeat;
	color:						#ffffff;
	font-size:					10px;
	line-height:				14px;
	display:					block;
	margin:						0 0 0 108px;
	padding:					12px 4px;
	width:						30px;
}
#content .kijker .sale_info .sale span{
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					9px;
}

/* --<<[[ CONTENT - prijs aanvraag ]]>>-- */
#content #frm_price_request{
	padding:					20px 0 0 40px;
}
#content #frm_price_request label,
#content #frm_price_request .field,
#content #frm_price_request .field_active,
#content #frm_price_request .obligatory{
	display:					block;
	float:						left;
}
#content #frm_price_request label{
	color:						#787878;
	padding:					4px 30px 4px 0;
	text-align:					right;
	width:						240px;
}
#content #frm_price_request .field,
#content #frm_price_request .field_active{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	margin:						1px 0;
	padding:					3px 5px;
	width:						270px;
}
#content #frm_price_request .field{
	background:					#ffffff;
	border:						1px solid #dddddd;
	color:						#666666;
}
#content #frm_price_request .field_active{
	background:					#ffffdd;
	border:						1px solid #aaaaaa;
	color:						#454545;
}
#content #frm_price_request .obligatory{
	background:					#ffffff url(../../images/layout/obligatory.gif) right center no-repeat;
	height:						17px;
	margin:						1px 0;
	padding:					2px 0;
	width:						30px;
}
#content #frm_price_request .field.postcode,
#content #frm_price_request .field_active.postcode{
	width:						35px !important;
}
#content #frm_price_request label.gemeente{
	padding:					4px 10px 4px 0;
	width:						80px;
}
#content #frm_price_request .field.gemeente,
#content #frm_price_request .field_active.gemeente{
	width:						133px;
}
#content #frm_price_request br{
	clear:						both;
}
#content #frm_price_request ul{
	list-style-type:			none;
	margin:						0;
	padding:					0 0 20px 240px;
}
#content #frm_price_request li{
	background:					#ffffff url(../../images/layout/error.gif) 10px 6px no-repeat;
	color:						#cc3300;
	list-style-type:			none;
	margin:						0;
	padding:					3px 0 3px 30px;
}
#content #frm_price_request #FORM_submit{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	padding:					2px 10px;
}

/* --<<[[ CONTENT - vergelijken ]]>>-- */
#content table.vergelijk{
	border:						0px none;
	border-collapse:			collapse;
}
#content table.vergelijk .row_0{
	background:					#f0f0f0;
}
#content table.vergelijk .row_1{
	background:					#ffffff;
}
#content table.vergelijk th,
#content table.vergelijk td{
	border-top:					1px dotted #cccccc;
	font-size:					10px;
	text-align:					left;
	text-shadow:				1px 1px 1px #ccc;
	vertical-align:				top;
}
#content table.vergelijk th.omschrijving{
	color:						#cccccc;
	font-weight:				normal;
}
#content table.vergelijk th.omschrijving,
#content table.vergelijk td.omschrijving{
	border-left:				1px dotted #cccccc;
	border-right:				1px dotted #cccccc;
	color:						#666666;
	padding:					5px 4px 4px 4px;
	width:						120px;
}
#content table.vergelijk th.info,
#content table.vergelijk td.info{
	border-right:				1px dotted #cccccc;
	padding:					5px 9px 4px 10px;
	width:						190px;
}
#content table.vergelijk td.info .lightview{
	margin:						0 0 0 15px !important;
}
#content table.vergelijk td.info .price{
	color:						#3399cc;
	display:					block;
	font-weight:				bold;
	font-size:					12px;
	padding:					12px 0 12px 10px;
}
#content .sale{
	margin:						0 0 0 10px !important;
}
#content table.vergelijk select{
	border:						1px solid #cccccc;
	color:						#454545;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
	width:						185px;
}

/* --<<[[ FOOTER ]]>>-- */
#footer{
	font-size:					0%;
	line-height:				0%;
	padding:					10px 40px;
	text-align:					center;
}
#footer a img{
	background:					#cccccc;
}
#footer a:hover img{
	background:					#cc3300;
}