body {
	background-image: url("../images/achtergrond.png");
	color: #297b55;
}

/* ALGEMENE STIJLELEMENTEN */
/*a {
	color: #28c87e;
	text-decoration: none;
}

a:hover {
	color: #e47e51;
	text-decoration: none;
}*/

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

a:hover {
	color: #28c87e;
	text-decoration: none;
}

h1 {
	display: none;
}

h2 {
	font-size: 13px;
	color: #297B55;
	font-weight: bold;
}

fieldset {
	border: 0px;
}

/* METANAVIGATIE */
#metanav {
	text-align: right;
}

#metanav a {
	color: #297b55;
	font-weight: bold;
	text-transform: lowercase;
}

#metanav a:hover {
	color: #e47e51;
}

/* HOOFDNAVIGATIE */
#nav {
  list-style:none;
  height: 40px;
  width: 950px;
  position: relative;
  font: bold 10px/30px "lucida sans", "trebuchet ms", arial, sans-serif;
}

#nav li {
  display: inline; /*IE7 fix */
  margin-right: 5px;
}

#nav a {
  float: left;
  height: 40px;
  text-align: center;
  color: #fff;
  position: relative;
}

#nav li a:hover, #nav li a:active {
  color:#fff; /*IE fix */
}

#nav a span {
  height: 39px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("../images/hoofdnavigatie_sprite.png") no-repeat;
  cursor: pointer;
}

#nav .illustraties, #nav .illustraties span {
  width: 120px;
  background-position: 0 0;
}

#nav .illustraties:active span, #nav .illustraties:focus span, #nav .illustraties:hover span, #nav .illustraties.illustraties2 span {
  background-position: 0px -41px;
}

#nav .geboorte, #nav .geboorte span {
  width: 174px;
  background-position: -120px 0;
}

#nav .geboorte:active span, #nav .geboorte:focus span, #nav .geboorte:hover span, #nav .geboorte.geboortekaartjes span {
  background-position: -120px -41px;
}

#nav .trouw, #nav .trouw span {
  width: 146px;
  background-position: -294px 0;
}

#nav .trouw:active span, #nav .trouw:focus span, #nav .trouw:hover span, #nav .trouw.trouwkaarten span {
  background-position: -294px -41px;
}

#nav .ansicht, #nav .ansicht span {
  width: 147px;
  background-position: -440px 0;
}

#nav .ansicht:active span, #nav .ansicht:focus span, #nav .ansicht:hover span, #nav .ansicht.ansichtkaarten span {
  background-position: -440px -41px;
}

#nav .filmpjes, #nav .filmpjes span {
  width: 108px;
  background-position: -587px 0;
}

#nav .filmpjes:active span, #nav .filmpjes:focus span, #nav .filmpjes:hover span, #nav .filmpjes.filmpjes2 span {
  background-position: -587px -41px;
}

#nav .lampjes, #nav .lampjes span {
  width: 204px;
  background-position: -695px 0;
}

#nav .lampjes:active span, #nav .lampjes:focus span, #nav .lampjes:hover span, #nav .lampjes.lampjes-schilderijen span {
  background-position: -695px -41px;
}
/* einde hoofdnavigatie */

/* PORTFOLIO */
#portfolio_links_content_pagination {
  list-style:none;
  height: 15px;
  position: relative;
  padding-left: 45px;
  font: bold 10px/30px "lucida sans", "trebuchet ms", arial, sans-serif;
}

#portfolio_links_content_pagination a {
  float: left;
  height: 15px;
  text-align: center;
  color: #EDF6F3;
  position: relative;
  margin: 0px 20px 0px 20px;
}

#portfolio_links_content_pagination span {
	position: relative;
	top: -7px;
	float: left;
}

#portfolio_links_content_pagination li a:hover, #portfolio_links_content_pagination li a:active {
  color:#EDF6F3; /*IE fix */
}

#portfolio_links_content_pagination a span {
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("../images/pijltjes_sprite.png") no-repeat;
  cursor: pointer;
}

#portfolio_links_content_pagination .pijltje_links, #portfolio_links_content_pagination .pijltje_links span {
  width: 18px;
  background-image: url("../images/pijltjes_sprite.png");
  background-position: 0px 0;
}

#portfolio_links_content_pagination .pijltje_links:active span, #portfolio_links_content_pagination .pijltje_links:focus span, #portfolio_links_content_pagination .pijltje_links:hover span {
  background-position: 0px -15px;
}

#portfolio_links_content_pagination .pijltje_rechts, #portfolio_links_content_pagination .pijltje_rechts span {
  width: 18px;
  background-image: url("../images/pijltjes_sprite.png");
  background-position: -18px 0;
}

#portfolio_links_content_pagination .pijltje_rechts:active span, #portfolio_links_content_pagination .pijltje_rechts:focus span, #portfolio_links_content_pagination .pijltje_rechts:hover span {
  background-position: -18px -15px;
}


#portfolio_midden_content_pagination {
  list-style:none;
  height: 15px;
  position: relative;
  font: bold 10px/30px "lucida sans", "trebuchet ms", arial, sans-serif;
  padding-top: 10px;
  left: 30px;
}

#portfolio_midden_content_pagination a {
  float: left;
  height: 15px;
  text-align: center;
  color: #EDF6F3;
  position: relative;
  margin: 0px 20px 0px 20px;
}

