/*-----------------------------------------------------------------------------------------*/
/* Headings */

h1 {
	background: #00a6ec;
	display: block;
	padding: 5px;
	margin: 0px;
	margin-bottom: 15px;
	width: 100%;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	}

	

/*-----------------------------------------------------------------------------------------*/
/* Productgroups */

#productgroups /* Main container */
{
	padding-left: 40px;
}

.groupitem /* Single items */
{
	float: left;
	width: 139px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.groupitem img /* Image */
{
	border: 0px;
	width: 139px;
	height: 185px;
	background-color: #cbcbcd;
}
div.groupfoot /* Footer (with link) */
{
	background-color: #cbcbcd;
	margin: 0px;
	padding: 5px;

}

a.groupfoot, a.groupfoot:link, a.groupfoot:active, a.groupfoot:visited, a.groupfoot:hover /* Actual title link */
{
	display: block;
	color: #00a6ec;
	text-align: center;
	
}

a.groupinfo, a.groupinfo:link, a.groupinfo:active, a.groupinfo:visited, a.groupinfo:hover /* Description link */
{
	display: block;
	background-image: url(grafix/gpijl.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	margin-top: 5px;
	padding-left: 5px;
}



/*-----------------------------------------------------------------------------------------*/
/* Product detail */

#product_left /* Left */
{
	width: 250px;
	float: left;
	
}


#images_header {
	background-color: #cbcbcd;
	width: 290px;
	height: 20px;
	display: block;
	margin-bottom: 10px;
	background-image: url(grafix/adown.gif);
	background-repeat: no-repeat;
	background-position: 270px 4px;
	
	
}

#no_images_footer {
	background-color: #cbcbcd;
	width: 290px;
	height: 20px;
	display: block;
	background-image: url(grafix/aup.gif);
	background-repeat: no-repeat;
	background-position: 270px 4px;
	
	
}


#product_left img  /* Big product image */
{
	border: 1px solid #00a6ec;
}


#product_right /* Right */
{
	float: left;
	width: 290px;

}

div.imageitem /* Sfeerimages */
{
	
}

div.imageitem img {
	float: left;
	margin-right: 5px;
	border: 1px solid #00a6ec;
}


div.imageitem p {
	padding: 0px;
	margin: 0px;
}

