/* ================================================================ 
Vormgeving bovenkant
=================================================================== */

#img01 {
	top:0px;
	position:absolute;
	right:0px
}
#img02 {
	position:absolute;
	top:13px;
	right:227px
}
#horizontal_rule_1 {
	position:absolute;
	left:0;
	top:13px;
}
#horizontal_rule_2 {
	position:absolute;
	left:0;
	top:46px;
}
#beuk {
	position:relative;
	left:8px;
	top:16px;
}
#midbar {
	position:absolute;
	left:0px;
	top:93px;
}
#leftbar {
	position:absolute;
	left:0px;
	top:93px;
}
#rightbar {
	position:absolute;
	right:0px;
	top:93px;
}

/* ================================================================ 
Left menu
=================================================================== */

#beuk-menu1 {height:30px; position:relative; float:left; left:0px; top:3px;z-index:100; }

/* The menu1 styling */
/* Remove the padding, margins and bullets from the lists */
.menu1, .menu1 ul {list-style-type:none; padding:0; margin:0; font-family:Verdana, arial, sans-serif; width:128px;}

/* Set up the top level list items and float left to place inline */
.menu1 li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu1 function. The font size is necessary for IE5.5 */
.menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu1 li.top a.top_link {display:block; float:left; height:23px;}

/* pre-load the hover images into the lists */
.menu1 li.p1 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p2 {width:127px; height:100px; background:url(../images/knoppen/blank.gif) no-repeat;}
.menu1 li.p3 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p4 {width:140px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p5 {width:140px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p6 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p7 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p8 {width:127px; height:6px; font-size:1px; line-height:0px; background:url() no-repeat;}
.menu1 li.p9 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p10 {width:140px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p11 {width:127px; background:url(../images/knoppen/knop_lit_groen.gif) no-repeat;}
.menu1 li.p12 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p13 {width:140px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p14 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}
.menu1 li.p15 {width:127px; background:url(../images/knoppen/knop_lit.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu1 li a#login {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#leeg1 {width:127px; height:6px; font-size:1px; line-height:0px; background:url(../images/knoppen/blank.gif) no-repeat;}
.menu1 li a#leeg2 {width:127px; height:6px; font-size:1px; line-height:0px; background:url(../images/knoppen/blank.gif) no-repeat;}
.menu1 li a#nieuws {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#profiel {width:140px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#afdelingen {width:140px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#vacatures {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#referenties {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#catalogus {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#aanbiedingen {width:140px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#occasions {width:140px; background:url(../images/knoppen/knop_groen.gif) no-repeat;}
.menu1 li a#downloads {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#contact {width:140px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#lease {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}
.menu1 li a#homepage {width:127px; background:url(../images/knoppen/knop.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu1 a:hover {visibility:visible; z-index:200;} /* for IE6 */
.menu1 li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu1 li a#login:hover, .menu1 li:hover a#login,
.menu1 li a#nieuws:hover, .menu1 li:hover a#nieuws,
.menu1 li a#profiel:hover, .menu1 li:hover a#profiel,
.menu1 li a#afdelingen:hover, .menu1 li:hover a#afdelingen,
.menu1 li a#vacatures:hover, .menu1 li:hover a#vacatures,
.menu1 li a#referenties:hover, .menu1 li:hover a#referenties,
.menu1 li a#catalogus:hover, .menu1 li:hover a#catalogus,
.menu1 li a#aanbiedingen:hover, .menu1 li:hover a#aanbiedingen,
.menu1 li a#occasions:hover, .menu1 li:hover a#occasions,
.menu1 li a#lease:hover, .menu1 li:hover a#lease,
.menu1 li a#homepage:hover, .menu1 li:hover a#homepage,
.menu1 li a#contact:hover, .menu1 li:hover a#lease,
.menu1 li a#downloads:hover, .menu1 li:hover a#downloads {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu1 ul, 
.menu1 :hover ul ul, 
.menu1 :hover ul :hover ul ul,
.menu1 :hover ul :hover ul :hover ul ul,
.menu1 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* ================================================================ 
Occasion menu
=================================================================== */
#occ_top{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border: 1px solid #778;
	border-top-width: 0;
	border-style:solid;
	position:absolute; 
	left:150px; 
	top:0px;
	text-align:center;
	background:url(../images/vormgeving/menu_02_blue.gif) repeat-x;
	font-weight:bold;
}

#beuk-menu2 {
	height:34px; 
	left:150px; 
	z-index:40;
	float:left;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu2, .menu2 ul {
	list-style-type:none; 
	padding:0; 
	margin:0; 
}

/* Set up the top level list items and float left to place inline */
.menu2 li.top {
	display:inline; 
	float:left; 
	position:relative;
	margin-right: 6px; /*spacing between tabs*/
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	color:#000000;
}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu2 table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
	font-size:10px;
}

/* Default top link link styling */
.menu2 li.top a.top_link {
	display:block; 
	float:left; 
	height:34px;
	font-weight:bold;
}


/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {
	visibility:visible;
} /* for IE6 */
.menu2 li:hover { 
	position:relative; 
	z-index:45;
} /* for IE7 */

.menu2 li.top a span {position:absolute; left:-9999px; top:0 ;z-index:0; font-size:10px;}

.menu2 li.p1 {width:107px;background:url(../images/knoppen/occ_kookapparatuur_lit.jpg) top left no-repeat;}
.menu2 li.p3 {width:107px;background:url(../images/knoppen/occ_keukenapparatuur_lit.jpg) top left no-repeat;}
.menu2 li.p9 {width:92px;background:url(../images/knoppen/occ_buffetten_lit.jpg) top left no-repeat;}
.menu2 li.p5 {width:69px;background:url(../images/knoppen/occ_koeling_lit.jpg) top left no-repeat;}
.menu2 li.p8 {width:81px;background:url(../images/knoppen/occ_reinigen_lit.jpg) top left no-repeat;}
.menu2 li.p7 {width:109px;background:url(../images/knoppen/occ_fse_lit.jpg) top left no-repeat;}
.menu2 li.p4 {width:120px;background:url(../images/knoppen/occ_transport_lit.jpg) top left no-repeat;}
	
/* set up the normal unhovered images in the links */
.menu2 li a#occ_kookapparatuur 	{width:107px; background:url(../images/knoppen/occ_kookapparatuur.jpg) top left no-repeat;} 	/* 01 */
.menu2 li a#occ_keukenapparatuur{width:107px; background:url(../images/knoppen/occ_keukenapparatuur.jpg) top left no-repeat;}	/* 02 */
.menu2 li a#occ_koelen 			{width:69px; background:url(../images/knoppen/occ_koeling.jpg) top left no-repeat;}			/* 04 */
.menu2 li a#occ_buffetten 		{width:92px; background:url(../images/knoppen/occ_buffetten.jpg) top left no-repeat;}		/* 05 */
.menu2 li a#occ_reinigen 		{width:81px; background:url(../images/knoppen/occ_reinigen.jpg) top left no-repeat;}				/* 06 */
.menu2 li a#occ_kleinmateriaal 	{width:109px; background:url(../images/knoppen/occ_fse.jpg) top no-repeat;}			/* 07 */
.menu2 li a#occ_transport 		{width:120px; background:url(../images/knoppen/occ_transport.jpg) top left no-repeat;}		/* 08 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */

.menu2 li a#occ_kookapparatuur:hover, .menu li:hover a#occ_kookapparatuur,
.menu2 li a#occ_keukenapparatuur:hover, .menu li:hover a#occ_keukenapparatuur,
.menu2 li a#occ_transport:hover, .menu li:hover a#occ_transport,
.menu2 li a#occ_koelen:hover, .menu li:hover a#occ_koelen,
.menu2 li a#occ_kleinmateriaal:hover, .menu li:hover a#occ_kleinmateriaal,
.menu2 li a#occ_reinigen:hover, .menu li:hover a#occ_reiniging,
.menu2 li a#occ_buffetten:hover, .menu li:hover a#occ_buffetten {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}


/*=========================
======= BOTTOM SIDE =======
===========================*/

.main{
	position:absolute;
	left:0px;
	top:117px;
	width:100%;
	display:block;
	float:left;
	margin:0;
	padding:0;
	min-width:1080px;	
}
* html .main {
	position:absolute;
	left:0px;
	top:118px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:1080px;
}

#leftmenu{
	position:relative;
	display:block;
	float:left;
	z-index:100
}
/*=========================
=======  LEFT SIDE	=======
===========================*/

#leftbkgrnd {
	position:absolute;
	left:0px;
	top:0px;
}
.logintxt{
	font-family:Verdana, arial, sans-serif;
	z-index:30;
}
#login_set{
	position:absolute;
	left:3px;
	top:51px;
	z-index:500
}
#loggedin_set{
	position:absolute;
	left:6px;
	top:51px;
	z-index:500
}
.login_img{
	position:relative;
	left:160px;	
}
#leftlogobar{
	position:absolute;
	left:0px;
	top:420px;
}
.fgas{
	position:absolute;
	left:15px;
	top:0px;
}
.nvkl{
	position:absolute;
	left:67px;
	top:8px;
}
.nvlg{
	position:absolute;
	left:68px;
	top:57px;
}
.fcsi{
	position:absolute;
	left:17px;
	top:62px;
}
.ideal{
	position:absolute;
	left:9px;
	top:95px;
}
.mvo{
	position:absolute;
	left:5px;
	top:148px;
}
.kenteq{
	position:absolute;
	left:8px;
	top:223px;
}
.tomtom{
	position:absolute;
	left:17px;
	top:295px;
}
.plusone{
	position:absolute;
	left:13px;
	top:68px;
}

