/*
#####################################################################
#	Algemeen														#
#####################################################################
*/
/* Margin- en padding-reset
-------------------------------------------------------------------*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, object, input, select { margin: 0; padding: 0; }

/* Html & body
-------------------------------------------------------------------*/
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #f7f7f7; font-size: 1.2em; color: #4c4c4c; }

/* Algemene classnames
-------------------------------------------------------------------*/
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { position: absolute; left: -9999px; }
.dnone { display: none; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }
.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.wide { width: 100%; }

.default { cursor: default; }
.pointer, .js-hover { cursor: pointer; }

/* Afbeeldingen
-------------------------------------------------------------------*/
img { border: none; display: block; vertical-align: middle; }

/* Flash
-------------------------------------------------------------------*/
object { display: block; }

/* Alinea's en paragafen
-------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 15px; }

/* Overflow en clearfix
-------------------------------------------------------------------*/
.overflow { overflow: hidden; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Headings
-------------------------------------------------------------------*/
h1,
body#components-homepage h1 { font-size: 24px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif; margin-bottom: 10px; color: #000000; }
h1 { color: #00589d; font-style: italic; font-size: 28px; margin-bottom: 15px; line-height: 100%; }
div.searchresult h3,
h2 { font-size: 22px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 14px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif; margin-bottom: 10px; }
h4 { font-size: 10px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif; margin-bottom: 10px; }

/* Hyperlinks
-------------------------------------------------------------------*/
a { color: #d7181f; text-decoration: none; }
a:hover { color: #ff5400; }
a.never-underline, a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

/* Lijsten
-------------------------------------------------------------------*/
ul, form ol { list-style: none; }

dl.inhoudsopgave{
	background: #e3e3e1;
	border-radius: 5px;
	margin: 10px 10px 10px 0;
	padding: 15px;
	overflow: hidden;
}

dl.inhoudsopgave dt{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

dl.inhoudsopgave li{
	float: left;
	width: 205px;
	margin-right: 10px;
}

/* Formulieren
-------------------------------------------------------------------*/
label {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	width: 180px;
}
/*
.keuze label,
.form-input-multipleselect li label {
	display: block;
	float: none;
	margin-left: 20px;
	width: auto;
}
.keuze label.multiple-title { font-weight: bold; margin-left: 0; }
*/

.keuze label,
.form-input-multipleselect li label {
	margin-left: 20px;
}
input { vertical-align: middle; }
input.text, textarea {
	padding: 2px 3px;
	vertical-align: middle;
	width: 260px;
}

li.form-input-checkbox > label { width: auto !important; }
textarea { font-size: 12px; overflow: auto; }
select { vertical-align: middle; width: 268px; }
select.auto, li.form-input-date select { width: auto; }
li.form-input-date select { margin-right: 2px; width: 21% !important; }
textarea { height: 80px; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { left: 0; position: absolute; top: 3px; }  /*ie6*/

input.button, input.submit { 
	cursor: pointer; 
	overflow: visible; 
	background: url(/img/zoekbutton.png) no-repeat;
	border: none;
	width: 68px ; height: 31px;
	padding: 5px;
	color: #FFF;
	margin-left: -6px;
}

input.button:hover, input.submit:hover {
	background: url(/img/zoekbutton-hover.png) no-repeat;
}

fieldset { border: none; margin: 0; padding: 0; }
legend { display: none; }

form li { margin: 5px 0; position: relative; }
form .keuze li { margin: 0; }

form em.verplicht { margin-left: 4px; }
form img.unitip { position: absolute; right: 0; top: 2px; }

/* Tabellen
-------------------------------------------------------------------*/
th, td { padding: 3px; }
th { text-align: left; }

/* Highlighted
--------------------------------------------------------------------*/
.highlighted { background-color: #ff7200; color: #fff; }

/* Overig
-------------------------------------------------------------------*/
address { font-style: normal; }

/*
#####################################################################
#	Standaard-elementen												#
#####################################################################
*/

/* Illustraties
-------------------------------------------------------------------*/
p.illustratie img { margin: 0 auto; }
p.illustratie span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
img.illustratie {
	float: right;
	margin-right: 0; margin-left: 8px;
}
img.illustratie-links {
	float: left;
	margin: .5em 8px .3em 0;
}
div.zijkolom img.illustratie {
	display: block;
	float: none;
	margin: 0 auto 2em;
}

/* Preview
-------------------------------------------------------------------*/
div.preview { margin-bottom: 2em; }
div.preview h2 { font-size: 1.3em; }
div.preview p { margin-bottom: 0; }

/* Zoekresultaten
-------------------------------------------------------------------*/
div.zoekresultaat { margin-bottom: 1.2em; }

/* Optie-menu (mail & stuur door)
-------------------------------------------------------------------*/
ul#opties { float: right; padding: 10px; }
ul#opties li { float: left; margin-left: 14px; }
ul#opties a {
	background: url(/img/opties.gif) no-repeat 0 .5em;
	color: #808080;
	display: block;
	padding-left: 18px;
}
ul#opties a.mail { background-position: -289px .4em; }

/* Error-menu
-------------------------------------------------------------------*/
ul.errors, ol.errors, li.input-error, div.form-error {
	background: #ffd6d5;
	border: 1px solid #f7403a;
	color: #f7403a;
	margin: 1em 0;
	padding: .2em 0;
}
ul.errors li, ol.errors li { 
	list-style: disc;
	margin: 0 0 0 20px;
	padding: .2em 0; 
}

li.input-error,
div.form-error { padding: 5px; }

li div.input-error,
div.form-error { font-weight: bold; }

/* FCK-editor-lijst
-------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }

/* Sitemap
-------------------------------------------------------------------*/
ul.sitemap { list-style: disc; margin: 0 0 1em 24px; }

/* Webbeheer formulier
-------------------------------------------------------------------*/
div.webbeheer-formulier-thanks {
	background: none repeat scroll 0 0 #FFF7CC;
	border: 2px solid #FFD400;
	line-height: 140%;
	padding: 8px;
}
div.webbeheer-formulier-thanks p { margin-bottom: 0; }

/*
form.webbeheer-formulier li.form-input-multipleselect label { width: 300px; }
form.webbeheer-formulier label.multiple-title { clear: both; font-weight:bold; float: none; color: #0462CB; }
*/
form.webbeheer-formulier ul.velden > li { margin: 15px 0; }
form.webbeheer-formulier li.form-input-multipleselect ul,
form.webbeheer-formulier li.form-input-radio ul  { float: left; }
form.webbeheer-formulier li.form-input-radio label.multiple-title { margin-left: 0; }
form.webbeheer-formulier label { width: 100px;}
form.webbeheer-formulier select,
form.webbeheer-formulier textarea,
form.webbeheer-formulier input.text { border: 1px solid #c8c8c7; border-radius: 3px; width: 300px; }
dl.submenu input.button,
form.webbeheer-formulier input.button { 
	background: url("/img/zoekbuttongroot.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    margin: 15px 0 0 105px;
    width: 192px; 
}
dl.submenu input.button:hover,
form.webbeheer-formulier input.button:hover { opacity: 0.7; }

dl.submenu input.button { margin-left: -6px; }

/* Zoekformulier
-------------------------------------------------------------------*/
form#zoeken, form#zoeken fieldset, form.zoekformulier fieldset { position: absolute; bottom: 5px; right: 5px; }
form#zoeken, form#zoeken fieldset { width: 201px; }
form#zoeken input { float: left; }
div.searchfield input.text,
form#zoeken input.text { 
	margin: 5px 8px 0 0; 
	width: 115px; height: 15px;
	padding: 5px;
	background: url(/img/zoekveld.png) no-repeat; 
	border: none;
	color: #92928f;
	font-size: 14px;
}

/* FCK-editor-tabel
-------------------------------------------------------------------*/
div.alinea table,
table.webapp-table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #545454;
	width: 100%;
}

div.alinea table caption,
table.webapp-table caption {
	font-style: italic;
	margin: 1em 6px 3px;
	text-align: left;
}

div.alinea table td,
div.alinea table th,
table.webapp-table td,
table.webapp-table th {
	padding: 6px 8px;
}

div.alinea table th,
table.webapp-table th {
	color: #006ABE;
	font-weight: bold;
}
tr.webapp-table-row-odd td, tr.webapp-table-row-odd th { background: #F1F0EE; }
tr.webapp-table-row-even td, tr.webapp-table-row-even th { background: #FFFFFF; }

/*
#####################################################################
#	Layout															#
#####################################################################
*/

/* Breadcrumbs
-------------------------------------------------------------------*/
p#breadcrumbs a {
	color: #92928f;
	text-transform: lowercase;
}

p#breadcrumbs a:hover {
	color: #d7181f;
}

p#breadcrumbs {
	color: #00589d;
	text-transform: lowercase;
	margin: 15px 0;
}
/* Container
-------------------------------------------------------------------*/
div#container {
	margin: 0 auto;
	width: 955px;
	background: url(/img/contentbg.png) repeat-y;
	padding: 0 46px;
}

/* Header
-------------------------------------------------------------------*/
div#header {
	background: url(/img/hondenkat.png) no-repeat 0 2px;
	height: 111px;
	position: relative;
	width: 955px;
}

img#logo {
	padding-top: 5px;
	margin-left: -8px;
	float:left;
}
ul#topmenu { float:left; margin: 14px 0 0 0; width: 250px; }
ul#topmenu li { float:left; }
ul#topmenu a {
	background: url(/img/pijl.gif) no-repeat left center; 
	padding-left: 10px;
	font-size: 11px;
	font-weight:bold;
	color: #016bbd;	
	margin-right: 10px;
}
ul#topmenu a:hover,
ul#topmenu a:focus,
ul#topmenu a.active { color: #d7181f; }
 
div.socialmedia {
	position: absolute;
	top: 10px;
	right: 0;
	color: #00589d;
	font-weight: bold;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-size: 14px;
}

div.socialmedia span { float: left; margin: 3px 15px; }

div.socialmedia img {
	float: left;
	margin: 0 2px;
}

div#dierbezit {
	color: #00589D;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	font-size: 14px;
	position: absolute;
	right: 200px;
	top: 14px;
}
div#dierbezit a { color: #00589D; }
div#dierbezit a.reset {
	background: url(/img/close-round-blue.png) no-repeat scroll 0 4px transparent;
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	text-indent: -999999px;
	width: 14px;
}

