@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ background:#3f92d2; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#033e6b; margin:0; padding:0;}

a{ color:#033e6b; text-decoration:none;}
a:hover{ color:#033e6b; text-decoration:none;}
p{ margin:0; padding:4px 0 10px 0;}
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:25px; line-height:28px;}
h2{ font-size:22px; line-height:24px;}
h3{ font-size:18px; line-height:20px;}
h4{ font-size:18px; line-height:20px;}
h5{ font-size:15px; line-height:18px;}
h6{ font-size:12px; line-height:16px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#fff;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#033e6b;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ color:#3f92d2;}

h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 5px 0;}

.clear{ clear:both; height:0px;}

a.button, input.button{ background:#3f92d2; border:1px solid #000; color:#fff; font-weight:bold; padding:0 5px; cursor:pointer;}
input.button{ padding:0 5px 1px 5px; font-size:11px;}
a.button:hover{ color:#033e6b;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#top{ background:#033e6b; width:100%; height:20px; line-height:20px; margin:0 0 10px 0; padding:0; border-bottom:1px solid #fff; color:#fff; text-align:center;}
#container{ width:980px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:0;}
#header{ width:979px; height:106px; margin:0 0 6px 0; padding:0; border:1px solid #fff; border-right:none;}
#content{ background:url(../Images/content_bg.jpg) 0 0 repeat-y; width:980px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#links{ width:194px; min-height:10px; height:auto !important; height:10px; margin:0 6px 0 0; padding:0; float:left; display:inline;}
#midden{ width:696px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 64px 20px 20px; float:left; display:inline;}
#footer{ width:812px; height:45px; margin:0; padding:6px 168px 6px 0;}

/**************************************************************
** Top & Header Styles
***************************************************************/
#top a{ padding:0 12px; color:#ccc; text-decoration:none;}
#top a:hover{ color:#fff;}
#top a#kabels:hover{ background:#3f92d2;}
#top a#beugels:hover{ background:#02b293;}
#top a#projectiescherm:hover{ background:#7f4cd9;}
#top a#av:hover{ background:#97d045;}
#top a#digiborden:hover{ background:#97d045;}
#top a#displayon:hover{ background:#97d045;}
#top a#xl_touch:hover{ background:#3f92d2;}

#logo{ background:url(../Images/logo_bg.jpg) 0 0 no-repeat; width:466px; height:106px; margin:0; padding:0; float:left;}
#logo img{ padding:10px 0 0 10px;}
#header_rechts{ background:url(../Images/header_rechts_bg.gif) 100% 0 repeat-y; width:513px; height:106px; margin:0; padding:0; float:left;}
#menu{ width:513px; min-height:24px; height:auto !important; height:24px; margin:0; padding:0;}
#menu ul{ width:513px; min-height:24px; height:auto !important; height:24px; margin:0; padding:0; list-style:none;}
#menu ul li{ height:24px; margin:0; padding:0; float:right;}
#menu ul li a{ height:24px; line-height:24px; margin:0; padding:0 5px; float:left; text-decoration:none; color:#fff; font-weight:bold;}
#menu ul li a:hover, #menu ul li a.aan{ color:#3f92d2;}

#zoeken{ width:513px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; border-top:5px solid #3f92d2; border-bottom:5px solid #3f92d2;}
#zoeken table{ margin:0 0 5px 0; padding:0; float:right; text-align:right;}
#zoeken form{ padding:2px 5px 0 0;}
#zoeken table p{ padding:0 0 3px 0; color:#fff;}
input.form_zoek{ background:#033e6b; border:1px solid #fff; color:#fff; width:200px; margin:0; padding:2px 0 2px 2px;}
input.form_zoek_submit{ background:#3f92d2; border:1px solid #fff; color:#fff; font-size:11px; height:22px; margin-left:4px; cursor:pointer;}

#winkelmandheader{ width:507px; min-height:10px; height:auto !important; height:10px; margin:4px 10px 0px 0px; padding:0; float:left; text-align:right; color:#fff; font-weight:bold; font-size:13px; }
#winkelmandheader a{ color:#fff; }

/**************************************************************
** Links Styles
***************************************************************/
#submenu{ width:194px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0;}
#submenu ul{ width:194px; margin:0; padding:0; list-style:none;}
#submenu ul li{ width:194px; min-height:18px; height:auto !important; height:18px; margin:0; padding:0;}
#submenu ul li a{ background:url(../Images/pijltje_menu.gif) 6px 5px no-repeat #fff; width:168px; min-height:18px; height:auto !important; height:18px; line-height:18px; margin:0; padding:0 0 0 26px; display:block; text-decoration:none; font-size:12px; border-bottom:1px solid #3f92d2;}
#submenu ul li a:hover{ background:url(../Images/pijltje_menu.gif) 6px 5px no-repeat #9fc8e8;}
#submenu ul li a.aan{ background:url(../Images/pijltje_menu_open.gif) 8px 4px no-repeat #fff;}
#submenu ul li ul.subsubmenu{ background:#fff; width:184px; padding:0 5px; border-bottom:1px solid #3f92d2; display:none;}
#submenu ul li ul.subsubmenu li{ width:184px; min-height:14px; height:auto !important; height:14px;}
#submenu ul li ul.subsubmenu li a{ background:#9fc8e8; width:174px; min-height:14px; height:auto !important; height:14px; line-height:14px; padding:0 5px; color:#033e6b; font-size:11px; font-weight:bold; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#submenu ul li ul.subsubmenu li a:hover, #submenu ul li ul.subsubmenu li a.aan{ background:#033e6b; color:#fff;}
#MerkMenu { font-size:13px; text-align:center; display:block; width:194px; }
#banner_links{ width:194px; min-height:10px; height:auto !important; height:10px; margin:0; padding:20px 0; text-align:center;}
 
#login{ width:178px; min-height:10px; height:auto !important; height:10px; margin:15px 0px 0px 0px; padding:0 11px 10px 5px;}
#login a{ font-weight:bold;}
input.form_login{ background:#3f92d2; width:172px; margin:1px 0; padding:2px; font-size:11px; border:1px solid #000;}
input.form_login_submit{ background:#fff; margin:1px 0; padding:2px; font-weight:bold; color:#033e6b; border:1px solid #000;}

/**************************************************************
** Midden Styles
***************************************************************/
#breadcrumbs{ width:696px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 30px 0; color:#fff;}
#breadcrumbs a{ color:#3f92d2;}
#breadcrumbs a:hover{ color:#fff;}
.tekstbijcategorie{ color:#fff; font-weight:bold; }
.tekstbijcategorie a{ color:#fff; }
.tekstbijcategorie a:hover{ text-decoration:underline; }

#info_blok{ width:696px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 10px 0;}
#info_links{ width:430px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 10px 0 0; float:left;}
#info_rechts{ width:256px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#ani_home_top{ width:256px; height:85px; margin:0; padding:0 0 10px 0;}
#ani_home_bottom{ width:256px; height:85px; margin:0; padding:0;}

#producten, .platte_tekst{ width:696px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.platte_tekst a{ color:#3f92d2; text-decoration:none;}
.platte_tekst a:hover{ color:#fff;}
.platte_tekst span{ color:#fff; font-weight:bold; font-size:12px;}
.platte_tekst span.ZwarteTekst{ color:#033e6b;}
#producten h2, .platte_tekst h2{ color:#fff;}

.aanbieding_vak{ background:#fff; width:152px; height:260px; margin:0 10px 10px 0; padding:5px; float:left; color:#033e6b; border:1px solid #3f92d2;}
.aanbieding_vak h3{ height:40px; margin:0; padding:0; color:#3f92d2; overflow:hidden;}
.aanbieding_vak a.button{ float:right;}
.aanbieding_afb{ height:136px; text-align:center; margin:5px 0 15px 0;}
.aanbieding_afb img{ width:136px; max-height:136px; border:1px solid #3f92d2;}
.van{ margin:0; padding:0;}
.voor{ margin:0 0 5px 0; padding:0; font-weight:bold; font-size:18px;}
.voor a.button{ font-size:11px; margin:9px 0px 0px 0px;}

.product_item{ background:url(../Images/bg_overzicht.jpg) repeat-y; width:696px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}
.product_item.rij2{ background:url(../Images/bg_overzicht2.jpg) 100% 0 repeat-y;}

.item_beeld{ background:url(../Images/bg_productinfo_klein.jpg) 50% 100% no-repeat; width:174px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 20px 0; float:left; text-align:center;}
.item_beeld.rij2{ float:right;}
.item_beeld img{ width:136px; margin:24px 0; border:1px solid #3f92d2;}
.item_tekst{ width:498px; min-height:98px; height:auto !important; height:98px; margin:0 0 0 10px; padding:6px 6px 6px 8px; float:left; color:#033e6b;}
.item_tekst.rij2{ margin:0 10px 0 0; padding:6px 8px 6px 6px; float:right;}

.item_tekst h1{ margin:0; padding:0; color:#3f92d2; font-size:14px; line-height:normal; font-weight:bold;}
.item_tekst_prijs{ width:498px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; text-align:right; color:#3f92d2; font-size:14px; font-weight:bold;}
.item_tekst_prijs span{ display:block;}
span.kleine_prijs{ font-size:9px;}
span.item_details{ padding:8px 0 0 0; margin:0px 0px 30px 0px;}
span.item_details a{ font-size:15px; font-weight:bold; color:#3f92d2; text-decoration:underline;}
span.item_details a:hover{ color:#033e6b; text-decoration:underline;}

.maattabel_kop{ border-bottom:1px solid #3f92d2; font-size:11px;}
.maattabel table{ width:100%;}
.maattabel tr td{ border-bottom:1px solid #3f92d2; padding:2px; font-weight:normal; font-size:11px;}
.voorraadtabel td{ border:none;}

/* BEGIN NOG NIET GEDAAN */
.legenda{ background:#fff; width:512px; min-height:10px; height:auto !important; height:10px; margin:10px 0; padding:10px; float:left; border:1px solid #3f92d2; font-size:12px; color:#033e6b; font-weight:bold;}
.legenda.smal{ width:336px;}
.legenda.breed{ width:534px;}
.legenda-item{ height:20px; margin:0 20px 0 0; padding:0; float:left;}
.blokje{ width:10px; height:10px; margin:4px 6px 4px 0; padding:0; float:left; border:1px solid #000; font-size:1px;}
.blokje.groen{ background:#00ff00;}
.blokje.geel{ background:#ffff00;}
.blokje.oranje{ background:#ffa600;}
.blokje.rood{ background:#ff0000;}
.legenda-tekst{ height:20px; line-height:20px; margin:0; padding:0; float:left;}
/* EIND NOG NIET GEDAAN */

.detail_tekst{ background:#fff; width:674px; min-height:10px; height:auto !important; height:10px; margin:10px 0 0 0; padding:10px; float:left; border:1px solid #3f92d2; font-size:12px; color:#033e6b; font-weight:bold;}
.detail_tekst.metLogo{ position:relative; background:url(../Images/bg_productinfo.jpg) 0 100% no-repeat #fff; padding:10px 10px 48px 10px; font-weight:normal;}
.detail_tekst.NormaleTekst{ width:674px; font-size:11px; font-weight:normal;}
.detail_tekst.NormaleTekst a:hover{ color:#033e6b; }
.detail_tekst h1{ margin:0; padding:0; font-size:16px; line-height:normal; color:#3f92d2; font-weight:bold;}
.detail_tekst.metLogo h1{ padding:0 0 14px 0;}
.detail_tekst input.button{ height:20px; font-weight:normal; font-size:11px;}

.detail_links{ width:204px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 20px 0; float:left;}
.detail_rechts{ width:450px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 10px; float:left; color:#033e6b; font-size:12px;}

/* BEGIN NOG NIET GEDAAN */
.detail_linksw{ width:150px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.detail_beeld{ position:relative; width:148px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left; border:1px solid #3f92d2; text-align:center;}
.detail_beeld img{ width:143px;}
.detail_beeld .vergrootglas{ position:absolute; bottom:0; right:0; width:20px; height:20px; margin:0; padding:0;}
.detail_beeld .vergrootglas img{ width:20px;}
.detail_rechts ul{ margin-top:0; margin-left:0; padding:0;}
.detail_rechts ul li{ margin-top:0; margin-left:15px; padding:0;}

/* optionele producten rechts */
.detail_tekst2{ background:#fff; width:150px; min-height:10px; height:auto !important; height:10px; margin:10px 0 0 0; padding:2px; float:left; border:1px solid #3f92d2; font-size:12px; color:#033e6b; font-weight:bold;}
.detail_tekst2 strong{ margin:0; padding:0; font-size:13px; line-height:normal; color:#3f92d2; font-weight:bold;}
.detail_tekst2 input.button{ height:20px; font-weight:normal; font-size:11px;}
.detail_links2{ width:40px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.detail_rechts2{ width:100px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0px 0px 0px 2px; float:left; color:#033e6b; font-size:12px;}
.detail_tekst2 p{ font-weight:normal; }

.item_tekst_prijs2{ width:145px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; text-align:right; color:#3f92d2; font-size:14px; font-weight:bold;}
.item_tekst_prijs2 span{ display:block;}
/* einde optionele producten rechts */

/* EIND NOG NIET GEDAAN */

.tell_a_friend{ position:absolute; right:5px; bottom:5px; color:#033e6b; font-size:12px;}
.tell_a_friend a{ color:#3f92d2; text-decoration:none;}
.tell_a_friend a:hover{ color:#033e6b; text-decoration:none;}

input.form_text_small{ background:#fff; width:16px; margin:0; padding:2px; font-size:11px; border:1px solid #3f92d2;}
input.form_text, textarea.form_text{ background:#fff; border:1px solid #3f92d2;}

.product_breed{ width:674px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.product_breed.metmargin{ margin:0 0 5px 0;}
.product_breed a{ width:672px; text-decoration:none; float:left; background:#fff; color:#033e6b; border:1px solid #3f92d2;}
.product_breed a:hover{ border:1px solid #000;}
.product_breed img{ width:144px; float:left;}
.product_breed .tekst{ width:518px; min-height:10px; height:auto !important; height:10px; margin:0; padding:5px; color:#033e6b; float:right;}
.product_breed .tekst h3{ color:#033e6b; font-weight:bold; font-size:13px;}
.product_breed .tekst .prijs{ width:518px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; font-weight:bold; color:#3f92d2; text-align:right;}

.subcategorieen{ background:#fff; border:1px solid #3f92d2; padding:10px 0 10px 10px;}
.subcategorieen .categorie{ background:#fff; width:158px; height:200px; margin:0 10px 10px 0; padding:0; float:left; border:1px solid #3f92d2; color:#fff; cursor:pointer;}
.subcategorieen .categorie a{ color:#033e6b; font-weight:bold;}
.subcategorieen .categorie span{ margin:0 0 0 5px;}
.subcategorieen .categorie #cattekst{ color:#3f92d2;}

a.buttonofferte{ background:#3f92d2; border:1px solid #000; color:#fff; font-weight:bold; height:15px; padding:1px 5px 0px 0px; font-size:11px; display:block; margin:0px; width:105px; }
.ProductFormulier h1 { color:#000; font-size:14px; margin: 5px 0px 10px 0px; }
.ProductFormulier img{ float:left; margin:0px 10px 0px 0px; }
.ProductFormulier p { margin:0px; }

/**************************************************************
** Winkelwagen Styles
***************************************************************/
.stappen{ width:696px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 0 0 0; float:left;}
.stap{ width:172px; min-height:10px; height:auto !important; height:10px; margin:0 2px 0 0; padding:0; float:left; display:inline; border-top:3px solid #fff;}
.stap h6{ margin-top:4px; font-weight:normal; color:#3f92d2;}
.stap p{ color:#fff;}
.stap.aan{ border-color:#3f92d2;}

.winkelwagen{ background:url(../Images/bg_productinfo.jpg) 50% 100% no-repeat #fff; width:674px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 10px 58px 10px; float:left; border:1px solid #3f92d2;}
.winkelwagen_hulp{ background:#fff; width:674px; margin:0 0 5px 0; padding:10px; float:left; border:1px solid #3f92d2;}
.winkelwagen_hulp h2{ color:#3f92d2; }
.winkelwagen_hulp h3{ color:#033e6b; font-size:14px; }
.winkelwagen_hulp a:hover{ color:#033e6b; text-decoration:underline; }

.winkelwagen_melding a:hover{ color:#033e6b; text-decoration:underline; }

.product{ width:654px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px; float:left; border-bottom:1px dashed #000;}
.product .detail_links .detail_beeld{ width:150px; border:none;}
.product .detail_linksw .detail_beeld{ width:150px; border:none;}

.product_info{ width:494px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 10px; float:left;}
.product_titel{ width:494px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; border-bottom:1px dashed #3f92d2;}
.product_titel h1{ color:#3f92d2; font-size:14px; line-height:normal; font-weight:bold;}

.prijs_info{ width:494px; min-height:10px; height:auto !important; height:10px; margin:0; padding:5px 0; border-bottom:1px dashed #3f92d2; float:left;}
.totaalprijs{ float:right; color:#262626; font-size:13px; height:17px; font-weight:bold; display:inline;}
input.form_text_small{ float:right; margin-right:20px; width:30px; padding:0 1px; display:inline;}
.prijs{ float:right; color:#262626; height:17px; display:inline; margin-right:10px;}

.gegevens_container{ width:494px; min-height:10px; height:auto !important; height:10px; margin:0; padding:5px 0; float:left;}
.delete{ float:right;}
.delete A{ text-decoration:none;}

.product.aan{ background:#3f92d2;}
.product.aan .product_info .product_titel{ border-color:#fff;}
.product.aan .product_info .product_titel h1{ color:#fff;}
.product.aan .product_info .prijs_info{ border-color:#fff;}
.product.aan .product_info .prijs_info input.form_text_small{ border-color:#033e6b;}

.kassa{ background:#3f92d2; width:654px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px; float:left;}
.kassa TABLE{ float:right; display:inline; margin:2px 4px;}
.kassa TABLE TD{ vertical-align:top; text-align:right;}
.kassa TABLE TR.border TD{ border-bottom:1px dashed #fff;}
.kassa TABLE TR.totaal TD{ font-size:14px;}

.buttons{ width:654px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px; float:left;}
.buttons a.button{ color:#fff;}
.buttons p{ background:#3f92d2; width:270px; height:20px; line-height:20px; border:1px solid #000; color:#fff; margin:10px 0 0 0; padding:2px 5px; font-weight:bold;}
.buttons p select{ height:20px; font-size:11px;}

TABLE.formulier{ width:100%; float:left; border:#3f92d2 solid; border-width:0 2px 2px 2px; margin-bottom:0;}
TABLE.formulier.half{ width:44%; margin:0 20px;}
TABLE.formulier TH{ background-color:#3f92d2; padding:3px; color:#262626;}
TABLE.formulier TH H5{ font-weight:normal; color:#fff;}
TABLE.formulier TD{ padding: 3px; border-bottom:1px solid #3f92d2; color:#033e6b; vertical-align:top; font-size:10px; font-weight:bold;}
TABLE.formulier TD LABEL{ float:left; display:inline; line-height:20px;}
TABLE.formulier TD SPAN.separator{ float:left; display:inline; margin:0 5px; line-height:18px;}
TABLE.formulier TD EM{ color:#033e6b;}
TABLE.formulier TD INPUT.form_text{ margin-right:3px; border:1px solid #3f92d2; display:inline;}

TABLE.formulier TR.row_uit TD{ color:#033e6b;}
TABLE.formulier TR.row_aan TD{ background-color: #033e6b; color:#fff;}
.optioneelvlak{ margin-top:10px; }
.optioneelvlak h3{ color:#3f92d2; font-size:16px; }

.AndereWinkel { border:1px solid #000; background-color:#3f92d2; color:#FFF; font-weight:bold; padding:7px; margin-top:10px; }
	
/**************************************************************
** Footer Styles
***************************************************************/
#bp{ width:172px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#bp a{ font-size:10px; color:#fff;}
#bp a:hover{ color:#033e6b;}
#naw{ width:640px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; color:#fff; font-weight:bold; text-align:center; font-size:12px; float:left;}
#naw a{ color:#fff;}
#naw a:hover, #naw span{ color:#033e6b;}
#footer_links{ width:812px; min-height:10px; height:auto !important; height:10px; margin:0; padding:4px 0 0 0; clear:left; font-size:10px; text-align:center; color:#006670;}
#footer_links a{ color:#006670;}