/*
File: colllectie.css
Created by: Cinnamon Interactive BV
Date: September 2005


*/

/* COLORS
---------------------------------------------------------------------------------------------- */
/*
#01053F DARK BLUE
#F4F4F4 BACKGROUND
#B8B8B8 ZILVER
#C49246 MOSTERD
#616161 DARK GRAY
*/

 /* GENERAL STYLES
---------------------------------------------------------------------------------------------- */
html, body { background-color: #F4F4F4; margin: 0; padding: 0; }
body { background: #F4F4F4 url("/img/background2.jpg") left top no-repeat; font: 100%/140% "Verdana", "Helvetica", "Arial", sans-serif; }

/* a hack for IE Win only \*/
* html div ul { margin: 0; padding: 0; text-indent: 0;}
/*end of hack */


/* DIVERSE
---------------------------------------------------------------------------------------------- */
address { margin: 0.5em 0; padding: 0; background-color: transparent; }
address span { margin: 0; padding: 0; display: block; color: #01053f; background-color: transparent; }

.clear { clear: both; }

h1 { margin: 0 0 0.8em 0; font: normal 150%/100% "Gill Sans Light", "Helvetica", sans-serif; color: #B2B1C9;}
h2 { font: 86%/120% bold "Verdana", "Helvetica", sans-serif; margin: 0; padding: 0; background-color: transparent; }
h3 { font: 86%/120% bold "Verdana", "Helvetica", sans-serif; margin: 2em 0 0 0; background-color: transparent; }

p, li, label, address span { font: 80%/133% "Verdana", "Helvetica", sans-serif; background-color: transparent;}

p { color: #616161/*#01053F*/; background-color: transparent;}
.home #intro p { color: #01053F;}
#intro-tekst p { color: #01053F;}
li { list-style: none; margin: 0; padding: 0; text-indent: 0; }
li a { font: bold 100%/125% "Verdana", "Helvetica", sans-serif; text-transform: none; background-color: transparent;}

img { text-align: left; border: 0; background-color: transparent; }

.bericht-holder * { padding: 0; margin: 0;}


/* MAIN BLOCKS START HERE
---------------------------------------------------------------------------------------------- */
#logo { background: transparent url("/img/logo2.jpg") left top no-repeat; width: 519px; height: 226px; }
#logo span { display: none; }



/* MAIN NAVIGATION
---------------------------------------------------------------------------------------------- */
#skip-nav { display: none; }

#navigation { position: absolute; left: 567px; top: 33px; width: 138px; height: 148px; }
#navigation li span { display: none; }
#navigation ul { margin: 0; padding: 0; text-indent: 0; }
#navigation li { padding: 0; text-indent: 0; list-style: none; }
#navigation li a { height: 20px; width: 138px; display: block; }

/* home */
#navigation li#nav-home/* hide ie5 */{ background: url("/img/navigatie/home-on.gif") no-repeat; padding-bottom: 1px;}
#navigation li#nav-home a { background: url("/img/navigatie/home.gif") no-repeat; padding-bottom: 1px;}
#navigation li#nav-home.current a, #navigation li#nav-home a:hover { background: url("/img/navigatie/home-on.gif") no-repeat; padding-bottom: 1px;}

/* nieuws */
#navigation li#nav-nieuws/* hide ie5 */{ background: url("/img/navigatie/nieuws-on.gif") no-repeat; }
#navigation li#nav-nieuws a { background: url("/img/navigatie/nieuws.gif") no-repeat; }
#navigation li#nav-nieuws.current a, #navigation li#nav-nieuws a:hover { background: url("/img/navigatie/nieuws-on.gif") no-repeat; }

/* collectie */
#navigation li#nav-collectie/* hide ie5 */{ background: url("/img/navigatie/collectie-on.gif") no-repeat; }
#navigation li#nav-collectie a { background: url("/img/navigatie/collectie.gif") no-repeat; }
#navigation li#nav-collectie.current a, #navigation li#nav-collectie a:hover { background: url("/img/navigatie/collectie-on.gif") no-repeat; }

/* contact */
#navigation li#nav-contact/* hide ie5 */{ background: url("/img/navigatie/contact-on.gif") no-repeat; }
#navigation li#nav-contact a { background: url("/img/navigatie/contact.gif") no-repeat; }
#navigation li#nav-contact.current a, #navigation li#nav-contact a:hover { background: url("/img/navigatie/contact-on.gif") no-repeat; }

/* gastenboek */
#navigation li#nav-gastenboek/* hide ie5 */{ background: url("/img/navigatie/gastenboek-on.gif") no-repeat; }
#navigation li#nav-gastenboek a { background: url("/img/navigatie/gastenboek.gif") no-repeat; }
#navigation li#nav-gastenboek.current a, #navigation li#nav-gastenboek a:hover { background: url("/img/navigatie/gastenboek-on.gif") no-repeat; }

/* wiebenik */
#navigation li#nav-wiebenik/* hide ie5 */{ background: url("/img/navigatie/wie_ben_ik-on.gif") no-repeat; }
#navigation li#nav-wiebenik a { background: url("/img/navigatie/wie_ben_ik.gif") no-repeat; }
#navigation li#nav-wiebenik.current a, #navigation li#nav-wiebenik a:hover { background: url("/img/navigatie/wie_ben_ik-on.gif") no-repeat; }

/* verkoop */
#navigation li#nav-verkoop/* hide ie5 */{ background: url("/img/navigatie/verkoop-on.gif") no-repeat; }
#navigation li#nav-verkoop a { background: url("/img/navigatie/verkoop.gif") no-repeat; }
#navigation li#nav-verkoop.current a, #navigation li#nav-verkoop a:hover { background: url("/img/navigatie/verkoop-on.gif") no-repeat; }



/* OUTER WRAP
---------------------------------------------------------------------------------------------- */
#wrap { width: 780px; margin: 0 auto 0 auto; padding: 0;}
#intro { margin-left: 345px; width: 384px; }


/* 404
---------------------------------------------------------------------------------------------- */
#fourofour { margin-left: 346px; width: 384px; background-color: transparent;}
#fourofour li { background: transparent url("/img/bericht-bullet.gif") 0px 3px no-repeat; display: block; padding: 5px 5px 5px 18px; color: #01053f; border-bottom: #5F617E 0px solid; text-decoration : none; margin: 0 0 0 -18px; list-style: none; }
#fourofour a { padding: 5px 5px 5px 18px; color: #01053f; border-bottom: #5F617E 0px solid; text-decoration : none; margin: 0 0 0 -18px; list-style: none; background-color: transparent;}
#fourofour a:hover { padding: 5px 5px 5px 18px; color: #01053F; border-bottom: #5F617E 0px solid; text-decoration : none; margin: 0 0 0 -18px; list-style: none; background-color: transparent;}

/* COLUMN LEFT
---------------------------------------------------------------------------------------------- */
#content-left {
	width: 285px;
	float: left;
	margin: 25px 0 0 25px;
	padding: 74px 10px 0 10px;
	min-height: 100px;
	height: 310px;
	}

#content-left a { text-transform: none; text-decoration: none; background-color: transparent; padding: 0; color: #01053f; border-bottom: 1px solid #5D5F7C; }
#content-left a:hover { border-bottom: 1px solid #5D5F7C; }
#content-left.current a { text-transform: none; text-decoration: none; background-color: transparent; padding: 0; color: #01053f; }


#content-left ul {
	padding: 0 0 5px 0;
	text-indent: 0;
	width: 250px;
	}

#content-left li {
	background: transparent url("/img/bericht-bullet.gif") 0px 3px no-repeat;
	padding-left: 20px;
	list-style: none;
	margin: 0.5em 0 0 20px;
	text-indent: 0;
	}



/* COLUMN LEFT FOR PRODUCT PAGES
---------------------------------------------------------------------------------------------- */
.collectie #content-left {
	background: transparent url("/img/collectie-col-bg.jpg") left top no-repeat;
	min-height: 297px;
	margin-top: 180px;
	}

.collectie #content-left a {
		text-transform: none;
		text-decoration: none;
		background-color: transparent;
		padding: 0;
		color: #01053F;
		}

