/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
span, div,
h1, h2, h3, h4, h5, h6,
a, p,
img,
ul, ol, li {
	margin: 0;
	padding: 0;
}

h2 { 
	clear: both;
	font-size: 11px;
	font-weight: normal;
}

h3 {

}

h4 {

}
h5 {

}

p {
	
}

img {
	border: none;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

body {
	background: #1f1e21;
	font: 62.5% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}



/*
#################
#	LAY-OUT		#
#################
*/

ol, ul {
	padding: 0 0 18px 25px;
	color: #8C8C8C;
}


/* HOOFDPAGINA */

div#container {
	margin: 20px 0 0 0;
	position: absolute;
	font-size: 1.2em;
	padding: 10px;
	width: 940px;
	height: 550px;
	z-index: 100;
	background-repeat: no-repeat;
	background-image: url('/img/bgfront.jpg');	/* Default achtergond */
}

div#container div#showcontent {
	display: none;
}

div#kolomLinks {
	float: left;
	margin: 0 10px 0 0;
}

div#kolomRechts {
	float: left;
	width: 400px;
}

div#header {
	float: left;
	width: 440px;
	height: 83px;
	overflow: hidden;
}

div.headerLogo {
	width: 274px;
	height: 83px;
	float: left;
}

div.headerBlok {
	float: left;
	width: 158px;
	height: 75px;
	background: #ffffff;
	padding: 4px;
}

img.logo {
	float: left;
}

div#header a.remove {
	float: right;
	padding: 0 0 5px 5px;
	width: 5px;
	height: 5px;
}

/*
#################
#	MENU'S		#
#################
*/

/* TAALMENU */



ul#taalmenu {
	float: right;
	clear: right;
	border-right: 15px solid #fff;
	margin: 35px 0 0 0;
	list-style: none;
	height: 25px;
}

ul#taalmenu li {
	float: left;
	margin: 0 5px 0 0;
}

ul#taalmenu li a {
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
}

ul#taalmenu li a.odd {
	color: #173a34;
}

ul#taalmenu li a.even {
	color: #7cab77;
}

/* MAIN MENU */

div#menu {
	float: left;
	clear: left;
	padding: 0px 0 0 5px;
	margin: 10px 0 10px 0;
	width: 435px;
	height: 73px;
	background: #7cab77;
}

div#menu a.remove {
	float: right;
	padding: 5px 5px 5px 5px;
	width: 5px;
	height: 5px;
}

ul#mainMenu {
	width: 412px;
	float: left;
	list-style: none;
	padding: 10px 0 0 0;
}

ul#mainMenu li  {
	float: left;
	width: 136px;
}

ul#mainMenu li a {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: .8em;
	line-height: 18px;
	padding: 0 0 0 7px;
}

ul#mainMenu li a:hover {
	color: #ffffff;
}

ul#mainMenu li a:active,
ul#mainMenu li a.active {
	color: #fff;
	background: url(/img/arrow-active.png) no-repeat left center;
}

/* SUB MENU */

body.subBody div#submenu {
	float: left;
	clear: left;
	padding: 0px 0 0 5px;
	margin: 0 0 0 0;
	width: 435px;
	height: 73px;
	background: #ffffff;
}



body mainBody div#submenu {
	margin: 10px 0 10px 0;
}

div#submenu a.remove {
	float: right;
	padding: 5px 5px 5px 5px;
	width: 5px;
	height: 5px;
}

ul#subMenu {
	width: 413px;
	float: left;
	list-style: none;
	padding: 10px 0 0 0;
}

ul#subMenu li  {
	float: left;
	width: 136px;
}

ul#subMenu li a {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: .8em;
	line-height: 18px;
	padding: 0 0 0 7px;
}

ul#subMenu li a:hover {
	color: #b3b3b3;
}

ul#subMenu li a:active,
ul#subMenu li a.active {
	color: #464646;
	background: url(/img/arrowwhite-active.png) no-repeat left center;
}

/* MAIN CONTENT */

div#mainContent {
	float: left;
	clear: left;
	padding: 10px;
	width: 420px;
}

div#mainContent h1 {
	font-family: Georgia;
	font-size: 3em;
	color: #fff;
	font-weight: normal;
	line-height: 40px;
	width: 430px;
	margin: 10px 0 0 0;
}

/* VOORJAARS ACTIE - black */

div.vrjractie {
	float: left;
	width: 392px;
	height: 166px;

}

div.black {
	background: url(/img/bg_black-actie.png) no-repeat;
}

div.red {
	margin: 10px 0 0 0;
	background: url(/img/bg_red-actie.png) no-repeat;
}