.twit{
	position:absolute;
	left:32px;
	top:328px;
}
.fontsize{
	font-family:Verdana, arial, sans-serif;
	position:absolute;
	left:12px;
	top:96px;
	z-index:10;
}
.a1{
font-size: xx-small;
}
.a2{
font-size: small;
}
.a3{
font-size: medium;
}

/*=========================
=======  CONTENT	=======
===========================*/

.content{
	left:2%;
	top:18px;
	position:relative;
	display:block;
	font-family:Verdana, arial, sans-serif;
	color:#001a4b;
	float:left;
	width:67%;
	z-index:10;
}
.content2{
	position:relative;
	float:left;
	
	font-family:Verdana, arial, sans-serif;
	color:#001a4b;
	margin:0;
	padding:0;
	width:68%;	
}
div#doos{
	border:1px solid #99b3b4;
	font-family:Verdana, arial, sans-serif;
	color:#001a4b;
	margin:2px;
	padding:5px;
}
.foto{
	position:absolute;
	left:130px;
	top:120px;
	right:10px;
	bottom:10px;
	z-index:20;
}
.catalogus{
	position:absolute;
	display:block;
	left:132px;
	top:105px;
	right:2px;
	height:80%;
}

div#log {
	position:relative;
	font-family:Verdana, arial, sans-serif;
	border:1px solid #99b3b4;
	padding:10px;
	margin:auto;
	float: left;
	width:96%
}

