/* @override http://oso/css/css.css */

* { margin: 0; }

body {
	background: url(../img/bg/body.gif) repeat-x;
	font: 13px Trebuchet MS, Verdana, Tahoma, Arial;
	}

a { color: #00729c; text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
h1 { color: #000; font-size: 18px; height: 18px; line-height: 18px; font-weight: normal; float: left; }
h2 { font-size: 13px; }
h3 { color: #fff; font-size: 18px; height: 18px; line-height: 18px; font-weight: normal; float: left; }
img { border: 0; }
p { margin-bottom: 20px; }
input { font: 13px Trebuchet MS, Verdana, Tahoma, Arial; }

#container {
	width: 1000px;
	margin: 0 auto;
	line-height: 20px;
	}

#header {
	width: 1000px;
	}
	#header .logo { margin: 19px 0 0 20px; float: left; }
	#header .ad { width: auto; height: 60px; padding: 30px 0 0 0; float: right; }

#mainmenu {
	height: 30px;
	list-style: none;
	padding: 0;
	font-weight: bold;
	clear: both;
	}
	#mainmenu li { display: inline; }
	#mainmenu li a { height: 30px; line-height: 30px; margin-right: 5px; padding-left: 6px; display: block; color: #fff; text-align: center; background: url(../img/bg/menu-left.gif); cursor: pointer; float: left; }
	#mainmenu li a span { float: left; display: block; padding: 0 15px 0 9px; background: url(../img/bg/menu-right.gif) right; }

#zoeken {
	width: 800px;
	height: 33px;
	padding: 7px 0 0 200px;
	background: url(../img/bg/zoeken.gif);
	}
	#zoeken input { float: left; margin-right: 10px; border: 0; }

#categorieen {
	width: 1000px;
	height: 40px;
	}
	#categorieen a { text-decoration: none; }
	#categorieen ul { list-style: none; padding: 0; }
	#categorieen ul li { margin: 0 5px 0 0; float: left; }
	#categorieen ul li a { height: 30px; padding: 0; display: block; background: url(../img/bg/categorie-left.gif) no-repeat bottom left; cursor: pointer; float: left; }
	#categorieen ul li a strong { height: 25px; padding: 5px 8px 0; float: left; background: url(../img/bg/categorie-right.gif) no-repeat bottom right; font-weight: normal; }
	#categorieen ul ul { width: 312px; padding: 0 14px 5px; background: url(../img/bg/categorie-sub.gif); border-top: 5px solid #fff; opacity: .92; }
	#categorieen ul ul li { width: 150px; margin: 0 6px 0 0; float: left; display: inline; }
	#categorieen ul ul li a { width: 142px; height: 23px; padding: 2px 0 0 8px; border: 0; color: #00729c; background: #fff; float: left; }
	#categorieen ul ul li a:hover { color: #fff; background: url(../img/bg/categorie-sub-hover.gif); }
	#categorieen .top { width: 340px; height: 10px; margin: 0 -14px 5px; background: url(../img/bg/categorie-sub-top.gif); font-size: 0; }
	#categorieen .bottom { width: 340px; height: 10px; margin: 5px -14px -15px; background: url(../img/bg/categorie-sub-bottom.gif); font-size: 0; position: relative; clear: both;  }
	#categorieen .first { left: 0; }
	#categorieen .second { left: -42px; }
	#categorieen .third { left: -145px; }

#breadcrumb {
	width: 970px;
	height: 31px;
	padding: 0 15px;
	clear: both;
	}
	#breadcrumb a { color: #000; text-decoration: underline; }
	#breadcrumb a:hover { text-decoration: none; }
	#breadcrumb p { margin: 0; }

#content {
	width: 1000px;
	}

#left {
	float: left;
	width: 180px;
	}

#main {
	float: left;
	padding: 0 20px;
	width: 480px;
	}

#right {
	float: left;
	width: 300px;
	}

#footer {
	width: 1000px;
	padding-top: 9px;
	background: url(../img/bg/footer.gif) no-repeat;
	text-align: center;
	clear: both;
	color: #c5d679;
	}
	#footer a { color: #fff; }
	#footer span { font-size: 8px; vertical-align: top; }
	#footer .small { color: #777; font-size: 11px; }
	#footer .small a { color: #000; text-decoration: underline; }
	#footer .small a:hover { text-decoration: none; }

.zoekveld { width: 416px; height: 16px; padding: 4px 6px; background: url(../img/bg/zoekveld.gif); }
.zoekbtn { width: 42px; height: 24px; background: url(../img/btn/zoek.gif); cursor: pointer; }