.collectie #content-left li.current a {
		text-transform: none;
		text-decoration: none;
		background-color: transparent;
		padding: 0;
		color: #01053F;
		}

.collectie #content-left a:hover {
		text-transform: none;
		text-decoration: none;
		background-color: transparent;
		padding: 0;
		color:  #01053F;
		}

/* COLUMN RIGHT
---------------------------------------------------------------------------------------------- */
#content-right {
	background: transparent;
	width: 385px;
	margin-top: 22px;
	float: left;
	padding: 0;
	}

#content-right h2 {
	text-align: center;
	text-transform: uppercase;
	color: #c49246;
	padding: 15px 0 0 0;
	background-color: transparent;
	}

#content-right h3 {
	text-align: left;
	text-transform: none;
	color: #01053F;
	padding: 15px 0 0 0;
	margin-left: 10px;
	}

#content-right ul {
	padding: 0;
	margin: 12px 0 0 10px;
	width: 130px;
	background-color: transparent;
	}

#content-right li {
	font-size: 75%;
	background-color: transparent;
	color: #01053F;
	}

#content-right * li.product-naam {
	font-weight: bold;
	text-align: left;
	text-transform: none;
	color: #01053f;
	border-bottom: 1px solid #B8B8B8;
	padding: 0.5em 0 0 0;
	margin-bottom: 0.75em;
	background-color: transparent;
	}

