a { text-decoration: none; color: #000}
 
	body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, img {
	     font-family: arial;
	     font-size: 11px;
	     border: 0;
	     margin: 0;
	     color: #000;
		}

	b {
		font-weight: bold;	
		color: #cc66ff;
		}	
		
	h1 { color: #cc66ff; font-weight: bold; word-spacing: 0; margin: 0; display: block;} 

	h2 {
		width: auto;
		padding: 2px 0 0 5px;
		margin: 0 0 5px 0;
		font-weight: bold;
		color: #cc66ff;
		}

	h2 span {
		position: absolute;
		right: 35px;
		font-weight: normal;
		}		
		
	h2 div {
		font-weight: normal;
		font-weight: bold;
		color: #bfbfbf;
		display: inline;
		margin: 0 5px 0 15px;
		}

	.labelrechts {
		position: absolute;
		right: 35px;
		font-weight: normal;
		}		
		
	.infolabel {
		padding: 2px 0 0 5px;	
		font-weight: normal;
		color: #bfbfbf;
		}	

	.infolabel a {
		color: #bfbfbf;
		}	

	.infolabel div {
		text-align: right;
		float: right;
		}	
		
	.labelprijs {
		width: 70px;
		padding: 0 5px 0 0;
		}	
		
	.labelaantal {
		width: 58px;
		}
	
	h5 {
		float: left;
		width: 200px;
		padding: 2px 0 0 5px;
		margin: 0 0 5px 0;
		font-weight: bold;
		color: #cc66ff;
		}
		
	h2 span, h2 span a, h2 div a  {color: #bfbfbf;}
		
	h3 {
		padding: 4px 5px 4px 5px;
		font-weight: bold;
		color: #cc66ff;
		}

	h4 {
		width: auto;
		padding: 2px 0 2px 5px;
		font-weight: bold;
		color: #cc66ff;
		background: url(../siteimages/index-m1.png) no-repeat bottom left; 
		}
		
	html {
		height: 100%; 
		}	

	body {
		height: 100%; 
		background: #FFF url(../siteimages/index-b3.gif) repeat-x top center;
		}

	fieldset {
		margin: 0;
		padding: 0;
		float: left;
		display: inline;
		border: 0;
		}		

	.fieldset_2 {
		margin: 0 5px 0 0;
		padding: 0;
		float: right;
		display: inline;
		}		
		
	ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}		
		
	.left { 
		float: left; 
		padding: 0;
		margin: 0;
		}
				
	.right { float: right; }	
		
	#mp_base {
		position:relative;
		padding: 0 10px 0 10px;
		height: 100%;
		width:920px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0;
		}

	.form, .fieldset_3 {
		padding: 0;
		margin: 0;
		}
		
	.search {
		float: right;
		height: 26px;
		width:230px;
		padding: 0;
		margin: 109px 0 0 0;
		}	

	.search a {
		float: right;
		}			
		
	.search input {
		float: left;
		padding: 4px;
		margin: 3px 0 0 0;
		height: auto;
		width: 160px;
		color: #b0b0b0;
		border: 1px solid #bfbfbf;
		}
	
	#mp_top {
		display: inline;
		float:left;
		height:210px;
		width:710px;
		padding: 0 0 20px 0;
		background: url(../siteimages/index-l1.gif) no-repeat top left;
		}		

	#mp_top ul {
		float:left;
		padding: 0;
		margin: 118px 0 0 50px;
		width: 296px;
		height: 15px;
		overflow: hidden;
		background: url(../siteimages/index-k4.gif) no-repeat;
		}

	#actie_base img {
		border: 1px dotted #bfbfbf;
		margin: 0 0 19px 0;
		}
		
	.fotomargin	{
		margin: 0 0 0 19px;
		}
		
	.miniwinkelwagen {
		position: absolute;
		left: 600px;
		top: 25px;
		padding: 10px 10px 10px 10px;
		height: auto;
		margin: 0;
		border: 1px dotted #bfbfbf;
		background: #F7F7F7;
		color: #cc66ff; 		
		}

	.miniwinkelwagen {
		color: #cc66ff; 		
		}
		
	a#h, a#w, a#i {
		display: block;
		float: left;
		height: 15px;
		text-indent: -1500em;
		background: url(../siteimages/index-k4.gif) no-repeat;	
		}

	a#h {background-position: 0 -15px; width: 56px;}
	a#w {background-position: -56px -15px; width: 110px;}
	a#i {background-position: -166px -15px; width: 130px;}

	a#h:hover, a#w:hover, a#i:hover, a#x:hover, a#c:hover, a#r:hover {
		background-image: none;
		}	

	#mp_footer {
		display: inline;
		float: right;
		margin: 0 20px 0 15px;	
		width: 686px;
		height: 101px;
		background: url(../siteimages/index-b2.gif) no-repeat top left;
		}

	#mp_footer ul {
		float: left;		
		padding: 70px 0 0 16px;
		margin: 0;
		width: 270px;
		height: 15px;
		list-style: none;
		}	

	#mp_footer p  { 
		padding: 70px 16px 0 0;	
		float: right;
		color: #D2D1D1;
		}
		
	a#x, a#c, a#r {
		display: block;
		float: left;
		height: 15px;
		text-indent: -1500em;
		overflow: hidden;
		background: url(../siteimages/index-b1.gif) no-repeat;
		}

	a#x {background-position: 0 0; width: 80px;}
	a#c {background-position: -80px 0; width: 85px;}
	a#r {background-position: -165px 0; width: 85px;}
	
	#left_menu {
		clear: left;
		float: left;
		height: auto;
		width: 165px;
		}
		
	#mp_menu_onder { 
		float: left;
		display: inline;
		width: 140px; 
		height: 200px;
		padding: 30px 0 0 0;
		margin: 0 5px 0 20px;
		text-align: left;
		}		
	
	#mp_menu_onder li { 
		padding: 0 0 0 12px;
		height: 14px;
		width: auto;
		}	

	#mp_menu {
		float: left;
		display: inline;
		width: 140px; 
		height: auto;
		margin: 0 5px 0 20px;
		text-align: left;
		}
		
	#mp_menu ul {
		display: inline;
		}

	#mp_menu li { 
		float: left;
		height: auto;		
		border-top: 1px dotted #dddddd;		
		}

	#mp_menu li a {
		display : block;		
		padding: 9px 0 9px 5px;
		height: 14px;
		width: 135px;
		}
	
	#mp_menu li li { 
		background: none;
		height: auto;
		width: 130px;		
		padding: 2px 5px 2px 5px;
		border: 0;
		}

	#mp_menu li ul { 
		float: left;
		background: #efdfff;	
		padding: 0 0 8px 0;
		}	
		
	#mp_menu li li ul { 
		padding: 0;
		}	
		
	#mp_menu li li li { 
		width: 120px;
		padding: 2px 5px 2px 10px;
		}

	#mp_menu li.oranje {
		font-weight: bold;	
		background: #efdfff url(../siteimages/index-pixel.gif) repeat-x top left;
		}
		
	#mp_menu li li a {
		float: left;
		display : block;
		width: 115px;
		height: auto;
		padding: 0 0 0 10px;
		text-align: left;
		background: url(../siteimages/index-a2.gif) no-repeat center left;		
		}	
		
	#mp_menu li a:hover {
		background: #efdfff url(../siteimages/index-pixel.gif) repeat-x top left;		
		}
	
	#mp_menu li li a:hover {
		color: #cc66ff;
		background: url(../siteimages/index-a2.gif) no-repeat center left;			
		}

	#mp_menu li img {
		position:absolute;
		left: 155px;
		margin: 2px 0 0 0;
		}

	#main, #overzicht_base, #actie_base, #cebit_base, #ww_base, #afronden_base, #factuur, #afrekenen, #besteloverzicht, #backorder_base  {
		display: inline;
		float: right;
		margin: 0 20px 0 15px;	
		width: 686px;
		height: auto;
		padding: 0;
		}

	#legenda_base {	
		display: inline;
		float: right;
		padding: 0;
		margin: 25px 20px 0 15px;
		width: 686px;
		height: auto;
		}	

	#login_base label, #pgegevens label, #wachtwoord-mailer label {
		margin: 0;
		display: block;
		}
		
	 #levering_base label, #levering_base input {
		display: block;
		float: left;
		padding: 0;
		margin: 0 0 5px 5px;
		} 

	.grijs, .ww_fieldoff, #pgegevens input.inpformlock { color: #aaa;}

	.pform { padding: 3px 5px 9px 5px; }		
		
	#login_base, #wachtwoord-mailer, #pgegevens_base, #lgegevens_base, #levering_base, #klantgegevens, #status_base, #categorie_base {	
		display: inline;
		float: right;
		padding: 0;
		margin: 0 20px 25px 15px;
		width: 686px;
		height: auto;
		}			

	#info_base, .info_base {	
		display: inline;
		float: right;
		padding: 0 0 0 30px;
		margin: 0 20px 25px 20px;
		width: 646px;
		height: auto;
		background: url(../siteimages/index-a3.gif) no-repeat top left;		
		}	