.blueheader { width: 165px; height: 33px; padding: 6px 0 0 15px; background: url(../img/bg/headerblue.gif); }
.greenheader { width: 285px; height: 33px; padding: 6px 0 0 15px; background: url(../img/bg/headergreen.gif); clear: both; }
.greyheader { width: 465px; height: 33px; padding: 6px 0 0 15px; background: url(../img/bg/headergrey.gif); }
.bluecontent { width: 148px; margin-bottom: 20px; padding: 15px 15px 0 15px; background: #f3f5f6; border: 1px solid #00b4c9; overflow: hidden; }
.greencontent { width: 268px; margin-bottom: 20px; padding: 15px 15px 0 15px; background: #f3f5f6; border: 1px solid #94b400; overflow: hidden; }
.greycontent { width: 463px; margin-bottom: 20px; padding: 15px 0 0 15px; border: 1px solid #e3e3e3; overflow: hidden; }

.topproduct { height: 121px; margin: 0 -10px; padding: 10px; overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.topproduct p { margin-bottom: 12px; }
.topproduct table { height: 79px; width: 79px; background: #fff; border: 1px solid #e3e3e3; text-align: center; margin-right: 10px; border-collapse: collapse; border-spacing: 0; float: left; }
.topproduct a.bezoekbtn, .topproduct a.winkelbtn, .topproduct .merkbtn { float: left; }

.productmain { width: 140px; padding-right: 14px; text-align: center; float: left; }
.productmain img { margin-bottom: 15px; }
.productmain p { margin-bottom: 12px; }

.productmain2 { width: 448px; border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; overflow: hidden; }
.productmain2 .foto { float: left; width: 103px; margin: 0 15px 15px 0;  }
.productmain2 .tekst { float: right; width: 330px; }
.productmain2 .info { width: 105px; float: right; text-align: center; }
.productmain2 .info img { margin: 5px 0 10px 0; }
.productmain2 p { margin-bottom: 12px; }
.productmain2 .imgfloat { float: right; }

.productmain3 img { margin-top: 5px; }
.productmain3 .product { width: 70px; margin-right: 15px; float: left; }
.productmain3 .product a { color: #000; }
.productmain3 .categorieen { width: 180px; margin-right: 20px; float: left; }

.productmain a.bezoekbtn, .productmain a.winkelbtn, .productmain a.merkbtn { margin: 0 auto 15px; }
.productmain2 a.bezoekbtn, .productmain2 a.winkelbtn, .productmain2 a.merkbtn, .productmain3 a.bezoekbtn, .productmain3 a.winkelbtn, .productmain3 a.merkbtn { margin: 10px 0 0; float: right; }

.productmain3 .product { width: 70px; margin-right: 15px; float: left; }
.productmain3 .categorieen { width: 180px; margin-right: 20px; float: left; }

/* .productmain3 .link a { color: #000; }*/

.productmain3 .info 
{
  float: right;
}

.productmain3 table 
{ 
  height: 79px; 
  width: 79px; 
  background: #fff; 
  border: 1px solid #e3e3e3; 
  text-align: center; 
/*  margin-right: 10px; */
  border-collapse: collapse; 
  border-spacing: 0; 
  float: left; 
}

.productmain3 
{ 
  width: 458px; 
  height: 92px; 
  margin: -15px 0 0 -15px; 
  padding: 10px; 
  overflow: hidden; 
}
/* 
.productmain3 img { margin-top: 5px; }
*/

.productmain3 p 
{ 
  margin: 0; 
  padding: 3px;
  margin-right: 10px;
/*  float: left;*/
}

.productmain3 .winkel 
{ 
  width: 79px; 
  margin-right: 15px; 
  float: left; 
}







.zoekopdracht { font-weight: bold; height: 130px; }
.zoekopdracht label { float: left; width: 140px; margin: 0 14px 10px 0; }
.zoekopdracht select { float: left; width: 140px; margin: 0 14px 10px 0; padding: 2px; }
.zoekopdracht input { float: left; width: 134px; margin: 0 14px 10px 0; padding: 1px; }
.zoekopdracht .grootlabel { width: 280px; }
.zoekopdracht .grootinput { width: 230px; }
.zoekopdracht .zoekenbtn { width: 41px; height: 23px; background: url(../img/btn/zoek-blauw.gif); border: 0; cursor: pointer; margin-top: 1px; }

.beeld { float: right; }
.beeld .beschrijving { background: url(../img/icons/beschrijving.gif) no-repeat left; margin: 4px 15px 0 0; padding-left: 20px; float: left; }
.beeld .raster { background: url(../img/icons/raster.gif) no-repeat left; margin: 4px 15px 0 0; padding-left: 20px; float: left; }
.beeld a { color: #000; }
.beeld a:hover { color: #00729c; text-decoration: none; }

.sorteren { width: 458px; height: 20px; padding: 0 10px 10px 10px; margin: -3px 0 15px -15px; border-bottom: 1px solid #e3e3e3; }
.sorteren form { float: right; }
.sorteren label { margin-left: 10px; }
.sorteren p { margin: 0; }

.paginas { list-style: none; padding: 0; color: #c9c9c9; text-align: center; margin-bottom: 15px; }
.paginas li { display: inline; padding: 0 5px; }
.paginas li a { display: inline; color: #000; padding: 0 5px; border: 2px solid #fff; margin: 0 -5px; }
.paginas li a:hover { border: 2px solid #00729c; text-decoration: none; background: #f3f5f6; }
.paginas .active { font-weight: bold; color: #000; border: 1px solid #ccc; background: #f3f5f6; }

a.bezoekbtn { width: 105px; height: 24px; display: block; background: url(../img/btn/buttons.gif); text-indent: -9999px; }
a:hover.bezoekbtn { background: url(../img/btn/buttons.gif) 0 24px; }
a.winkelbtn { width: 90px; height: 24px; display: block; background: url(../img/btn/buttons.gif) -105px 0; text-indent: -9999px; }
a:hover.winkelbtn { background: url(../img/btn/buttons.gif) -105px 24px; }
a.merkbtn { width: 91px; height: 24px; display: block; background: url(../img/btn/buttons.gif) -195px 0; text-indent: -9999px; }
a:hover.merkbtn { background: url(../img/btn/buttons.gif) -195px 24px ; }

.ad300x250 { margin-bottom: 20px; }
.nbveld { width: 142px; margin-bottom: 10px; }
.okbtn { width: 42px; height: 24px; background: url(../img/btn/ok.gif); margin-bottom: 20px; border: 0; cursor: pointer; float: right; }
.witbg { background: #fff; }
.grijsbg { background: #f3f5f6; }
.mb10 { margin-bottom: 10px; }
.blacklink { color: #000; }
.bb { border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; }
.prijs { font-weight: bold; color: #d70000; }

.lh26 { line-height: 26px; }
.pt15 { font-size: 15px; }
.pt17 { font-size: 17px; }
.pt19 { font-size: 19px; }
.pt21 { font-size: 21px; }
.pt23 { font-size: 23px; }
.pt25 { font-size: 25px; }


/* -------------- TABS -------------- */


.tab { list-style: none; padding: 0; overflow: hidden; }
.tab a:hover { text-decoration: none; }
.tab li { display: inline; float: left; margin-right: 5px; text-indent: -9999px; }
.tab li a { height: 39px; display: block; }

.producten a { width: 95px; background: url(../img/bg/tabs.gif) 0 39px; }
.winkels a { width: 80px; background: url(../img/bg/tabs.gif) -175px 39px; }
.merken a { width: 81px; background: url(../img/bg/tabs.gif) -95px 39px; }

.tab .producten a.selected { width: 95px; background: url(../img/bg/tabs.gif); }
.tab .winkels a.selected { width: 80px; background: url(../img/bg/tabs.gif) -175px 0; }
.tab .merken a.selected { width: 81px; background: url(../img/bg/tabs.gif) -95px 0; }

#producten, #winkels, #merken {
	padding: 10px 10px 0 10px;
	border: 1px solid #94b400;
	background: #f3f5f6;
	margin-bottom: 20px;
	clear: both;
	float: left;
	width: 278px;
	}


/* -------------- SUPERFISH -------------- */


.sf-menu * { padding: 0; list-style: none; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover {visibility:inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -14px; top:	34px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }
.sf-menu a, .sf-menu a:visited  { color: #fff; }
.sf-menu li { background: #9fbc1a; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #94b400; }

#producten, #winkels, #merken {
	padding: 10px 10px 0 10px;
	border: 1px solid #94b400;
	background: #f3f5f6;
	margin-bottom: 20px;
	clear: both;
	float: left;
	width: 278px;
	}
	
label.align_text 
{
  float: left; 
  width: 110px;
  text-align: right;
  padding: 3px;
}	

.winkel_logo
{ 
  height: 98px; 
  width: 140px; 
  text-align: center;
  margin-bottom: -15px;
}

.pgnmr 
{ 
  width: 460px; 
  float: left;
}

a.winkelbtn { width: 90px; height: 24px; display: block; background: url(../img/btn/buttons.gif) -105px 0; text-indent: -9999px; }
a:hover.winkelbtn { background: url(../img/btn/buttons.gif) -105px 24px; }



.pOmschrijvingInfo{
	padding-left: 16px;
	font-size: 11px;
	
	color: gray;
	height: 100px;
	display: inline-block;
	text-align: left;
}

.pOmschrijvingInfo a{
	color: gray;
}

.pOmschrijvingInfo a:hover{
	color: #00729c;
}

.pOmschrijvingContent{
	display: none;
}