@charset "UTF-8";

@font-face {
	font-family: 'dancingscript-regular-webfont';
	src: url(../fonts/webfontkit-20160917-180127/dancingscript-regular-webfont.woff) format('woff');
}

@font-face {
	font-family: 'notosans_italic_macroman';
	src: url('../fonts/notosans_italic_macroman/NotoSans-Italic-webfont.eot');
	src: url('../fonts/notosans_italic_macroman/Notosans-Italic-webfont.eot#iefix')format('embedded-opentype'),
		 url('../fonts/notosans_italic_macroman/Notosans-Italic-webfont.woff') format('woff'),
		 url('../fonts/notosans_italic_macroman/Notosans-Italic-webfont.ttf') format('truetype'),
		 url('../fonts/notosans_italic_macroman/Notosans-Italic-webfont.svg#notosans-italic-webfont') format('svg');
}

@font-face {
	font-family: 'notosans_regular_macroman';
	src: url('../fonts/notosans_regular_macroman/NotoSans-Regular-webfont.eot');
	src: url('../fonts/notosans_regular_macroman/Notosans-Regular-webfont.eot#iefix')format('embedded-opentype'),
		 url('../fonts/notosans_regular_macroman/Notosans-Regular-webfont.woff') format('woff'),
		 url('../fonts/notosans_regular_macroman/Notosans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/notosans_regular_macroman/Notosans-Regular-webfont.svg#notosans-regular-webfont') format('svg');
}

@font-face {
	font-family: 'notosans_bold_macroman';
	src: url('../fonts/notosans_bold_macroman/NotoSans-Bold-webfont.eot');
	src: url('../fonts/notosans_bold_macroman/Notosans-Bold-webfont.eot#iefix')format('embedded-opentype'),
		 url('../fonts/notosans_bold_macroman/Notosans-Bold-webfont.woff') format('woff'),
		 url('../fonts/notosans_bold_macroman/Notosans-Bold-webfont.ttf') format('truetype'),
		 url('../fonts/notosans_bold_macroman/Notosans-Bold-webfont.svg#notosans-bold-webfont') format('svg');
}

@font-face {
	font-family: 'notosans_bolditalic_macroman';
	src: url('../fonts/notosans_bolditalic_macroman/NotoSans-BoldItalic-webfont.eot');
	src: url('../fonts/notosans_bolditalic_macroman/Notosans-BoldItalic-webfont.eot#iefix')format('embedded-opentype'),
		 url('../fonts/notosans_bolditalic_macroman/Notosans-BoldItalic-webfont.woff') format('woff'),
		 url('../fonts/notosans_bolditalic_macroman/Notosans-BoldItalic-webfont.ttf') format('truetype'),
		 url('../fonts/notosans_bolditalic_macroman/Notosans-BoldItalic-webfont.svg#notosans-bolditalic-webfont') format('svg');
}

H0 {
	font-family: 'dancingscript-regular-webfont';
	font-size:100px;
	color:#6c7926;
}

H1 {
	font-family: 'dancingscript-regular-webfont';
	font-size:80px;
	color:#6c7926;
}

H2 {
	font-family: 'dancingscript-regular-webfont';
	font-size:50px;
	color:#6c7926;
}

H3 {
	font-family: 'notosans_italic_macroman';
	font-size:26px;
	line-height:26px;
	color:#423126;
}

H4 {
	font-family: 'notosans_italic_macroman';
	font-size:18px;
	line-height:26px;
	color:#423126;
}

H5 {
	font-family: 'notosans_regular_macroman';
	font-size:14px;
	line-height:22px;
	color:#423126;
}

H6 {
	font-family: 'notosans_bold_macroman';
	font-size:14px;
	line-height:22px;
	color:#423126;
}

H7 {
	font-family: 'notosans_bolditalic_macroman';
	font-size:14px;
	line-height:22px;
	color:#423126;
}

H8 {
	font-family: 'notosans_bolditalic_macroman';
	font-size:18px;
	line-height:26px;
	color:#6c7926;
}
H9 {
	font-family: 'dancingscript-regular-webfont';
	font-size:35px;
	color:#423126;
}

H10 {
	font-family: 'dancingscript-regular-webfont';
	font-size:50px;
	color:#FFFFFF;
	text-shadow:2px 1px 4px #423126;
}

H11 {
	font-family: 'notosans_regular_macroman';
	font-size:14px;
	line-height:22px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000000;
	
}

H12 {
	font-family: 'notosans_bolditalic_macroman';
	font-size:13px;
	line-height:22px;
	color:#423126;
}