/* ================================================================================================ */		

.buttonsmall {margin: 3px;}
		
a.buttonsmall {
    background: transparent url(../siteimages/buttona.png) no-repeat scroll top right;
    color: #cc66ff;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 6px;
    text-decoration: none;
}

a.buttonsmall span {
    background: transparent url(../siteimages/buttonspan.png) no-repeat;
    display: block;
    line-height: 16px;
    padding: 4px 0 4px 6px;
}		

.buttonbig {margin: 3px;}
		
a.buttonbig {
    background: transparent url(../siteimages/buttonbiga.png) no-repeat scroll top right;
    color: #cc66ff;
    display: block;
    float: left;
    height: 44px;
    margin-right: 6px;
    padding-right: 15px;
    text-decoration: none;
}

a.buttonbig span {
    background: transparent url(../siteimages/buttonbigspan.png) no-repeat;
    display: block;
    line-height: 16px;
    padding: 14px 0 14px 15px;
	font-size: 16px;
	font-weight: bold;
}

		
/* ================================================================================================ */			
	
	#categorie_base  li { 
		float: left;
		width: 152px;
		}

	#categorie_base li a {
		display : block;
		height: 152px;		
		}
		
	#categorie_base span { 
		float: left;
		width: 130px;
		margin: 0 10px 0 10px;
		height: 30px;
		text-align: center;		
		}		
		
