/* 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;
}

.paneltop{
	display: block;
	width: 143px;
	height: 17px;
	background-repeat: no-repeat;
}
.panelstretch{
	display: block;
	width: 118px;
	padding: 0px 15px 10px 10px;
	background-repeat: repeat-y;
}
.panelbottom{
	display: block;
	width: 143px;
	height: 22px;
	background-repeat: no-repeat;
	/*margin-top: -10px;*/
}
.yellowpanel .paneltop{	background-image: url(../gfx/basics/panel.top.gif);}
.silverpanel .paneltop{ background-image: url(../gfx/basics/panel.silver.top.gif);}

.yellowpanel .panelstretch{	background-image: url(../gfx/basics/panel.stretch.gif);}
.silverpanel .panelstretch{	background-image: url(../gfx/basics/panel.silver.stretch.gif);}

.yellowpanel .panelbottom{	background-image: url(../gfx/basics/panel.bottom.gif);}
.silverpanel .panelbottom{	background-image: url(../gfx/basics/panel.silver.bottom.gif);}



.panelstretch h2{
	margin-top: 0px;
	font-size: 130%;
	width:118px;
	text-align: center;
}
.panelstretch a{
	display: block;
	width:118px;
	height: auto !important;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
}
.silverpanel .panelstretch a{
	text-align: left;
}
.silverpanel .panelstretch li{
	margin-left: 15px;
}
.silverpanel .panelstretch li{
	list-style: square 
}
.panelstretch a:link, .panelstretch a:visited{
	color: #747474 !important;
}
.panelstretch a:hover, .panelstretch a:active{
	color: #BD2F2D !important;
}



#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 5px;
	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 ####################### */
.home h1{
	display: none;
}
.home #selectieband {
	display: inline-block;
	margin-bottom: 20px;
	width: 850px;
}
.home #selectieband img{
	border: 0;
	float: left;
}
#splashcontainer{
	display: block;
	margin-top: 10px;	
	width: 880px;
	height: 762px;
	background-image: url(../gfx/home/splash.jpg);
	background-repeat: no-repeat;
}

#homeform{
	display: block;
	width: 840px;
	border: 0px solid red;
	margin-top: -725px;
	margin-bottom: 0px;
	margin-left: 20px;
	/*margin-left: 325px*/ /* (900-250)/2 */;
	text-align: center;
}
#homeform #img1, #homeform #img2{
	display: block;
	float: left;
	width: 264px;
	margin-right: 20px;
}
#IE6 #homeform #img3{
	display: block;
	float: left;
	width: 264px;
}
#homeform p{
	text-align: center;
}
.dontshow{
	display: none;
}
.doshow{
	display: block;
}
#illu1, #illu2{
	margin-right: 5px;
}
#illu{
	margin-left: -4px;
}

/* ##################### 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;
}

.minipanelright ul{
	list-style: square;
}


.minipanelright li{
	list-style: square;
	margin-left: 15px;
}