#content-right a {
	color: #01053F;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid #5D5F7C;
	}
#content-right .thm-holder1 a, #content-right .thm-holder2 a {
	border: 0;
	}	
#content-right a:hover {
	color: #01053F;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid #5D5F7C;
	}

#content-right ul li.bericht {
	background: transparent url("/img/bericht-bullet.gif") 0px 3px no-repeat;
	padding-left: 20px;
	}

#content-right ol li {
	padding: 0;
	margin: 0;
	width: 385px;
	background-color: transparent;
	}


/* PRODUCT INFO
---------------------------------------------------------------------------------------------- */
#product-kop {
	background: transparent url("/img/catalogue-boven0.gif") 0px 0px no-repeat;
	height: 55px;
	margin: 0 0 -5px 0;
	padding: 0px;
	}

.product-houder {
	background: transparent url("/img/catalogue-fullbody2.gif") 0px 0px no-repeat;
	height: 127px;
	margin: 0 0 -5px 0; /* lets footer touch houder */
	padding: 0;
	} /*try fullbody for now*/

.product-object {
	background: transparent url("/img/catalogue-body.gif") repeat-y;
	/*height: 127px;*/
	margin: 0; /* lets footer touch houder */
	padding: 0;
	} /*try fullbody for now*/

.holder p {
	margin-left: 25px;
	margin-right: 20px;
	}

#product-footer {
	background: transparent url("/img/catalogue-onder0.gif") left top no-repeat;
	height: 17px;
	display: block;
	margin: 0;
	padding: 0;
	}

.product-naam {
	color: #01053f; display: block; margin: -5px 0 0 0; padding: 0; background-color: transparent;
	}

.product img {
	margin: 15px 0 0 8px;
	float: left;
	width: 93px;
	padding: 6px 18px;
	background-color: transparent;
	}

/* interesse in product */
.holder p.interesse {
	float: right;
	padding: 10px 25px 0 0;
	margin: 0;
	}

* html .holder p.interesse {
	padding-bottom: 15px;
	}


/* Vorige Volgende bij product */
.next-prev {
	/*padding: 10px 0 10px 10px;*/
	margin-bottom: 0;
	padding: 5px 10px 5px 10px;
	border-top: 1px dotted #ccc;
	}

#content-right .next-prev {
	font: 80%/133% "Verdana", "Helvetica", sans-serif;
	}

/* specifications product list */
.product li {
	list-style: none;
	color: #01053f;
	padding: 5px 0;
	margin: -8px 0 0 0;
	background-color: transparent;
	}

.product * em {  font-style: normal; color: #616161; background-color: transparent; }

.meer span {
	margin-top: -10px;
	padding-top: 1px;
	padding-left: 3px;
	display: block;
	width: 62px;
	height: 14px;
	background: #b8b8b8;
	float: right;
	}

#content-right .product-houder a.info, #nieuwe-collectie .product-houder a.info {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	margin: 10px 10px 0 0;
	padding: 0 3px;
	font-size: 80%;
	border-bottom: 0px solid #5D5F7C;
	}


/* COLLECTIE; FULL PRODUCT INFO
---------------------------------------------------------------------------------------------- */
.product-img {
	margin: 20px 0 0 25px;
	background-color: transparent;
	}

/* description product img bij object page */
#description {
	margin: 0 0 0 20px;
	}

.product ul {
	padding: 0 0 0 16px;
	margin: 5px 0 0 0;
	float: left;
	width: 175px;
	background-color: transparent;
	}

.product li {
	list-style: none;
	color: #01053f;
	padding: 5px 0;
	margin: -8px 0 0 25px;
	background-color: transparent;
	}