div#reset {
	border:1px solid #99b3b4;
	padding:10px;
	margin:0;
	width:64%;
}
div#aanmelden {
	position:relative;
	left:10px;
	top:2px;
	font-family: Verdana, arial, sans-serif;
	border:1px solid #99b3b4;
	padding:15px;
	margin:auto;
	float: left;
	width:75%
}
div#admin {
	position:absolute;
	right:10px;
	top:60px;
	font-family: Verdana, arial, sans-serif;
	border:1px solid #99b3b4;
	padding:2px;
	margin:auto;
	float: left;
}

.error {
	font-family:Verdana, arial, sans-serif;
	font-size: xx-small;
	color:red;
	margin:0;
	padding:0;
}
.msg {	
	font-family:Verdana, arial, sans-serif;
	font-size: xx-small;
	color:green;
	margin:0;
	padding:0;
}

/*==========================
=======  RIGHT SIDE	 =======
============================*/

#bar{
	position:relative;
	width:192px;
	top:50px;
	display:block;
	float:right;

}
.line1 {
	position:absolute;
	right:189px;
	top:-8px;
}
.line2 {
	position:absolute;
	right:186px;
	top:-4px;
}
.line3 {
	position:absolute;
	right:8px;
	top:1px;
}
.line4 {
	position:absolute;
	right:4px;
	top:4px;
}
.uitgebreid {
	font-family:Verdana, arial, sans-serif;
	position:absolute;
	right:10px;
	top:120px;
}
.zoekform{
	font-family:Verdana, arial, sans-serif;
	font-size: xx-small;
	position:absolute;
	right:20px;
	top:96px;
}
.titel_sidebar{
	position:relative;
	left:2px;
	top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#001f49;
	width:166px;
}
.title_line {
	position:relative;
	float:left;
	left:2px;
	top:4px;
	height:1px;
	width:166px;
	background: url(../images/vormgeving/dot.gif);
}
.box_bar{
	padding-top:14px;
	position:relative;
	left:14px;
	float:left;
	display:block;
}

