/* CSS Document */

body			{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg/bg-body.gif) no-repeat center bottom; color: #444444;}
body,html		{height:100%; height:100%!important; min-height:100%; }
a			{text-decoration:none; color:#870579;}
a:hover			{color:#999999;}
img			{border:none;}
ul			{margin:0; padding:0;}
li			{list-style:none; margin:0; padding:0;}
.clear			{height:0px; line-height:0px; font-size:0px; clear: both;}
#hometext               { margin: 1px; padding: 5px; background:#fff url(../images/bg/dash-hor.gif) repeat-x left bottom; }
#content                { margin: 2px 0 0 0;
                         background:url(../images/bg/dash-hor.gif) repeat-x left top;}
#container		{width:947px; margin:2px auto 0 auto;}
#dash			{height:173px;}

#header			{width:947px; height:173px; background: url(../images/header/01.jpg) no-repeat 0 top;}
#header ul              {width:947px; height:41px; margin:0; padding:0; }
#header ul li		{float:left; margin:0; padding:0; list-style:none; height:41px; width:auto!important; white-space:nowrap; }
#header ul li input     {float:left; margin:-5px 0 0 10px; color:#870579; font-weight: bold; border: 2px solid #9bb671;background: url(../images/arrow/arrow-nav-top.gif) no-repeat scroll 6px; padding: 0 0 0 15px; width: 150px;}
#winkelmandimg          {position: relative; margin:10px 0 0 0; float: right; width: 95px; padding: 0 15px 0 0; }
#header ul li a		{font-size:13px; text-decoration:none; color:#bac50a; line-height:41px; text-align:left; padding:0 15px 0 15px; display:block; background: url(../images/arrow/arrow-nav-top.gif) no-repeat 6px 19px;}
#header ul li a:hover	{color:#870579;}
#header ul .onderschrift{padding:15px 0 0 0; height: 20px; float:left; width:185px!important; text-align:center; font-weight:bold; letter-spacing:1px; color:#b9b9b9;}

#example		{margin:1px; padding:6px 0 0 0; height:34px; background:#f7f7f7; }
#example strong		{color:#870579;}
#example em		{color:#870579;}
menubuttonsfrommarkup	{}


#left			{width:175px; float:left;}
#left ul								{width:175px; background:url(../images/bg/dash-hor.gif) repeat-x left top; margin:0; padding:0;}
#left ul li								{line-height:30px; height:30px; width:175px; line-height:30px; background:url(../images/bg/dash-hor.gif) repeat-x left bottom; margin:0; padding:0;}
#left ul li h2 a {
  font-size: 12px;
}
#left ul li	a							{height:30px; line-height:30px; display:block; padding:0 0 0 20px; color:#870579; text-decoration:underline; background:url(../images/arrow/arrow-nav-top.gif) no-repeat 10px 13px;}			
#left ul li	a:hover						{text-decoration:none; color:#bac50a;}
#left ul li	a:active					{text-decoration:none; color:#870579; font-weight:bold;}
#left ul li .aktief {text-decoration:none; color:#870579; font-weight:bold;}
#left ul li .last {
  line-height:30px;
  height:30px; 
  background:url(../images/bg/bg-left-last.gif) no-repeat left bottom!important;
  margin:0;
  padding:0 0 0 20px;
}

#right			{width:755px; float:right; margin:0px;}
#right h1, h2, h3	{color:#666666; font-size:18px; margin: 0px;}

#productOverzicht ul	                  { padding:0 0 0 1px; width:755px; }
#productOverzicht ul li		          { height:255px; display:block; width:188px; float:left; background:#FFFFFF url(../images/bg/dash-hor.gif) repeat-x left bottom; }
#productOverzicht ul li	div.rechtsdahs    { width:188px; height:255px; }
#productOverzicht ul li div div.subtitel  { display:block; }
#productOverzicht ul li div img.product   { display:block; text-align:left; padding:0; color:#870579; font-size:15px; font-weight:bold; cursor: hand; }
#productOverzicht ul li div h3.titel a	  { color: #870579; width:172px!important; text-align:left!important; padding:0 0 4px 5px; display:block; font-size:13px; }






