/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.03.fonts.css ############### */
/*
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;
	line-height: 1.2em;
	color: #777;
	}
	
/* ###### GENERIC CLASSES AND TAGS ######  */
strong, b, .strong, .bold, .b{ font-weight: bold !important;}
em, i, .italic, .i, .em{ font-style: italic !important;}
sup{line-height: 75%;}	

p, .p{	margin: 0 0 1em 0; text-align: justify;}

/* @group a */

/* ###### LINKS ######  */
a{
	cursor: pointer !important;
}
a:link{ color: #549dcf;}
a:visited{ color: #549dcf;}
a:hover, a:active{ color: red;}

/* @end */



/* @group h1>h6 */

/* ###### HEADINGS ######  */
h1,h2,.h1, .h2{
	color: #0071b9;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	}

h3,h4,h5,h6, .h3, .h4, .h5, .h6{
	color: #777;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	}	
	
	

h1, .h1{ font-size: 200%;}
h2, .h2{ font-size: 125%; background-color: #ffed0c; margin-bottom: 10px; padding-left: 5px; margin-left: -5px;}
h3, .h3{ font-size: 110%;}
h4, .h4{ font-size: 100%;}
h5, .h5{ font-size: 90%;}
h6, .h6{ font-size: 80%;}

/* @end */

/* @group Lists */

/* ###### LISTS ######  */
ul{	margin: 0 0 1em 2em;	}	
ul li{
	list-style-type: square;
	margin-bottom: 0.25em;
	}
ul ul li{	list-style-type: disc;}

ol{	margin: 0 0 1em 2.5em;	}	
ol li{
	list-style-type: decimal;
	margin-bottom: 0.25em;
	}
ol ol li{	list-style-type: upper-roman;	}

/* @end */






/* @group Sidepanels */
.panel{
	font-size: 0.7em;
	line-height: 1.2em;
}
.sidebartitle{
	color: #0071b9;
	font-size: 0.95em;
	font-weight: bold;
	margin-top: -5px;
	text-align: left;
}
.panel ul li a{
	text-decoration: none;
	
}

.panel li a:link, .panel li a:visited{
	color: #0071b9;
}

.panel li a:active, .panel li a:hover{
	color: red;
}
.panel input{
	font-size: 1em;
}
/* @end */




/* @group maincontent */

#maincontent{
	font-size: 0.85em;
	line-height: 1.45em;
}

#maincontent h1{
	background-image: url(/websites/18/uploads/gfx/basics/background.h1.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 7px 16px;
	margin-left:  0 0 10px -16px;
	left:  -16px;
	position: relative;
}


#maincontent h1{	font-size: 160%;}
#maincontent h2{	font-size: 120%;}
#maincontent h3{	font-size: 100%;}
/* @end */



/* @group newsitem short */
.newsitem p{
	line-height: 1.4em;
}
.newsitem .allnewsitems a{
	color:  #777;
}
	.newsitem .allnewsitems a:hover, .newsitem .allnewsitems a:active{
		color:  red;
	}

.newsitem .date{
	color:  #0071b9;
	font-weight: bold;
}

.newsitem h2{
	background-color: transparent;
	color:  #1a171b;
	font-weight: bold;
	margin-bottom:  0.25em;
	
}

.subhome .newsitem h2{
	background-color: #ffed0c;
	color:  #0071b9;
	
}

/* @end */
#contentsection .col3{
	font-size: 120%;
}





/* @group footer */

/* ###### FOOTER ######  */
#footer{
	color: #fff;
	text-align: center;
	font-size: 0.9em;
}
#footer a{
	text-decoration: none;
}
#footer a:link, #footer a:visited{	color: #fff;}
#footer a:hover, #footer a:active{	color: yellow;}

#footer .col1 a:link, #footer .col1 a:visited{	color:  yellow;}

#footer .col1 a:hover, #footer .col1 a:active{	color:  white;}
/* @end */

#footer .col3{
	font-size: 0.8em;
}


/* @group made by */
/* ###### MADEBY ######  */
#madeby{
	color: #fff;
	text-align: center;
}

#madeby a:link, #madeby a:visited{	color: #fff;}
#madeby a:hover, #madeby a:active{	color: red;}


/* @end */