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


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ######### PAGEBACKGROUND AND -COLOR #########*/
html{}

body{ background: #2c891f url(/websites/25/uploads/image/templates/basics/green/background.kat.jpg) no-repeat center top;}
	body.blue  { background: #527caa url(/websites/25/uploads/image/templates/basics/blue/background.kat.jpg) no-repeat center top;}
	body.green { background: #2c891f url(/websites/25/uploads/image/templates/basics/green/background.kat.jpg) no-repeat center top;}
	body.orange{ background: #e25f07 url(/websites/25/uploads/image/templates/basics/orange/background.kat.jpg) no-repeat center top;}
	body.purple{ background: #6d52aa url(/websites/25/uploads/image/templates/basics/purple/background.kat.jpg) no-repeat center top;}

/* watch out: html is the complete screen, body ends directly under footer*/



a.blocklink{
	display: inline-block;
	width: 238px;
	height: 42px;
	padding-top: 16px;
	color: #fff;
	text-indent: 50px;
	text-decoration: none;
	background-image: url(/websites/25/uploads/image/templates/basics/background.linkblock.png);	
}
			#IE6 a.blocklink{display: block; background-image: url(/websites/25/uploads/image/templates/basics/background.linkblock.jpg);}
			#IE7 a.blocklink{display: block;}
			
			.blue   a.blocklink{ background-position: 0 -100px;}
			.green  a.blocklink{ background-position: 0 0;}
			.orange a.blocklink{ background-position: 0 -200px;}
			.purple a.blocklink{ background-position: 0 -300px;}
	
	a.blocklink:link, a.blocklink:visited{
		color: #fff;
	}
	a.blocklink:hover, a.blocklink:active{
		color: #000;
	}