body {
   font-family: Verdana, Verdana, Geneva, sans-serif;
   font-size: 14px;
   color: #292c2d;
}
   html, body,
   div, p, form, input, ul, ol, dl, dt, dd, li,
   h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
   }
   
   p, ul, ol {
      margin-bottom: 1em;
   }
   ul, ol {
      margin-left: 2em;
   }
   a {
      color: #b70419;
      cursor: pointer;
   }


img {}
   img.noBorder,
   .mainContent img.noBorder,
   body img {
      border: 0;
   }
   img.right {
      float: right;
      margin: 0 0 0.5em 10px;
   }


.mainContent {
   line-height: 1.5em;
   text-align: justify;
}

h1, h2, h3 {
   font-weight: normal;
   line-height: normal;
   margin-bottom: 0.6em;
}
   h1.nospacing, h2.nospacing, h3.nospacing {
      margin-bottom: 0;
   }

h1 {
   font-size: 25px;
   color: #515d63;
}
h2 {
   font-size: 20px;
}
h3 {
   font-size: 18px;
   color: #457798;
}


textarea {
   height: 120px;
}


#nieuwsPage, #productPage {}
#nieuwsPage #left,
#productPage #left {
   width: 620px;
}
#nieuwsPage #right,
#productPage #right {
   width: 290px;
}
   #nieuwsPage .subMenu li,
   #productPage .subMenu li {
      width: 281px;
   }
   #nieuwsPage .subMenu a,
   #productPage .subMenu a {
      width: 257px;
   }
   .pagination {
      text-align: right;
      padding: 7px 12px;
   }
      .subMenu .pagination a {
         padding: 3px;
      }

#productPage #right .menu .menu {
   margin-left: 1em;
}


/* Overviews */
.blocks {
   margin: 0;
}
   .blocks li {
      margin: 10px;
      position: relative;
   }
   .blocks a {
      color: #fff;
      text-decoration: none;
   }
   .blocks h3 {
      margin: 0;
      border: 1px solid #191c1f;
   }
      .blocks h3 a {
         display: block;
         padding: 3px 5px;
         background: url(../gfx/bgGreyHeader.gif) repeat-x #4f4f4f;
      }
   .blocks .more {
      display: block;
      position: absolute;
      bottom: 5px;
      right: 5px;
      padding: 3px;
      font-size: 11px;
      border: 1px solid #00288f;
      background: url(../gfx/bgMore.gif) repeat-x #002da0;
   }


#projectOverviewMenu {}
   #projectOverviewMenu li {
      margin: 10px;
      position: relative;
      width: 202px;
   }
   #projectOverviewMenu .imgLink {
      width: 200px;
      height: 133px;
      border-left: 1px solid #454b4d;
      border-right: 1px solid #454b4d;
      border-bottom: 1px solid #454b4d;
      overflow: hidden;
      display: block;
   }


/* Koi category overview */
#koiCategoryOverview {}
	#koiCategoryOverview li {
      width: 200px;
      margin: 5px;
      border: 1px solid #7e0400;
	}
	#koiCategoryOverview li a {
      width: 190px;
      padding: 5px;
	   color: #fff;
	   text-decoration: none;
	   font-size: 12px;
      background: url(../gfx/bgOverviewHeader.gif) repeat-x #9f0500;
	}


/* CategoryKoisList */
#categoryKoisList {}
   #categoryKoisList li {
      width: 320px;
   }
   #categoryKoisList .info {
      padding: 5px;
      border-left: 1px solid #c9d0d2;
      border-right: 1px solid #c9d0d2;
      border-bottom: 1px solid #c9d0d2;
      background: #fff;
   }
	   #categoryKoisList img {
	     float: right;
	   }
   #categoryKoisList .info,
   #categoryKoisList td {
      font-size: 11px;
      color: #000;
   }
   #categoryKoisList .more {
      bottom: 10px;
      right: 10px;
   }

/* Footer under the koi detail page */
#detailsContainer {
	position: relative;
	background: #fff;
	border: 1px solid #c4c4c4;
	padding: 10px;
	padding-bottom: 40px;
}
	#koiFooter {
		position: absolute;
		height: 40px;
		bottom: 0;
		left: 0;
		width: 100%;
	}
		#koiFooter a {
			padding: 5px;
			margin: 5px 10px;
			background: url('../gfx/bgOverviewHeader.gif') repeat-x;
			border: 1px solid #9F0500;
			color: #fff;
			text-decoration: none;
		}
		#catLink {
		  float: left;
		}
		#nextKoi, #prevKoi {
			float: right;
		}
   

/* Product overview */
.categoryOverview {}
   .categoryOverview div {
      float: left;
      display: inline;
      width: 145px;
      height: 206px;
      padding: 0;
      margin-left: 10px;
      margin-bottom: 10px;
      text-align: center;
      border: 1px solid #CAD3D5;
      background: #fff;
   }
      .categoryOverview div.first {
         margin-left: 0;
      }
      .categoryOverview div h3 {
         padding: 2px 5px;
      }
         .categoryOverview div h3 a {
            font-size: 13px;
            text-decoration: none;
         }
            .categoryOverview div h3 a:hover {
               text-decoration: underline;
            }

.productOverview {}
   .productOverview div {
      float: left;
      display: inline;
      width: 135px;
      height: 220px;
      padding-left: 16px;
   }
      .productOverview div.first {
         padding-left: 2px;
         clear: left;
      }
      .productOverview div h4 {
         margin-top: 0.2em;
         font-size: 12px;
      }


/* Contact page / Google maps */
#gmapsContainer {
   background: #fff;
   border: 1px solid #c4c4c4;	
   padding: 10px;
   margin-bottom: 20px;
}
	#map_canvas {
		width: 590px;
		height: 400px;
		float: left;
		display: inline;
		
	}
	#directionsPanel {
		float: right;
		width: 300px;
		display: inline;
		margin-left: 18px;
		
	}
	#gmapsForm {
		padding: 5px;
		background: #c4c4c4;
		border: 1px solid #a4a4a4;
	}
#contactPage #left {
	width: 600px;
}
#contactPage #right {
   width: 280px;
}

/* Nieuwsbrief */
#returnMsg .error {
   font-size: 10px;
   color: #c4c4c4;
}