#laatste6{
	position:relative;
	left:12px;
	display:block;
	float:left;
	width:170px;
}
#occ6{
	position:relative;
	left:12px;
	display:block;
	float:left;
	width:170px;
}
#whh{
	position:relative;
	left:12px;
	display:block;
	float:left;
	clear:both;
}
#bar-overzicht{
	position:relative;
	left:12px;
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#001f49;
}
#bestel-sv{
	padding-top:9px;
	width:168px;
}
.bar_img{
	position:relative;
	top:5px;
	width:50px;
	height:50px;
	border: 1px solid #99b3b4;
	padding:1px;
	margin-left:2px;
	margin-top:2px;
	float:left;
	display:block;
}
#water{
	position:relative;
	width:165px;
	top:10px;
	font-family:Verdana, arial, sans-serif;
}
.plaats{border: 1px solid #99b3b4;width: 170px;background: #e4ebeb ;color:#443;padding:3px;outline:none;}
.hardheid{border: 1px solid #99b3b4;width: 63px;background: #e4ebeb ;color:#443;padding:3px;outline:none;}

/*=========================
=======  DESIGN 	=======
===========================*/

img{
	border:0;
}

A.url:link {
color: #7c330d; text-decoration: none;
}
A.url:visited {
color: #673b15; text-decoration: none;
}
A.url:hover {
color: #FF9966; text-decoration: none;
}
A.url:active {
color: #e95d0f; text-decoration: none;
}

A.url2:link {
 text-decoration: none;
}
A.url2:visited {
 text-decoration: none;
}
A.url2:hover {
 text-decoration: none;
}
A.url2:active {
 text-decoration: none;
}

A.urlp:link {
font-weight:bold;color: #cc110d;text-decoration: bold;
}
A.urlp:visited {
font-weight:bold; color: #aa3b15; text-decoration: none;
}
A.urlp:active {
font-weight:bold; color: #e95d0f; text-decoration: none;
}
A.urlp:hover {
font-weight:bold; color: #FF9966; text-decoration: none;
}

A.toebh:link {
font-weight:bold; color: #192a59; text-decoration: none;
}
A.toebh:visited {
font-weight:bold; color: #192a59; text-decoration: none;
}
A.toebh:active {
font-weight:bold; color: #362f2d; text-decoration: none;
}
A.toebh:hover {
font-weight:bold; color: #19389c; text-decoration: none;
}

A {
text-decoration: none; color:#000000; border:0p;
}
A:link {
text-decoration: none; color:#000000;
}
A:hover {
text-decoration: none; color:#000000;
}

.v_mid{
	vertical-align: middle;
}

#admin{
	font-family: sans-serif, tahoma, arial;
	font-size: xx-small;
	position:absolute;
	right:30px;
	top:35px;
	z-index:500;
}
#register{
	padding-top:6px;
}

.chkbx{font-weight:bold; vertical-align:-2px;}

