/* Iconize 0.5 */


/* extensions */

#content a[href$='.doc'], #content a[href$='.rtf'] {
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_doc.gif) no-repeat center right;
}
#content a[href$='.doc']:hover, #content a[href$='.rtf']:hover {
	color: #FFF;
	background-color: #12577A;
}

#content a[href$='.txt'] {
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_txt.gif) no-repeat center right;
}
#content a[href$='.txt']:hover {
	color: #FFF;
	background-color: #12577A;
}

#content a[href$='.xls'] {
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_xls.gif) no-repeat center right;
}
#content a[href$='.xls']:hover {
	color: #FFF;
	background-color: #12577A;
}

#content a[href$='.ppt'], #content a[href$='.pps'] { 
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_pps.gif) no-repeat center right;
}
#content a[href$='.ppt']:hover, #content a[href$='.pps']:hover { 
	color: #FFF;
	background-color: #12577A;
}

#content a[href$='.pdf'] { 
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_pdf.gif) no-repeat center right;
}
#content a[href$='.pdf']:hover { 
	color: #FFF;
	background-color: #12577A;
}

#content a[href$='.zip'], #content a[href$='.rar'] { 
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_archive.gif) no-repeat center right;
}
#content a[href$='.zip']:hover, #content a[href$='.rar']:hover { 
	color: #FFF;
	background-color: #12577A;
}


/* email */
#content a[href ^="mailto:"] {
	padding-right: 20px;
	color: #12577A;
	background: url(http://www.whff.info/_img/_basics/iconize/icon_mailto.gif) right center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
}
#content a[href ^="mailto:"]:hover {
	color: #FFF;
	background-color: #12577A;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}



/* SerenDipiTY_ic. */
/* ************************************************** */
/* toegevoegd voor externe links en interne jumplinks */
/* ************************************************** */



/* external-link icon toevoegen voor absolute links (enkel in #content) */

#content a[href^="http:"] {
        background: url(http://www.whff.info/_img/_basics/iconize/icon_remote.gif) right center no-repeat;
        padding-right: 20px;
		color: #12577A;
}
#content a[href^="http:"]:hover {
        background: url(http://www.whff.info/_img/_basics/iconize/icon_remote_hover.gif) right center no-repeat;
        padding-right: 20px;
		color: #FFF;
		background-color: #12577A;
}

/* ...maar niet voor absolute links in dit domein... */

#content a[href^="http://www.whff.info"] {
        padding-right: 0px;
		color: #666;
}
#content a[href^="http://www.whff.info"]:hover {
		background-color:#CCC; /* tekst wordt wit bij hover, dus grijze achtergrond indien er interne absolute links gebruikt worden (normaal niet het geval) */
		padding-right: 0px;
		color: #666;
}



/* *** mogelijkheden ter info ***
vb. A:HOVER
#content a[href^="http:"]:hover {
        background: url(http://www.whff.info/_img/_basics/iconize/icon_remote_hover.gif) right center no-repeat;
		padding-right: 20px;
}
vb. class="googlelink"
#content a[href^="http:"].googlelink {
        background: ;
}
*/