/* CSS Document */
/* ############### tales.be css framework v0.3 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html, body{
	background-color: #3e4449;
/*	background-color:#fbf7f2;*/
	background-image:url(../gfx/basics/bg.sand.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0;
	}

/* IE5.5 kan geen divs centreren via margin=0; kan dit wel via text-align=left in de body.  
   niet vergeten in de Pagewrapper de text-align terug op Left te zetten, anders blijft alles gecentreerd*/
#5.5 html, body { text-align:center}

p{}

.internallinklist{}
/*.internallinklist */ul li{
	list-style-image: url(../gfx/basics/arrow.internallinklist.gif);}
/*.internallinklist */li a:link{
	text-decoration: none;
	color: #666666;}
/*.internallinklist */li a:visited{
	text-decoration: none;
	color: #666666 !important;}
/*.internallinklist */li a:active, /*.internallinklist */li a:hover{
	text-decoration: none;
	color: #333;}
	

.internallinklist ul li{
	list-style-image: url(../gfx/basics/arrow.internallinklist.gif); margin-left:-20px}
.internallinklist li a:link{
	text-decoration:underline;
	color: #666666;}
.internallinklist li a:visited{
	text-decoration:underline;
	color: #666666 !important;}
.internallinklist li a:active, .internallinklist li a:hover{
	text-decoration: none;
	color: #333;}
	

.spacer40{
	margin-bottom:40px;}





ol{
	margin-left: 40px;
}

ol li{
	list-style: upper-latin;
}


.readmore a:link, .readmore a:visited, #leftNews li a .readmore, #rightNews li a .readmore, #leftNews li a:visited .readmore, #rightNews li a:visited .readmore,
.links a:link, .links a:visited, #rightNews li a .links, #rightNews li a:visited .links, #leftNews li a .links, #leftNews li a:visited .links{
	color: #666666;
	font-size:1em;
	font-style: italic;
	background-image: url(../gfx/basics/sidenav.level2.marker.gif);
	background-repeat:no-repeat;
	padding: 0 20px 0 12px !important;
	background-position: left center;
	text-decoration: underline;
}

.readmore a:hover, .readmore a:active{
	color: #000;
}

/* de class 'links' heeft dezelfde kenmerken als de class 'readmore', uitgezonderd:    */
.links a:link, .links a:visited, #rightNews li a .links, #rightNews li a:visited .links{
	font-style:normal !important;
	padding: 0 8px 0 12px !important;
	margin-left:5px;}
.links a:hover, .links a:active{
	color: #000 !important;
}


.highlight{
	background-color: #b3b3b3;
	color: #fff;
	padding: 5px;
}
.highlight p, .highlight ul li, .highlight ol li{	
	color: #fff;
}

/* ############### CRUMBPATH ADDONS ############### */
#crumbpath{
	color: #999 !important; /* crumbpathdividers color */
	font-size:0.9em;
}
#crumbpath a:link, #crumbpath a:visited{
	text-decoration:underline !important;
	color: #999;}
#crumbpath a:hover, #crumbpath a:active{	color: #666 !important; background-color: transparent !important;}


/* ############### HEADER ADDONS ############### */
#logo{
	border: 0px;
}


/* ############### ZOEKFORM ############### */
#zoekform{
	display: block;
}
#zoekform .zoekveld{
	color: #666;
	border: 1px solid #6d6d6d;
	width: 170px;
	height: 19px;
	font-size: 1em;
	padding-top:3px;
	padding-left:3px;
}

/* HOMEPAGE */
#homeMain{
	margin: 0px;
	display: block;
	width: 360px;
	float: left;
}
.nonews #homeMain{
	width: 100%;
	}

	
/* 1 block van left column of right column met witruimte onderaan */
.newsBlock{ margin-bottom:30px;
	}



/* right column */	
#rightNews, #leftNews{
	margin-top: 5px;
	display: block;
	width: 243px;
	float: right;
	}
#rightNews h3, #leftNews h3{
	display: block;
	color:#FFFFFF;
	padding:3px 5px 5px 5px;
	background-image:url(../gfx/basics/bg.h2news.jpg); 
	background-repeat:repeat-x;	
	}
#rightNews ul{
	margin-left: 0px;	
}
#rightNews li, #leftNews li{
	background-image: url(../gfx/basics/sidenav.divider.level1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style: none;
	list-style-image: none !important;
	margin: -5px 0 0 0;
}

#rightNews li a, #leftNews li, #leftNews li a{
	display: block;
	padding: 5px 5px 10px 5px;
}
#rightNews li a:link, #rightNews li a:visited{
	color: #454 !important;
}
#rightNews li a:hover, #rightNews li a:hover{
	background-color: #CCCCCC;
	color: #fff !important;
}



/* news */
.news .row{
	display: block;
	background-image: url(../gfx/basics/sidenav.divider.level2.gif) !important;
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0 5px 0;
}
.news .row{	
	padding: 5px 0 15px 0;	
}
.news .title{
	display: block;
	font-weight: bold;
	color: #454545;
}
.news .description{	
	display: block;
	color: #454545;
}
.news .date{	
	display: block;
	color: #454545;
	font-style: italic;
}
.news a:link, .news a:visited{
	text-decoration: none;
}
.news  a.row:hover, .news  a.row:active{
	text-decoration: none;
	background-color: #D8D8D8 !important;
}

.news a:hover .title, .news a:active .title,
.news a:hover .description, .news a:active .description,
.news a:hover .date, .news a:active .date,
.news a:hover p, .news a:active p
{
	color: #000 !important;
}


#back, #top{ width:100%; text-align:right; margin-bottom:15px; margin-top:5px}
#tales{ text-align:center; margin-right:20px; margin-top:30px; font-size:0.8em; color:#999}
#tales a:link, #tales a:visited{ color:#999}
#tales a:hover{ color:#333}