/* Hoofdmenu
-------------------------------------------------------------------*/
ul#hoofdmenu { background: #92928f; border-radius: 5px; }
ul#hoofdmenu li { float: left; }
ul#hoofdmenu a { 
	display: block; 
	padding: 7px 2px 7px 7px; 
	background: url(/img/hoofdmenuarrow.gif) no-repeat 0 14px; 
	margin: 0 7px; 
	color: #FFFFFF;
	font-weight: 300;
	font-size: 16px;
	text-decoration: none;
	font-family: "Arial Narrow", Arial, sans-serif; 
	letter-spacing: -1px;
	font-weight: bold;
}

ul#hoofdmenu a:hover {
	color: #FFD400;
}

ul#hoofdmenu ul {
	clear: both;
	display: none;
	position: absolute;
	width: 200px;
	z-index: 5;
}
ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul { display: block; }
ul#hoofdmenu ul li { float: none; }
ul#hoofdmenu ul a { padding: 0; }

ul#hoofdmenu a img.non-hover,
ul#hoofdmenu a:hover img.hover,
ul#hoofdmenu a:focus img.hover,
ul#hoofdmenu a.active img.hover { display: block; }

ul#hoofdmenu a img.hover,
ul#hoofdmenu a:hover img.non-hover,
ul#hoofdmenu a:focus img.non-hover,
ul#hoofdmenu a.active img.non-hover { display: none; }