/* ================================================================================================ */
		
	#nieuws_base, #nieuwsklein_base {
		display: inline;
		float: right;
		margin: 15px 20px 0 15px;	
		width: 686px;
		height: auto;
		}
		
	#nieuwsklein_base li { 
		float: left;
		width: 152px;
		height: 217px
		}	
	
	.nieuwskleinmargin {
		background: #F7F7F7;
		margin: 0 26px 26px 0;
		}	
	
	.nieuwsklein {
		background: #F7F7F7;
		margin: 0 0 26px 0;		
		}	

	#nieuwsklein_base img, #categorie img {
		border: 1px dotted #dddddd;		
		margin: 10px 10px 5px 10px;
		}	

	#nieuws_base img {
		border: 1px dotted #dddddd;	
		padding: 0px;
		margin: 0 15px 0 0;
		}	
		
	.nieuwskleininfo {
		float: left;
		padding: 0 5px 5px 5px;
		width: 130px;
		height: 26px;
		overflow: hidden;
		}	

	.nieuwskleinprijs {
		float: left;
		padding: 7px 5px 8px 5px; 
		width: 80px;
		text-align: left;
		font-weight: bold;	
		color: #cc66ff;
		height: 16px;
 		font-size: 14px;
		}
		
	.foto {
		float: left;	
		padding: 0 10px 0 5px;
		}

	.tag {
		float: left;	
		padding: 0 5px 0 0;
		}		
		
	.nieuws_info {
		float: right;
		width: 538px;
		}
	
	#overzicht_base li {
		float: left;
		display : block;
		width: 686px;
		height: 44px;
		padding: 2px 0 2px 0;
		background: #F7F7F7;
		border-top: 1px dotted #dddddd;		
		}		

	#overzicht_base img {
		float : left;	
		padding: 2px;
		}
	
	.overzicht_info {
		float: left;
		padding: 8px 10px 0 3px; 
		width: 466px;
		}	

	.overzicht_prijs {
		float: left;
		padding: 8px 5px 0 0; 
		width: 50px;
		text-align: right;
		}	

	.overzicht_field {
		float: left;
		padding: 4px 0 4px 0;
		margin: 3px 0 0 20px;
		width: 26px;
		height: auto;
		border: 1px solid #bfbfbf;
		text-align: center;
		background: #FFF;
		}

	#legenda_base li { 
		width:686px;
		padding: 1px 0 1px 0;
		}		

	#legenda_base img {
		float: left;	
		padding: 0 5px 0 0;
		}		
	
	.product, #nieuws_base li {
		float: right;
		padding: 10px 0 30px 0;
		width: 686px;
		height: auto;
		border-top: 1px dotted #dddddd;
		background: url(../siteimages/index-n1.png) no-repeat top left;
		}

	#product_base {
		display: inline;
		float: right;
		margin: 0 15px 0 15px;		
		width: 686px;
		height: auto;
		}

	#product_form {
		padding: 11px 0 0 0;
		}	
		
	#product_base input.aantal {
		float: left; 
		margin: 3px 3px 0 0;
		padding: 4px 0 4px 0;
		width: 26px;
		height: auto;
		border: 1px solid #bfbfbf;
		text-align: center;
		background: #FFF;		
		}	


	#product_info {
		float: left;
		padding: 5px 5px 5px 5px;
		margin: 0;
		width: 400px;
		height: auto;
		text-align: left;
		border: 1px dotted #dddddd;
		background: #F7F7F7;
		}		

	#product_status {
		float: left;
		width: 410px;
		margin: 0 0 10px 0;
		height: auto;
		text-align: left;
		border: 1px dotted #dddddd;
		background: #F7F7F7;
		}	
		
	#product_status  img {
		float: left;
		}	
		
	#product_status  p {
		float: left;
		width: auto;
		padding: 5px 5px 5px 5px;	
		height: auto;		
		}	
	
	#product_tag {
		float: left;
		padding: 5px 5px 5px 5px;
		width: 50px;
		height: auto;
		color: #bfbfbf;		
		text-align: left;
		}	

	#product_taglist {
		float: left;
		padding: 5px 5px 5px 5px;
		width: 290px;
		height: auto;
		color: #bfbfbf;		
		text-align: left;
		}	
		
	#product_info ul, .informatie_base ul { 
		display: block;
		height: auto;
		margin: 0 0 10px 0;
		width: 100%;		
		float: left;		
		}	

	#product_foto  li {
		float: left;
		width: 262px;
		}		
		
	#product_foto {
		float: right;
		width: 262px;
		height: 750px;
		}		
		
	#product_foto img {
		padding: 5px;
		display: inline;
		border: 1px dotted #dddddd;		
		}	
		
	#product_prijs {
		float: left;
		padding: 20px 0 20px 20px;
		margin: 0;
		width: 190px;
		}			

	#product_aantal {
		float: left;
		margin: 20px 0 0 80px;
		width: 45px;
		}	

		
	#foto_base {
		display: inline;
		padding: 0;
		float: left;
		width: 100%;
		height: auto;
		color: #cc66ff; 
		font-weight: bold;
		background: url(../siteimages/index-p1.gif) no-repeat top right;	
		}	

	#foto_base img {
		float: left;
		padding: 40px 40px 40px 40px;
		}			
		
	#foto_info {
		display: block;
		padding: 19px 10px 0 10px;
		width: auto;
		height: auto;
		}	

	#foto_prijs {
		float: right;
		padding: 19px 0 0 0;
		width: 102px;
		height: 32px;
		text-align: center;
		}		
		
	#ww_base p, #afrekenen p {
		float: left;
		width: 100%;
		height:60px;		
		border-top: 1px dotted #dddddd;
		}
		
	#ww_base p a img, #factuur a img {
		padding: 10px 5px 0 5px;
		}		
		
	#ww_totaal, #af-totaal {
		float: right;
		width: auto;
		height: auto;
		padding: 13px 8px 10px 20px;
		margin: 1px 0 0 0;
		text-align: right;
		font-size: 16px;
		border-left: 1px solid #DDD;
		background: #FFF;
		}
		
	#ww_button {
		float: left;
		margin: 5px 0 0 0;
		width: auto;
		}
		
	.ww_delete {
		float: left;
		padding: 3px 4px 0 6px;		
		width: 16px;	
		}

	.ww_prijs, .af-prijs {
		float: left;
		padding: 8px 5px 0 0;		
		width: 70px;	
		text-align: right;
		}
		
	.ww_field {
		float: left;
		padding: 4px 0 4px 0;
		margin: 3px 0 0 30px;
		width: 26px;
		height: auto;
		border: 1px solid #bfbfbf;
		text-align: center;
		background: #FFF;
		}		

	.ww_aantal {
		float: left;
		padding: 5px 0 0 0;
		margin: 3px 0 0 30px;		
		width: 28px;
		text-align: right;		
		}		
		
	.ww_fieldoff {
		float: left;
		padding: 4px 0 4px 0;
		margin: 3px 0 0 30px;
		width: 26px;
		height: auto;
		border: 1px solid #bfbfbf;
		text-align: center;
		background: #FFF;
		background: #efefef;
		}	
		
	.ww_info {
		float: left;
		padding: 8px 0 8px 0;		
		width: 452px;
		}

	.ww_info_2 {
		float: left;
		padding: 8px 0 8px 5px;		
		width: 473px;
		}		

	.backorder_info2 {
		float: left;
		padding: 8px 0 8px 35px;		
		width: 620px;
		}			
		
	.backorder_aantal {
		float: left;
		padding: 8px 0 8px 5px;		
		width: 25px;
		}

	#pgegevens input.inpform {
		padding: 4px;
		margin: 0 0 8px 0;	
		width: 250px;
		border: 1px solid #C9C9C9;
		font: 11px arial, sans-serif;
		background: #FFF;
		height: auto;
		}

	#pgegevens input.inpformlock {
		padding: 3px;
		margin: 0 0 8px 0;	
		border: 1px solid #C9C9C9;
		width: 210px;
		background: #efefef;
		font: 11px arial, sans-serif;
		}
		
	#wachtwoord, #klantnummer, #mail {
		border: 1px solid #C9C9C9;
		width: 160px;
		background: #FFF;
		font: 11px arial, sans-serif;
		padding: 3px;
		margin: 0 0 8px 0;
		} 

	#opmerking {
		border: 1px solid #C9C9C9;
		width: 450px;
		background: #FFF;
		font: 11px arial, sans-serif;
		padding: 4px;
		margin: 0 0 5px 0;
		} 
		
	#pgegevens span {
		margin: 7px 15px 0 5px
		}		

	.status { 
		float: left;
		padding: 5px 5px 40px 5px;
		margin: 0;
		width: 674px;
		height: auto;
		border-top: 1px dotted #dddddd;			
		background: url(../siteimages/index-n1.png) no-repeat top left;
		}
		
	.status span {
		padding: 0 15px 0 5px;
		color: #cc66ff;
		}

	.status span a, #product_info a, #mp_menu_onder li a:hover {
		color: #cc66ff;
		}

		
		
		
	#login_base form, #pgegevens, #lgegevens_base p, #levering, #wachtwoord-mailer form, #afronden, #legenda, #klantgegevens-info {	
		padding: 5px;
		margin: 0;
		width: 674px;
		height: auto;
		border: 1px dotted #dddddd;
		background: #F7F7F7;
		float: left;
		}		

	#login_base label, #pgegevens label, #wachtwoord-mailer label {
		display: block;
		}		
		
	#login_base p, #afronden_base p {	
		width: 490px;
		float: left;
		}			

	#levering_base br {clear: left;}				

	.back-tekst, .backorder_info {
		float: left;
		padding: 8px 0 8px 5px;	
		width: 470px;
		}		
		
	.status li, #klantgegevens li, #product_info li, .informatie_base li  { 
		padding: 0 0 0 12px;
		height: auto;
		background: url(../siteimages/index-a2.gif) no-repeat 0px 5px;
		}	

	.navinfo { 
		float:right;
		padding: 15px 5px 15px 5px;
		margin: 0 0 30px 0;
		width:674px;
		height: auto;
		background: #F7F7F7;		
		border: 1px dotted #dddddd;	
		}	

	.navinfo a { 
		margin: 0 15px 0 0;
		color: #bfbfbf;
		}		
		
		
	#leeg2, #leeg, .leeg, .informatie  { 
		float:right;
		padding: 15px 5px 15px 5px;
		width:674px;
		height: auto;
		background: #F7F7F7;		
		border: 1px dotted #dddddd;	
		}	
				
	.pijl {
		float: left;
		padding: 0 0 0 10px;
		text-align: left;
		background: url(../siteimages/index-a2.gif) no-repeat center left;		
		}	

	.pijl2 {
		float: right;
		width: 528px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
		background: url(../siteimages/index-a2.gif) no-repeat center left;	
		}		

	.pijl3 {
		margin: 10px 5px 2px 2px;
		}	

	.shop { 
		float:right;
		padding: 15px 5px 15px 5px;
		width:674px;
		height: auto;
		margin: 10px 0 10px 0;
		background: #F7F7F7;		
		border: 1px dotted #dddddd;	
		}	
		
	.shop img {
		padding: 0;
		margin: 10px 10px 10px 150px;
		border: 1px dotted #dddddd;	
		}	
		
	.informatieideal {
		float: right;
		width: 495px;
		background: #F7F7F7;
		border: 1px dotted #dddddd;
		margin: 10px 0 0 0;
		padding: 6px 5px 6px 5px;
		}
		
	.informatieideal p {
		margin: 6px 0 0 0;
		}		

	.informatie_base {
		display: inline;
		float: right;
		margin: 0 20px 20px 15px;
		width: 686px;
		height: auto;
		}		
		
	#ww_base ul, #backorder_base ul, #mp_top li, #mp_footer li  {float: left;}	
		
	#main li, #ww_base li, #factuur li, #afrekenen li, #besteloverzicht li, #backorder_base li { 
		float: left;
		padding: 6px 0 6px 0;
		width: 686px;
		height: auto;
		background: #F7F7F7;
		border-top: 1px dotted #dddddd;
		}