#portfolio_midden_content_pagination span {
	position: relative;
	top: -7px;
	float: left;
}

#portfolio_midden_content_pagination li a:hover, #portfolio_midden_content_pagination li a:active {
  color:#EDF6F3; /*IE fix */
}

#portfolio_midden_content_pagination a span {
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("../images/pijltjes_sprite.png") no-repeat;
  cursor: pointer;
}

#portfolio_midden_content_pagination .pijltje_links, #portfolio_midden_content_pagination .pijltje_links span {
  width: 18px;
  background-image: url("../images/pijltjes_sprite.png");
  background-position: 0px 0;
}

#portfolio_midden_content_pagination .pijltje_links:active span, #portfolio_midden_content_pagination .pijltje_links:focus span, #portfolio_midden_content_pagination .pijltje_links:hover span {
  background-position: 0px -15px;
}

#portfolio_midden_content_pagination .pijltje_rechts, #portfolio_midden_content_pagination .pijltje_rechts span {
  width: 18px;
  background-image: url("../images/pijltjes_sprite.png");
  background-position: -18px 0;
}

#portfolio_midden_content_pagination .pijltje_rechts:active span, #portfolio_midden_content_pagination .pijltje_rechts:focus span, #portfolio_midden_content_pagination .pijltje_rechts:hover span {
  background-position: -18px -15px;
}


#portfolio_links_header {
	background-image: url("../images/portfolio_links_header-trans.png");
	width: 246px;
	height: 107px;
}

#portfolio_links_content {
	background-image: url("../images/portfolio_links_bg.png");
	width: 246px;
}

#portfolio_links_content_content {
	padding-left: 40px;
}

#portfolio_links_content_content a {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#portfolio_links_content_content img {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

#portfolio_links_content_content img:hover {
	/*border: 3px solid #e47e51;
	width: 69px;*/
}
	
#portfolio_links_footer {
	background-image: url("../images/portfolio_links_footer-trans.png");
	width: 246px;
	height: 16px;
}

#portfolio_midden_header {
	background-image: url("../images/portfolio_midden_header-trans.png");
	width: 477px;
	height: 107px;
}

#portfolio_midden_content {
	background-image: url("../images/portfolio_midden_bg.png");
	width: 477px;
}

#portfolio_midden_content_content {
	padding-left: 58px;
	width: 360px;
}

#portfolio_subthumbs a {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#portfolio_subthumbs img:hover {
	/*border: 3px solid #e47e51;
	width: 64px;*/
}

#portfolio_midden_footer {
	background-image: url("../images/portfolio_midden_footer-trans.png");
	width: 477px;
	height: 18px;
}

#portfolio_rechts_header {
	background-image: url("../images/portfolio_rechts_header-trans.png");
	width: 240px;
	height: 107px;
}

#portfolio_rechts_header h2 {
	padding: 80px 45px 0px 2.8em;
}

#portfolio_rechts_content {
	background-image: url("../images/portfolio_rechts_bg.png");
	width: 240px;
}

#portfolio_rechts_content_content {
	padding-left: 35px;
	padding-right: 30px;
	position: relative;
	top: -15px;
}

#portfolio_rechts_footer {
	background-image: url("../images/portfolio_rechts_footer-trans.png");
	width: 240px;
	height: 16px;
}

#titel {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* TEKST */
#tekst_links_header {
	background-image: url("../images/tekst_links_header-trans.png");
	width: 667px;
	height: 82px;
}

#tekst_links_content {
	background-image: url("../images/tekst_links_bg.png");
	width: 667px;
}

#tekst_links_content_content {
	padding-left: 40px;
	padding-right: 50px;
}
	
#tekst_links_footer {
	/*background-image: url("../images/tekst_links_footer-trans.png");*/
	width: 667px;
	/*height: 134px;*/
}

#tekst_rechts_header {
	background-image: url("../images/tekst_rechts_header-trans.png");
	width: 250px;
	height: 100px;
}

#tekst_rechts_header h2 {
	padding: 65px 45px 0px 3em;
}

#tekst_rechts_content {
	background-image: url("../images/tekst_rechts_bg.png");
	width: 250px;
}

#tekst_rechts_content_content {
	padding-left: 40px;
	padding-right: 30px;
}
	
#tekst_rechts_footer {
	background-image: url("../images/tekst_rechts_footer-trans.png");
	width: 250px;
	height: 201px;
	text-align: center;
}

#footer {
	background-image: url("../images/portfolio_footer-trans.png");
	width: 963px;
	height: 269px;
}

/* FOOTERNAVIGATIE */
#footer_links {
	text-align: center;
	font-size: 0.8em;
}

#footer_links a {
	color: #297b55;
	font-weight: bold;
	text-transform: lowercase;
}

#footer_links a:hover {
	color: #e47e51;
}

/* PRODUCTENLIJST MET AANTALLEN */
.fieldgroupField label {
	display: block;
	float: left;
	width: 200px;
}

.fieldgroupField input {
	display: block;
	float: none;
	width: 30px;
}

.fieldgroup {
	margin-bottom: 30px;
}

/* RANDJE OP ACTIVE */
.active img {
	border: solid 1px;
}