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

/* ############### 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;
}
#toppersgrid a{
	display: inline-block;
	width: 127px;
	height: 30px;
	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;
}
/* ################### HOMEPAGE UPGRADE ###################### */
#teaser{
		display: block;
		text-align:center;}
		
.acties h2{
		color:#575757;
		text-align:center;
}		
.acties h3{
		color:#575757;
		text-align:center;
}




.acties label{display: block; margin-left:auto; margin-right:auto; text-align:center}
.acties input[type="radio"]{display: block; margin-left:auto; margin-right:auto; text-align:center}
.acties  .item{display:block; float: left; padding: 10px}
	.acties #IE7 .item{ width: 155px}
.acties .row{text-align: center !important; margin-left:auto; margin-right:auto; display:inline-block;}



.acties .centerme{display:block; width:540px;  text-align:center !important}

.acties input[type="submit"]{
	background-image: url(../gfx/basics/background.bigbutton.png);
	background-repeat:no-repeat;
	width:331px;
	height:60px;
	border:0;
	font-weight:bold;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	color: #fff;
	
	}

.acties input[type="submit"]:hover, .acties input[type="submit"]:active, .acties input[type="submit"]:focus{
	cursor: pointer;
	background-image: url(../gfx/basics/background.bigbutton.hover.png);
}




.home .panel{
	display: block;
	width: 512px;
	padding: 10px;
	min-height: 100px;
	background-image: url(../gfx/basics/panel.home.png);
}

.home .panelstopper{
	display: block;
	width: 512px;
	padding: 10px;
	height: 5px;
	background-position: bottom;
	background-image: url(../gfx/basics/panel.home.png);
	margin-bottom: 20px;
}


.home .panel h1{
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
	color: #d00c0c;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.home .panel .illu{
	display: block;
	float: left;
	margin-right: 10px;
	width: 155px;
}

.home .panel .txt{
	display: block;
	float: left;
	width: 325px;
}
.home #crumbpath{
	margin-bottom: 20px;
}



.home .panel .more .stretcher{
	display: block;
	height: 19px;
	padding: 1px 0 0 15px;
	float: left;
	background: url(../gfx/basics/home.readmore.png) repeat-x;
	text-decoration: none;
}
.home .panel .more .backbumper{
	display: block;
	height: 20px;
	width: 10px;
	float: left;
	background: url(../gfx/basics/home.readmore.png) repeat-x right;
}

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



.pups .overzicht .illu{ background-color:#eee; margin-bottom:10px; color:#333;  font-style:italic}
.pups .overzicht .illu img{ margin:0 0 3px 0 !important; }


.pups .login .right{ text-align:right !important; padding-right:4px;}
.pups .login input[type="submit"]{ padding:5px;
	}

.pups .panel{
	margin-top: 25px;
	display: block;
	width: 512px;
	padding: 10px;
	min-height: 100px;
	background-image: url(../gfx/basics/panel.home.png);}
	
.pups .panelstopper{
	display: block;
	width: 512px;
	padding: 10px;
	height: 5px;
	background-position: bottom;
	background-image: url(../gfx/basics/panel.home.png);
	margin-bottom: 20px;
}
.pups .panel h1{
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
	color: #777;
	font-size:16px !important;
}
.pups .panel h2{
	padding: 0;
	margin: 0 0 0 0;
	text-align: left;
	color: #777;
	font-size:14px !important;
}

.pups ul.dashboard{ margin:0; float:right;}
.pups ul.dashboard li{ display:inline; float:left; list-style:none; padding:0 5px; }

.pups a:link, .pups a:visited{
	color:#663
}
.pups a:hover{ color:#000}

.pups .panel .illu img{	margin-bottom:20px}
.pups blockquote { margin:0 20px}