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


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html, body{	background-image: url(../gfx/basics/back.page.jpg); background-repeat:repeat-x; background-color:#FFFFFF}
p{ }
a{	}
hr{  size="1" noshade="noshade" }
/* ############### HEADER ############### */
.threeCols#header .col2 a{
	}







/* ############### PROMO ############### */
#promo{ font-size:0.85em;}	
#promo a, #promo a:link, #promo a:visited{
	display:block;
	width: 100%;
	color:#000;
	text-decoration:none;
	padding: 3px 3px 3px 3px;
	margin-bottom:0px;
	margin-top:0px;
	border-top:1px solid #fff;
	background-image:url(../gfx/basics/bullet.arrow.gif);
	background-repeat:no-repeat;
	background-position:3px 6px;
	text-indent:12px
}
#promo a:hover{display:block;color:#FFFFFF;background-color:#9F9E93; 
	background-image:url(../gfx/basics/bullet.arrow-over.gif); text-decoration:none; }
#promo .promoinfo{ font-size:0.8em; color:#cc0033; font-style:italic; font-weight:bold; text-decoration:underline}










/* ############### colomlayout ############### */
#colomlayout{ font-size:0.85em; margin-bottom:5px;}	
#colomlayout a, #colomlayout a:link, #colomlayout a:visited{ display:block; color:#000; text-decoration:none; border:1px dashed #fff}
#colomlayout a:hover{text-decoration:none;border:1px dashed #CCCCCC}


	/***** button MEER INFO *****/
	#colomlayout a .meerinfo{
		text-decoration:underline;
		color:#CC0033;
		background-image:url(../gfx/ico/info.gif);
		background-repeat:no-repeat;
		text-indent:20px;
		background-position: 4px 8px;}
	#colomlayout a:hover .meerinfo{text-decoration:underline; color:#000}
	#colomlayout a.meerinfo{
		text-decoration:underline;
		color:#CC0033;
		text-indent:20px;
		background-image:url(../gfx/ico/info.gif);
		background-repeat:no-repeat;
		background-position: 3px 0px;}
	

.rowtitles3col #colom1 {float:left; width: 80px; padding:2px}
.rowtitles3col #colom2 {float:left; width: 279px; padding:2px}
.rowtitles3col #colom3 {float:left; width: 52px; padding:2px}

.rowhead3col #colom1 {float:left; width: 80px; background-color:#cac9c3; border-right:2px solid #FFFFFF; padding:2px 2px 0 2px}
.rowhead3col #colom2 {float:left; width: 279px; background-color:#cac9c3; border-right:2px solid #FFFFFF; padding:2px 2px 0 2px}
.rowhead3col #colom3 {float:left; width: 52px; background-color:#cac9c3; padding:2px 2px 0 2px}

.rowinfo3col #colom1 {float:left; width: 82px; border-right:1px solid #cac9c3; padding:2px 2px 0 2px; text-align:rights}
.rowinfo3col #colom2 {float:left; width: 279px; padding:2px 2px 0 2px}
.rowinfo3col #colom3 {float:left; width: 52px; padding:2px 2px 0 2px}

.rowhead2col #colom1 {float:left; width: 80px; background-color:#cac9c3; padding:2px 2px 0 2px}
.rowhead2col #colom2 {float:left; width: 332px; background-color:#cac9c3; padding:2px 2px 0 2px;}

.rowinfo2col #colom1 {float:left; width: 82px; padding:8px 2px 6px 2px; text-align:right}
.rowinfo2col #colom2 {float:left; width: 332px; border-left:1px solid #cac9c3; padding:8px 2px 6px 2px; text-align:justify}

.rowinfo1col #colom1 {float:left; width: 414px; border-left:1px solid #cac9c3; padding:8px 2px 6px 15px; text-align:justify}



#colomlayout a.rood, #colomlayout a.rood:link, #colomlayout a.rood:visited{
	color:#cc0436
}
#colomlayout a.rood:hover{
	color:#000000}


/* ############### CRUMBPATH ADDONS ############### */
#crumbpath{
font-size:80%; color: #666 !important; /* crumbpathdividers color */
}
#crumbpath a:link, #crumbpath a:visited{
	color: #666;}
#crumbpath a:hover, #crumbpath a:active{	color: silver;}


/* ########## FORM ########## */
.formrow{
	display: block;
	border: 0px solid yellow;
	margin: 0 0 10px 0;}

.description{
	float: left;
	width: 80px;
	text-align: right;}

.formfield{
	margin: 0 0 0 90px;}

input{
	font-size: 10px;}

.highlight{
	color: red !important;}