ul#hoofdmenu ul li {
	background: #E3E3E1;
	margin-left: 10px;
	width: 155px;
	margin-bottom: -2px;
}

ul#hoofdmenu ul li a { 
	background: none;
	color: #92928F;
	font-size: 14px;
	margin-bottom: 0;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	padding: 3px;
}

ul#hoofdmenu ul li a:hover {
	color: #D7181F;
}

/* Breadcrumbs
-------------------------------------------------------------------*/
p#breadcrumbs {  }

/* Kolommen
-------------------------------------------------------------------*/
div.content { margin-top: 15px;}
body#component-homepage div.content { margin-top: 30px;}

div.faderwrapper {
	margin-bottom: 25px;
}

div.faderleft {
	float: left;
	width: 684px; height: 375px;
	background: #045196;
	padding: 8px 8px 0 8px;
	position: relative;
	border-radius: 5px;
}
div.faderright {
	float: right;
	width: 250px;
	margin-right: -20px;
}

div.kolom-wrapper {
	float: left;
	width: 710px;
}
div.kolom-wrapper-wide,
div.kolom-wrapper-full-width {
	width: 100%;
}
div.kolom-wrapper-wide div#content {
	width: 700px;
}
div.kolom-wrapper-full-width div#content { width: 100%; }
div.kolom-midden {
	float: right;
	/*padding: 10px;*/
	width: 470px;
}
div.kolom-links {
	float: left;
	width: 225px;
}
div.kolom-rechts {
	float: right;
	width: 240px;
}
div.zijkolom { min-height: 10px; overflow: hidden; }

/* Viewer / iFader
-------------------------------------------------------------------*/
div.viewer {
	background: #FFFFFF;
	padding: 7px;
	height: 310px;
}
div.aanvraag h2 a,
div.iconviewer h2 a { color: #4C4C4C; }

body#component-homepage div.faderwrapper h3 {
	font-size: 24px; 
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;  
	color: #00589d;
	line-height: 110%;
}

a.meernieuws {
	display: block;
	position: absolute;
	right: 5px; bottom: 5px;
	float: right;
	background: url(/img/meernieuws.png) no-repeat;
	width: 62px; height: 40px;
	
}

div.ifader div.ifader-item { 
	left: 15px; 
	position: absolute; 
	top: 20px; 
	z-index: 0; 
}

div.ifader ul.ifader-nav li { 
	float: left;
	margin-right: 5px; 
}

ul.ifader-nav {
	position: absolute;
}

ul.ifader-nav a {
	float: left;
	display: block;
	background: url(/img/viewerinactive.png) no-repeat 17px 30px; 
	width: 175px; height: 42px;
	margin-left: -5px;
	padding: 25px 0 0 30px;
	color: #b3cde2;
	font-size: 14px;
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	z-index: 5;
	text-transform: lowercase;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
}

ul.ifader-nav a.js-ifader-active { 
	background: url(/img/vieweractive.png) no-repeat; 
	color: #FFFFFF;
	width: 190px;
	text-transform: none;
}

div.ifaderdescription {
	position: absolute;
	background: url(/img/ifadertekst.png) no-repeat top right;
	top: 25px;
	left: -1px;
	width: 240px; height: 135px;
	padding: 10px 35px 10px 11px;
	z-index: 10;
}

div.ifaderdescription p {
	color: #00589d;
	font-size: 14px;
}

div#ifader-iconen { position: relative; }
div#ifader-iconen div.ifader-item { background: #fff; height: 135px; }
div#ifader-iconen .iconnav { left: 50%; margin-left: -120px; position: absolute; top: 155px; }

body div.js-ifader ul.js-ifader-nav { top: 297px; left: -10px; }

/* Ik heb een....
-------------------------------------------------------------------*/
a.ikheb {
	display: block;
	width: 244px; height: 121px;
	margin: 0 0 10px;
}

a.hond { background: url(/img/hond.png) no-repeat; }
a.hond:hover { background: url(/img/hond-hover.png) no-repeat; }
a.kat { background: url(/img/kat.png) no-repeat; }
a.kat:hover { background: url(/img/kat-hover.png) no-repeat; }
a.hondkat { background: url(/img/hondkat.png) no-repeat; }
a.hondkat:hover { background: url(/img/hondenkat-hover.png) no-repeat; }
/* Home Midden Top
-------------------------------------------------------------------*/
div.homemiddentop,
div#footer { background: #f1f1f0; margin: 1em 0 0 0; padding: 0 10px 0 24px; margin-left: -42px; width: 1005px;}

div#subfooter {
	background: url(/img/subfooter.gif) no-repeat top; padding-top: 30px;
	width: 1047px;
	margin: 0 auto;	
}
div#subfooter li { float:left; padding-right: 5px; border-right: 1px solid #444; margin-right: 5px; }
div#subfooter li.last { border: none; }
div#subfooter ul a { color: #444; text-decoration:none;}
div#subfooter ul a:hover, div#subfooter ul a:focus { color: #d7181f; }

div.homemiddentop div.introductie { margin: 25px 15px; float: left; padding: 10px; border-radius: 5px; }

