@charset "UTF-8";
/* CSS Document */

/* CSS reset */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0;
}

html, body, div {
	margin: 0;
	padding: 0;
}
/* END CSS reset */



body {
	margin: 0;
	background-color: #E0E0E0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
}

p {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #4E4E4E;
	margin: 0 0 18px 0;
}

h1 {
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: #FF8A1C;
	margin: 0 0 16px 0;
}

h2 {
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 25px;
	color: #FF8A1C;
	margin-top: 0px;
	margin-bottom: 10px;
}

.subtitel {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #4E4E4E;	
}

.oranje {
	color: #FF8A1C
}

a {
	color: #FF8A1C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table, td, tr {
	border: none;
}

td {
	vertical-align: top;
	padding-right: 5px;
}

table p {
	margin-bottom: 8px;
}

table { 
	margin-bottom: 10px;
}


#wrapper {
	width: 100%;
	max-width: 1200px;
	min-width: 900px;
	margin: 0 auto 20px auto;
	background-color: #FFF;
	box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.99);
}

#header {
	background-color: #FFF;
	padding: 30px 0 0 0;
	margin: 0 auto 25px auto;
}

.logowrap {
	width: 800px;
	margin: 0 auto;
}

#header img {
	float: left;
	width: 390px;
}

#nav {
	margin: 0 auto 10px 0;
	background-color:#4E4E4E;
	position: relative;
}

#nav ul {
	width: 800px;
	text-align: left;
	padding: 7px 0;
	margin: 0 auto;
	
}
#nav li {
	display: inline;
	margin-right: 33px;
	font-family: 'PT Sans', sans-serif;	
	font-size: 16px;
	line-height: 25px;
	color: #ED942D;
	white-space: nowrap;
}

#nav a {
	color: #FFF;
	text-decoration: none;
}

#nav a:hover {
	color: #ED942D;
}

.vlag {
	margin-bottom: -3px;
	width: 24px;
	height: auto;
}
	
#content {
	background-color: #FFF;
	margin: 0 auto;
}

.kolomwrap {
	width: 800px;
	margin: 0 auto;
	padding: 22px 0 10px 0;
	overflow: auto;
}

.kolom {
	float:left;
	width: 380px;
	margin-right: 30px;
	position: relative;
}

.kolom img {
	width: 380px;
	margin-top: 8px;	
}

.breed {
	width: 100%;
}

.facebook {
	width: 20px !important;
	height: 20px !important;
	margin: 4px 6px 4px 0;
}

.kolomR {
	float: right;
	width: 380px;
	margin-right: 0px;
	position: relative;
}

.grijsbg {
	background-color: #EEEEEE;
	
}

.witbg {
	
}

#footer {
	background-color:#4E4E4E;
	padding: 29px 0 29px 0;
	margin: 30px auto 0 auto;
}

#footer a {
	color: #ED942D;
	text-decoration: none;
}

#footertext {
	width: 800px;
	margin: 0 auto;
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
}

.clear {
	clear: both;
}

/* Responsive design */

@media all and (max-width: 768px) {
	
	#wrapper {
		max-width: 768px;
		min-width: 768px;
		
	}
 	.kolomwrap {
		width: 680px;
	
	}
	.logowrap {
	width: 680px;
	}
	
	#nav {
		
	}
	
	#nav ul {
	width: 680px;
	}
	
	#nav li {
		font-size: 15px;
		margin-right: 19px;
	}
	
	
		
	.kolom {
		float:left;
		width: 320px;
	}
	
	.kolomR {
		width: 320px;
	}
	
	.breed {
	width: 100%;
}
	
	.kolom img {
		width: 320px;	
		
	}
	
	#footertext {
		width: 680px;
	}
	
}

@media all and (max-width: 533px) {
	
	p {
		font-size: 17px;
		line-height: 24px;
	}
	
	#wrapper {
		max-width: 533px;
		min-width: 320px;
		
	}
	
	#content {
		width: 100%;
		padding: 0;
}

	.logowrap {
	width: 100%;
	}
	
	#header {
		padding: 30px 25px 0 25px;
	}
	
	#header img {
		width: 100%;
	}
	
	#nav {
		padding: 5px 0 5px 25px;
		margin-bottom: 0;
	}
	
	#nav ul {
	width: 248px;
	padding: 0;
	margin: 0;
	}
	
	#nav li {
		display: block;
		font-size: 20px;
		line-height: 32px;
	}
	
	#nav a {
		font-size: 20px;
		line-height: 32px;
	}
	
	.vlag {
		margin: 5px 100px 0 1px;
		padding-bottom: 7px;
	}
	
	.kolomwrap {
		width: 100%;
		padding-bottom: 0;
	
	}
	
		
	.kolom {
		float:left;
		width: 100%;
		margin-right: 0;
		padding: 0 25px;
	}
	.kolom img {
		width: 100%;		
	}
	
	.kolomR {
	float: left;
	width: 100%;
	padding: 0;
	margin-right: 0px;
}

	#footer {
	padding: 25px;
	margin-top: 0;
}
	
	#footertext {
		width: 100%;
		font-size: 14px;
	}
	
}