.input-fld{border: 1px solid #99b3b4;width: 250px;background: #e4ebeb;color:#443;padding:3px;outline:none;float:left;;margin-bottom:10px;}
.input-fld:focus{border:1px solid #567475;background: #e4ebeb;}
.input-fld2{border: 1px solid #99b3b4;width: 36px;background: #e4ebeb;color:#443;padding:3px;outline:none;vertical-align:middle;margin-bottom:10px;}
.input-fld2:focus{border:1px solid #567475;background: #e4ebeb;}
.input-fld3{border: 1px solid #99b3b4;width: 475px;background: #e4ebeb;color:#443;padding:3px;outline:none;vertical-align:middle;margin-bottom:10px;}
.input-fld3:focus{border:1px solid #567475;background: #e4ebeb;}
.input-fld4{border: 1px solid #99b3b4;background: #e4ebeb;color:#443;padding:3px;outline:none;vertical-align:middle;margin-bottom:10px;}
.input-fld4:focus{border:1px solid #567475;background: #e4ebeb;}
.input-fld5{border: 1px solid #99b3b4;width:250px;background:#fcdebd;color:#443;padding:3px;outline:none;vertical-align:middle;margin-bottom:10px;}
.input-fld5:focus{border:1px solid #567475;background: #fcdebd;}
.select-fld{border: 1px solid #99b3b4;width: 258px;background: #e4ebeb;color:#443;padding:3px;outline:none;margin-bottom:10px;}
.select-fld:focus{border:1px solid #567475;background: #e4ebeb;}
.select-fld2{border: 1px solid #99b3b4;width: 60px;background: #e4ebeb;color:#443;padding:3px;outline:none;margin-bottom:10px;}
.select-fld2:focus{border:1px solid #567475;background: #e4ebeb;}
.select-fld3{border: 1px solid #99b3b4;width: 120px;background: #e4ebeb;color:#443;padding:3px;outline:none;}
.select-fld3:focus{border:1px solid #567475;background: #e4ebeb;}

#reset label{
	display:inline;
	margin-left:8px;
	float:left;
	width:100px;
	padding:3px;
	margin-bottom:8px;
	vertical-align:sub;
}

.zoek{
	font-family: Verdana, arial, sans-serif;
	font-size: xx-small;
	height: 10pt;
	line-height: 10pt;
	border-collapse: collapse;
	border-spacing: 0;
}
#cat_overzicht{
	position:relative;
	display:block;
	float:left;
	
}
table.overzicht {
	border-width:1px; 
	border-style:solid;
	border-collapse: collapse;
	margin-right: 8px;
	margin-bottom: 8px;
	border-top-style:none;
	border-color:#006ab3;
	height:100%;
	
}
.img1{
	margin-right:10px;
}
.img2{
	margin-right:10px;
	border:solid 1px #000066;
}
.img_l{
	margin-right:10px;
}
.img_l2{
	margin-right:10px;
	border:solid 1px #000066;
}
.img_r{
	margin-left:10px;
}
.img_r2{
	margin-left:10px;
	border:solid 1px #000066;
}
.img_c2{
	margin-left:10px;
	border:solid 1px #000066;
}
.bin{
	position:relative;
	top:5px;
}
.titel{
	font-family:Verdana, arial, sans-serif;
	font-weight:bold;
	color:#990000;
}
.advies{
	font-family:Verdana, arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#666666;
}
.idealprijs{
	font-family:Verdana, arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#341515;
}
.idealprijs2{
	font-family:Verdana, arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#341515;
}
.underline {
	text-decoration: underline;
}

p.doos {
	border: solid 1px;
	text-align: left;
	border: solid 1px #cccccc; 
	padding: 1px;
	padding-left: 5px;
	height:inherit;
}

div.doos {
	border: solid 1px #cccccc; 
	vertical-align: left;
	text-align: center;
	padding: 1px;
	margin-bottom:2px;
	color:#999999;
}
div.doos2 {
	border: solid 1px #990000; 
	vertical-align: left;
	text-align: center;
	padding: 1px;
	margin-bottom:2px;
	color:cccccc;
}
table.product {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: lightgray;
	border-collapse: collapse;
	margin: 1px;
	width: 100%;	
}
.product_cel_img{
	width:62px;
	text-align:center;
}
.product_cel_prijs{
	padding-right:10px;
	text-align:right;
	width:90px;
	line-height:20px;
}
.product_id{
	width:250px;
}
.product_kenmerk{

}
table.occasion {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: lightgray;
	border-collapse: collapse;
	margin: 1px;
	width: 100%;
}
.occ_c1{
width:120px;
}
.occ_c2{
width:30%;
}
.occ_c3{
width:35%;
min-width:200px;
}
.occ_c6{
width:45%;
}
.occ_c4{
width:90px;
}
.occ_c5{
width:230px;
}

.omschrijving {
	text-align:left;
	padding-right:15px;
}
.occasion{
	vertical-align:top;
	text-align:left;
	padding-left:15px;
}

td.subcatmenu {
	margin:0px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
}

.tabelkop { 
	background-image: url(../images/vormgeving/menu_02_blue.gif);
	padding-right:10px;
} 

td.occasion_rij {
	border:1px; 
	border-style:solid;
	border-color:#006ab3;
}
#banner{
	position:relative;
	float:left;
	width:536px;
	height:350px;
}
div#home_rb{

}
.home_box {
	position:relative;
	float:left;
	display:block;
	border: solid 1px #cccccc; 
	width:150px;
	height:296px;
	margin-right:23px;
	margin-bottom:49px;
	padding:3px;
	font-size:small;
}
.home_box2 {
	position:relative;
	float:left;
	display:block;
	border: solid 1px #cccccc; 
	width:323px;
	height:296px;
	margin-right:23px;
	margin-bottom:49px;
	padding:3px;
	font-size:small;
}
.newsrule{
	width:90%
}

.weergave2 {
	position:relative;
	border: solid 1px #cccccc; 
	width:32%;
	min-height:220px;
	margin: 1px;
	float:left;
	padding:3px;
	word-wrap:break-word;
}
.weergave2_naam{
	float:right;
	text-align:center;
	top:4px;
	width:100%; 
	margin-bottom:8px;
	background-color:#becedf;

}
.weergave2_img{
	float:left;
	left:4px;
	padding-right:4px;
	vertical-align:bottom;
}
.weergave2_brand{
	float: right;
	
}
.weergave2_prijs{
	position:relative;
	text-align:right;
	right: 4px;
	float:right;
	margin-bottom:12px;
	text-wrap:supress;
}
table.zoekfilter {
	border-width:1px; 
	border-style:solid;
	border-collapse: collapse;
	width:100%;
	border-top-style:none;
	border-color:#006ab3;
	margin:0px;
	padding:0px;
}

table.artikel{
	border-width:1px; 
	border-style:solid;
	border-collapse: collapse;
	width:100%;
	margin: 0px;
	border-top-style:none;
	border-color:#006ab3;	
}
.artikel{
	border: 0px; 
	padding-top:6px;
	padding-bottom:4px;
}

.artikel_xtra{
	border: 1px; 
	border-color:#CCCCCC;
	padding:1px;
}

.subcatddl{
	 text-align:right;
	 padding-right:2px;
}

.zoekknop{
	background-color:#F7F8F9;
	color:#006ab3;
	border:1px solid #006ab3;
	width:50px; 
}
.prod_info{ 
	vertical-align:top;
	padding-top:3px
	
}

.prijzen{
	text-align:right;
	
}
div.clear {
clear: both;
}

h1{
	font-size: small ;
	font-family:Verdana, arial, sans-serif;
	font-weight:bold;
	color:#006ab3;
	margin:0;
	padding-bottom:3px;
}
h2{
	font-size: small ;
	font-family:Verdana, arial, sans-serif;
	font-weight:normal;
	color:#000000;
	margin:0;
}
h3{	font-size:larger;
	font-family:Verdana, arial, sans-serif;
	font-weight:bold;
	margin:0;
}
.cb-table { /* tables with CSS! */
	width: 100%;
	clear: both;
	margin: 1px;
	padding:1px;
}

.cb-table-b { /* bordered */
	width: 100%;
	clear: both;
	margin: 0 0 1em 0;
	padding: 0.1em;
}

.cb-table-s { /* spaced-out man */
	width: 100%;
	clear: both;
	margin: 0 0 1em 0;
	padding: 0.2em;
}

.cb-tablerow { 
	width: 100%;
	clear: right;
	float: right;
}

.cb-table-b .cb-tablerow {
	border: solid 1px #cccccc; 
	}

/* any combination adds up to 90% */

.cell1 { /* fills the whole row */
	width:100%;
	float: left;
	background: transparent;
	}

.cell { /* regular two-column table cell */
	width:40%;
	float: left;
	background: transparent;
	}
.cel2 { /* regular two-column table cell */
	width:60%;
	float: left;
	background: transparent;
	}

.cell3 { /* three column cell */
	width:30%;
	height:20px;
	float: left;
	background: transparent;
	}

.cell4 { /* 4, etc */
	width:13%;
	height:64px;
	float: right;
	vertical-align:middle;
	background: transparent;
	}

.cell5 {
	width:18%;
	float: left;
	background: transparent;
	height:64px;	
	}
	
.cell11 {	
	width:260px;
	float: left;
	background: transparent;	
	}
.cell12 {	
	width:auto;
	background: transparent;
	padding:3px;
	}

.cell10 {
	width:64px;
	height:64px;
	float: left;
	background: transparent;
	border-left-style:solid;
	border-left-with:thin;
	border-color:#DDDDDD;
	}

.cb-table-b .cell, .cb-table-b .cell1, .cb-table-b .cell2, .cb-table-b .cell3, .cb-table-b .cell4, .cb-table-b .cell5 {
	/*border: solid 1px;
	padding: 3px; /* specifying ems pads *between* the cells! weird! */
}

.cb-table-s .cell, .cb-table-s .cell1, .cb-table-s .cell2, .cb-table-s .cell3, .cb-table-s .cell4, .cb-table-s .cell5 {
	padding: 0.5em;
}

.invoerveldaa {
	width: 92px;
	background: #fee3ad;	
}
.invoerveld{border: 1px solid #99b3b4;width: 90px;background: #e4ebeb;color:#443;padding:2px;outline:none;margin-bottom:3px}
.invoerveld:focus{border:1px solid #567475;background: #e4ebeb;}


.showBrandLogo{
	height:auto;
	padding:15px;
	margin-left:15px;
	margin-bottom:15px;
	float:left;
	border:1px solid #BFC5D6;
}
.showCat{
	height:auto;
	padding:2px;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
}

.t_fontborder { border-width:1px; border-style:solid; border-color:#006ab3; border-top-style:none; FONT-FAMILY: verdana, geneva, helvetica, arial; } 
.specclick { color:#000044; cursor: pointer; // cursor: hand; } 
.t_font { FONT-FAMILY: verdana, geneva, helvetica, arial; } 

/*
Knop met zijkanten past zich aan aan de breedte
*/
a.ovalbutton{
background: transparent url('../images/knoppen/knop_links.gif') no-repeat top left;
display: block;
float: left;
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/knoppen/knop_rechts.gif') no-repeat top right;
display: block;
padding: 4px 28px 4px 0px; /*Set 11px below to match value of 'padding-left' value above*/
margin-right:7px;}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
a.ovalbutton2{
background: transparent url('../images/knoppen/knop_links.gif') no-repeat top left;
display: block;
float: right;
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton2, a:visited.ovalbutton2, a:active.ovalbutton2{
color: #494949; /*button text color*/
}

a.ovalbutton2 span{
background: transparent url('../images/knoppen/knop_rechts.gif') no-repeat top right;
display: block;
padding: 4px 28px 4px 0px; /*Set 11px below to match value of 'padding-left' value above*/
margin-right:2px;
}

a.ovalbutton2:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
a.ovalbutton3{
background: transparent url('../images/knoppen/knop_links.gif') no-repeat top left;
display: block;
float: left;
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}
a:link.ovalbutton3, a:visited.ovalbutton3, a:active.ovalbutton3{
color: #494949; /*button text color*/
}
a.ovalbutton3 span{
background: transparent url('../images/knoppen/knop_rechts2.gif') no-repeat top right;
display: block;
padding: 4px 28px 4px 0px; /*Set 11px below to match value of 'padding-left' value above*/
margin-right:7px;}
a.ovalbutton3:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbutton3:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

@media print {
	.menu, .menu1, .menu2, #beuk-menu, #beuk-menu1, #beuk-menu2, .a1, .a2, .a3, #occ_top,
	.line1, .line2, .line3, .line4, .line5, #leftbkgrnd, .leftbar, .topknop,.topknop1,.topknop2,.topknop3,.topknop4,.topknop5, 
	.uitgebreid, #login_set, #loggedin_set, .admin, .zoekform, .zoek, .twit, .ideal, .fgas , .nvkl, .nvlg , .fcsi, .mvo, .kenteq, .tomtom, #bar, .titel_sidebar, #laatste6, #occ6
	{ 
	  display : none; 
	}
	#wrapper{
		margin: 0px auto;
		padding: 0px;
		border:0;
		float:left;
		min-width:600px;
	}
	#maintop{
		position:absolute;
		left:0px;
		top:0px;
		display:block;
		width:100%;
		height:auto;
		z-index:200;
		min-width:600px;
	}
	body{
		margin: 0;
		background-color: White;
		background-image: none;
	}
	.main{
		position:absolute;
		left:0px;
		top:104px;
		width:100%;
		display:block;
		float:left;
		margin:0;
		padding:0;		
		min-width:600px;
	}
	div#reset {
		position:absolute;
		left:20px;
		top:10px;
		right:20px;
		font-family:Verdana, arial, sans-serif;
		border:1px solid #99b3b4;
		padding:15px;
		margin:auto;
	}
	.content{
		position:absolute;
		left:20px;
		top:10px;
		width:96%;
		font-family:Verdana, arial, sans-serif;
		color:#001a4b;
		margin:0;
		padding:0;
	}
	.tabelkop { 
		padding-right:10px;
		border:1px solid #99b3b4;
	} 
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 77px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 950; width: 100%; height: 500px; background-color: #000; }