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

/* generic font rules */

@font-face {
    font-family: 'BankGothic';
    src: url('../webfonts/bgothl_0-webfont.eot');
    src: url('../webfonts/bgothl_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bgothl_0-webfont.woff') format('woff'),
         url('../webfonts/bgothl_0-webfont.ttf') format('truetype'),
         url('../webfonts/bgothl_0-webfont.svg#BankGothicLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


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



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

p, .p, ul, ol{	margin-bottom: 0em;}
ul ul, ol ol, ul ol, ol ul{	margin-bottom: 0;}
li{	margin-bottom: 0.5em;}
	
.intro{
	font-family: 'EuroStileDemi', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
/*	font-style: normal;
	font-weight: normal;*/
}	

/* ###### LINKS ######  */
a{
	cursor: pointer !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{ color: #0f488d;}
a:visited{ color: #0f488d;}
a:hover, a:active{ color: #95b631;}

a:focus{ color: #eee; !important;} /* put background color on linkfocus for accessability */

/* ###### HEADINGS ######  */
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #458925;
	margin: 0 0 0.25em 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%;}