body,
html {
	height: 100%;
	margin: 0
}

#links,
a {
	text-decoration: none
}

.content,
.header {
	position: absolute
}

.content,
.footer,
.header {
	left: 0;
	right: 0
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
ol,
p,
ul {
	margin: 0
}

html {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

body {
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 14px;
   /*	background: #FFF78F; */  /* Yellow */
	background: #ebebeb;   /* Silver */
	line-height: 1.5
}

a {
	cursor: pointer;
	color: inherit
}

a:active,
a:hover {
	outline: 0
}

.header {
	background: #000;
	border: 0;
	z-index: 9999;
	top: 0;
	height: 3.3em
}

.content {
/*	background: #FFF78F; */  /* Yellow */
	background: #ebebeb;   /* Silver */
/*	color: #060;	*/	/* groen, 09 is lichter groen...beter met grijs */
	color: #00;		/* zwart */
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1.5em;
	top: 3.5em;
	bottom: 2.2em;
	overflow: auto
}

.overridden-a {
	position: auto
}

.footer {
	background-color: #000;
	border-top: 0 solid #ABABAB;
	text-align: center;
	font-size: 1em;
	font-weight: 400;
	padding-top: .5em;
	color: #ccc;
	position: absolute;
	bottom: 0;
	height: 2em;
	overflow: hidden
}

.highlight,
p.Initiaal:first-letter {
	color: #F60;
	font-weight: 700
}

.footer:after {
	text-align: center;
	content: "email: Info@hondenuitlaatservicebarbera.nl \00a0 \00a0 \00a0 \00a0 - \00a0 \00a0 \00a0 \00a0 mobiel: 06-10591049 \00a0 \00a0 \00a0 \00a0 - \00a0 \00a0 \00a0 \00a0 Copyright \00A9  2017"
}

p.Initiaal:first-letter {
	font-size: 320%;
	float: left;
	line-height: 35px;
	padding-top: 3px;
	padding-right: 3px
}

.imageRechts {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px
}

.imageLinks {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px
}

ul.no_bullet {
	list-style-type: none;
	padding-top: .3em;
	padding-bottom: .3em
}

li.hondenpoot_groen {
	background: url(img/hondenpoot_groen_klein.png) left top no-repeat
}

li.hondenpoot_rood {
	background: url(img/hondenpoot_rood_klein.png) left top no-repeat
}

li.hondenpoot_l_groen {
	background: url(img/hondenpoot_l_groen_klein.png) left top no-repeat
}

li.hondenpoot_r_groen {
	background: url(img/hondenpoot_r_groen_klein.png) left top no-repeat
}

li.hondenpoot_l_rood {
	background: url(img/hondenpoot_l_rood_klein.png) left top no-repeat
}

li.hondenpoot_r_rood {
	background: url(img/hondenpoot_r_rood_klein.png) left top no-repeat
}

li.hondenpoot_groen,
li.hondenpoot_l_groen,
li.hondenpoot_l_rood,
li.hondenpoot_r_groen,
li.hondenpoot_r_rood,
li.hondenpoot_rood {
	background-size: 1em 1em;
	background-position: 0 .2em;
	padding-left: 1.4em;
	padding-top: 0;
	padding-bottom: .2em
}

.koptekst {
	font-weight: 700;
	font-size: 1.8em;
	text-decoration: underline;
	text-decoration-color: #F60;
	-moz-text-decoration-color: #F60
}

.underline {
	border-bottom: 10px solid currentColor
}

.underline--red {
	border-bottom-color: #FF000
}

.underline--dotted {
	border-bottom: 10px #FF000 dashed
}

.font_small {
	font-size: 12px!important
}

.font_medium {
	font-size: 15px!important
}

.font_large {
	font-size: 18px!important
}

.font_404error {
	font-size: 7em
}

@media screen and (max-width:520px) {
	.imageLinks,
	.imageRechts {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding-left: 0;
		padding-right: 0;
		max-width: 100%
	}
}

@media screen and (min-width:851px) {
	.content {
		padding-left: 15.55%;
		padding-right: 15.55%
	}
}

@media screen and (max-width:850px) {
	.footer:after {
		content: "Info@hondenuitlaatservicebarbera.nl"
	}
	.footer {
		font-size: font-size: .875em
	}
	.header {
		height: 5.3em
	}
	.content {
		top: 5.5em;
		padding-top: 0
	}
}