div.green {
	margin: 10px 0 0 0;
	background: url(/img/bg_green-actie.png) no-repeat;
}

div.vrjractie a.remove {
	float: right;
	padding: 5px 5px 5px 5px;
	width: 5px;
	height: 5px;
}

div.vrjractie p {
	font-size: 1.0em;
	font-weight: bold;
	margin: 20px 0 0 10px;
}

div.black p {
	color: #7cab77;
}

div.red p {
	color: #fff;
}

div.green p {
	color: #173a34;
}

div.vrjractie h1 {
	float: left;
	font-family: Georgia;
	font-weight: normal;
	font-size: 2.8em;
	margin: 10px 10px 0 10px;
}

div.black h1 {
	color: #7cab77;
}

div.red h1 {
	color: #fff;
}

div.green h1 {
	color: #173a34;
}

div.vrjractie a.meer {
	font-size: 1.0em;
	font-weight: bold;	
	z-index: 3;
	padding: 137px 0 0 325px;
	position: absolute;
	text-decoration: none;
}

div.black a.meer {
	color: #7cab77;
}

div.red a.meer {
	color: #fff;
}

div.green a.meer {
	color: #173a34;
}

/*
#################################
#	SUBPAGINA CONTENT BLOK		#
#################################
*/

div#mainContentblok {
	background: #fff;	
	float: left;
	clear: left;
	width: 410px;
	padding: 10px 20px 20px 10px;
	height: 270px;
	overflow: auto;
}

div#mainContentblok h1 {
	font-size: 2.6em;
	line-height: 40px;
	color: #000000;
	font-family: Georgia;
	font-weight: normal;
	width: 340px;
	margin: 0 0 15px 0;
}
div#mainContentblok img.fotocontent {
	margin: 0 0 0 0;
}

div#mainContentblok p.intro {
	font-family: Georgia;
	color: #000000;
	font-size: 1.1em;
	line-height: 18px;
	margin: 0 0 10px 0;
}

div#mainContentblok p {
	font-family: Arial;
	color: #000000;
	font-size: 1.1em;
	line-height: 18px;
	clear: both;
	margin: 0 0 18px 0;
}

div#mainContentblok img {
	margin: 0px 0 0px 0;
}

div#mainContentblok span.bijschrift {
	color: #000000;
	margin: 0px 0 10px 0;
	font-size: .8em;
	font-family: Arial;	
	display: block;
	line-height: 14px;
}

div#mainContentblok h2 {
	font-family: Arial;
	text-transform: uppercase;
	color: #1f1e21;
	font-size: .8em;
	line-height: 18px;
}

div.fotoboekcontainer {
	float: left;
	overflow: hidden;
	margin: 0 0 10px 0;
}

div.foto  {
	width: 120px;
	float: left;
	margin: 0 7px 7px 0;
	cursor: pointer;
	position: relative;
}

div.foto img.foto {
	margin: 0;
}

div.foto div.vergroting {
	display: none;
	background: red;
	left: 0;
	top: 0;
}

div.fotoover div.vergroting {
	position: absolute;
	color: #000;
	display: block;
	margin: -25px 0 0 0;
	border: none;
	background: #deeee6;
	font-size: .9em;
	padding: 3px;
}

div.fotoover_js,
div.fotoover {
	width: 120px;
	float: left;
	background: #173a34;
	margin: 0 7px 7px 0;
	cursor: pointer;
	position: relative;
}

div.fotoover_js div.bijschriftblok,
div.fotooveractive {
	width: 120px;
	float: left;
	background: #deeee6;
	margin: 0 7px 7px 0;
}

div.fotooveractive div.vergroting {
	display: none;
}

div.fotooveractive div.bijschriftblok {
	border-top: 7px solid #fff;
	width: 112px;
	padding: 10px 3px 5px 5px;
	color: #173a34;
	text-transform: uppercase;
	font-size: .8em;
	display: block;
}

div.fotoover div.bijschriftblok {
	color: #ffffff;
}

div.fotoover_js div.bijschriftblok a,
div.fotoover div.bijschriftblok a {
	color: #7cab77;
}

div.bijschriftblok {
	border-top: 7px solid #fff;
	width: 112px;
	padding: 10px 3px 5px 5px;
	color: #8c8c8c;
	text-transform: uppercase;
	font-size: .8em;
}

div.oneven {
	background: #deeee6;
}

div.oneven {
	color: #173a34;
}

div.bijschriftblok a {
	text-decoration: none;
	color: #000000;
	text-transform: none;
}

div.bijschriftblok a:hover {
	color: #cccccc;
}

div.oneven a {
	color: #173a34;
	text-transform: none;
}

div.even a {
	color: #cccccc;
	text-transform: none;
}

