/* CSS Document */
/* ############### tales.be css framework v0.2 (by kvd) ###############  */
/* ############### FONTS.SITENAME.CSSFRAMEWORK ############### */

/*
contains:
	GENERIC 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{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	margin-bottom: 10px;}

h1,h2,h3,h4,h5,h6{font-weight: bold; font-family: Arial, Helvetica, sans-serif;						
						text-indent: 18px; background-position: bottom left;
						margin-bottom: 5px; color: #3a687d;
						background-image: url(../gfx/basics/arrow.headings.gif); background-repeat: no-repeat;}	
h1{ font-size: 200%; margin-top: 20px; background-position: 0px 6px;}
h2{ font-size: 175%; margin-top: 20px; background-position: 0px 6px;}
h3{ font-size: 150%; margin-top: 20px; background-position: 0px 2px;}
h4{ font-size: 125%; margin-top: 20px; background-position: 0px 0px;}
h5{ font-size: 110%; margin-top: 20px; background-position: 0px -3px;}
h6{ font-size: 100%; margin-top: 20px; background-position: 0px -3px;}

.news h2{
	font-size: 125%; background-image: none; text-indent: 0;
}

td{}



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


/* ############### FOOTER ############### */
#footer{	color: #575757; font-size: 90%}
#footer a:link, #footer a:visited{	color: #575757; text-decoration: none;}
#footer a:hover, #footer a:active{	color: red}


/* ############### 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;}

.newslink{
	color: #3a687d !important;
	text-decoration: none;
	display: block;
	margin-top: 5px;
}
.newslink:hover, .newslink:active{
	color: red !important;
}

/* ############## sitespecific ################ */
.twoCols#header .col2 p{ line-height: 125%;}

.externallink:link, .externallink:visited{
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: 15px;
	color: Blue !important;
	background-image: url(../gfx/basics/ico.url.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.externallink:hover, .externallink:active{
	color: Red !important;
	background-image: url(../gfx/basics/ico.url.hover.gif);
	background-repeat: no-repeat;
}

.formlinkblock a:link, .formlinkblock a:visited{
	color: #3a687d !important;
	text-decoration: none;
}
.formlinkblock a:hover, .formlinkblock a:active{
	color: Red !important;
}



#related{
	
	font-size: 85%;
}
#related h4 { font-size: 150%; border-bottom: 1px solid #718493;
	}

#related a:link, #related a:visited {
	font-style: italic;
	text-decoration: none;
	color: #3a687d;
}	
#related a:hover, #related a:active {
	background-color: #a1b0b8;
	color: #fff;
}