.product * em {  font-style: normal; color: #616161; background-color: transparent; }

.product-list ul {
	padding: 0 0 0 16px;
	margin: 5px 0 0 0;
	float: left;
	width: 175px;
	background-color: transparent;
	}

.product-list * em {  font-style: normal; color: #616161; background-color: transparent;}


.object-beeld {
		background: transparent url("/img/product-bg194.jpg") no-repeat;
		height: 194px;
		width: 194px;
		float: left;
		margin-left: 10px;
		padding-bottom: 0.25em;
		}

.object-beeld img {
	padding: 5px;
	margin: -5px;
	width: 145px;
	height: 145px;
	}

h3.object-naam { width: 360px; font-weight: bold; text-align:left; text-transform: none; color: #01053f; border-bottom: 1px solid #B8B8B8; padding: 0;  margin-bottom: 0.15em; margin-left: 10px; background-color: transparent;}

.object .thm-holder1 {
	background: transparent url("/img/product-bg170.gif") no-repeat;
	height: 170px;
	width: 170px;
	float: left;
	padding: 0;
	margin: 15px 10px 0 10px;
	}


.object .thm-holder2 {
	background: transparent url("/img/product-bg170.gif") no-repeat;
	height: 170px;
	width: 170px;
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
	}


.object .thm-holder1 img { margin: 20px; background: transparent;  }
.object .thm-holder2 img { margin: 20px; background: transparent; }

.object-naam { color: #01053f; display: block; margin: -5px 0 0 0; padding: 0; text-align: left; background-color: transparent; }
.object .product img {
	margin: 15px 0 0 8px;
	width: 130px;
	background-color: transparent;
	}

.object .holder {
	width: 365px;
	background-color: transparent;
	}

.object .product-list, .object .object-beeld, .holder {
	display: inline;
	background-color: transparent;
	}

.object .object-beeld {
	width: 194px;
	margin-left: 10px;
	background-color: transparent;
	}

.object .product-list ul {
	width: 150px;
	/*display: inline;*/
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

.object .product-list ul li {
	text-indent: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	}

/* spacer between columns */
#spacer {
	float: left;
	width: 15px;
	background-color: transparent;
	}

/* FOOTER
---------------------------------------------------------------------------------------------- */
#footer {
	width: 445px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding: 0;
	}

#footer * {font-size: 90%;}
#footer ul { border-top: 1px solid #b8b8b8; background-color: transparent; }
#footer li { list-style: none; display: inline; text-indent: 0; text-align: center;  background-color: transparent; color: #b8b8b8; padding: 0; margin: 0; }
#footer a { background-color: transparent; color: #b8b8b8; text-transform: none; padding: 0; display: inline; text-decoration: none; }
#voorw #footer { margin-top: 5em; background-color: transparent;}

.contact #footer { margin-top: 8em; background-color: transparent;}
.wiebenik #footer { margin-top: 6em; background-color: transparent;}
#voorw #footer { margin-top: 15em; background-color: transparent;}
.verkoop #footer { margin-top: 6em; background-color: transparent;}


/* FORMS (mozilla only)
---------------------------------------------------------------------------------------------- */
input {
		display: block;
		padding: 0.25em 0;
		margin: 0;
		}
input:focus, select:focus, textarea:focus {
		background: #EAE6C3;
		color:#000;
		}
label {
		display: block;
		text-align:left;
		text-transform: none;
		color: #01053f;
		padding: 15px 0 0 0;
		}

.secret {display: none;}

#content-right .bericht-holder {
		display: block;
		border-top: 1px solid #b8b8b8;
		border-bottom: 0px solid #b8b8b8;
		background-color: #f4f4f4;
		padding: 0;
		margin: 0.5em 0;
		}

#content-right .bericht-holder h2 {
		display: block;
		text-align:left;
		text-transform: none;
		color: #01053f;
		padding: 0.5em 0;
		background-color: transparent;
		}

#content-right .bericht-holder p {
		text-align:left;
		color: #616161;
		padding: 0;
		background-color: transparent;
		}

/* PRIVACY, WIE BEN IK?, VERKOOP AND VOORWAARDEN PAGES
---------------------------------------------------------------------------------------------- */

.voorwaarden#content-right ol {font-size: 75%; color: black; background-color: transparent;}
/* .voorwaarden#content-left { min-height: 75%; }  */


#content-right a#noul1 { border-bottom : 0; }
#content-right a#noul2 { border-bottom : 0; }
#content-right a#noul3 { border-bottom : 0; }