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


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html, body{
	background-color: #bbbaba;
	background-image: url(../gfx/basics/background.page.gif);
	background-repeat: repeat-y;
	background-position: center;
}




p{ }
a{	}
ol {list-style:decimal; margin-left: 40px;}
ol li{margin-bottom: 10px;}

.totop{	display: block;}
.totop a{
	display: block;
	width: 9px;
	height: 7px;
	background-image: url(../gfx/basics/background.totop.gif);
	background-repeat: no-repeat;
	margin-left: 520px;}
.totop a p{	text-indent: -2000px;}

.horizontalrule{
	display: block;
	width: 531px;
	height: 1px !important;
	/*background-color: #747474;*/
	border-top: 1px solid #747474;
}
#IE6 .horizontalrule{
	margin-top: /*-15*/0px !important;
}
.fotoonderschrift{
	background-image: url(../gfx/basics/foto.onderschrift.back.gif);
	background-repeat: no-repeat;
	display: block;
	width: 521px;
	height: 14px;
	color: #fff;
	margin-top: -10px;
	padding: 2px 5px 2px 5px;
	font-size: 90%;
}


#sidebar a{
	color: #8d8e8f;
	text-decoration: none;}
#sidebar a:hover, #sidebar a:active{	color: #D00C0C;}

.minipanelright{
	display: block;
	padding: 5px 0 10px 5px;
	background-image: url(../gfx/basics/divider.rechterkolom.minipanel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.minipanelright.noborder{
	background-image: none;
}

#calculator{
	display: block;
	background-image: url(../gfx/illu/bereken.kost.hond.nl.gif);
	background-repeat: no-repeat;
	width: 131px;
	height: 111px;
	margin-left: 10px;
	text-indent: -3000px;
}
#calculator:hover, #calculator:active{	background-image: url(../gfx/illu/bereken.kost.hond.hover.nl.gif);}



.center{
	text-align: center;
}


/* ##################### FAQ ####################### */
.faq ol{}
.faq li{	list-style-type: none; margin-bottom: 5px;}
.answer{	display: none;}
.faq li a{	text-decoration: none;}
.faq span{	margin: 5px 0 15px 0;}

.faq span ol{
	margin-left: 40px;
}
.faq span ol li{
	list-style: url(../gfx/basics/list.pootje.gif) !important;
}
/* ##################### NEWS ####################### */
.newsthumb{
	float: left;
	margin: 0 5px 5px 0;
}

.newsoverview a.leesverder{ display: block; margin-top: 10px;	text-decoration: none;	color: #747474; background-image: url(../gfx/basics/arrow.leesverder.gif); background-repeat: no-repeat; background-position: 0 3px; text-indent: 10px;}
.newsoverview a.leesverder:link, .newsoverview a.leesverder:visited{	color: #747474;}
.newsoverview a.leesverder:hover, .newsoverview a.leesverder:active{	color: #D00C0C; background-color: #ddd;}

.newsdetail img{	margin: 0 5px 5px 0;}





/* ##################### LINKS ####################### */
.links a{	text-decoration: none;}
.links a:link, .links a:visited{	color: #D00C0C;}
.links a:hover, .links a:active{	color: Blue;}

/* ##################### PRODUCTEN ####################### */
#productinfo{
	display: block;
	margin-top: 10px;
}
.titellink{
	text-decoration: none;
	color: #747474;
}
.titellink:link, .titellink:visited{	color: #747474;}
.titellink:hover, .titellink:active{	color: #D00C0C*;}


#productinfo table{
	margin: 10px 0 20px 0;
}
#productinfo table caption{
	background-color: #A5A7A6;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin-bottom: -5px;
}
#productinfo table tr th{
	font-weight: bold;
}
#productinfo table tr th,
#productinfo table tr td{
	border-bottom: 1px solid #d3d3d3;
	padding: 5px 7px 5px 0;
	font-size: 90%;
}

/* ##################### VERKOOPPUNTEN ####################### */
.verkooppunten{}
.verkooppunten table{
	display: table;
}
.verkooppunten tr{
	display: table-row;
}
.verkooppunten td{
	display: table-cell;
	padding: 5px 0 5px 0;
}

.verkooppunten .dealer{	padding-right: 5px}
.verkooppunten .adres{	padding-right: 5px}
.verkooppunten .zip{	padding-right: 5px}

.verkooppunten .rowcolor1{	background-color: #dcdcdc;}

/* ##################### HOME ####################### */
#splashcontainer{
	display: block;
	margin-top: 10px;
	width: 880px;
	height: 658px;
	background-image: url(../gfx/home/splash.jpg);
	background-repeat: no-repeat;
}

#homeform{
	display: block;
	width: 250px;
	border: 0px solid red;
	margin-top: -75px;
	margin-bottom: 0px;
	margin-left: 325px /* (900-250)/2 */;
	text-align: center;
}
#homeform p{
	text-align: center;
}




/* ##################### TESTIMONIALS ####################### */

.testimonialindex{}
.testimonialindex .row{ margin-bottom: 10px;}
.testimonialindex .item{
	display: block;
	float: left;
	width: 240px;
	margin-right: 20px;
	}
	#IE6 .testimonialindex .item{
		margin-right: 12px;
		}
.testimonialindex img{ margin-bottom: 0px; border: 1px solid #962624;}
	#IE6 .testimonialindex img{ margin-bottom: 0px;}
.testimonialindex h2{ margin-top: -8px; font-size: 125%;}


#beeldband{
	display: block;
	width: 300px;
	float: left;
}

#maincontent img{
	border: 1px solid #962624;
}
.floatleft{
	float: left;
	margin: 5px 5px 5px 0;
}


/* ##################### TOPPERS ####################### */
#toppersgrid{
	margin-top: 15px;
	margin-left: 70px; 
}
#toppersgrid a{
	display: inline-block;
	width: 300px;
	height: 40px;
	padding-top: 5px;
	text-align: center;
	margin: 0 2px 4px 0;
	background-color: #D3D3D3;
	text-decoration: none;
	color: #787A79
}

#toppersgrid a:link, #toppersgrid a:visited{
	background-color: #D3D3D3;	
	color: #787A79
}
#toppersgrid a:hover, #toppersgrid a:active{
	background-color:	#787A79;
	color: #D3D3D3;
}

#toppersgrid a img{
	border: 1px solid #787A79;
}