/* CSS Document */
/* ############### tales.be css framework v0.1 (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.9em;
	color: #000;}
p, ul, ol{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	margin-bottom: 10px;}

	
	
h1,h2,h3,h4,h5,h6{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}

/* ############### GENERIC MARKUP STUFF ############### */
.red{ color: #ad0f1e;}
.yellow{ color: #e1a600;}


.twoCols#content .col1 h1{	
	/*color: #9a9a9a;*/
	color: #7C7C7C;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	margin-top: 50px;
	}
	
.productfiche .twoCols#content .col2 h1{	
	color: #000;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;}

.productfiche .twoCols#content .col2 h2{	
	color: #000;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: normal;}
	
.freetext .twoCols#content .col2 h2{	
	color: #000;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 50px;
	display: block;}	

.freetext .twoCols#content .col2 h3{	
	color: #E1A700;
	/*color: #B98B00;*/
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;}
	
.bedrijf .twoCols#content .col2 h2{	
	color: #000;
	font-size: 125%;
	font-weight: bold;}
	
.news h1, .contact h1, .maintemplate h1{	font-size: 150%;/* margin-top: 45px;*/}
.news h2{	font-size: 100%;}

#normen h2{	font-weight: bold !important; margin-bottom: 10px;}
#normen a{ text-decoration: none }

#merken h2{	font-weight: bold !important; margin-bottom: -10px;}
#merken h3{	font-weight: normal !important; font-size: 0.85em; margin-bottom: -15px; margin-left: 20px;}
		
td{}


#maincontent ul{	list-style: square;	margin: 10px 0 10px 40px;}
#maincontent ul li{	margin-bottom: 3px;}

/* ############### GENERIC LISTS ############### */
#maincontent ul{	list-style: square;	margin: 10px 0 10px 40px;}
#maincontent ul li{	margin-bottom: 3px;}


/* ############### FOOTER ############### */
#footer{	color: #000; font-size: 70%}
#footer a:link, #footer a:visited{	color: #000; text-decoration: none;}
#footer a:hover, #footer a:active{	color: #ad0f1e;}
#footer .yellow {	color: #ffcb00;}

/* ############### LINKS ############### */
#languageselection{ }
#languageselection a:link, #languageselection a:visited{ }
#languageselection a:hover, #languageselection a:active{ }
#languageselection a.selected{}

#crumbpath{	color: #000; /* crumbpathdividers color */}
#crumbpath a:link, #crumbpath a:visited{text-decoration: none;	color: red;}
#crumbpath a:hover, #crumbpath a:active{color: silver;}
#crumbpath a.selected{}


#maincontent a:link{ color: blue;}
#maincontent a:visited{ color: silver;}
#maincontent a:hover, #maincontent a:active{ color: red;}


/* ############### FORMS ############### */
textarea, input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
}
#verplicht{
	font-size: 75%;
}
#disclaimer{
	font-size: 75%;
	color: gray;
}



/* ############### OTHER ############### */


/* ############### NEWS ############### */



.newssummary .twoCols#content .col2 a:link, .newssummary .twoCols#content .col2 a:visited{	color: #000;}
.newssummary .twoCols#content .col2 a:hover, .newssummary .twoCols#content .col2 a:active{	color: #AE121E; background-color: #F2F2F2;}