div#fotoDetail {
	float: left;
	width: 434px;
	background: #fff;
	margin: 176px 0 0 0;
	padding: 3px;
	text-align: center;
}

div#fotoDetail a.remove_photo {
	float: right;
	padding: 0 0 4px 5px;
	width: 5px;
	height: 5px;
}

div#fotoDetail img.fotodetail ,
div#fotoDetail div.flashDetail {
	margin: 10px 0 0 7px;
}

div#fotoDetail h2 {
	font-family: Arial;
	text-transform: uppercase;
	color: #1f1e21;
	font-size: .8em;
	line-height: 18px;
	padding: 0px 0 0 7px;
}

div#fotoDetail p {
	font-family: Arial;
	color: #8c8c8c;
	font-size: 1.1em;
	padding: 0px 10px 0 7px;
	line-height: 18px;
}

div#fotodetailscroll {
	height: 77px;
	overflow: auto;
	text-align: left;
}

div#navSwitch {
	font-family: "Georgia";
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	float: left;
	display: none;
	background: #000;
}

/*
#################################
#	SUBPAGINA BREED				#
#################################
*/

body.subBody.breed div#submenu {
	float: left;
	clear: left;
	padding: 0px 0 0 5px;
	margin: 0 0 0 0;
	width: 880px;
	height: 73px;
	background: #ffffff;
}


body.subBody.breed div#mainContentblok {
	background: #fff;	
	float: left;
	clear: left;
	width: 845px;
	padding: 20px 30px 10px 10px;
	height: 270px;
	overflow: auto;
}

body.subBody.breed div#mainContentblok h1 {
	width: 225px;
	margin: 0 0 10px 0;
}

div#mainContentblokLinks {
	width: 225px;
	float: left;
}

div#mainContentblokRechts {
	width: 225px;
	float: left;
}

div#mainContentblokLinks a {
	font-size: .8em;
	width: 225px;
	height: 13px;
	margin: 0 0 0 0;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #b3b3b3;
	background: url(/img/arrowwhite-active.png) no-repeat left center;
	padding: 2px 0 0 7px;
}

div#mainContentblokLinks a:hover {
	color: #1f1e21;
}

div#mainContentblokLinks p.text {
	color: #1f1e21;
	margin: 10px 0 0 0;
	padding: 0 30px 0 0;
	font-family: Arial;
	font-size: 1.0em;
	line-height: 18px;
}

/*
#################################
#	FORM BOEKING				#
#################################
*/

form#boeking {
	width: 600px;
	padding: 0;
}

ul.velden li {
	margin: 10px 0 0 0;
	height: 20px;
	padding: 0 0 3px 0;
	background: url(/img/bgli.gif) repeat-x left bottom;
}



ul.velden li.breedte  {
	float: left;
	width: 600px;
}

ul.velden li.breedte input {
 width: 220px;
 margin: 0 0 2px 0;	
}

ul.velden li.halvebreedte  {
	float: left;
	width: 300px;
}

ul.velden li.halvebreedte input {
 width: 220px;
 margin: 0 0 2px 0;	
}

ul.velden li.kwart  {
	float: left;
	width: 200px;
}

ul.velden li.kwart_breed  {
	float: left;
	width: 200px;
}

ul.velden li.kwart_breed input {
	width: 50px;	
}

ul.velden li.kwart_breed2  {
	float: left;
	width: 300px;
}

ul.velden li.kwart_breed2 input {

}

ul.velden li.kwart input {
	width: 100px;	
}

ul.velden li.halvekwart  {
	float: left;
	width: 100px;
}

ul.velden li.halvekwart_smal  {
	float: left;
	width: 100px;
}

ul.velden li.halvekwart input {
	width: 50px;	
}

ul.velden li.halvekwart_smal input {
	width: 30px;	
}


ul.velden li#li_stuurEmail {
	height: 1.5em;
}

ul.velden label {
	font-size: .8em;
	font-family: Arial;
	float: left;
	padding: 5px 10px 0 5px;
}

ul.velden li textarea {
	float: left;
	border: 1px solid #e2e7ed;
}


ul.velden {
	list-style: none;
	padding: 0;
}

ul.velden input {
	float: left;
	border: 0px #fff solid;
}

input#submit {
	float: left;
	clear: both;
	margin: 10px 0 20px;
	padding: 2px 15px;
	color: #fff;
	font-size: 10px;
	border: none;
	background: #8c8c8c;
	cursor: pointer;
}

form#boeking p {
	float: left;
	font-family: Arial;
	color: #8c8c8c;
	font-size: 1.1em;
	padding: 0px 10px 0 0px;
	line-height: 18px;
	margin: 10px 0 0 0;
}