#menuachtergrond {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 150px;
	background-image: url(../images/achtergrond_menu.png);
	background-position: center;	
	z-index:1;
}

#menuwrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 150px;
}

#logo {
	position: relative;
	top:10px;
}

.smoothScroll {
	position: relative;
	top: -67px;
	left: 60px;
	font-family: 'dancingscript-regular-webfont';
	color: #FFFFFF;
	font-size: 30px;
	text-shadow: 0px 0px 10px #000000;
	text-decoration:none;
}

.smoothScroll:hover {
    text-shadow: 0px 0px 10px #E9E5C6;
}

#homebutton {
	left:30px;
}

#overonsbutton {
	position:relative;
	left:60px;
}

#onzehondenbutton {
	position:relative;
	left:90px;
}

#contactbutton {
	position:relative;
	left:120px;
}

#facebook {
	position:relative;
	left:145px;
	top:-45px
}

#facebook2 {
	position:absolute;
	left:-185px;
	top:40px;
}

#headerimageachtergrond {
	position: relative;
	margin: 0 auto;
	width: 100%;
	top:145px;
	height:800px;
	background-image:url(../images/zar_en_biek_2015.jpg);
	background-position: center;	
	background-size:cover;
}

#headerimagewrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height:655px;
}

#newsachtergrond {
	position: relative;
	margin: 0 auto;
	width: 100%;
	top:145px;
	height:700px;
	background-image:url(../images/achtergrond_pootafdrukken.png);
	background-position: center;	
	background-size:cover;
}

#newswrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height:700px;
}

.headerlevel1 {
	position:absolute;
	left:360px;
	top:105px;
	color:#FFFFFF;
	text-shadow: 0px 0px 10px #2C2C2C;
}

.headerlevel2 {
	position: absolute;
	left: 300px;
	top: 145px;
	text-align: center;
	text-shadow: 0px 0px 10px #2C2C2C;
	color:#FFFFFF;
	font-size:95px
}

.headerlevel3 {
	position:absolute;
	left:520px;
	top:235px;
	text-align:center;
	text-shadow: 0px 0px 10px #2C2C2C;
	color:#FFFFFF
}

#nav5{
	top:-150px;
}

#overonsachtergrond {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background-image:url(../images/paper_background.jpg);
	height:1100px;
}

#overonswrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 1100px;
}

#titeloverons {
	position: relative;
	text-align:center;
	top:60px;
}

#inleidingoverons {
	position: relative;
	text-align:center;
	width:650px;
	margin:0 auto;
	top:80px;
}

#tekstcolomlinks1overons {
	position: relative;
	width:450px;
	top:140px;
	float:left;
}

#overonsfoto1 {
	position: relative;
	top:100px;
	left:60px;
	float:left;
}

#overonsfoto2 {
	position:relative;
	top:80px;
	float:left;
}

#tekstcolomrechts1overons {
	position: relative;
	width:450px;
	top:160px;
	float:left;
	left:60px;
}

#onzehondenachtergrond {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background-color:#FFFFFF;
	height:1760px;
}

#onzehondenwrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 1760px;
	background-image:url(../images/achtergrond_pootafdrukken.png);
}

#titelonzehonden {
	position: relative;
	text-align:center;
	top:60px;
}

#onzehondengallery {
	position: relative;
	height:auto;
	width:960px;
	display:block;
	text-align:center;
}

.galleryitem {
	position:relative;
	width:206px;
	text-align:center;
	text-decoration:none;
	margin:10px 15px 10px 15px;
	float:none;
	display:inline-block;
}


.tekstcenter {
	text-align:center;
}

.galleryitembutton {
	position:relative;
	text-decoration:none;
	width:192px;
	height:52px;
	background-image:url(../images/botje_1.png);
	margin:0 auto;
	font-family: 'notosans_bold_macroman';
	font-size:14px;
	line-height:17px;
	color:#423126;
}

.galleryitembutton:hover {
	background-image:url(../images/botje_2.png);
	color:#ffffff;
}

.textdecorationnone {
	text-decoration:none;
}

#contactachtergrond {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height:800px;
	background-image:url(../images/Biek%202015%202.jpg);
	background-position: center;	
	background-size:cover;
}

#contactwrapper {
	position: relative;
	height:800px;
	width:100%;
	margin:0 auto;
}

#contacttekst {
	position:relative;
	top:60px;
	left:10px;
	text-align:center;
	text-decoration: none;
}

#footerachtergrond {
	position:relative;
	background-image: url(../images/achtergrond_menu.png);
	background-position: center;	
	height:49px;
	width:100%;
	text-align:center;
}