div.homemiddentop div.fright { width: 530px; }

div.homemiddentop div.waarom,
div.homemiddentop div.storelocator { float: right; margin: 25px 0; padding: 10px; }

div.homemiddentop div.waarom { float: left; }
div.homemiddentop div.storelocator  { margin: 25px 15px; }

div.introductie { width: 400px; }

div.introductie img { margin-bottom: 5px; }
div.introductie a { text-decoration: underline; }
div.introductie h2 { color: #00589d; font-size: 26px; font-style: italic; line-height: 30px; margin-bottom: 5px; }
div.introductie h2 span.introblue { color: #00589d; }
div.introductie h2 span.introred { color: #d7181f; }
div.introductie div.intro1 { float: left; width: 190px; margin: 0; padding: 0; }
div.introductie div.intro2 { float: right; width: 190px; margin: 0; padding: 0; }
div.introductie p { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }

div.waarom { background: url(/img/zekerheden-bg.png) no-repeat top left; width: 205px; height: 260px; position: relative; cursor: pointer; }
div.waarom h2 a { color: #000; margin: 12px 6px; font-size: 24px; line-height: 33px; display: block; }
span.waarom { font-weight: normal; font-size: 24px; }
div.waarom ul {
	height: 152px;
    left: 10px;
    position: absolute;
    top: 125px;
    width: 205px;
    overflow: hidden;
}
div.waarom ul li { 
	margin: 5px 0; 
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #BEBEBE;
	text-align: center;
	position: absolute;
	top: -25px;
	width: 205px;
}

div.waarom ul li {
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
}
div.waarom ul li.zekerheid0 { width: 121px; margin-left: 42px; top: 0px; font-size: 16px; color: #BEBEBE;}
div.waarom ul li.zekerheid1 { color: #000000; font-size: 27px; line-height: 25px; top: 43px; }
div.waarom ul li.zekerheid2 { width: 121px; margin-left: 42px; top: 108px; font-size: 16px; color: #BEBEBE;}
div.waarom ul li.zekerheid3 { width: 121px; margin-left: 42px; top: 150px; font-size: 16px; color: #BEBEBE;}
div.waarom ul li.zekerheid4 { width: 9px; margin-left: 98px; top: 150px; font-size: 1px; color: #BEBEBE;}
div.waarom ul li.zekerheid5 { width: 9px; margin-left: 98px; top: -25px; font-size: 1px; color: #BEBEBE;}




div.storelocator { 
	width: 225px; height: 270px;
	margin-right: -20px;	
	background: url(/img/locator.png) no-repeat;
	position: relative;
}

div.storelocator h2 {
	margin-top: 20px;
	color: #FFFFFF;
}

img.animals {
	position: absolute;
	z-index: 1;
	bottom: 5px;
	left: 30px;
}

/* Home Midden Bot
-------------------------------------------------------------------*/
div.iconviewer {
	float: left;
	width: 470px;
}
div.aanvraag {
	float: right;
	min-height: 195px;
	padding-top: 20px;
	width: 470px;
}

div.aanvraag p { text-align: justify; }

a.aanvraag { 
	display: block;
	background: url(/img/aanvraag.png) no-repeat;
	width: 128px; height: 35px;
	float: right;
	margin-top: 10px;
}
a.aanvraag:hover { background: url(/img/aanvraag-hover.png) no-repeat; } 
img.icon {
	float: left;
	margin-right: 20px;
}
p.icon {
	padding-left: 110px;
}
p.aanvraag {
	padding-right: 110px;
}
img.aanvraag {
	float: right;
	margin-left: 20px;
	margin-top: 35px;
}
a.verder {
	padding-left: 10px;
	background: url(/img/pijl.gif) no-repeat 0 5px;
}
a.verder:hover { color: #ff5400; }

ul.crosslinks {
	padding: 0 0 10px 100px;
	border-bottom: 1px solid #c8c8c7;
}
div.aanvraag ul.crosslinks {
	padding: 0 100px 10px 0;
	border: none;
}

div.ifader-item ul.crosslinks {
	border: none;
}
ul.crosslinks li { 
	float: left;
	margin: 0 10px; 
}
a.volgende,
a.vorige { margin: 5px; display: block; width: 109px; height: 35px; float: left; }
a.vorige { background: url(/img/iconvorige.png) no-repeat; }
a.vorige:hover { background: url(/img/iconvorige-hover.png) no-repeat; }
a.volgende { background: url(/img/iconvolgende.png) no-repeat; float:right;}
a.volgende:hover { background: url(/img/iconvolgende-hover.png) no-repeat; }
div.iconnav { width: 260px; margin: 5px auto; }

/* Footer
-------------------------------------------------------------------*/

div#footer h2 { margin: 25px 0 32px; color: #000; }
div#footer p { margin-bottom: 0; }

div.twitter { float: left; padding: 0 15px; width: 220px; }
div.facepile { float: left; width: 450px; }
div.facepile iframe { height: 443px; width: 460px; border-top:1px solid #C1C1BF; }
div.nieuws { float: right; width: 250px; margin-right: 20px;}
div#footer div.nieuws h2 { margin-bottom: 12px; }
div#footer div.nieuws span.datum { font-size: .8em; }
div#footer a.verdergroot { font-size: 1.1em; font-weight:bold; margin-top: 1.5em; display:block; background-position: 0 7px;}

/* Twitter
-------------------------------------------------------------------*/
div.tweet { 
	border-top: 1px solid #c1c1bf; 
	padding: 5px;
	color: #4c4c4c;
}

a.twitter-titel { 
	color: #000000;
}

span.date {
	display: block;
	color: #016bbd;
	font-size: 10px;
}

/* Submenu
-------------------------------------------------------------------*/
dl.submenu {
	background: #e3e3e1;
	padding: 15px;
	margin-bottom: 10px;
	border-radius: 5px;
}

dl.submenu dt {
	border-bottom: 1px solid #babab8;
	padding: 0 0 15px 10px;
	margin-bottom: 5px;
}

dl.submenu dt.title { padding:0 0 10px 8px; }
dl.submenu dt.title a {  font-size: 1.2em; }

dl.submenu dd { padding-left: 8px; }

dl.submenu dd a {
	color: #444444;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	background: url(/img/grey-arrow.gif) no-repeat 0 4px;
	margin-left: 10px;
}

dl.submenu dt a {
	color: #444444;
	font-weight: bold;
	text-decoration: none;
	background: none;
	margin: none;
}

dl.submenu a.active,
dl.submenu a:hover {
	color: #00589d;
	text-decoration: none;
	background: url(/img/grey-arrow-hover.gif) no-repeat 0 4px;
}
	
img.catsdogs { margin: 0 auto 10px; }

dl.submenu ul li ul li { margin-left: 10px; }
dl.submenu ul li ul li a { font-weight: normal; }

dl.submenu legend {
	display:block;
	font-weight:bold;
	color: #00589D;
	padding: 2px 0;
}

dl.submenu dd.bottomlink {
	border-top: 1px solid #CCCCCC;
    margin: 0 !important;
    padding-top: 8px;
}

dl.submenu dd.bottomlink a {
	margin-left: 3px;
	color: #D7181F;
	font-weight: normal;
}
dl.submenu dd.bottomlink a:hover { color: #FF5400; }

/* Icon uitgelicht
-------------------------------------------------------------------*/
dl.productuitgelicht,
dl.iconuitgelicht {
	padding: 10px;
	background: #FFF;
	margin-bottom: 15px;
	border: 1px solid #e3e3e1; 
	border-radius: 5px;
}

dl.iconuitgelicht div.alinea,
dl.iconuitgelicht p { margin-bottom: 5px; }

dl.iconuitgelicht img {
	margin: 0 auto;
}
dl.iconuitgelicht dt {
	text-align: center;
	margin-bottom: 10px;
	padding: 0 0 10px 10px;	
	border-bottom: 1px solid #c8c8c7;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
}

dl.iconuitgelicht dd p {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #c8c8c7;
	font-size: 14px;
}

a.leesmeer,
a.leesmeerr,
dl.alineauitgelicht a,
dl.productuitgelicht a,
dl.iconuitgelicht a {
	padding-left: 10px;
	background: url(/img/dark-pijl.gif) no-repeat 0 7px;
	font-size: 14px;
	float: left;
}
dl.productuitgelicht a { margin-left: 15px; }

a.leesmeerr:hover,
a.leesmeer:hover,
dl.alineauitgelicht a:hover,
dl.productuitgelicht a:hover,
dl.iconuitgelicht a:hover {
	padding-left: 10px;
	background: url(/img/redarrow-hover.gif) no-repeat 0 7px;
	color: #ff5400;
}

a.leesmeerr { float: right; }

a.waarom { 
	margin-bottom: 15px; 
	display: block; 
	background: url(/img/waaromsmolke.png) no-repeat;
	width: 218px; height: 104px;
	color: #ffffff;
	padding: 18px 20px 0px 10px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-size: 25px;
	line-height: 27px;
}
a.waarom:hover {
	background: url(/img/waaromsmolke-hover.png) no-repeat;
}

div#subinhoud-links a.waarom {
	padding: 18px 10px 0px 10px;
	width: 205px;
	background: url(/img/waaromsmolke-left.png) no-repeat;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
}

div#subinhoud-links a.waarom:hover {
	background: url(/img/waaromsmolke-left-hover.png) no-repeat;
}

span.alternative {
	font-weight: bold;
}
/* Product Uitgelicht
-------------------------------------------------------------------*/
dl.productuitgelicht dt {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

dl.productuitgelicht dd p {
	font-size: 14px;
}

img.productuitgelicht {
	float: left;
	margin: 0 10px 20px 10px;
}

/* Alinea Uitgelicht
-------------------------------------------------------------------*/
dl.alineauitgelicht {
	margin-bottom: 15px;
}

dl.alineauitgelicht dt {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
dl.alineauitgelicht dd {
	font-size: 14px;
	margin-bottom: 10px;
}

/* Storelocator Small
-------------------------------------------------------------------*/
div.storelocatorsmall {
	background: url(/img/storelocatersmall.png) no-repeat;
	width: 225px; height: 81px;
	margin-bottom: 15px;
	padding: 30px 20px 10px 10px;
}

div#subinhoud-links div.storelocatorsmall {
	background: url(/img/storelocatersmall-left.png) no-repeat;
}

div.storelocatorsmall h2 {
	color: #FFF;
}

span.locator {
	width: 65px;
	float: left;
	color: #FFFFFF;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-size: 11px;
	font-weight: bold;
}

span.locator select {
	width: 62px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 4px;
	padding: 3px;
}

body#component-verkooppunten span.locator {
	width: 103px;
}

div.kolom-midden span.locator select { padding: 7px 2px; margin-top: 0; }

span.locator input {
	float: left;
	width: 50px;
}

span.locator input.text {
	background: url(/img/inputtext.png) no-repeat;
	border: none;
	width: 56px; height: 26px;
	margin-top: 4px;
	color: #7a7a7a;
	font-size: 11px;
}

span.locator input.button {
	background: url(/img/zoekbutton.png) no-repeat;
	width: 71px; height: 30px;
	margin-top: 20px;
	font-weight: bold;
}
span.locator input.button:hover {
	background: url(/img/zoekbutton-hover.png) no-repeat;
}

form#verkooppunten span.locator input.button:hover,
form#verkooppunten span.locator input.button:focus { opacity: .8; }

/* Nieuws
-------------------------------------------------------------------*/
div.nieuws dl {
	margin-bottom: 10px;
}
div.nieuws dl dt {
	border-top: 1px solid #c1c1bf;
	padding-top: 3px;
	color: #00589d;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
}
div.nieuws span.datum {
	color: #000;
	font-size: 10;
	font-weight: bold;
}
div.nieuws img { float: left; margin: 5px 5px 5px 0; }

a.rss {
	background: url(/img/rss.png) no-repeat;
	text-indent: -9999px;
	margin: 29px 10px 0;
	display: block;
	width: 16px; height: 16px;
}
a.rss:hover,a.rss:focus { opacity: .8; }
#sharethis a.rss { background-image: url(/img/rss-22x22.png); float: right; height: 22px; margin: 0 5px; width: 22px; }
#sharethis span { float: left; }

/* Icon pagina
-------------------------------------------------------------------*/
div.icon { 
	float: left;
	margin: 0 5px 5px 0; 
	width: 310px; height: 220px;
	font-size: 14px;
	padding: 10px 15px;
	border: 1px solid #e3e3e1;
	border-radius: 5px;
}
div.icon h3 {
	font-size: 22px;
	margin-bottom: 15px;
}
img.iconoverzicht {
	margin: 0 15px 15px 0;
}
a.iconmeer {
	background: url(/img/leesmeericon.png) no-repeat;
	display: block;
	width: 308px; height: 35px;
	color: #FFF;
	font-size: 14px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	text-transform: lowercase;
	float: left;
	padding: 6px 14px;
}

.js-hover a.iconmeer,
a.iconmeer:hover {
	background: url(/img/leesmeericon-hover.png) no-repeat;
}
div.filter { margin: 15px 0; color: #000000;}
p.filter span { float: left; }
p.filter label { width: auto; margin: 0 10px; float: left; font-weight:bold; }
p.filter input { margin: 4px 5px; float: left; }

img.icondetail { margin: 0 20px 20px 0; }

/* iFilter
-------------------------------------------------------------------*/
.js-ifilter-hidden { display: none; }

form.filter dl.submenu dd { margin-bottom: 16px; }

form.filter input.js-ifilter { float: left; margin-right: 4px; margin-top: 2px; }
form.filter label { float: left; width: 150px; }

form.filter label.disabled { color: #888; }
form.filter label.active { color: #D7181F; font-weight: bold; }

/* Download
-------------------------------------------------------------------*/
a.download { 
	color: #444444; 
	border-top: 1px solid #444444; 
	padding: 10px 0; 
	display: block; 
	font-size: 14px;
	background: url(/img/pdf.png) no-repeat center left;
	padding-left: 30px;
}
span.download { 
	color: #d7181f; 
	font-weight: bold; 
	float: right; 
	padding-right: 10px; 
	background: url(/img/download.png) no-repeat center right;
}
span.download:hover { 
	color: #e65100;
}
span.size { float: right; margin-right: 25px; }


/* Fotoalbum detail
-------------------------------------------------------------------*/
body#component-fotoalbumitem div#front-fader {
	float: none;
	background: #92938E;
	border-radius: 5px;
	border: none;
	height: 607px;
}

div.ifader { padding: 10px; position:relative; }
body#component-fotoalbumitem div.ifader { margin-bottom: 2em; }
body#component-fotoalbumitem div.ifader-item { background: #fff; border-radius: 5px; height: 485px; left: 10px; padding: 10px; right: 10px; top: 10px; }
body#component-fotoalbumitem div.ifader-item .sharethis {background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 0 10px 0; left: 10px; padding: 0 10px 10px 0; position: absolute; top: 10px; }

body#component-fotoalbumitem div.ifader-item .bijschrift { 
	background: #fff; 
	padding: 20px 15px 15px 35px; 
	position: absolute; 
	top: 320px;
	background: url(/img/foto-omschrijving.png) no-repeat center left;
	width: 235px; height: 123px; 
	right: 0;
	color: #00589d;
	font-size: 30px;
	font-weight: bold;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-style: italic;
	line-height: 100%;
}

body#component-fotoalbumitem div#front-fader .islider-previous,
body#component-fotoalbumitem div#front-fader .islider-next { background-image: url(/img/islider-nav-dark.png); }
/*
body#component-fotoalbumitem div#front-fader .photo-previous { background-position: 0 -50px; }
body#component-fotoalbumitem div#front-fader .photo-next { background-position: right -50px; }
*/
div.ifader-controls { position: absolute; top: 527px; left: 10px; right: 10px; }
div.ifader-controls .islider-item a { border: 1px solid #D8D6D9; border-radius: 10px; display: block; margin: 5px; width: 86px;}
div.ifader-controls .islider-item a img { border-radius: 10px; width: 86px; }
div.ifader-controls .islider-item a.active { border: 2px solid red; margin: -1px; width: 98px; }
div.ifader-controls .islider-item a.active img { width: 98px; }

/* iSlider op de homepage
------------------------------------------------------------------*/
div#front-fader .islider { background-color: #fff; clear: both; }
div#front-fader .islider-wrapper {}
div#front-fader .islider-viewport {
	height: 80px;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	width: 680px;
	float: left;
}
div#front-fader .islider-container{ height: 40px; white-space: nowrap; }
div#front-fader .islider-item { width: 96px; float: left; text-align: center; }
div#front-fader .islider-link img { display: inline; }
div#front-fader .islider-previous {
	background: url(/img/islider-nav.png) no-repeat 0 50%;
	float: left;
	height: 40px;
	outline: none;
	text-indent: -99999px;
	width: 33px;
	overflow: hidden;
}
div#front-fader .islider-next {
	background: url(/img/islider-nav.png) no-repeat right 50%;
	float: right;
	height: 40px;
	outline: none;
	text-indent: -99999px;
	width: 20px;
	overflow: hidden;
}

/* Productreviews
-------------------------------------------------------------------*/
div.review { 
	border: 1px solid #e3e3e1; 
	margin: 0 20px 20px 0;
	padding: 20px;
	float: left;
	width: 288px;
	height: 220px;
	border-radius: 5px;
}
div.meta {
	color: #00589d;
	margin-bottom: 20px;
	font-size: 14px;
}
body#component-reviewdetail div.meta {
	border-bottom: 1px solid #c8c8c7; 
}
div.meer {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px solid #c8c8c7;
}
div.meta td.title {	font-weight: bold; }
td.waarde {
	color: #4c4c4c;
	padding-left: 15px;
}
div.meta table { margin-bottom: 20px; }
div.meta img {	float: right; }

div.meta dl { margin-right: 30px; }
div.meta dt { font-weight: bold; }
div.review p.description { float: right; width: 185px; }
div.review a.leesmeer { margin: 10px 0; }

#sharethis { margin: 15px 0 0; }

/* FAQ
-------------------------------------------------------------------*/

body#component-faq .kolom-midden h2 {
	color: #00589d;
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #c8c8c7;
	margin: 0;
}

body#component-faq .kolom-midden h3 a,
.js-collapsable h3 a {
	font-size: 16px;
	padding: 4px 30px 14px 0;
	border-bottom: 1px solid #c8c8c7;
	display: block;
	color: #006ABE;
	background: url(/img/faq-up.png) no-repeat right center;
}

body#component-faq div.js-collapsable-collapsed h3 a,
.js-collapsable-collapsed h3 a {
	background: url(/img/faq-down.png) no-repeat right center;
	color: #444444;
}
div.faq-answer { 
	font-size: 14px; 
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	display: block;
}

div.js-collapsable { margin: 10px 0; }
div.js-collapsable-content { position: relative;}



/* Foto
-------------------------------------------------------------------*/

a.photo-previous {
	background: url(/img/foto-back.png) no-repeat;
	display: block;
	width: 89px; height: 35px;
	text-indent: -9999px;
	float: left;
	margin-top: 25px;
}

a.photo-next {
	background: url(/img/foto-next.png) no-repeat;
	display: block;
	width: 89px; height: 35px;
	text-indent: -9999px;
	float: right;
	margin-top: 25px;
}

span.aantal { display: none; }

/* Verkooppunten
-------------------------------------------------------------------*/
form#verkooppunten {
	background: url(/img/storelocator.png) no-repeat;
	width: 468px; height: 114px;
	padding: 50px 10px 0 10px;
}

form#verkooppunten ul li {
	float: left;
}

form#verkooppunten span.locator {
	margin-right: 20px;
	font-size: 14px;
}

form#verkooppunten  span.locator input.button {
	margin: 15px 0 0 15px;
	background: url(/img/zoekbuttongroot.png) no-repeat;
	width: 192px; height: 43px;
}

input#verkooppunten-postcode {
	background: url(/img/postcode-groot.png) no-repeat;
	width: 116px; 
	padding: 9px 0 9px 10px;
	border: none;
}
input#verkooppunten-radius {
	background: url(/img/radius-groot.png) no-repeat;
	width: 70px; height: 35px;
	border: none;
}

input#verkooppunten-postcode,
input#verkooppunten-radius {
	padding-left: 10px;
}

table.verkooppunten td {
	border-bottom: 1px solid #c8c8c7;
}

table.verkooppunten tr th a {
	color: #444444;
	font-weight: bold;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-size: 16px;
}

tr.js-itoggable-collapsed {
	display: none;
}

a.js-itoggable-a { 
	background: url(/img/faq-down.png) no-repeat right center;
	width: 22px; height: 22px;
	display: block;
}
tr.js-uitgeklapt a.js-itoggable-a {
	background: url(/img/faq-up.png) no-repeat right center;
	width: 22px; height: 22px;
	display: block;	
}

a.js-itoggable { color: #4C4C4C; }

a.js-isortable {
	background: url(/img/sortable.png) no-repeat left center;
	padding-left: 15px;
}

td.verkooppunt {
	font-weight: bold;
}

/* Productdetail
-------------------------------------------------------------------*/
body#component-productdetail h1 {
	color: #444444;
	font-style: normal;
	font-size: 22px;
}

body#component-productdetail h2 {
	font-size: 16px;
}

