﻿body {min-width: 630px; font-size:9pt; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; width:100%; margin:0px;}
#toolbar {clear:left; text-align:right; width:100%; border-top: 1px solid #808080; border-bottom: 1px solid #808080;margin-bottom:10px; }
#toolbar a {font-size:13px; COLOR: #808080; text-decoration: none;font-weight: bold;}
#toolbar a:hover {COLOR: brown; text-decoration: none;}
.navigation {float:left; margin-left:30px;  }
.floatblock {font-size: 8pt;  width: 150px; padding: 2px; margin-bottom:10px; clear: right;border: 1px solid #c794c8; text-align:center;}
.floathead {padding: 5px; font-weight: bold; color:#ffffff; background-color: #c794c8; }
.imagehead {padding:5px;font-weight:bold;border-bottom: medium solid #8781BD;}
.rechtermenu {position:relative; float:right;padding:.1em; width: 150px;}
#artikelrow {height:130px; width: 320px; background-color: #e0c6e0; float:left; margin-right: 5px; margin-bottom:2px;}
#artikelrowimage {height:130px; width: 105px; background-color: #e0c6e0; float:left; margin-right: 5px; margin-bottom:2px;}
#plaatje {background-color: #c794c8; width: 105px; HEIGHT:105px; float: left; text-align:center;}

#omschrijving {font-size:8pt; margin-left:5px; margin-top:5px; width:205px; float:left;}


.artikelrow {height:130px; width: 320px; border:thin #e0c6e0 solid; float:left; margin-right: 5px; margin-bottom:2px;position:relative}
.plaatje { width: 105px; height:105px; float: left; text-align:center;}
.plaatje img{margin-top:10px;max-width:100%; max-height:100%;}
.omschrijving {font-size:8pt; margin-left:5px; margin-top:5px; width:205px; float:left;height:129px;}


.1artikelrow {height:130px; width: 320px; background-color: #e0c6e0; float:left; margin-right: 5px; margin-bottom:2px;position:relative}
.1plaatje {background-color: #c794c8; width: 105px; height:129px; float: left; text-align:center;}
.1plaatje img{margin-top:10px;}
.1omschrijving {font-size:8pt; margin-left:5px; margin-top:5px; width:205px; float:left;height:129px;}


.afbeeldingen{float:left; padding: 5px; font-size:9px;border: 1px solid #B5B3E4;margin-right:10px; margin-top:10px;text-align:center}
.artikel2content{float:left;margin-right:10px;margin-top:10px;}
.artikelhoofdimage{padding: 5px; font-size:9px;border: 1px solid #B5B3E4; text-align:center;}
.artikelkenmerk{padding-top:10px;font-size:10px;font-weight: bold;}
.artikelkleurcode{float:left; margin-right:12px;text-align:center;}
.artikelkleurcode2{float:left; margin-right:2px;text-align:center;height:90px;}
.artikelimage{float: left; padding: 10px 10px 5px 0;}
.artikelhead{clear:left; padding-top:10px; width:95%;}
.artikelervaring{text-align:left;clear:left; padding-top:10px; margin-top: 30px;margin-left:10px;margin-right:160px;font-size:8pt;}
.ervaring{height:500px;text-align:right;font-size:10px;width:148px;}
.kleurlijnselect{border: 5px inset #B5B3E4;}
.kleurlijnnormaal{border: 5px solid #ffffff;}
.content{

	margin-right:155px;
	margin-left:100px;
	margin-top:10px;
	padding:.5em;
	
}

#mymenu {
	float:left;
	width:100px;
	padding: 0;
	margin: 0 4px 0px 1px;
	
	}

.mymenukop
{
	font-size:12px;
	color: #333333; 
	font-weight:bold; 
	margin:0; 
	padding:6px 0 5px 0;
	margin-top: 15px;
}
.myMenuKop:hover {
  background-color:#c0c0c0;
}

.myMenuKop a{
	text-decoration: none;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid black;
overflow: scroll; /*leave this value alone*/
width: 570px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.myMenuKop a:hover{
text-decoration: underline;
}

.mymenuitem
{
   border-top: dashed 1px #B7B7B7;
   font-size: 12px;
   padding: 5px 0 7px 5px;
   margin: 0;
}

.mymenuitemstart:hover{
  background-color:#cccccc;
}
.mymenuitem:hover {
  background-color:#cccccc;
}

.mymenuitemstart
{
   font-size: 12px;
   padding: 5px 0 7px 5px;
   margin: 0;
}

.mymenuitemstart a
{ 
	text-decoration: none;
	font-weight: 400;
	padding: 0 0 0 5px; 
}

.mymenuitemstart a:hover
{ 
text-decoration: underline;
}

.mymenuitem a 
{ 
	text-decoration: none;
	font-weight: 400;
	padding: 0 0 0 5px; 
}

.mymenuitem a:hover
{ 
text-decoration: underline;
}

#ContentMenuItem
{
	float:left; 
	border-top: 1px solid #B5B3E4;
	border-right: 1px solid #B5B3E4;
	width:150px;
	margin: 0 10px 10px 0;
	height: 150px;
}

#ContentMenuItem img
{
	border: 1px solid #B5B3E4;
	text-align: center;	
	display:block;
	margin:auto;
}
#ContentMenuItem:hover
{
	background-color:#e0c6e0;
}

#ArtikelContent H3 {
Font-size: 12px;
text-align:center;
color:#808080;
}
.idDiscount{position: absolute;background: url('/../../../images/discount-labels-klein.png') no-repeat 0 -49px;
height: 49px;width: 49px;top:75px;right:5px;
}
.ContainerPrijs {height:180px;width:300px; margin-right:50px; position:relative; float:right;}
.ContainerReeks {margin-left:150px; margin-top:200px;}
.price{position: absolute;top:70px;width:300px; text-align:right;font-size:30px; font-family: arial,helvetica; color:black; }
.priceold {position: absolute;top:25px;width:300px;text-align:right;font-size:12px; text-decoration: line-through;color:#808080;}
.discount{position: absolute;top:40px;width:300px;text-align:right; font-size: small;color:black;}
.bestelknop{position: absolute;top:120px;width:300px;text-align:right;color:#808080;}
.dmcrow{border: 1pt solid #C0C0C0 ;height:20px;width:70px;margin-bottom-3px;}
.dmcrow a {float:left;}
.dmcrow div {height:8px;width:8px;float:right;margin-right:5px;margin-top:5px;}

.footer {
	text-align:center;
	font-size:10px;
	clear: both; 
 width: 100%; height:100px; left: 0;}
 
.rating_bar {
  width: 55px;
  background: url('') repeat-x 0 0;
}

.rating_bar div {
  height: 12px;
  background: url('') repeat-x 0 0;
}
ul.stapwinkel{
	list-style:none;
	overflow:hidden;

}

.stapwinkel li {
	background-image:url('/../../../../../../../../../images/hobbydoosstappen.gif');
	background-repeat: no-repeat;
	font-size: 13px;
	height: 27px;
	line-height: 23px;
padding-left: 35px;
position: relative;
float: left;
margin-right:10px;
}
.stapwinkel a {
text-decoration:none;
color: black; 
}
.stapwinkel li.active{
background-position: 0px -27px;
color: #e73a96;	
}
.stapwinkel li.first
{margin-left:0px;
	
}
.stapwinkel li span{
	color: #FFFFFF;
font-family: georgia;
font-size: 14px;
font-weight: bold;
left: 9px;
top: 0px;
line-height: 23px;
position: absolute;
}
