html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #0B3B0B;
}
a:hover {
	color: #04b404;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}



body {
	background: #ffffff;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #0B3B0B;
	padding-bottom: 10px;
}


#wrapper {
	text-align: left;
	margin: 20px auto;
	width: 672px;
	background: #ffffff;
  position: relative;
}



#header {
  background: url(images/header.jpg) no-repeat;
  background-position: left;
  height: 210px;
  width: 270px;
   

}



#logo {

   background: #ffffff url(images/logo.jpg) no-repeat;
   background-position: right;
  position: absolute;
  top: 8px;
  left: 300px;
  height: 50px;
  width: 370px;
  color: #00a7a7;
}


#logo h1 {
  font: bold 20px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 0;
  font-weight: bold;
}



#nav {
  background: #0B610B;
  position: absolute;
  top: 60px;
  left: 287px;
  width: 385px;
  padding: 9px 0;
  text-align: center;
}
#nav li {
  list-style: none;
  display: inline;
  color: #fff;
}
#nav a {
  text-decoration: none;
  color: #fff;
}
#gallery {
  position: absolute;
  top: 100px;
  left: 287px;
  width: 385px;
}
#gallery li {
  list-style: none;
  text-indent: 40px;
  float: left;
  overflow: hidden; 
  height: 111px;
}


#gallery .prins {
  background: url(images/prins.jpg) no-repeat;
  width: 127px;
  
}


#gallery .koning {
  background: url(images/koning.jpg) no-repeat;
  width: 130px;
}

#gallery .nedbel {
  background: url(images/nedbel.jpg) no-repeat;
  width: 128px;
}

#body {
  padding-top: 3px;
  background-color:#FFF;
}
#categories {
  float: left;
  width: 170px;
  }
  
 #categories2 {
  float: left;
  width: 672px;
  margin-bottom: 4px;
    }
  
#seasonal, #collection {
  float: right;
  width: 672px;
  background: #CEF6CE;
  margin-bottom: 4px;
}
#seasonal .inner, #collection .inner {
  padding: 6px 12px;
}
#seasonal p, #collection p {
  margin: 0.9em 0;
}

.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}

h3 {
  font: bold 14px "arial narrow", arial, sans-serif; 
  color: #1B1812;
}

h2 {
  font: 18px "arial narrow", arial, sans-serif; 
  color: #0B3B0B;
  padding-bottom: 5px;
}

#categories h2 {
  padding: 4px 0 7px 39px;
  background: #4B8A08;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
  }
  

#categories li {
  background:  #CEF6CE left url(images/bullet.jpg) no-repeat;
  border-top: 1px solid #F4EFDF;
  list-style: none;
  font-size: 12px;
  padding: 7px 0 8px 35px;
  color: #0B3B0B;
}
#categories a {
  text-decoration: none;
  color: #000000;
}
#categories a:hover {
  text-decoration: underline;
}

#categories2 h2 {
  color: #fff;
  padding: 4px 0 7px 40%;
  background: #4B8A08;
  font-size: 18px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
}
#categories2 li {
  background: #CEF6CE 35% url(images/bullet.jpg) no-repeat;
  border-top: 1px solid #F4EFDF;
  list-style: none;
  font-size: 12px;
  padding: 7px 0 8px 40%;
  
  
  
}


#categories2 a {
  text-decoration: none;
  color: #000000;
}
#categories2 a:hover {
  text-decoration: underline;
}






#collection {
  background: #CEF6CE  bottom right no-repeat;
  width: 674px;
  
    }
	
	
#collection .inner {
padding-top: 0px;
padding-right: 450px;
 } 
 

#minigal, #collection {
    float: left;
  width: 326px;
  height: 153px;
  margin-top: 0,5em;
  margin-bottom: 0,5em;
  margin-left: 3px;
  margin-right: 3px;
  
}
#minigal div {
  
  float: left;
  margin: 6px;
}
#collection ul {
  margin-left: 1.5em;
}
#collection li {
  margin: 0.2em 0;
  color: #463F32;
  font-size: 16px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
}




#seas-one, #seas-two, #seas-three {
  height: 146px;
  }

#seas-one {
  float: left;
  width: 195px;
  margin-right: 3px;
  background: url(images/foot_1.jpg) no-repeat;
}
#seas-two {
  float: left;
  width: 249px;
  margin-right: 3px;
  background: url(images/foot_2.jpg) no-repeat;
}
#seas-three {
  float: left;
  width: 222px;
  background: url(images/foot_3.jpg) no-repeat;
}

#seas p {
  text-align: center;
  color: #ffffff;
  margin: 60px 15px 0 0;
  font-size: 23px;
  font-weight: bold;
}
#seas p.date {
  margin-top: 0;
  font-size: 16px;
}




#copyright {
  text-align: center;
  font-size: 9px;
  padding: 5px;
  height: 20px;
}