/*BODY, td {
	margin:0px;
	padding:0px;
    FONT-SIZE: 68.25%;
    FONT-FAMILY: Verdana, Arial;
	color: #000000;
	font-weight : normal;
}*/
	
Body,td
{	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 12pt;
    color: #000000;
	font-weight : normal;
}
A {
	text-decoration : none;
	font-family : Verdana, Arial;
    FONT-SIZE: 8pt;
    font-weight:bold;
	color: #FF8C00;
	
}

A:HOVER {
	text-decoration : underline;
	color: #FF8C00;
}

a.dark {
	font-size: 7pt;
	color: #F0037F;
	text-decoration: none;
}

a.medium {
	font-size: 11px;
	color: Blue;
	text-decoration: none;
}

A:HOVER.medium {
	text-decoration : none;
	color: red;
}

A:HOVER.maintopic {
	text-decoration : none;
	color: #ffffff;
}

A:HOVER.white {
	text-decoration : none;
	color: #FF8C00;
}

A:HOVER.menu_white {
	text-decoration : none;
	color: #333333;
}

.GradientGrayVertical
{
  background : #AFAFAF;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#AFAFAF', endColorstr='white', gradientType='0');
}

.Shadow
{
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=5);
  border : solid #606060 1px; 
}


.Panel
{
  background: #F0F0F0;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#F0F0F0', gradientType='0')
          progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=3);
}

.PanelReverse
{
  background: #F0F0F0;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F0F0F0', endColorstr='white', gradientType='0')
          progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=3);
}

.PanelDarker
{
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#E0E0E0', gradientType='0')
          progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=3);
}

.Shadow
{
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=10);
}

.LightShadow
{
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=135, Strength=2);
}

a.alt {
	font-size: 7pt;
	color: #FF8C00;
	text-decoration: none;
}

a.white {
	font-size: 7pt;
	color: #ffffff;
	text-decoration: none;
}

a.menu_white {
	font-size: 7pt;
	color: #ffffff;
	text-decoration: none;
}

a.maintopic {
	font-size: 11pt;
	color: #ffffff;
	background-color:#FF8C00;
	text-decoration: none;
	font-weight : bold;
}

a.greylink {
	font-size: 8pt;
	line-height: 14pt;
	font-weight: bold;
}

.small  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #ffffff;
	font-weight : bold;
}

.normal  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight : normal;
}

.alt  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FF8C00;
	font-weight : bold
	}


h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #FF3399;
	font-weight : bold;
	margin-top : 7pt;
	margin-bottom : 0pt;
}


h2 {
	font-family :Helvetica, sans-serif, Verdana, Arial ;
	font-size: 11pt;
	color: #FF3399;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 4px;
}

h3 {
	font-family :Helvetica, sans-serif, Verdana, Arial ;
	font-size: 10pt;
	color: red;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 4px;
}

h4 {
	font-family :Helvetica, sans-serif, Verdana, Arial ;
	font-size: 10pt;
	color: #A0D727;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 4px;
}

.teaserheader {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight : bold;
}
	

P  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight : normal;
	line-height : 12pt;
	margin-top : 2pt;
	margin-bottom : 10pt;
	height: 93px;
	width: 476px;
}

P.list  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight : normal;
	line-height : 12pt;
	margin-top : 0pt;
	margin-bottom : 0pt;
}


P.illu  {
	line-height : 10pt;
	font-size: 7pt;
	margin-top : 3pt;
	margin-bottom : 12pt;
}


td.cell {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight : normal;
}
	
td.rowheader {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	font-weight : bold;
}

td.colheader {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight : bold;
}

td.maintopic {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #CCCCCC;
	background-color:#FF8C00;
	font-weight : bold;
}

tr.maintopic {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #CCCCCC;
	background-color:#FF8C00;
	font-weight : bold;
}

INPUT.search {
	font-size:8pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-Color:#ffffff;
	BORDER: #b1b1b1 1 solid;
	width: 120px;
}

P.s2d  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #00A0C6;
	font-weight : bold;
	margin-top : 5pt;
	margin-bottom : 5pt;
	line-height: 16pt;
}

P.s2dsmall  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #00A0C6;
	margin-top : 2pt;
	margin-bottom : 2pt;
	line-height: 10pt;
}


td.s2d {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight : normal;
}

