/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ######### PAGEBACKGROUND AND -COLOR #########*/
html{background-color: #d3d3d3;}
body{ background-color: #d3d3d3;}
/* watch out: html is the complete screen, body ends directly under footer*/



/*  ##################################  */
/*  ########### SEARCH BOX ###########  */
#icondatabase{ margin-left:7px; margin-top:0px;}
#searchdatabase{ margin-left:7px; margin-top:30px;}

.inputsearch input{ width:206px; height:23px; display:block; background-image: url(../gfx/basics/bg.search-input.gif); background-repeat:no-repeat; border:0; padding:4px 2px 0 25px; margin-bottom:10px; margin-top:10px;}

.button-grey{ background-image: url(../gfx/basics/button-grey.gif); background-repeat:no-repeat; display:block; width:86px; height:21px; padding-top: 2px; margin:10px 10px 0 10px;}

.box-darkgrey .top{  background-image: url(../gfx/basics/box-darkgrey_top.gif); background-repeat:no-repeat; height:6px;overflow:hidden}
.box-darkgrey .content{ background-image: url(../gfx/basics/box-darkgrey_bg.gif); background-repeat: repeat-y; padding:0 10px 0 10px;}
.box-darkgrey .bottom{ background-image: url(../gfx/basics/box-darkgrey_bottom.gif); background-repeat:no-repeat; height:10px;}


#searchbox div a{
	text-decoration: none;
}


/*  ##################################  */
/*  ########### SEARCH RESULT PAGE GRID ###########  */
/* ############### PAGECOUNTER & PAGETURNER ############### */
.pagenavigator{
	display:block;
	float:left;
	width:604px;
	text-align:center;
	color: #999;
	padding:10px 0 10px 0;
	margin:10px 0 10px 0;
}
.pagenavigator a:link, .pagenavigator a:visited{
	text-decoration:underline;
	color: #999;
	padding:0 2px 0 2px;}
.pagenavigator a:hover, .pagenavigator a:active{	color: #666;}
.pagenavigator a.selected{	color: #cf2646; text-decoration:none}

.pagenavigator select{font-size:0.9em;}

.pagenavigator .pageResults{ float:left}
.pagenavigator .pageTurner{}

.borderTop{border-top:1px solid #ccc;}
.borderBottom{border-bottom:1px solid #ccc; margin-bottom:30px;}






/*  ##################################  */
/*  ####### PRODUCT HEADER SLIDESHOW ROW ########  */
.box-lightgrey { 
	margin-bottom:5px;
	background-image: url(../gfx/basics/box-lightgrey_bg.gif); background-repeat: repeat-y;
	overflow:hidden}
.box-lightgrey .top{  
	background-image: url(../gfx/basics/box-lightgrey_top.gif); background-repeat:no-repeat; height:5px; 
	overflow:hidden}
.box-lightgrey .content{ 
	padding:4px 16px 4px 16px;
	overflow:hidden;	 
	 }
.box-lightgrey .bottom{ 
	background-image: url(../gfx/basics/box-lightgrey_bottom.gif); background-repeat:no-repeat; height:5px; 
	overflow:hidden;}
	
	.box-lightgrey a.print{
		background-image: url(../gfx/basics/print.gif)!important;
		background-repeat: no-repeat;
		background-position: 10px center;
		padding-left: 20px;
		display:block;
		overflow:hidden}
	.box-lightgrey a.print:link, .box-lightgrey a.print:visited{ 
		text-decoration:none;	
		color:#333;
		overflow:hidden}
	.box-lightgrey a.print:hover{ 
		color:#fff;
		overflow:hidden}

.box-yellow{
	margin-bottom:5px;
	background-image: url(../gfx/basics/box-yellow_bg.gif); background-repeat: repeat-y; }
.box-yellow .top{  
	background-image: url(../gfx/basics/box-yellow_top.gif); background-repeat:no-repeat; height:5px; 
	overflow:hidden}
.box-yellow .content{ 
	padding:0 20px 0 20px; 
	overflow:hidden;}
.box-yellow .bottom{ 
	background-image: url(../gfx/basics/box-yellow_bottom.gif);
	background-repeat:no-repeat; 
	height:10px; 
	overflow:hidden}

.box-yellow .content span{ margin-bottom:0px; display:block; 
	overflow:hidden}

	/* #### button contacteer ons ####*/
	.contactuslft{
	background-image: url(../gfx/basics/button-contactus-lft.gif);
	background-repeat:no-repeat;
	height:42px;
	display:inline-block;
	color:#FFF;
	overflow:hidden
	}
	.contactusrght{
		background-image:url(../gfx/basics/button-contactus-rght.gif);
		background-repeat:no-repeat;
		display:block;
		height:42px;
		padding:12px 20px 0 20px;
		background-position: right top;
	overflow:hidden
	}


#madeby{ padding-bottom:20px;}