.tekst,td   	    {color: #000000;font-family:arial; font-size:10pt;  font-weight:regular}
.kop                {color: #000000;font-family:arial; font-size: 12pt;  font-weight: bold}
.kop_groot          {color: #02709E;font-family:arial; font-size: 14pt;  font-weight: bold}
.normal		    {color: #000000;font-family:arial; font-size:10pt;  font-weight:regular}

.tdtop
   { background-color: #ffffff; background-image: url("grafix/top.jpg"); background-repeat: no-repeat; background-position: left 50%; height: 158px }


.tdright
   { background-image: url("grafix/right.jpg"); background-repeat: no-repeat; background-position: top; width: 255px; valign: bottom }


.tdmain
 { background-image: url("grafix/main.jpg") ; background-repeat: repeat-y; color: #000000;  font-size: 10pt; font-family: arial; font-weight: regular; background-color: #ffffff;  padding-right: 8px; padding-left: 8px; padding-top: 8px; height: auto; vertical-align: top }



/*Einde 800 versie*/


.clear 
{
	clear: both;
}

.knop
{ 
	background-color: #004960; 
	border: 1px solid #B8D332; 
	color: #B8D332; 
	font: bold 10px arial,arial;
	cursor: pointer;
	width: 95px;
	height: 20px;
	text-align: center;
	vertical-align: top;
} 

.knop2
{ 
	background-color: #B8D332; 
	border: 1px solid #004960;
	color: #004960; 
	font: bold 10px arial,arial;
	cursor: pointer;
	width: 95px;
	height: 20px;
	text-align: center;
	vertical-align: top;
} 


a:link              
{
	color			: #00A6EB; 
	font-size		: 10pt; 
	border			: 0px transparent; 
	text-decoration	: underline; 
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a:active   
{
	color			: #00A6EB;
	font-size		: 10pt; 
	border			: 0px transparent; 
		text-decoration	: underline;
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a:visited           
{
 	color			: #00A6EB; 
	font-size		: 10pt; 
	border			: 0px transparent; 
		text-decoration	: underline;
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a:hover          
{
 	color			: #02709E; 
	font-size		: 10pt; 
	border			: 0px transparent; 
	text-decoration	: underline; 
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a.mail:hover             
{
	color			: #ffffff;
	font-size		: 10pt; 
	border			: 0px transparent; 
	text-decoration	: none;  
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a.mail:link              
{
	color			: #ffffff; 
	font-size		: 10pt; 
	border			: 0px transparent; 
	text-decoration	: none; 
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a.mail:active   
{
	color			: #ffffff;
	font-size		: 10pt; 
	border			: 0px transparent; 
		text-decoration	: none; 
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a.mail:visited           
{
 	color			: #ffffff; 
	font-size		: 10pt; 
	border			: 0px transparent; 
		text-decoration	: none; 
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}

a.mail:hover             
{
	 color			: #ffffff;
	font-size		: 10pt; 
	border			: 0px transparent; 
	text-decoration	: none;  
	font-weight		: bold; 
	font-family		: arial; 
	cursor			: pointer;
}


body#body
{
	background-image: url(grafix/back.jpg);
	background-position: center;	
	color			: #004960; 
	font-size		: 10pt; 
	font-family		: arial;
	margin with		: 0px;
    margin height	: 0px;
    SCROLLBAR-FACE-COLOR		: #004678;
    SCROLLBAR-HIGHLIGHT-COLOR	: #0F5D95; 
    SCROLLBAR-SHADOW-COLOR		: #0F5D95;     
    SCROLLBAR-3DLIGHT-COLOR		: #0F5D95; 
    SCROLLBAR-ARROW-COLOR		: #ffffff; 
    SCROLLBAR-TRACK-COLOR		: #ffffff; 
} 


.table
{
    border-style: solid;
    border-color: #000000;
    border-width: 0px;
    color: #000000;
    font-size: 10pt; 
    font-family: Arial;
	vertical-align: top;
}






.clCMAbs {
	LEFT 		: 0px; 
	VISIBILITY	: hidden; 
	POSITION	: absolute; 
	TOP  		: 0px;
}

/*begin level0  */
.clLevel0   { 
	color: #000000; 
	font-size: 9pt; 
	font-family: arial; 
	font-weight: regular; 
	text-align: center; 
	padding: 3px 2px 2px; 
	position: absolute 
	}

.clLevel0over { 
	color: #A5160E; 
	font-size: 9pt; 
	font-family: arial; 
	font-weight: bold; 
	background-image: url("/grafix/knop.jpg"); 
	background-position: center; 
	background-repeat: no-repeat; 
	text-align: center; 
	cursor: pointer; 
	padding: 3px 2px 2px; 
	position: absolute 
	}

.clLevel0border 
{
	VISIBILITY		: hidden; 
	POSITION		: absolute; 
	BACKGROUND-COLOR: none;
}
/*einde  level0  */

/*begin level1  */
.clLevel1 {
	PADDING-RIGHT	: 2px; 
	PADDING-LEFT 	: 2px;
	PADDING-BOTTOM	: 2px; 
	PADDING-TOP		: 2px;  
	FONT-FAMILY		: arial;
	FONT-SIZE		: 9pt; 
	FONT-WEIGHT		: bold; 
	POSITION		: absolute; 
	text-align		: left;
	COLOR			: #FFFFFF; 
	BACKGROUND-COLOR: #020202; 
}

.clLevel1over {
	PADDING-RIGHT	: 2px; 
	PADDING-LEFT	: 2px; 
	PADDING-BOTTOM	: 2px; 
	PADDING-TOP		: 2px; 
	FONT-FAMILY		: arial; 
	FONT-SIZE		: 9pt; 
	FONT-WEIGHT		: bold; 
	POSITION		: absolute; 
	text-align		: left;
	CURSOR			: pointer; 
	COLOR			: #000000; 
	BACKGROUND-COLOR: #CCCCCC; 

}

.clLevel1border {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: none; 
}
/*einde  level1  */