INPUT.s2d {
	font-size:8pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

SELECT.s2d {
	font-size:8pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width:160px;
}

a.s2d {
	font-size:8pt;
	text-decoration : none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5353b7;
}

.prodhead
{
	font-size:9pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: red;	
}




.prod_blok{
	float:left;
	width:164px;
	height:164px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:10px;
    font-weight:bold;
	color:#0099CC;
	background:white;
	border:1px solid grey;
}
.prod_blok span
{
	padding-left:3px;
}


.prod_image{
	float:left;
	width:100%;
	height:125px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}


.prod_blok a{
	float:right;
	font-size:10px;
	color:#FF9933;
	margin-top:2px;
	position :relative;
	top : 1px;
	padding-right:10px;
	background:url(../content/images/bestellen.gif) no-repeat right;
	
}

.prod_blok a:hover{
	background:url(../content/images/bestellen_over.gif) no-repeat right;
}
.prodprijsmaat
{
	font-size :	9px;
	font-weight : bold;
	color :#333333;
	margin :2px;
}




.art_blok{
	float:left;
	width:194px;
	height:194px;
	margin-right:6px;
	margin-bottom:6px;
	font-size:10px;
    font-weight:bold;
	color:#0099CC;
	border:1px dashed #A0D727;
	background:white;
}


.art_image{
	float:left;
	width:100%;
	height:160px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}


.art_blok a{
	float:right;
	font-size:10px;
	color:#FF9933;
	margin-top:2px;
	position :relative;
	top : 1px;
	padding-right:10px;
	background:url(../content/images/bestellen.gif) no-repeat right;
	
}

.art_blok a:hover{
	background:url(../content/images/bestellen_over.gif) no-repeat right;
}

.productinfo
{
	background-color : #20282D;
	color :White;
	height:100%;
	width:215px;
	position:relative;
	left:6px;
	padding:5 5 5 5;
	font-size: 10pt
	}
.productinfo p
{
	
	font-size: 8pt
}

.productinfo h4
{ padding:2 2 2 2;
	color:#79AF1D;
	font-size: 12pt;
	}
	


.GreenButton
{
  color: black;
  font-size: 8pt;
  font-family: Tahoma;
  font-weight:bold;
  background: #A0D727;
  border: solid gray 1px;
  text-align: center;
  vertical-align: middle;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=135, Strength=1)
         progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#A0D727', gradientType='0');
  margin-bottom: 2px;
  height: 20px;
  padding-left: 2px;
  padding-right: 2px;
  cursor:hand;
}

.BlueButton
{
  color: black;
  font-size: 8pt;
  font-family: Tahoma;
  font-weight:bold;
  background: #00A0D9;
  border: solid gray 1px;
  text-align: center;
  vertical-align: middle;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=135, Strength=1)
         progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#00A0D9', gradientType='0');
  margin-bottom: 2px;
  height: 20px;
  padding-left: 2px;
  padding-right: 2px;
  cursor:hand;
}

.OrangeButton
{
  color: black;
  font-size: 8pt;
  font-family: Tahoma;
  font-weight:bold;
  background: #FF9933;
  border: solid gray 1px;
  text-align: center;
  vertical-align: middle;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=135, Strength=1)
         progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#FF9933', gradientType='0');
  margin-bottom: 2px;
  height: 20px;
  padding-left: 2px;
  padding-right: 2px;
  cursor:hand;
}


.orderproces_stappen_td1_on { /*  ------------------stap 1 winkelmandje actief*/
	background: transparent url(../images/rechts-on.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float: left;
	height: 29px; /* hoogte van plaatje */
	margin-right: 6px;
	padding-right: 13px; /* pas dit aan op de breedte van het img rechts */
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}
.orderproces_stappen_td1_on span { /*wanneer de stap actief is*/
 	background: transparent url(../images/winkelmandje-links-on.gif);
	background-repeat:no-repeat;
	display: block;
 	line-height: 29px; /* wijzig dit naar de hoogte van het plaatje */
 	padding: 0px 5px 0px 30px;
	color: #2f2f2f;
	text-decoration: none;
}
.orderproces_stappen_td1_on a span { /*wanneer de stap is gedaan, daardoor is de stap nu klikbaar */
 	background: transparent url(../images/winkelmandje-links-on.gif);
	background-repeat:no-repeat;
	display: block;
 	line-height: 29px; /* wijzig dit naar de hoogte van het plaatje */
 	padding: 0px 5px 0px 30px;
	color: #000000;
	text-decoration: none;
} 
.orderproces_stappen_td1_on a:hover span { /*hover*/
	color: #2f2f2f;
	text-decoration: none;
} 
.orderproces_stappen_td1_off { /*inactief*/
	background: transparent url(../images/rechts-off.gif);
	background-repeat:no-repeat;
	background-position:top right; 
	float: left;
	height: 29px; /* hoogte van plaatje */
	margin-right: 6px;
	padding-right: 13px; /* pas dit aan op de breedte van het img rechts */
	text-decoration: none;
	color: #9a9485;
	font-weight:bold;
}
.orderproces_stappen_td1_off span {
 	background: transparent url(../images/winkelmandje-links-off.gif);
	background-repeat:no-repeat;
	display: block;
 	line-height: 29px; /* wijzig dit naar de hoogte van het plaatje */
 	padding: 0px 5px 0px 30px;
} 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DATA TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.data-table {
	font-size:.8em;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin: 0px 0 0px 0;
	}

table.data-table caption{
	background:#a4a4a4;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	font-size:1.2em;
	margin-top:30px;
	border-bottom:3px solid #FFF;
	}

table.data-table td,
table.data-table th{
	padding:8px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}

table.data-table th{
	text-align:left;
	background:#666666;
	color:#FFF;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	}
	
table.data-table td{
	}

table.data-table tr.row-alternating td{
	background:#ebebeb;
	}