#contactformulier {
	position:relative;
	float:right;
	top:80px;
	right:15%;
	height:550px;
	width:460px;
	background-image:url(../images/lijstje2.png);
	background-size:cover;
	background-position:center;
}

.labelvoornaam {
	position:relative;
	top:60px;
	left:60px;
	font-family: 'dancingscript-regular-webfont';
	font-size:25px;
	color:#6c7926;
}

.inputformulier {
	position:relative;
	top:60px;
	left:70px;
	width:250px;
	background:none;
	border:none;
	font-family: 'notosans_regular_macroman';
	font-size:14px;
	color:#423126;
}

.inputformulierbericht {
	position:relative;
	top:70px;
	left:57px;
	width:370px;
	background:none;
	border:none;
	font-family: 'notosans_regular_macroman';
	font-size:14px;
	color:#423126;
}

.verstuur {
	position:relative;
	background:none;
	border:none;
	width:131px;
	height:131px;
	background-image:url(../images/postzegel.png);
	color:transparent;
	left:340px;
	top:70px;
}
.verstuur:hover {
	background-image:url(../images/postzegel2.png);
}

*::-webkit-input-placeholder {
    color: grey;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: grey;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: grey;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: grey;
}

.wit {
	color:#FFFFFF;
	text-shadow: 0px 0px 10px #000000;
}

#nav1 {
	text-decoration:none;
}

#nav2 {
	top:-145px;
	text-decoration:none;
}

#nav3 {
	top:-145px;
	text-decoration:none;
}

#nav4 {
	top:-145px;
	text-decoration:none;
}

#subpaginaheaderachtergrond {
	position:relative;
	margin:0 auto;
	width:100%;
	background-image:url(../images/paper_background.jpg);
	height:310px;
	top:147px;
}

#subpaginaheaderwrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 310px;
}

#titelsubpagina {
	position: relative;
	text-align:center;
	width:500px;
	top:60px;
}

#subtitelsubpagina {
	position: relative;
	text-align:center;
	width:500px;
}

#lijntjesubpagina {
	position: relative;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-color: #6D6D6D;
	left:85px;
	float:left;
}

#lijntjesubpagina2 {
	position: relative;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-color: #6D6D6D;
	margin:0 auto;
	left:-60px;
	top:300px;
}

#subpaginamiddenachtergrond {
	position:relative;
	margin:0 auto;
	width:100%;
	height:720px;
	top:150px;
}

#subpaginamiddenwrapper {
	position:relative;
	margin:0 auto;
	width:960px;
}

#subpaginaheaderfoto {
	position:relative;
	left:210px;
	top:-200px;
}

#specskolomlinks {
	position:relative;
	font-family:'notosans_regular_macroman';
	font-size:14px;
	line-height:22px;
	color:#423126;
	float:left;
}

#specskolomrechts {
	position:relative;
	font-family:'notosans_bold_macroman';
	font-size:14px;
	line-height:22px;
	color:#423126;
	left: 10px;
}

.nodeco {
	text-decoration:none;
}

.nodecoterugbutton {
	text-decoration:none;
}

#tekstcolomlinkssubpagina {
	position: relative;
	width:450px;
	float:left;
	top:60px;
}

#tekstcolomrechtssubpagina {
	position: relative;
	width:450px;
	top:245px;
	float:left;
	left:60px;
}

#fotogallerijwrapper {
	position: relative;
	width:450px;
}

.fancybox {
	position: relative;
	padding-right: 6px;
	padding-left: 6px;	
}

.galleryitembutton2 {
	position:relative;
	text-decoration:none;
	width:192px;
	height:52px;
	background-image:url(../images/botje_1.png);
	margin:0 auto;
	font-family: 'notosans_bold_macroman';
	font-size:14px;
	line-height:17px;
	color:#423126;
	text-align:center;
	top:320px;
}

.galleryitembutton2:hover {
	background-image:url(../images/botje_2.png);
	color:#ffffff;
}

.buttonbackground {
	background-image:url(../images/botje_1.png);
	width:192px;
	height:52px;
	margin:0 auto;
}

.buttonbackground:hover {
	background-image:url(../images/botje_2.png);
}

#nieuwsberichtpups {
	position: relative;
	width:450px;
	float:left;
}

#nieuwsberichtpupsfoto1 {
	position: relative;
	top:0px;
}

#cnestgalleryitem {
	position: relative;
	width:960px;
	height: 350px;
	background-image:url("../../images/CNestBackground_def.png");
}

#tekstcolomrechtscnest {
	position: relative;
	width:380px;
	top:50px;
	float:left;
	left:60px;
}

#fotolinkscnest {
	position:relative;
	top:10px;
	float:left;
	left:40px;
}