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


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html{
	
}


	body{
	background-color: #6e6e6e;
	/*background-image: url(../gfx/basics/background.gradient.jpg);
	background-repeat: repeat-x;	*/
	background-image: url(../gfx/basics/background.big2.jpg) !important;
	background-image: url(../gfx/basics/background.big.ie6.2.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-attachment: fixed;
	}
	
	body.home{
	
	background-image: url(../gfx/basics/background.big3.jpg) !important;
}
p{ }
a{
	/*color: #c19d60;*/
	color: #506CA2;

}

ol{
list-style-type: decimal;
margin-left: 20px;
}

a:visited{
	color: gray;
}
a:hover, a:active{
	color: red;
}

a.readmore{
	display: inline-block;
	background-image: url(../gfx/basics/button.back.left.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-decoration: none !important;	
	padding: 0px 0px 0px 5px;
	text-align: right;
}
#IE6 a.readmore, #IE7 a.readmore{
	display: inline;
}

a.readmore .linktext{
	display: inline-block;
	float: left;
}

a.readmore span.readmore{
	display: inline-block;
	background-image: url(../gfx/basics/button.back.right.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 0px;
	width: 21px;
	height: 20px;
	margin-left: 15px;
	
}
#IE6 a.readmore span.readmore, #IE7 a.readmore span.readmore{
}


.alignleft{
	float: left;
	margin:0 5px 5px 0;
}
.alignright{
	float: right;
	margin: 0 0 5px 5px;
}

#content img{
	border: 1px solid #c19d60;
}
div.bronzeborder, span.bronzeborder{
	display: block;
	border: 1px solid #c19d60;
	margin: 5px 0 5px 0;
	padding: 5px;
}


.block{
	display: block;
	margin-bottom: 1em;
}
/* ############### HEADER ############### */
#logo{
	margin: 42px 0 0 24px
}
#headerimage{
	margin: 10px 0 0 10px;
}


/* ############### CRUMBPATH ADDONS ############### */
#crumbpath{
	color: #000 !important; /* crumbpathdividers color */
}
#crumbpath a:link, #crumbpath a:visited{
	text-decoration: none !important;
	color: #c19a57;}
#crumbpath a:hover, #crumbpath a:active{	color: silver;}



/* ################### clienlogos ################## */
#clientlogos img{
	border: 0px !important;
	margin-right:70px;
	margin-bottom:35px;
	}



#homeintro{
	border: 1px solid #C19A57;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 12px;
}

#homeintro h1{
	color: #C19A57;
	font-size: 175%;
	background-image: none;
	margin-top: 0;
	margin-bottom: 15px;
}


#homeintro a:link, #homeintro a:visited{
	color: #C19D60;
	font-weight: bold;
}

.homeilluleft{
	float: left;
	margin-right: 10px;
}

#homeintro2{
	border: 1px solid #C19A57;
	margin-left: 20px;
	padding: 10px;
}




#homeintro2 a:link, #homeintro2 a:visited{
	color: #C19D60;
	font-weight: bold;
}

.homeilluright{
	float: right;
	margin-right: 10px;
}

#homefooter{
	display: block;
	margin-left: 20px;
	width: 920px;
	height: 100px;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
.homefootpanel{
	display: block;
	width: 298px;
	margin-right: 9px;
	float: left;
	border: 1px solid #C19A57;
}
#foot3{
	margin-right: 0;
}

.homefootpanel h2{
	margin-top: 0;
	/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	font-size: 16px;
	padding: 5px;
	text-align: center;
}

.homefootpanel .footpanelcontent{
	padding: 5px;
	height: 110px;
	overflow: auto;
}
.homefootpanel .illu{
	display: block;
	width: 110px;
	float: left;
	margin-left: 5px;
}
.homefootpanel .footcontainer{
	display: block;
	width: 180px;
	float: left;
}
.homefootpanel img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

#foot1 h2, #foot2 h2, #foot3 h2{
	background: url(../gfx/basics/back.homefoot1.gif) repeat-x;
	color: #000;;
}
/*
#foot2 h2{
	background: url(../gfx/basics/back.homefoot2.gif) repeat-x;
	color: #fff;
} 
*/
.homefootpanel .more .stretcher{
	display: block;
	height: 19px;
	padding: 1px 0 0 10px;
	float: left;
	background: url(../gfx/basics/back.readmore.png) repeat-x;
	text-decoration: none;
}
.homefootpanel .more .backbumper{
	display: block;
	height: 20px;
	width: 10px;
	float: left;
	background: url(../gfx/basics/back.readmore.png) repeat-x right;
}

.homefootpanel .more:link, .homefootpanel .more:visited{
	color: #fff;
	text-decoration: none;
}
.homefootpanel .more:active .stretcher, .homefootpanel .more:hover .stretcher,
.homefootpanel .more:active .backbumper, .homefootpanel .more:hover .backbumper{
	background-image: url(../gfx/basics/back.readmore.hover.png);
}