/* CSS Document */
/* ############### tales.be css/html5 framework v2 (by kvd) ###############  */
/* ############### b02_fonts.css ############### */

/* generic font rules */



body{
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
}



/* ###### GENERIC CLASSES AND TAGS ######  */
em, i, .italic, .i, .em{ font-style: italic !important;}
strong, b, .strong, .bold, .b{font-weight: bold !important;}
sup{line-height: 75%;}	

p, .p, ul, ol{	margin-bottom: 1em;}
ul ul, ol ol, ul ol, ol ul{	margin-bottom: 0;}
li{	margin-bottom: 0.5em;}
	
.intro{
	font-weight: normal;
	font-style: normal;
/*	font-style: normal;
	font-weight: normal;*/
}	

/* ###### LINKS ######  */
a{
	cursor: hand !important;
	 -webkit-transition: all 0.3s ease-out;
	 -moz-transition: all 0.3s ease-out;
	 -o-transition: all 0.3s ease-out; 
	 transition: all 0.3s ease-out;
}
a:link, a:visited{ color: #2E5989;}
a:hover, a:active{ color: #222;}

a:focus{ background-color: #95b631;color: #fff !important;} /* put background color on linkfocus for accessability */

.filtertitle{
	display:block;
	color:white;
	font-size:150%;
	margin-bottom:10px;}

/* ###### HEADINGS ######  */
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #2E5989;
	margin: 0 0 0.75em 0;
	font-weight: normal;
	}	
h1, .h1{ font-size: 200%; }
h2, .h2{ font-size: 175%;}
h3, .h3{ font-size: 150%;}
h4, .h4{ font-size: 125%;}
h5, .h5{ font-size: 110%;}
h6, .h6{ font-size: 100%;}

.results h1{ font-size:140%; margin-bottom:20px}
.results h2{ 
	color:#fff;
	background-color:#2E5989;
	font-size:130%; 
	margin:10px 0 10px 0;
	padding:6px 10px;
/*		border:1px solid #396eaa;*/
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;}	

.resultsdetail h1{ font-size:140%; margin-bottom:20px}
.resultsdetail h2{ 
	color:#2E5989;
	font-size:130%; 
	margin:10px 0 10px 0;
	padding:6px 10px;
/*		border:1px solid #396eaa;*/
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;}