@charset "utf-8";
/* CSS Document */



/*************/
/*** reset ***/
/*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}



/************/
/*** body ***/
/************/
body { background:#ededed; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

	/*** standaard ***/
	img, fieldset { border:0px;}
	.clear { clear:both;}
	
	/*** titels ***/
	h1 {}
	h2 {}
	
	/*** tekst ***/
	a { color:#f58220; text-decoration:none;}
	a:hover { text-decoration:underline;}



/***************/
/*** wrapper ***/
/***************/
#wrapper { background:#FFF; width:1000px; margin:0 auto;}



/**************/
/*** header ***/
/**************/
#header { position:relative; float:left; background:url(../images/header_bg.png) no-repeat top left; width:980px; height:150px; padding:60px 10px 10px 10px; display:inline;}

	/*** logo ***/
	#header h1 { position:absolute; left:10px; top:10px; background:url(../images/header_logo.png) no-repeat; width:347px; height:43px; text-indent:-100000px; overflow:hidden;}
	
	/*** partners ***/
	#header img.partners { position:absolute; right:50px; top:19px;}



/**************/
/*** topBar ***/
/**************/
#topbar { position:relative; float:left; background:#f58220; width:980px; height:30px; margin:0px 10px 0px 10px; padding:0px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; display:inline;}

	/*** menuBar ***/
	ul.menubar { float:left; margin:0px; padding:5px 0px 0px 0px; list-style:none;}
	ul.menubar li { float:left; background:url(../images/menuBar_a_right.png) no-repeat top right; margin:0px 0px 0px 10px; display:inline;}
	ul.menubar li a { display:block; background:url(../images/menuBar_a_left.png) no-repeat top left; padding:2px 25px 1px 25px; color:#6d6f71; font-size:15px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
	ul.menubar li a:hover, ul.menubar li.selected a { color:#f58220; text-decoration:none;}
	
	/*** menuBar voor sienn ***/
	ul.menubarmain { float:left; margin:0px; padding:5px 0px 0px 0px; list-style:none;}
	ul.menubarmain li { float:left; background:url(../images/menuBar_a_right.png) no-repeat top right; margin:0px 0px 0px 10px; display:inline;}
	ul.menubarmain li a { display:block; background:url(../images/menuBar_a_left.png) no-repeat top left; padding:2px 25px 1px 25px; color:#6d6f71; font-size:15px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
	ul.menubarmain li a:hover, ul.menubarmain li.menubaritemselected a { color:#f58220; text-decoration:none;}
	
	/*** zoeken ***/
	.zoeken { position:absolute; right:0px; top:0px; width:158px; height:30px;}
	.zoeken input.zoekveld { position:absolute; left:0px; top:4px; background:#FFF; width:95px; height:18px; padding:1px 0px 1px 4px; border:1px solid #999; color:#999; font-family:"MS Sans Serif", Geneva, sans-serif; font-size:16px;}
	.zoeken input.zoekbutton { position:absolute; right:18px; top:2px; display:block; background:url(../images/topBar_zoeken_button.png) no-repeat; width:18px; height:23px; margin:0px; padding:0px; border:none; cursor:pointer;}



/***************/
/*** content ***/
/***************/
#content { float:left; width:1000px; padding:10px 0px 40px 0px; display:inline;}


	/*** sideBar ***/
	.sidebar { float:left; width:180px; margin:0px 0px 0px 10px; display:inline;}
	
		/*** sidebox ***/
		.sidebox { float:left; background:#dadada url(../images/sideBox_bg_top.png) no-repeat top left; width:180px; margin:0px 0px 10px 0px; display:inline;}
		.sideboxbottom { background:url(../images/sideBox_bg_bottom.png) no-repeat bottom left; width:180px; padding:6px 0px 6px 0px; font-family:"MS Sans Serif", Geneva, sans-serif;}
		
			/*** sidemenu ***/
			ul.sidemenu { width:180px; margin:0px; padding:0px; list-style:none;}
			ul.sidemenu li { float:left; width:180px; display:inline;}
			ul.sidemenu li a { display:block; padding:2px 0px 2px 12px; color:#000; font-size:15px; font-weight:bold; text-decoration:none;}
			ul.sidemenu li a:hover, ul.sidemenu li.selected a { background:url(../images/sideMenu_a_hover.png) no-repeat; color:#FFF; text-decoration:none;}
			
				/*** subMenu ***/
				ul.sidemenu li.selected ul { margin:0px; padding:0px; list-style:none;}
				ul.sidemenu li.selected ul li a { display:block; background:#ededed url(../images/sideMenu_bullet.png) no-repeat 15px 8px; padding:2px 0px 2px 30px; font-weight:normal; color:#000;}
				ul.sidemenu li.selected ul li a:hover, ul.sidemenu li.selected ul li.selected a { background:#dadada url(../images/sideMenu_bullet_hover.png) no-repeat 15px 8px; color:#000; text-decoration:none;}
			
					/*** subSubMenu ***/
					ul.sidemenu li.selected li.selected ul { margin:0px; padding:0px; list-style:none;}
					ul.sidemenu li.selected li.selected ul li a { display:block; background:#ededed url(../images/sideMenu_bullet.png) no-repeat 30px 8px; padding:2px 0px 2px 45px; font-weight:normal; color:#000;}
					ul.sidemenu li.selected li.selected ul li a:hover, ul.sidemenu li.selected li.selected ul li.selected a { background:#dadada url(../images/sideMenu_bullet_hover.png) no-repeat 30px 8px; color:#000; text-decoration:none;}
					
			/*** winkelwagen ***/
			h3.winkelwagen { display:block; background:url(../images/sideBox_winkelwagen_icon.png) no-repeat 15px 0px; padding:2px 0px 2px 40px; font-size:15px;}
			
				/*** winkelwageninhoud ***/
				table.winkelwageninhoud { float:left; width:180px; margin:5px 0px 5px 0px;}
				table.winkelwageninhoud td { padding:0px 0px 2px 10px; color:#3e3e3e; font-size:15px;}
				table.winkelwageninhoud td.aantal { padding:0px 10px 2px 0px; color:#000; text-align:right;}
				
				/*** afronden ***/
				a.afronden { display:block; color:#000; font-size:15px; text-decoration:underline; text-align:center;}
	
			/*** openingstijden ***/
			table.openingstijden { float:left; width:180px; margin:5px 0px 5px 0px;}
			table.openingstijden td { padding:0px 0px 2px 10px; color:#3e3e3e; font-size:15px;}
			table.openingstijden td span.title { color:#000000; font-weight:bold; font-size:15px;}
			table.openingstijden td span.dealer { text-decoration:underline; color:#000000; font-weight:bold;}
	
	/*** contentVak ***/
	.contentvak { float:left; width:610px; display:inline;}
	
	        /*** error ***/
	        .error { color:#f00; font-weight:bold;}
	
		/*** contenttop ***/
		.contenttop { position:relative; float:left; width:586px; height:28px; margin:0px 0px 10px 10px; padding:0px 0px 0px 12px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; display:inline; font-family:"MS Sans Serif", Geneva, sans-serif;}
		
			/*** contentTopBox ***/
			.contenttopbox { float:left; height:28px; padding:0px 20px 0px 0px;}
			.contenttopbox p { display:block; float:left; padding:6px 0px 0px 0px; font-size:15px; font-weight:bold;}
			.contenttopbox a { display:block; float:left; margin:6px 0px 0px 8px;}
			.contenttopbox select { float:left; height:20px; margin:4px 0px 0px 8px; display:inline;}
			
			/*** paginaNav ***/
			ul.paginanav { position:absolute; right:8px; top:6px; margin:0px; padding:0px; list-style:none;}
			ul.paginanav li { float:left; margin:0px 5px 0px 0px; display:inline;}
			ul.paginanav li a { color:#000; font-size:15px; text-decoration:underline;}
			ul.paginanav li a:hover, ul.paginanav li.selected a { font-weight:bold; text-decoration:none;}

			ul.paginanav a { margin:0px 1px 0px 1px; display:inline;}
			ul.paginanav a { color:#000; font-size:15px; text-decoration:underline;}
			ul.paginanav a:hover, ul.paginanav a b { font-weight:bold; text-decoration:none;}
			
		/*** email ***/
		.contenttop a.email { display:block; background:url(../images/voorraad_contact.png) no-repeat 0px 1px; margin:8px 0px 0px 8px; padding:0px 0px 0px 15px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
		.contenttop span.email { display:block; background:url(../images/voorraad_contact.png) no-repeat 0px 1px; margin:8px 0px 0px 8px; padding:0px 0px 0px 15px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
		
		/*** terug ***/
		.contenttop a.terug { font-size:15px;}
		
		/*** productBoxWrapper ***/
		.productboxwrapper { float:left; width:610px; display:inline;}
		
			/*** productBox ***/
			.productbox { position:relative; float:left; width:293px; height:148px; margin:0px 0px 10px 10px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}
			.productboxrel { position:relative; height:148px;}
			
				/*** titel ***/
				.productbox h2 { display:block; width:283px; height:22px; overflow:hidden; padding:2px 5px 0px 5px; font-size:18px; font-weight:normal; text-transform:uppercase;}
				
				/*** afbeelding ***/
				.productbox img.foto { float:left; margin:2px 0px 6px 6px; display:inline;}
				
				/*** tekst ***/
				.productbox p { float:right; display:block; width:170px; padding:0px 10px 0px 0px;}
				.productbox p a { display:block;}
				
				/*** prijs ***/
				.productbox em { position:absolute; right:5px; bottom:22px; color:#000; font-size:18px; font-style:normal;}
				.productbox div.price { position:absolute; right:5px; bottom:22px; color:#000; font-size:18px; font-style:normal;}
				
				/*** voorraad ***/
				.productbox span { position:absolute; left:5px; bottom:2px; display:block; margin:0px; padding:0px;}
				.productbox span img.status { float:left; margin:0px 3px 0px 0px; display:inline;}
				.productbox span i { float:left; display:block; font-style:normal;}
				
				/*** button ***/
				.productbox a.button { position:absolute; right:-1px; bottom:-1px; display:block; background:url(../images/productBox_button.png) no-repeat; width:100px; height:20px; padding:0px 0px 0px 5px; color:#FFF; font-size:17px; text-transform:uppercase;}
				.productbox a.button:hover { text-decoration:none;}
				
		/*** contentBox ***/
		.contentbox { position:relative; float:left; width:582px; margin:0px 0px 10px 10px; padding:5px 8px 5px 8px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}
 



/**************/
/*** footer ***/
/**************/
#footer { position:relative; float:left; background:#ededed url(../images/footer_bg.png) no-repeat top left; width:1000px; height:60px;}

	/*** slogan ***/
	#footer h6 { position:absolute; left:314px; top:-20px; background:url(../images/footer_slogan.png) no-repeat; width:373px; height:62px; text-indent:-100000px; overflow:hidden;}






/******************************************************************************/
/*** lijstweergave ************************************************************/
/******************************************************************************/
table.lijstweergave { float:left; width:600px; margin:0px 0px 10px 10px;}
table.lijstweergave td { height:18px; border-bottom:1px solid #dadada; font-size:13px; text-transform:uppercase;}

	/*** head ***/
	table.lijstweergave tr.head td { border-bottom:none; font-weight:bold; text-transform:none;}
	
	/*** artikel ***/
	table.lijstweergave td.artikel { width:305px;}
	table.lijstweergave td.artikel a { color:#000;}
	
	/*** prijs ****/
	table.lijstweergave td.prijs { width:73px;}

	/*** voorraad  ***/
	table.lijstweergave td.voorraad { width:78px;}
	table.lijstweergave td.voorraad img.status { display:block; float:left; padding:0px 0px 0px 20px;}
	table.lijstweergave td.voorraad a { float:left; margin:0px 0px 0px 7px; display:inline;}
	
	/*** aantal ***/
	table.lijstweergave td.aantal { width:51px; padding:1px 0px 0px 10px;}
	table.lijstweergave tr.head td.aantal { width:61px; padding:0px;}
	table.lijstweergave td.aantal input { width:18px; height:13px; border:1px solid #dadada;}
	
	/*** bestel ***/
	table.lijstweergave td.bestel { width:83px;}
	table.lijstweergave td.bestel a { display:block; background:url(../images/lijstweergave_button.png) no-repeat; width:83px; height:17px; padding:1px 0px 0px 0px; color:#FFF; text-align:center;}
	table.lijstweergave td.bestel a:hover { text-decoration:none;}
	
/*** lijstweergaveLegenda ***/
ul.lijstweergavelegenda { float:left; width:600px; margin:0px 0px 10px 10px; padding:10px 0px 20px 0px; display:inline; list-style:none;}
ul.lijstweergavelegenda li { position:relative; float:left; margin:0px 25px 0px 40px; display:inline;}
ul.lijstweergavelegenda li img { position:absolute; left:-25px; top:0px;}






/******************************************************************************/
/*** artikelweergave **********************************************************/
/******************************************************************************/
.artikelbox { float:left; width:598px; margin:0px 0px 10px 10px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}
.artikelboxrel { float:left; position:relative; width:598px; padding:0px 0px 70px 0px;}

	/*** titel ***/
	.artikelbox h2 { display:block; width:598px; height:39px; overflow:hidden; padding:4px 0px 10px 10px; font-size:20px; text-transform:uppercase;}
	
	/*** foto ***/
	.artikelbox img.foto { float:left; margin:0px 0px 0px 25px; display:inline;}
	
	/*** logo ***/
	.artikelbox img.logo {position:absolute;top:-50px;}
	
	/*** tekst ***/
	.artikelbox p { float:right; display:block; width:295px; padding:0px 55px 0px 0px; font-weight:bold;}
	
	/*** prijs ***/
	.artikelbox em { position:absolute; right:5px; bottom:32px; font-size:24px; font-style:normal;}
	.artikelbox div.price { position:absolute; right:5px; bottom:32px; font-size:24px; font-style:normal;}
	
	/*** voorraad ***/
	.artikelbox span { position:absolute; left:10px; bottom:5px; display:block; padding:0px 0px 0px 28px; font-size:16px;}
	.artikelbox span img { position:absolute; left:0px; top:0px;}
	
	/*** bestel ***/
	.artikelbox a.bestel { position:absolute; right:-1px; bottom:-1px; display:block; background:url(../images/artikelBox_button.png) no-repeat top right; width:145px; height:28px; padding:2px 0px 0px 5px; color:#FFF; font-size:24px; text-transform:uppercase;}
	.artikelbox a.bestel:hover { text-decoration:none;}
	
	/*** mail ***/
	.artikelbox a.mail { position:absolute; right:149px; bottom:-1px; background:url(../images/artikelBox_button.png) no-repeat top left; width:85px; height:30px; padding:0px 0px 0px 35px; color:#000; font-size:11px; line-height:normal;}
	.artikelbox a.mail:hover { text-decoration:none;}






/******************************************************************************/
/*** artikelweergave-mailmij **************************************************/
/******************************************************************************/
.artikelbox .mailmij { float:right; width:310px; padding:20px 40px 0px 0px; display:inline;}
.artikelbox .mailmij .veld { position:relative; float:left; width:310px; height:19px; padding:0px 0px 4px 0px; display:inline;}
.artikelbox .mailmij .veld label { float:left; width:74px; padding:3px 0px 0px 0px; font-size:11px;}
.artikelbox .mailmij .veld label.check { float:left; width:auto; padding:4px 0px 0px 100px;}
.artikelbox .mailmij .veld input.checkbox { position:absolute; left:74px; top:1px;}
.artikelbox .mailmij .veld input.text { float:right; width:232px; border:1px solid #000;}






/******************************************************************************/
/*** dealeroverzicht **********************************************************/
/******************************************************************************/
	
	/*** tekst ***/
	.dealeroverzicht p { display:block; padding:0px 10px 15px 0px; font-size:13px;}
	.dealeroverzicht p strong { display:block; padding:3px 0px 4px 24px; font-weight:normal;}
	.dealeroverzicht p strong.shop { background:url(../images/dealer_shop_groot.png) no-repeat 0px 0px;}
	.dealeroverzicht p strong.album { background:url(../images/dealer_album_groot.png) no-repeat 0px 0px;}
	.dealeroverzicht p b { display:block; padding:3px 0px 4px 24px; font-weight:normal;}
	.dealeroverzicht p b.shop { background:url(../images/dealer_shop_groot.png) no-repeat 0px 0px;}
	.dealeroverzicht p b.album { background:url(../images/dealer_album_groot.png) no-repeat 0px 0px;}

	/*** dealerTabel ***/
	table.dealertabel { width:582px;}
	table.dealertabel td { border-bottom:1px solid #dadada;}
	table.dealertabel td a { color:#000;}






/******************************************************************************/
/*** dealerpagina *************************************************************/
/******************************************************************************/

/*** dealerBoxGroot ***/
.dealerboxgroot .pics img.foto { margin:4px 0px 10px 0px; display:inline;}
.dealerboxgroot .pics img.logo { margin:0px 0px 10px 0px; display:inline;}

       .dealerboxgroot .pics { float:left;}

	/*** titel ***/
	.dealerboxgroot h2 { float:right; display:block; width:360px; padding:5px 0px 5px 0px; font-size:20px; text-transform:uppercase;}
	.dealerboxgroot strong { float:right; display:block; width:360px; text-decoration:underline;}
	.dealerboxgroot b { float:right; display:block; width:360px; text-decoration:underline;}
	
	/*** contactgegevens ***/
	table.contactgegevens { float:right; width:360px; margin:0px 0px 10px 0px;}
	table.contactgegevens td.left { width:72px;}
	
	/*** tekst ***/
	.dealerboxgroot p { float:right; display:block; width:360px; padding:0px 0px 10px 0px;}

/*** dealerBox ***/
/*** .dealerbox { position:relative; float:left; width:285px; height:146px; margin:0px 0px 10px 10px; padding:2px 4px 0px 4px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}***/
.dealerbox { position:relative; float:left; width:285px; height:150px; margin:0px 0px 10px 10px; padding:2px 4px 0px 4px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}


	/*** titel ***/
	.dealerbox h3 { display:block; font-size:17px; font-weight:normal; text-transform:uppercase;}
	
	/*** foto ***/
	.dealerbox img { float:left; margin:4px 4px 2px 0px; display:inline;}






/******************************************************************************/
/*** inloggen *****************************************************************/
/******************************************************************************/
.loginbox { position:relative; float:left; width:293px; height:148px; margin:0px 0px 10px 10px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}
.loginboxrel { position:relative; width:285px; height:146px; padding:2px 4px 0px 4px;}

	/*** titel ***/
	.loginbox h2 { display:block; padding:5px 0px 10px 35px; font-size:17px; font-weight:normal;}
	.loginbox h2.ja { background:url(../images/dealer_shop_groot.png) no-repeat 5px 5px;}
	.loginbox h2.registreren { background:url(../images/loginbox_registreren.png) no-repeat 5px 5px;}
	
	/*** veld ***/
	.loginbox .veld { float:left; width:285px; padding:0px 0px 1px 0px; display:inline;}
	.loginbox .veld label { float:left; width:85px; padding:4px 0px 0px 5px; font-size:13px;}
	.loginbox .veld input.text { float:left; width:142px; border:1px solid #000;}
	
	/*** vergeten ***/
	.loginbox a.vergeten { float:left; margin:20px 0px 0px 5px; display:inline; font-size:13px;}
	
	/*** tekst ***/
	.loginbox p { display:block; height:78px; padding:0px 0px 0px 5px; font-size:13px;}
	
	/*** button ***/
	.loginbox a.button { position:absolute; right:-1px; bottom:-1px; display:block; background:url(../images/loginbox_button.png) no-repeat; width:100px; height:20px; color:#FFF; font-size:17px; text-transform:uppercase; text-align:center;}
	.loginbox a.button:hover { text-decoration:none;}






/******************************************************************************/
/*** registreren **************************************************************/
/******************************************************************************/

/*** formBox ***/
.formbox { float:left; width:598px; margin:0px 0px 10px 10px; border:1px solid #dadada; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;}
.formboxboxrel { float:left; position:relative; width:598px; padding:0px 0px 40px 0px; font-size:13px;}

	/*** titel ***/
	.formbox h2 { float:left; display:block; background:url(../images/loginbox_registreren.png) no-repeat 175px 10px; padding:10px 0px 15px 205px; font-size:17px; font-weight:normal;}
	.formbox h2.wachtwoord { background:url(../images/voorraad_inbestelling_groot.png) no-repeat 175px 10px;}
	
	
/*** registreren ***/

	/*** verplicht ***/
	.registreren small { float:left; display:block; width:498px; padding:0px 0px 15px 100px; color:#bdbdbd; font-size:10px;}

	/*** veld ***/
	.registreren .veld { position:relative; float:left; width:498px; height:19px; padding:0px 0px 6px 100px; font-size:11px;}
	.registreren .veld label { float:left; width:162px; padding:4px 0px 0px 0px;}
	.registreren .veld p { float:left; display:block; padding:4px 5px 0px 5px;}
	.registreren .veld span { display:block; padding:5px 0px 0px 185px;}
	.registreren .veld input.radio { float:left; margin:3px 0px 0px 0px; display:inline;}
	.registreren .veld .radiogender input { float:left; margin:0px 0px 0px 0px; display:inline;}
        .registreren .veld .radiogender label {  float:left; width:70px; display:block; padding:0px 5px 0px 5px;}
	.registreren .veld input.lang { float:left; width:234px; border:1px solid #000;}
	.registreren .veld input.kort { float:left; width:114px; border:1px solid #000;}
	.registreren .veld div.lang input { float:left; width:234px; border:1px solid #000;}
	.registreren .veld div.kort input { float:left; width:114px; border:1px solid #000;}
	.registreren .veld input.checkbox { position:absolute; left:260px; top:2px;}
        .registreren .veld table.radio input { float:left; margin:3px 0px 0px 0px; display:inline;}
	.registreren .veld div.checkbox { position:relative; margin: 0px 0px -22px -22px; z-index:1000; }

	/*** bevestigen ***/
	.registreren input.bevestigen { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_bevestigen.png) no-repeat; width:120px; height:20px; border:none; cursor:pointer;}
	.registreren input.opslaan { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_opslaan.png) no-repeat; width:90px; height:20px; border:none; cursor:pointer;}
	.registreren input.inputbutton { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_bevestigen.png) no-repeat; width:120px; height:20px; border:none; cursor:pointer;}	






/******************************************************************************/
/*** nieuwsbrief **************************************************************/
/******************************************************************************/
.nieuwsbrief .veld { position:relative; float:left; width:422px; height:19px; padding:0px 0px 6px 176px; font-size:11px;}
.nieuwsbrief .veld label { float:left; width:65px; padding:4px 0px 0px 0px;}
.nieuwsbrief .veld input.text { float:left; width:176px; border:1px solid #000;}
.nieuwsbrief .veld input.inputtext { float:left; width:176px; border:1px solid #000;}

	/*** tekst ***/
	.nieuwsbrief p { display:block; padding:0px 0px 15px 0px; text-align:center;}

	/*** inschrijven ***/
	.nieuwsbrief input.inschrijven { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_inschrijven.png) no-repeat; width:120px; height:20px; border:none; cursor:pointer;}
	.nieuwsbrief input.opvragen { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_opvragen.png) no-repeat; width:110px; height:20px; border:none; cursor:pointer;}
	.nieuwsbrief div.inschrijven input { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_inschrijven.png) no-repeat; width:120px; height:20px; border:none; cursor:pointer;}






/******************************************************************************/
/*** orders *******************************************************************/
/******************************************************************************/
table.orders { width:598px; font-size:13px;}
table.orders td { padding:2px 0px 2px 0px;}
	
	/*** kolommen ***/
	table.orders td.datum { width:108px; padding:0px 0px 0px 9px;}
	table.orders td.ordernummer { width:106px;}
	table.orders td.bedrag { width:83px; padding:0px 62px 0px 0px;}
	table.orders td.trace { width:86px; padding:0px 74px 0px 0px;}
	table.orders td.details { width:70px;}
	table.orders td.bedrag, table.orders td.trace { text-align:right;}

	/*** head ***/
	table.orders tr.head { font-weight:bold;}
	table.orders tr.head td.bedrag, table.orders tr.head td.trace { text-align:left;}

	/*** button ***/
	table.orders td.details a { display:block; background:url(../images/formbox_button_details.png) no-repeat; width:65px; height:16px; text-indent:-100000px; overflow:hidden;}






/******************************************************************************/
/*** order_details ************************************************************/
/******************************************************************************/

	 /*** titel ***/
	.order h2 { float:left; background-position:8px 10px; width:253px; padding:10px 0px 15px 35px;}
	.order h3 { float:left; display:block; background:url(../images/order_tnt.png) no-repeat 0px 10px; width:250px; padding:10px 0px 15px 60px; font-size:17px; font-weight:normal;}
	.order h3 em { font-style:normal; text-decoration:underline;}
	
	/*** kop ***/
	.order h4 { display:block; width:590px; padding:0px 0px 2px 8px; font-size:13px;}
	
	/*** orderGegevens ***/
	table.ordergegevens { float:left; width:598px; margin:0px 0px 15px 0px; display:inline;}
	table.ordergegevens td { padding:0px 0px 0px 10px;}
	table.ordergegevens td.left { width:252px;}
	
	/*** orderArtikelen ***/
	table.orderartikelen { float:left; width:578px; margin:0px 10px 10px 10px; border:1px solid #000; display:inline;}
	table.orderartikelen td { padding:3px 5px 2px 5px; border-top:1px solid #000;}
	table.orderartikelen td.naam { width:269px; border-right:1px solid #000;}
	table.orderartikelen td.aantal { width:89px; border-right:1px solid #000; vertical-align:top; text-align:center;}
	table.orderartikelen td.stuk { width:89px; border-right:1px solid #000; vertical-align:top; text-align:right;}
	table.orderartikelen td.prijs { width:87px; vertical-align:top; text-align:right;}
	table.orderartikelen td.aantal .inputtext { border: 1px solid #000;}
	
		/*** head ***/
		table.orderartikelen tr.head td { background:url(../images/order_table_head_bg.png) repeat-x top; height:17px; padding:0px 5px 0px 5px; border-top:none; font-weight:bold;}
		table.orderartikelen tr.head td.stuk { text-align:left;}
	
	/*** orderArtikelen ***/
	table.ordertotaal { float:left; width:578px; margin:0px 10px 10px 10px; border:1px solid #000; display:inline;}
	table.ordertotaal td { padding:10px 5px 9px 5px; border-top:1px solid #000;}
	table.ordertotaal td.left { width:290px;}
	table.ordertotaal td.onderdeel { width:198px;}
	table.ordertotaal td.bedrag { width:60px; text-align:right;}
	
		/*** head ***/
		table.ordertotaal tr.head td { background:url(../images/order_table_head_bg.png) repeat-x top; height:17px; padding:0px 5px 0px 5px; border-top:none; font-weight:bold;}






/******************************************************************************/
/*** checkout *****************************************************************/
/******************************************************************************/		
/*** checkoutHeader ***/
.checkoutheader { float:left; width:598px;}

	/*** titel ***/
	.checkoutheader h2 { background:url(../images/checkout_h2_bg.png) no-repeat 180px 10px;}
	
	/*** statusBar ***/
	.statusbar { float:left; background:url(../images/checkout_statusbar.png) no-repeat 9px 0px; width:578px; height:10px; margin:0px 0px 15px 0px; padding:2px 10px 1px 10px; display:inline; overflow:hidden;}
	.statusbar .vordering { background:#f58220; height:10px; overflow:hidden;}
	
	/*** checkoutStappen ***/
	ul.checkoutstappen { float:left; width:598px; margin:0px; padding:0px 0px 15px 0px; list-style:none;}
	ul.checkoutstappen li { float:left; width:90px; padding:0px 32px 0px 10px;}
	ul.checkoutstappen li.last { width:auto; padding:0px 0px 0px 0px;}
	ul.checkoutstappen li.shopnav { color:#f58220; text-decoration:none;}

/*** orderArtikelen ***/
.checkout table.orderartikelen td.aantal input.aantal { width:28px; height:14px; border:1px solid #000; text-align:center;}
.checkout table.orderartikelen td.aantal input.inputbutton { background:url(../images/checkout_button_bijwerken.png) no-repeat; width:70px; height:20px; border:none; cursor:pointer;}

/*** noot ***/
.checkout p { float:left; display:block; padding:0px 20px 0px 10px;}
.checkout p.noot { display:block; float:left; width:398px; padding:0px 100px 0px 100px; color:#a8a8a8; font-size:13px; text-align:center;}

/*** buttons ***/
.checkout input.winkelen { position:absolute; left:-1px; bottom:-1px; background:url(../images/checkout_button_winkelen.png) no-repeat; width:180px; height:20px; border:none; cursor:pointer;}
.checkout input.afronden { position:absolute; right:-1px; bottom:-1px; background:url(../images/checkout_button_afronden.png) no-repeat; width:220px; height:20px; border:none; cursor:pointer;}
.checkout input.terug { position:absolute; left:-1px; bottom:-1px; background:url(../images/checkout_button_terug.png) no-repeat; width:70px; height:20px; border:none; cursor:pointer;}
.checkout input.verder { position:absolute; right:-1px; bottom:-1px; background:url(../images/checkout_button_verder.png) no-repeat; width:110px; height:20px; border:none; cursor:pointer;}
.checkout input.betaalpagina { position:absolute; right:-1px; bottom:-1px; background:url(../images/checkout_button_betaalpagina.png) no-repeat; width:140px; height:20px; border:none; cursor:pointer;}
.checkout input.bevestigen { position:absolute; right:-1px; bottom:-1px; background:url(../images/formBox_button_bevestigen.png) no-repeat; width:120px; height:20px; border:none; cursor:pointer;}
.checkout .footer input.inputbutton { position:absolute; right:-1px; bottom:-1px; background:url(../images/checkout_button_afronden.png) no-repeat; width:220px; height:20px; border:none; cursor:pointer;}






/******************************************************************************/
/*** checkout_inloggen ********************************************************/
/******************************************************************************/
.checkoutinloggen .formboxboxrel { padding:0px 0px 0px 0px;}






/******************************************************************************/
/*** checkout_servicepunten ***************************************************/
/******************************************************************************/
.checkout h3 { float:left; display:block; width:583px; padding:25px 0px 0px 15px; font-size:13px;}
.checkout h4 { display:block; width:590px; padding:0px 0px 2px 8px; font-size:13px;}
.checkout h5 { float:left; display:block; padding:0px 0px 10px 100px; font-size:13px;}

/*** servicepunten ***/
table.servicepunten { float:left; width:598px;}
table.servicepunten td { padding:3px 0px 0px 0px;}
table.servicepunten td.naam { width:232px; padding:3px 0px 0px 29px;}
table.servicepunten td.plaats { width:180px;}
table.servicepunten td.button { width:65px; padding:3px 5px 0px 7px;}
table.servicepunten td.button a { display:block; background:url(../images/servicepunten_button_bg.png) no-repeat; width:65px; height:16px; color:#FFF; font-weight:bold; text-align:center;}
table.servicepunten td.button a:hover { text-decoration:none;}






/******************************************************************************/
/*** checkout_overizcht *******************************************************/
/******************************************************************************/
.checkout a.aanpassen { float:left; display:block; background:url(../images/checkout_button_bg.png) no-repeat; width:175px; height:18px; margin:0px 0px 15px 10px; padding:2px 0px 0px 0px; color:#FFF; font-weight:bold; text-align:center; display:inline;}
.checkout a.aanpassen:hover { text-decoration:none;}
.WebLogin
{
float: left;
margin: 4px;
}