/* BROWSER RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* BASIS STIJLEN */
body { background: #1c1914; color: white; font-family: Arial, Helvetica, sans-serif; }
#pagebox { position: relative; width: 980px; height: 100%; overflow: hidden; margin: 0 auto; background: url(images/pagebox_bg.jpg) top left no-repeat; }
.clearem { clear: both; }

#col-a { width: 206px; float: left; }
#col-a h1.logo { height: 230px; margin: 60px 0 0 5px; }
#col-a .main-nav { width: 178px; margin-top: 23px; }
#col-a .main-nav li { border-top: 1px solid #3e3c38; font-size: 0; line-height: 0; }
#col-a .main-nav li.last { border-bottom: 1px solid #3e3c38; }
#col-a .main-nav li a { width: 155px; display: block; padding-left: 23px;  color: white; font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px; font-size: 14px; font-weight: bold; text-decoration: none; }
#col-a .main-nav li a:hover { color: #fdd086; background: url(images/main-nav_a-hover_bg.gif) center left no-repeat; }
#col-a .main-nav li a.selected { background: url(images/main-nav_a-hover_bg.gif) center left no-repeat; }
#col-a .taal-nav { padding: 15px 0 0 23px; }
#col-a .taal-nav li { display: inline; margin-right: 8px; }

#col-b { width: 568px; float: left; }
#col-b .main-container .top { height: 8px; background: url(images/main-container_top_bg.png) no-repeat; font-size: 0; }
#col-b .main-container .content { min-height: 310px; padding: 10px 30px; background: url(images/main-container_content_bg.png) repeat-x; }
#col-b .main-container .content h2.paginatitel { margin: 5px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; }
#col-b .main-container .content h2 { margin: 12px 0 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; }
#col-b .main-container .content p { font-size: 12px; line-height: 19px; margin-bottom: 10px; letter-spacing: 0.01em; }
#col-b .main-container .content p a { color: #fdd086; }
#col-b .main-container .content p a:hover { text-decoration: none; }
#col-b .main-container .content h3.nieuwskop { color: #b9af9f; font-size: 12px; line-height: 19px; }
#col-b .main-container .content .contentimg_fr { float: left; margin-right: 10px; margin-top: 5px;}
#col-b .meta-nav { margin: 20px 0 10px 0; }
#col-b .meta-nav li { padding-left: 18px; margin-right: 10px; background: url(images/meta-nav_li_bg.gif) no-repeat left center; display: inline; }
#col-b .meta-nav a { color: #b9af9f; font-size: 12px; text-decoration: none; }
#col-b .meta-nav a:hover { text-decoration: underline; }

#col-c { width: 179px; height: 740px; float: right; background: url(images/col-c_bg.jpg) no-repeat; }
#col-c .contactinfo { margin: 330px 0 0 20px; font-size: 12px; line-height: 17px; }
#col-c .contactinfo h2 { font-size: 14px; }
#col-c .contactinfo a { color: white; text-decoration: none; }
#col-c .contactinfo a:hover { text-decoration: underline; }
#col-c .contactinfo_home { margin: 365px 0 0 20px; font-size: 12px; line-height: 17px; }
#col-c .contactinfo_home h2 { font-size: 14px; }
#col-c .contactinfo_home a { color: white; text-decoration: none; }
#col-c .contactinfo_home a:hover { text-decoration: underline; }
#col-c .contactinfo_home span.label { display: block; float: left; width: 15px; }
#col-c .contactinfo_home span.number { display: block; float: left; width: 114px; }
#col-c .contactinfo_home span.country { display: block; float: right; text-align: right; width: 24px; margin-right: 3px; }
#col-c .contactinfo span.label { display: block; float: left; width: 15px; }
#col-c .contactinfo span.number { display: block; float: left; width: 114px; }
#col-c .contactinfo span.country { display: block; float: right; text-align: right; width: 24px; margin-right: 3px; }
#col-c .contactinfo img { margin: 5px 0 0 30px; }
#col-c .contactinfo_home img { margin: 5px 0 0 30px; }

#footer { clear: both; height: 100%; overflow: hidden; padding: 30px 0 20px 0; background: url(images/footer_bg.gif) center 20px no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #3b3730; }
#footer .copyright { float: left; width: 200px; }
#footer .footer-nav { float: right; width: 300px; text-align: right }
#footer .footer-nav a { color: #3b3730; text-decoration: none; }
#footer .footer-nav a:hover { text-decoration: underline; }

/* HEADER STIJLEN */
#pagebox .header-vsl { position: absolute; z-index: 10; top: 0; }

#header-container { background: red; position: absolute; z-index: 600; width: 100%; top: 0px; left: 0px; }
#header-container .box { position: relative; width: 980px; background: blue; margin: 0 auto; }
#header-container .box .vsl { position: absolute; }
#header-container .box .vsl .index-googlemaps { left: 550px; position: absolute; z-index: 3; }
#header-container .box .vsl .index-googlemaps a { width: 230px; height: 370px; display: block; text-decoration: none; }

#header-container .box .vsl.intro { left: 180px; width: 749px; height: 340px; background: url(images/header-intro_vsl.png); }
#header-container .box .vsl.nieuws { left: 180px; width: 749px; height: 340px; background: url(images/header-nieuws_vsl.png); }
#header-container .box .vsl.prijslijst { left: 180px; width: 749px; height: 340px; background: url(images/header-prijslijst_vsl.png); }
#header-container .box .vsl.index { left: 180px; width: 801px; height: 435px; background: url(images/header-index_vsl0.png);}
#header-container .box .vsl.kwaliteit { left: 180px; width: 749px; height: 340px; background: url(images/header-kwaliteit_vsl.png); }
#header-container .box .vsl.contact { left: 180px; width: 749px; height: 340px; background: url(images/header-contact_vsl.png); }

#header-container .box .vsl.bronforel { left: 230px; width: 527px; height: 398px; background: url(images/header-bronforel_vsl.png); }
#header-container .box .vsl.gerookte-bundelzalm { left: 230px; width: 527px; height: 398px; background: url(images/header-bundelzalm_vsl.png); }
#header-container .box .vsl.gerookte-kustmakreel { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookte-kustmakreel_vsl.png); }
#header-container .box .vsl.schillerlocken { left: 230px; width: 527px; height: 398px; background: url(images/header-schillerlocken_vsl.png); }
#header-container .box .vsl.gerookte-paling { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookte-paling_vsl.png); }
#header-container .box .vsl.gerookte-makreel { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookte-makreel_vsl.png); }
#header-container .box .vsl.gekruide-zalmmoten { left: 230px; width: 527px; height: 398px; background: url(images/header-gekruide-zalmmoten_vsl.png); }
#header-container .box .vsl.gerookte-zalm { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookte-zalm_vsl.png); }
#header-container .box .vsl.graves-laches { left: 230px; width: 527px; height: 398px; background: url(images/header-graves-laches_vsl.png); }
#header-container .box .vsl.bronforellen { left: 230px; width: 527px; height: 398px; background: url(images/header-3-bronforellen_vsl.png); }
#header-container .box .vsl.gerookte-zalmzijde { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookte-zalmzijde_vsl.png); }
#header-container .box .vsl.kwartet-zalm { left: 230px; width: 527px; height: 398px; background: url(images/header-kwartet-zalm_vsl.png); }
#header-container .box .vsl.saucijzen { left: 230px; width: 527px; height: 398px; background: url(images/header-saucijzen_vsl.png); }
#header-container .box .vsl.petitfours { left: 230px; width: 527px; height: 398px; background: url(images/header-petitfours_vsl.png); }
#header-container .box .vsl.steurfilet { left: 230px; width: 527px; height: 398px; background: url(images/header-steur_vsl.png); }
#header-container .box .vsl.sandelwood { left: 230px; width: 527px; height: 398px; background: url(images/header-sandelwood_vsl.png); }
#header-container .box .vsl.truffelzalm { left: 230px; width: 527px; height: 398px; background: url(images/header-truffelzalm_vsl.png); }

/* relatie geschenken */
#header-container .box .vsl.gerookt-viskwartet { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookt-viskwartet_vsl.png); }
#header-container .box .vsl.warmgerookte-zalmmoten { left: 230px; width: 527px; height: 398px; background: url(images/header-warmgerookte-zalmmoten_vsl.png); }
#header-container .box .vsl.eigen-keuze { left: 230px; width: 527px; height: 398px; background: url(images/header-eigen-keuze_vsl.png); }
#header-container .box .vsl.graved-lachs { left: 230px; width: 527px; height: 398px; background: url(images/header-graved-lachs_vsl.png); }
#header-container .box .vsl.koud-gerookte-zalm { left: 230px; width: 527px; height: 398px; background: url(images/header-koud-gerookte-zalm_vsl.png); }
#header-container .box .vsl.bronforellen { left: 230px; width: 527px; height: 398px; background: url(images/header-bronforellen_vsl.png); }
#header-container .box .vsl.getrancheerde-visproducten { left: 230px; width: 527px; height: 398px; background: url(images/header-getrancheerde-visproducten_vsl.png); }
#header-container .box .vsl.gerookte-paling2 { left: 230px; width: 527px; height: 398px; background: url(images/header-gerookte-paling2_vsl.png); }

#col-b .main-container.tekstpagina { margin-top: 307px; }
#col-b .main-container.onze-prijslijst { margin-top: 307px; }
#col-b .main-container.contact { margin-top: 307px; }
#col-b .main-container.productdetail { margin-top: 381px; }
#col-b .main-container.homepage { margin-top: 412px; }

/*PRIJSLIJST */
#col-b .main-container.onze-prijslijst .col-a { float: left; width: 156px; }
#col-b .main-container.onze-prijslijst .col-aa { float: left; margin-top:40px; }
#col-b .main-container.onze-prijslijst .col-b { float: left; width: 156px; height:420px; padding-left: 20px; border-left: 1px solid #64615c; border-right: 1px solid #64615c; }
#col-b .main-container.onze-prijslijst .col-c { float: left; width: 150px; padding-left: 20px; }
#col-b .main-container.onze-prijslijst h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-bottom: 5px; }
#col-b .main-container.onze-prijslijst p { color: #b9af9f; font-size: 12px; }
#col-b .main-container.onze-prijslijst form { font-size: 11px; color: #b9af9f; }
#col-b .main-container.onze-prijslijst .invoer { width: 135px; height: 16px; padding: 1px 0 0 1px; margin: 2px 0 12px 0; background: #4e483f; border: 1px solid #6a6761; color: white; }
#col-b .main-container.onze-prijslijst .btn { background: #4c473f; border: none; color: white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;  }
#col-b .main-container.onze-prijslijst .error { display: block; color: #eb3737; }

/* CONTACT */
#col-b .main-container.contact .content .col-a { width: 350px; float: left; }
#col-b .main-container.contact .content .col-b { width: 130px; float: left; font-size: 12px; line-height: 19px; }
#col-b .main-container.contact .content .col-b a { color: white; }
#col-b .main-container.contact .content .col-b a:hover { text-decoration: none; }
#col-b .main-container.contact .content form { font-size: 12px; color: #b9af9f; }
#col-b .main-container.contact .content .invoer { width: 135px; height: 16px; padding: 1px 0 0 1px; margin: 2px 0 12px 0; background: #4e483f; border: 1px solid #6a6761; color: white; }
#col-b .main-container.contact .content textarea { width: 300px; height: 100px; background: #4e483f; margin-bottom: 12px; border: 1px solid #6a6761; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#col-b .main-container.contact .content .btn { background: #4c473f; margin-top: 10px; border: none; color: white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;  }
#col-b .main-container.contact .content .error { display: block; color: #eb3737; }

/* FOTO IMPRESSIE */
#col-b .fotoimpressie .foto { width: 490px; text-align: center; margin-top: 30px; }
#col-b .fotoimpressie .foto span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  }
#col-b .fotoimpressie a { font-size: 12px; color: #fff; text-decoration: none; padding-top: 10px; display: block; font-family: Georgia, "Times New Roman", Times, serif; }

/* PRODUCT OVERZICHT */
#col-b .productover-container { margin-top: 47px; }
#col-b .productover-container .top { height: 8px; background: url(images/productover-container_top_bg.png) no-repeat; font-size: 0; }
#col-b .productover-container .content { min-height: 310px; padding: 10px 30px; background: url(images/productover-container_content_bg.png) repeat-x; }
#col-b .productover-container .content h2.paginatitel { margin: 5px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; }
#col-b .productover-container .content h2 { margin: 12px 0 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; }

#col-b .productoverzicht .product { width: 253px; float: left; margin-top: 30px; text-align: center; }
#col-b .productoverzicht .product a { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: white; text-decoration: none; }
#col-b .productoverzicht .product a:hover span { text-decoration: underline; }
#col-b .productoverzicht .product a img { margin-bottom: 5px; border: none; text-decoration: none; }

/* RELATIEGESCHENKEN */
#col-b .relatie-overzicht .product { width: 240px; float: left; margin-top: 30px; text-align: center; }
#col-b .relatie-overzicht .product.last { margin-left: 130px; display: inline; }
#col-b .relatie-overzicht .product a { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: white; text-decoration: none; }
#col-b .relatie-overzicht .product a:hover span { text-decoration: underline; }
#col-b .relatie-overzicht .product a img { margin-bottom: 5px; border: none; text-decoration: none; }

#col-b .downloads { height: 100%; overflow: hidden; }
#col-b .downloads div { width: 102px; margin-right: 20px; float: left; text-align: center; } 
#col-b .downloads div img { margin-bottom: 5px; }
#col-b .downloads div a { color: white; text-decoration: none; font-size: 13px; }

/* HOMEPAGE STIJLEN */
#col-a .main-nav-home { width: 178px; margin-top: 160px; }
#col-a .main-nav-home li { border-top: 1px solid #3e3c38; font-size: 0; line-height: 0; }
#col-a .main-nav-home li.nl { background: url(images/taal-nav_nl_ico.gif) 7px center no-repeat; }
#col-a .main-nav-home li.en { background: url(images/taal-nav_en_ico.gif) 7px center no-repeat; }
#col-a .main-nav-home li.du { background: url(images/taal-nav_du_ico.gif) 7px center no-repeat; }
#col-a .main-nav-home li.fr { background: url(images/taal-nav_fr_ico.gif) 7px center no-repeat; }
#col-a .main-nav-home li.last { border-bottom: 1px solid #3e3c38; }
#col-a .main-nav-home li a { width: 155px; display: block; padding-left: 35px;  color: white; font-family: Georgia, "Times New Roman", Times, serif; line-height: 40px; font-size: 14px; font-weight: bold; text-decoration: none; }
#col-a .main-nav-home li a:hover { color: #fdd086; background: url(images/main-nav-home_a-hover.gif) 130px center no-repeat; }
#home_en, #home_du, #home_fr { display: none; }

.introfotos { float: left; width: 164px; }