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


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html, body{
	background-color: #2d2f36;
	background-image: url(../gfx/basics/bg.jpg);
	background-repeat: repeat-x;
	line-height: 150%;
	}
a, a:link, a:visited{
	color:#666666
}
a:hover{
	color:#606060	}
	
.divider{margin:0 2px 0 2px; color:#3c3f47}

/* ############### CRUMBPATH ADDONS ############### */
#crumbpath{
	color: #999 !important; /* crumbpathdividers color */
}
#crumbpath a:link, #crumbpath a:visited{
	text-decoration: underline !important;
	color:#999
}
#crumbpath a:hover, #crumbpath a:active{	color: silver;}

/* ############### GENERIC CONTENT ITEMS ############### */
#itemContainer {
	margin-bottom: 20px;
}
.contentImg{ margin-bottom:10px}

.bgArrow {
	background-image:url(../gfx/basics/arrow.onWhite.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	padding-bottom:1px;
}

	
/* ##################### newsthumb ####################### */	
.newsthumb{
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.width330{ width:330px}
.width412{ width:412px}

/* ############### PRODUCTEN GRID ############### */
#rowContainer{
margin-bottom:15px}

.productGrid{width:214px; margin-right:10px; float:left; text-align:center;}
*html* .productGrid{ } /* IE6 */


.productGrid a, .productGrid a:link, .productGrid a:active, .productGrid a:visited{font-size:120%; color:#000; text-decoration:none}
.productGrid a:hover{color:#ed902c}
.productGrid #productImage{margin:3px;}
.productGrid #productTitel{margin:6px 5px 0 30px; font-weight:bold}

/* col 1: links naar externe dealers & leveranciers */ 
#externelinks{ margin:30px 0 0 10px}

/* ############### LINKBLOK = COL3 + bottom homepage ############### */
#itemblock{
	margin-bottom:10px}

#linkblock a.item{
	display: block;
	text-decoration: none !important;
	padding:0;
	margin-bottom:5px;}
	
#linkblock a.item span.h1{
	display: block;
	background-color:#e5eaeb;
	border-bottom:1px solid #ced7d9;
	padding:4px 4px 4px 14px;}	
	
#linkblock span.h1noURL{
	display: block;
	background-color:#e5eaeb;
	border-bottom:1px solid #ced7d9;
	padding:4px 4px 4px 14px;}
	
#linkblock a.item span.h1arrow{
	display: block;
	background-color:#e5eaeb;
	background-image:url(../gfx/basics/arrow.lightBlue.jpg);
	background-repeat:no-repeat;
	background-position: 210px center;
	border-bottom:1px solid #ced7d9;
	padding:4px 4px 4px 14px;}
	
#linkblock a.item span.h2{
	display: block;
	margin:0;
	padding:0 0 0 5px;}

#linkblock a.item span.description{
	display: block;
	padding:0 9px 0 14px;
	font-size : 85%;
	line-height: 155%;
	color: #606060;
	text-decoration: none !important;}

#linkblock a.item:hover, #linkblock a.item:active{
	background-color: #F3F5F5;
}
#linkblock a.item:hover span.h1, #linkblock a.item:active span.h1{	color: #000;}
#linkblock a.item:hover span.h2, #linkblock a.item:active span.h2{	color: #000;}
#linkblock a.item:hover span.description, #linkblock a.item:active span.description{ color: #000;}



/* ############### FOOTER ############### */
#footer p{
	border-top: 1px solid #969798;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#footer a:link, #footer a:visited{	color: #65676e;}
#footer a:hover, #footer a:active{	color: #fff;}


/* FORM   //////////////////////////*/
INPUT, Label, textarea, INPUT.submit, .textinput, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #606060;
	padding:1px;
	margin-top:-1px;}
	
.formtitel{
	display:block;
	padding: 2px 3px 2px 6px;
	font-size:100%;
	font-weight:bold;
	border-bottom: 1px solid #999;
	margin: 10px 0 5px 0}

.required{color:#51a8db; margin-right:3px; font-weight:bold; font-size:14px}