/* CSS Document */
/* ############### tales.be css framework v0.3 (by kvd) ###############  */
/* ############### FONTS.TALES.CSSFRAMEWORK ############### */

/*
contains:
	font rules - to be adjusted for each site that uses this framework
	DOES NOT INCLUDE NAVIGATION FONTS
*/	



/* ############### BASIC FONT SETTINGS ############### */
/* ############### ADJUST ON A AS-NEEDED-BASE ############### */
html, body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #747474;}
p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 150%;
	}

	
	
h1,h2,h3,h4,h5,h6{ color: #d00c0c; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px;}	
h1{ font-size: 200%; margin-top: 20px}
h2{ font-size: 175%; margin-top: 20px}
h3{ font-size: 150%; margin-top: 20px}
h4{ font-size: 125%; margin-top: 20px}
h5{ font-size: 110%; margin-top: 20px}
h6{ font-size: 100%; margin-top: 20px}

.newsoverview h2{ font-size: 125%; margin-top: 20px}


/* ############### CRUMBPATH ADDONS ############### */
#crumbpath{
	color: #747474 !important; /* crumbpathdividers color */
	margin-bottom: -20px;
}
#crumbpath a:link, #crumbpath a:visited{
	text-decoration: none !important;
	color: #747474;}
#crumbpath a:hover, #crumbpath a:active{	color: #d00c0c;}




td{}


#maincontent ul{	list-style: square;	margin: 10px 0 10px 40px;}
#maincontent ul li{	margin-bottom: 3px;}


/* ############### FOOTER ############### */
#footer p{	text-align: center;}
#footer a{	text-decoration: none;}
#footer a:link, #footer a:visited{	color: #747474;}
#footer a:hover, #footer a:active {	color: #D00C0C;}

/* ############### FAQ ############### */
.faq li a{
	text-transform: uppercase;
	background-color: #D2D2D2;
	display: block;
	padding: 3px 0 3px 0;
}
.faq li a:link, .faq li a:visited{ color: #575757/*#D00C0C*/;}
.faq li a:hover, .faq li a:active{ color: blue;}


/* ############### VERKOOPPUNTEN ############### */
.verkooppunten .dealer a{	font-weight: bold; text-decoration: none; color: #707579;}
.verkooppunten .dealer a:link, .verkooppunten .dealer a:visited{ color: #707579;}
.verkooppunten .dealer a:hover, .verkooppunten .dealer a:active{color: #D00C0C;}