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

/*
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;
	color: #000;}
p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;}

h1,h2,h3,h4,h5,h6{font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px;}	
h1{ font-size: 200%; margin-top: 20px;}
h2{ font-size: 175%; margin-top: 20px}
h3{ font-size: 150%; margin-top: 20px}
h4{ font-size: 125%; margin-top: 20px}
h5{ font-size: 110%; margin-top: 20px}
h6{ font-size: 100%; margin-top: 20px}


.gridtext, .gridtext a:link, .gridtext a:hover, .gridtext a:visited, .thumbblock a:link, .thumbblock a:visited{
	text-decoration:none;
	color:#9f8a56;
	font-size:9px;
	}
	
.goldcolor{
	color:#9f8a56;
	}
.thumbblock, .thumbblock:hover, .thumbblock a:link, #thumbblock a:hover, .thumbblock a:visited{ 
	text-decoration:none; font-size:9px; text-align:center; line-height:11px;
	}
	.gridthumb, .gridthumb img, .gridthumb a:link, gridthumb a:hover, .gridthumb a:visited{ border:0
	}
	.gridtext, .gridtext a:link, .gridtext a:hover, .gridtext a:visited{ text-decoration:none; font-size:9px
	}
	
#waarom01 a:hover, #waarom01 a.selected{
	color:#eb6909}	
#waarom02 a:hover, #waarom02 a.selected{
	color:#96bf0d}	
#waarom03 a:hover, #waarom03 a.selected{
	color:#00a0c1}	
#waarom04 a:hover, #waarom04 a.selected{
	color:#1a171b}	
#waarom05 a:hover, #waarom05 a.selected{
	color:#fbc513}	
#waarom06 a:hover, #waarom06 a.selected{
	color:#e8517c}

	
#bedrijf01 a:hover, #bedrijf01 a.selected{
	color:#1a171b}	
#bedrijf02 a:hover, #bedrijf02 a.selected{
	color:#1a171b}	
#bedrijf03 a:hover, #bedrijf03 a.selected{
	color:#1a171b}	
#bedrijf04 a:hover, #bedrijf04 a.selected{
	color:#1a171b}	
#bedrijf05 a:hover, #bedrijf05 a.selected{
	color:#1a171b}	
#bedrijf06 a:hover, #bedrijf06 a.selected{
	color:#1a171b}

.thumbblock a:hover {
	color:#000;
	}

#popuptitel{
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	color:#9f8a56;
	margin-bottom:5px;
	}
.gotoshop a:link, .gotoshop a:visited{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	text-decoration:none
}
.gotoshop a:hover {
	color:#000000;
	}

/*################# fonts : contentblock  ###################"*/		
.leftsidetext{
	display:block;
	margin-left:50px; 
	margin-right:30px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:140%;
/*	text-align:justify;*/
	color:#000;
	}


.leftsidetext li{
	display: block;
	background-image:url(../gfx/basic/listitem.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position: left center;
	}
#IE5 .leftsidetext li, #IE6 .leftsidetext li{
	background-position: left 6px;
	}
.leftsidetext a, .leftsidetext a.visited{
	display: block;
	color: #9f8a56;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	}
.leftsidetext a:hover, .leftsidetext a:active, .leftsidetext a.selected{
	color: #000;
	}
.winkelcontainer {

}
.winkelcontainer a, .winkelcontainer a.visited{
	color: #9f8a56;
	}
.winkelcontainer a:hover, .winkelcontainer a:active{
	color: #000;
	}
.shopBlockCol1, .shopBlockCol3{
	color: #9f8a56;
	}



/*################# fonts : visuals WAAROM ###################"*/		
.visualtitle{
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	color:#fff;
	}

.visualtext{
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	color:#fff;
	}
	
.zwart{
	color:#000;
	}
/***********/	
	
#credits{ font-size:0.8em; color:#B2B2B2; margin-top:80px; text-align:center;
	}
#credits a:link, #credits a:visited{
	color:#B2B2B2;
	}
#credits a:hover{ color:#666;
	}



#maincontent ul{	list-style: square;	margin: 10px 0 10px 40px;}
#maincontent ul li{	margin-bottom: 3px;}