div.productinfo { float: right; width: 530px; }

img.product {
	margin: 0 20px 20px 0;
}

a.waarkopen {
	background: url(/img/c2a-orange.png) no-repeat;
	display: block;
	width: 192px; height: 35px;
	color: #FFFFFF;
	padding: 7px 0 0 10px;
	float: right;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2" ,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 8px 24px;
}

a.waarkopen:hover {
	background: url(/img/c2a-orange-hover.png) no-repeat;
}

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

a.gerelateerd-product {
	width: 70px;
	margin-right: 5px;
	padding-left: 10px;
}

span.gerelateerd-product {
	font-weight: bold;
}

a.meer-eigenschappen {
	margin: 55px 0 0 16px;
	float: left;
	padding-left: 10px;
	background: url(/img/pijl.gif) no-repeat 0 8px;
}

div.productreviews { 
	margin-top: 32px;
}

/* CTA
-------------------------------------------------------------------*/
a.cta { background: url(/img/cta.gif) no-repeat top left; padding-left: 10px; display:block; }
a.cta .inner { background: url(/img/cta.gif) no-repeat top right; color:#fff; display:block; padding: 8px 8px 7px 0; font-weight:bold; }

a.cta:hover,a.cta:focus {background: url(/img/cta.gif) no-repeat bottom left;}
a.cta:hover .inner,a.cta:focus .inner{background: url(/img/cta.gif) no-repeat bottom right;}

/* Productoverzicht
-------------------------------------------------------------------*/
div.productsummary { padding: 20px; border: 1px solid #e3e3e1; border-radius: 5px; background: #f7f7f7; margin-bottom: 30px; }
div.productsummary.js-hover { background: #f9f9f9; border: 1px solid #ff7e00; }
div.productsummary div.info { float: right; width: 520px; }
div.productsummary div.product-meta { float: right; width: 175px; }
div.productsummary div.product-description { float: left; width: 310px;}

div.productsummary div.product-meta dl { border-bottom: 1px solid #e3e3e1; padding-bottom: 10px; margin-bottom: 10px; }
div.productsummary div.product-meta dt { font-weight:bold; }
div.productsummary div.product-meta a.icon { float: left; margin: 0 3px 3px 0; }
div.productsummary div.product-meta a.icon-last { margin-right: 0; }
div.productsummary div.product-meta a.icon:hover,
div.productsummary div.product-meta a.icon:focus { opacity: .8; }

body#component-voedingsadvies div.productsummary div.info { width: 320px; }
body#component-voedingsadvies div.productsummary div.product-meta { float: none; width: auto; }

/* Nieuws
-------------------------------------------------------------------*/
div.nieuws-preview { border-top: 1px solid #c8c8c7; padding: 20px 0; }
div.nieuws-preview.js-hover { background: #f9f9f9; }
div.nieuws-preview h2 { margin-bottom: 5px; }
div.nieuws-preview h2 a { color: #767676; }
div.nieuws-preview p.datum,
div.nieuwsitem p.datum { color: #669bc4; margin-bottom: 5px; }
div.nieuws-preview img,
div.nieuwsitem img { border-radius: 5px; float: left; margin-right: 20px; }
p.leesverder { margin-bottom: 0; }
p.leesverder a { background: url(/img/pijl.gif) no-repeat left center; padding-left: 10px; font-weight:bold; color: #d7181f; }
.js-hover p.leesverder a,
p.leesverder a:hover,
p.leesverder a:focus { color: #016bbd; }

dl.nieuwslijst dt { margin-top: 20px; font-size: 1.6em; border-bottom: 1px solid #c8c8c7; padding-bottom: 5px; }
dl.nieuwslijst a { color: #5d5d5d; display:block; padding: 5px 0; border-bottom: 1px solid #c8c8c7; font-size: 1.2em;}
dl.nieuwslijst a:hover,
dl.nieuwslijst a:focus { background: #f9f9f9; }
dl.nieuwslijst span { background: url(/img/pijl.gif) no-repeat left center; padding-left: 10px; font-weight:bold; color: #016bbd; width: 50px;	}
dl.nieuwslijst a.archief { background: url(/img/pijl.gif) no-repeat left center; padding-left: 10px; font-weight:bold; color: #d7181f; border: none; }
dl.nieuwslijst a.archief:hover,
dl.nieuwslijst a.archief:focus { background: #f9f9f9 url(/img/pijl.gif) no-repeat left center; }

fieldset.jaarfilter ul.jaren { border: 1px solid #c8c8c7; border-width: 1px 0; }
fieldset.jaarfilter ul.maanden{ border-bottom: 1px solid #c8c8c7; }
fieldset.jaarfilter li { float: left; padding: 5px 10px 5px 0; color: #c8c8c7; font-weight: bold; font-size: 1.2em;}
fieldset.jaarfilter li.last { padding-left: 0; }
fieldset.jaarfilter ul.jaren li { font-size: 1.4em; }
fieldset.jaarfilter li a { display:block;  color: #444; }
fieldset.jaarfilter li a.active,
fieldset.jaarfilter li a:hover,
fieldset.jaarfilter li a:focus { color: #016bbd; }

dd.meertonen { border: none; text-align:center; }
dd.meertonen a { background: #c8c8c7; border-radius: 5px; color: #fff; display:block; padding: 5px; margin-top: 10px; width: 200px; margin-left: 110px; }

/* Zoeken
-------------------------------------------------------------------*/
span.blue { color: #016bbd; }
div.searchresult p,
div.searchresult h3 { margin-bottom: 5px; }

div.searchresult { border-bottom: 1px solid #c8c8c7; padding: 10px 0; }
div.searchresult p.breadcrumbs { font-size: 10px; color: #016bbd; }
div.searchresult p.breadcrumbs a { color: #92928f; font-size: 10px; }
div.searchresult a.verder { background-position:0 8px; }
div.searchresult p.breadcrumbs a:hover,div.searchresult p.breadcrumbs a:focus { text-decoration:underline; }

/* voedingsadvies
-------------------------------------------------------------------*/

a.voedingsadvies {
	background-position: top;
	color: #333333;
    display: block;
    float: left;
    font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
    font-size: 19px;
    font-weight: bold;
    margin-right: 30px;
    padding: 18px 10px 19px 75px;
    width: 114px;
}
a:hover.voedingsadvies { background-position: bottom; }
a.voedingsadvies.btn-hond {background-image: url(/img/voedingsadvies-hond.png); }
a.voedingsadvies.btn-kat {background-image: url(/img/voedingsadvies-kat.png); }