.subtitel               {color:#666666; font-size:18px; font-size: 10px; padding: 0 5px 0 5px; }
.product								{padding:0 0 0 6px;}
.bottom			{height: 30px; width:172px!important; text-align:right!important; color:#bbbbbb; display:block; padding:15px 15px 0 0; font-size:12px; font-weight:bold; margin: 0 0 2px 0;}
.bottom a {
  height:    30px !important;
  width:     40px !important;
  background: #fff !important;
  margin:    0 0 2px 2px !important;
  float:     left;
}
.bottom a .img {
  float:     left;
  margin:    0 0 2px 2px !important;
}
.prijs									{color:#870579!important; font-size:14px!important; font-weight:bold;}
#catEerste        							{width:374px; height:213px; background: url(../images/bg/dash-vert.gif) repeat-y right top;}
#cat									{width:187px; height:213px; background: url(../images/bg/dash-vert.gif) repeat-y right top;}
#bg										{width:186px; height:212px;}
#bg	h1									{color:#000; font-family:"Trebuchet MS", Tahoma, Verdana; font-size:18px; padding:10px 0 0 10px; margin:0;}
#bg	p									{color:#000; margin:0; padding:0 5px 0 10px; font-size:12px; line-height:15px;}

#right #detail							{}
#right #beeld							{float:left; width:378px; height:480px; margin:0 0 0 1px;}
#right #descr							{float:left; width:375px;}
#right #descr h1						{color:#870579; font-size:22px; padding:10px; margin:0;}
#right #descr p							{color:#8f8f8f; line-height:18px; margin:0; padding:0 10px 10px 10px; }
#right #descr #crumb					{padding:0 10px 0 10px; line-height:30px; background:url(../images/bg/dash-hor.gif) repeat-x left bottom; color:#870579; font-weight:bold;}
#right #descr #crumb a					{color:#870579; font-weight:normal!important; text-decoration:underline; }
#right #descr #crumb a:hover			{color:#870579;}
#right #descr form					{ padding:10px; margin:0; background:#F7F7F7;}
#right #descr form h2					{color:#870579; margin:0;}

#right #descr form strong				{color:#8f8f8f; width:20px;  padding:0 2px 0 2px; text-align:center; }
#right #descr form b					{color:#8f8f8f; width:100%; line-height:20px; height:20px; display:block;}
#right #descr form #l					{float:left; width:140px; padding:0 0 10px 0;}
#right #descr form #r					{float:left; width:115px;}
#right #descr form #ll					{float:left; width:100px;}
#right #descr #terug					{padding:10px; font-size:18px; font-weight:bold;}
#right #descr #terug a					{color:#a9a9a9;}
#right #descr #terug a:hover			{text-decoration:underline;}
#right #descr #terug .paars				{color:#870579;}
#right #prijsklasse						{width:100%; background:#ededed url(../images/bg/dash-hor.gif) repeat-x left top;}
#right #prijsklasse	h5					{height:40px; line-height:40px; margin:0; padding:0 0 0 45px; background: url(../images/arrow/arrow.gif) no-repeat 15px 1px; font-size:18px; color:#870579;}
#right #bgprijs							{background: #FF0000 url(../images/bg/dash-hor.gif) repeat-x left bottom; height:41px;}


#right #winkelmand	h5						{height:40px; line-height:40px; margin:0; padding:0 10px 0 10px; background:url(../images/bg/dash-vert.gif) repeat-y right top; font-size:18px; color:#870579;}
#right #winkelmand form						{margin:0; padding:0; width:749px; background:url(../images/bg/dash-vert.gif) repeat-y right top;}
#right #winkelmand .item					{background:url(../images/bg/dash-hor.gif) repeat-x top left; padding:1px 0 0 1px ; width:747px; float:left;}
#right #winkelmand .item img				{float:left; margin:0; padding:0; border:none;}
#right #winkelmand .item .ammount h1		{color:#870579; font-size:18px; padding:20px 10px 5px 0; margin:0;}
#right #winkelmand .item .ammount			{width:250px; height:93px;  float:left;}
#right #winkelmand .item .price				{text-align:right; float:left; height:55px; line-height:55px; width:110px; background:url(../images/bg/dash-vert.gif) repeat-y left top; font-size:25px; font-weight:bold; padding:0 20px 0 20px; margin:21px 0 0 0; color:#870579;}
#right #winkelmand .item .delete			{float:left; height:55px; width:200px; text-align:left; line-height:55px; background:url(../images/bg/dash-vert.gif) repeat-y left top; font-weight:bold; padding:0 20px 0 20px; margin:21px 0 0 0; color:#870579;}
#right #winkelmand .item .delete a			{background:url(../images/buttons/verwijderen.gif) no-repeat left top; padding:0 0 0 35px; margin:16px 0 0 0; height:25px; line-height:25px; display:block; width:75px; color:#8f8f8f;}
#right #winkelmand .item .delete a:hover 	{color:#5c5c5c; background:url(../images/buttons/verwijderen-o.gif) no-repeat left top;}
#right #winkelmand .item b					{float:left; display:block; height:25px; line-height:25px; padding:0 10px 0 0;}
#right #winkelmand .item strong				{color:#8f8f8f; width:20px;  padding:0 2px 0 2px; text-align:center; }
#right #winkelmand .item .aantal			{margin:0 5px 0 0;}

#right .totaal								{width:749px; background:#ededed url(../images/bg/dash-hor.gif) repeat-x left top;}
#right .totaal h5							{height:40px; width:332px!important; background: url(../images/bg/dash-vert.gif) repeat-y right top; line-height:40px; margin:0; padding:0 20px 0 0; font-size:13px; float:left; text-align:right;}
#right .totaal .price						{text-align:right; float:left; height:40px; line-height:40px; width:110px; background:url(../images/bg/dash-vert.gif) repeat-y right top; font-size:25px; font-weight:bold; padding:0 20px 0 20px; margin:0 0 0 0; color:#870579;}


#accContainer {
	width: 749px;
	background: ;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.menuTitle {
	background:  url(../images/bg/bg-top.gif) repeat-y left top;
	font-size: 17px;
	font-weight:bold;
	display: block;
	color: #2f3d31;
	text-decoration: none;
	outline-style:none;
	height: 26px;
	line-height: 26px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-bottom:0;
}
 
.content {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #5E6257;
	display: block;
	padding:0 0 0 0;
	background: url(../images/bg/dash-form-vert.gif) repeat-y right top;
}

#accContainer form			{width:748px; height:auto; margin:0; padding:0;}
#accContainer form .line	{}
/* Formulier */
#accContainer form label	{width:200px; text-align:left; float:left; color:#8f8f8f; }
/* Eind Formulier */	
#accContainer form strong	{line-height:30px; color:#870579;}
.nummer						{color:#777777;}
.verplicht					{color:#FF0000; font-size:15px; font-weight:bold;}
.font						{padding:10px;}
.personalia					{}
.linebottom					{}
.white						{background:#FFFFFF;}

#betaalmethode 				{background:url(../images/bg/dash-hor.gif) repeat-x left bottom;}
#betaalmethode form			{width:748px; margin:0; padding:0; background:none!important;} 

.betaling strong					{color:;}
#overzicht 							{background:url(../images/bg/dash-hor.gif) repeat-x left bottom;}

.staffel							{ width:368px; float:left; padding: 2px; }
.column								{float:left; padding:0; color:#FFF;}
.price								{border-top:1px solid #870579; border-right:1px solid #870579; font-size:12px; padding:3px; text-align:center; line-height:20px;}
.amount								{border-right:1px solid #870579; font-size:13px; padding:3px; text-align:center; line-height:20px;}

.staffelLeft				                { color:#56554c; background: #97bd0e;
                                                          float:right; width:354px; border-left:1px solid #FFFFFF; padding: 10px; margin: 0 5 0 5; }

#realprice							{background:;}

#bestellen							{background:url(../images/buttons/bestellen.gif) no-repeat left top; width:68px; height:25px; display:block; float:left; margin:0 10px 0 0;}
#bestellen:hover					{background:url(../images/buttons/bestellen-o.gif);}	
#offerte							{background:url(../images/buttons/offerte.gif) no-repeat left top; width:113px; height:25px; display:block; }
#offerte:hover						{background:url(../images/buttons/offerte-o.gif);}	

#offerteB							{background:url(../images/buttons/offerteB.gif) no-repeat left top; width:177px; height:25px; display:block; margin-left: 75px; }
#offerteB:hover						{background:url(../images/buttons/offerteB-o.gif);}	

.row_sub						{display:none;}
.row_sub_over						{display:block;}

.page							{color:#870579; font-size:18px; padding:24px 10px 10px 10px; margin:0;}
.text_purple						{color:#870579;}
.text_purple p						{color:#8f8f8f; line-height:18px; margin:0; padding:10px; }
.text_purple strong					{color:#870579; padding:10px;}	
p									{color:#8f8f8f; line-height:18px; margin:0; padding:10px; } 

#footer								{}

#bijschrift							{width:300px; position:absolute; padding:25px 0 0 25px; margin:0 0 0 174px; line-height:18px; float:left;}
#bijschrift	h1						{color:#999999; font-size:12px; font-weight:bold; margin:0; padding:0;}
#bijschrift	h1 a					{color:#870579; text-decoration:underline;}
#bijschrift	h1 a:hover				{text-decoration:none;}
#bijschrift	p						{color:#999999; font-size:12px; font-weight:bold; margin:0; padding:0;}
#bijschrift	p a					{color:#870579; text-decoration:underline;}
#bijschrift	p a:hover				{text-decoration:none;}


.row		{display:none;}
.left		{float:left; width:150px;}
.right		{float:right;}

#countdown				{padding:0; margin:100px 0 0 660px; width:250px; position:absolute; font-size:14px; font-weight:bold; color:#fff;}
#countdown strong		{font-size: 24px;}

#right .bd ul li a		{background: url(../images/bg/dash-vert.gif) repeat-y right top; width:200px; height:23px; display:block; text-align:left; padding:0; color:#870579; font-size:15px; font-weight:bold;}
#right .bd ul		{padding:0 0 0 1px; width:200px;}