/*** algemeen ***/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  position: relative;
  background: url(gfx/bodybg.gif) 0 0 repeat;
}
body, input, table, textarea, select, pre {
  font: 12px/1.5em Helvetica, sans-serif;
  color: black;
}

#page {
  width: 980px;
  border: 1px solid black;
  border-width: 0 1px;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  background: white url(gfx/content-bg.gif) 276px 0 repeat-y;
}
#color1 #page { background-image: url(gfx/content-bg1.gif) }
#color2 #page { background-image: url(gfx/content-bg2.gif) }
#color3 #page { background-image: url(gfx/content-bg3.gif) }
#color4 #page { background-image: url(gfx/content-bg4.gif) }
#color5 #page { background-image: url(gfx/content-bg5.gif) }
#color6 #page { background-image: url(gfx/content-bg6.gif) }
#color7 #page { background-image: url(gfx/content-bg7.gif) }
#color8 #page { background-image: url(gfx/content-bg8.gif) }
#color9 #page { background-image: url(gfx/content-bg9.gif) }
#color10 #page { background-image: url(gfx/content-bg10.gif) }
#color11 #page { background-image: url(gfx/content-bg11.gif) }

* html #page {
  height: 100%;
}
#page.home {
  background: white;
}

#header {
  height: 120px;
  background: white url(gfx/body-bg.gif) 0 0 repeat-x;
}
#sitewide{
  position: absolute;
  right: 0;
  top: 5px;
}
#sitewide, #sitewide li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sitewide li {
  float: right;
  padding: 0 16px 0 18px;
  background: url(gfx/sitewide-div.gif) 0 3px no-repeat;
}
#sitewide li.first {
  background: none;
}
#sitewide a {
  color: black;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
#sitewide a:hover {
  text-decoration: underline;
}
#zoeken {
  position: absolute;
  right: 0;
  top: 41px;
  background: url(gfx/header-bg.gif) 0 0 no-repeat;
  width: 225px;
  height: 38px;
}
#q2 {
  position: absolute;
  left: 38px;
  top: 5px;
  width: 142px;
  color: #999;
  border: 0;
  background: none;
}
#zb {
  position: absolute;
  left: 190px;
  top: 4px;
  width: 30px;
  height: 30px;
}

#menu {
  position: absolute;
  left: 124px;
  top: 79px;
}
#menu ul, #menu li {
  list-style: none; 
  margin: 0;
  padding: 0;
}
#menu li {
  float: left;
  margin-left: -1px;
}
#menu li.li-first {
  margin: 0;
}
#menu span {
  display: none;
}
#menu a {
  display: block;
  border: 1px solid #b5b5b5;
  border-bottom: 0;
  color: white;
  font-size: 16px;
  text-decoration: none;
  height: 39px;
  width: 148px;
}
#menu a:hover, #menu .current {
  background-position: 0 -39px;
}

#menu .submenu {
  position: absolute;
  left: -123px;
  top: 55px;
  width: 276px;
  z-index: 10;
}
* html .submenu {
  left: -124px;
}
#menu .submenu li {
  float: none;
}
#menu .submenu span {
  display: block;
}
#menu .submenu a {
  border: 0;
  width: 240px;
  padding: 6px 0 0 34px;
  color: #008CC6;
  background: url(gfx/submenu.gif) 11px 5px no-repeat;
  font-weight: bold;
  height: 24px;
}
* html #menu .submenu a {
  height: 24px;
}
#menu .submenu a:hover, #menu .submenu a.current {
  background: #E3E3ED url(gfx/submenu_active.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s1 {
  background: url(gfx/s1.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c1 {
  background: #f9f0d0 url(gfx/a1.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s1:hover {
  background-color: #f9f0d0;
}
#menu #prodmenu .s2 {
  background: url(gfx/s2.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c2 {
  background: #d0d8d2 url(gfx/a2.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s2:hover {
  background-color: #d0d8d2;
}
#menu #prodmenu .s3 {
  background: url(gfx/s3.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c3 {
  background: #e0ebd6 url(gfx/a3.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s3:hover {
  background-color: #e0ebd6;
}
#menu #prodmenu .s4 {
  background: url(gfx/s4.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c4 {
  background: #d2e2dc url(gfx/a4.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s4:hover {
  background-color: #d2e2dc;
}
#menu #prodmenu .s5 {
  background: url(gfx/s5.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c5 {
  background: #f8dece url(gfx/a5.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s5:hover {
  background-color: #f8dece;
}
#menu #prodmenu .s6 {
  background: url(gfx/s6.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c6 {
  background: #e1e0ec url(gfx/a6.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s6:hover {
  background-color: #e1e0ec;
}
#menu #prodmenu .s7 {
  background: url(gfx/s7.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c7 {
  background: #cfe3ee url(gfx/a7.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s7:hover {
  background-color: #cfe3ee;
}
#menu #prodmenu .s8 {
  background: url(gfx/s8.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c8 {
  background: #cee5f1 url(gfx/a8.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s8:hover {
  background-color: #cee5f1;
}
#menu #prodmenu .s9 {
  background: url(gfx/s9.gif) 11px 4px no-repeat;
}
#menu #prodmenu .c9 {
  background: #ead3d5 url(gfx/a9.gif) 11px 4px no-repeat;
}
#menu #prodmenu .s9:hover {
  background-color: #ead3d5;
}
#menu #prodmenu .s10 {
  background: url(gfx/s10.gif) 8px 3px no-repeat;
}
#menu #prodmenu .c10 {
  background: #edd7da url(gfx/a10.gif) 8px 3px no-repeat;
}
#menu #prodmenu .s10:hover {
  background-color: #edd7da;
}

#menu #prodmenu .s11 {
  background: url(gfx/s11.gif) 8px 3px no-repeat;
}
#menu #prodmenu .c11 {
  background: #edd7da url(gfx/a11.gif) 8px 3px no-repeat;
}
#menu #prodmenu .s11:hover {
  background-color: #edd7da;
}

#menu #prodmenu li.extra {
  background: url(gfx/subdiv.gif) 12px 4px no-repeat;
  padding-top: 30px;
}

#left {
  float: left;
  width: 276px;
  min-height: 200px;
  position: relative;
}
* html #left {
  height: 200px;
}

#loginblock {
  position: absolute;
  left: 0;
  bottom: 59px;
  width: 148px;
  height: 150px;
  background: url(gfx/bg_login.gif) 0 0 no-repeat;
  padding: 10px 40px 0;
  display: none;
}
#loginblock form {
  margin: 0;
  padding: 0;
}
#loginblock label {
  padding: 0;  
  margin: 0;
}
#loginblock input {
  width: 100%;
  margin: 0;
}
#loginblock a {
  color: white;
  font-size: 90%;
}
#loginblock .button {
  border: 0;
  background: url(gfx/button_middel.gif) 0 0 no-repeat;
  line-height: 22px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0 0 8px;
  width: 121px;
}

#cartblock {
  position: absolute;
  left: 0;
  bottom: 39px;
  width: 228px;
  height: 160px;
  background: url(gfx/bg_winkelmand.gif) 0 0 no-repeat;
  display: none;
}
#cartblock p {
  margin: 0;
  padding: 0;
}
#cartblock .title {
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  padding: 0 0 0 30px;
  text-transform: uppercase;
}
#cartblock .name {
  padding: 10px 10px 0 80px;
}
#cartblock .numprod {
  padding: 3px 10px 0 80px;
}
#cartblock .price {
  padding: 3px 10px 0 80px;
}
#cartblock a {
  color: black;
}
#cartblock .button {
  display: block;
  border: 0;
  background: url(gfx/button_middel.gif) 0 0 no-repeat;
  line-height: 24px;
  color: white;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 0 80px;
  width: 121px;
  text-decoration: none;
}

#logout {
  position: absolute;
  left: 158px;
  top: 136px;
  color: white;
}

#footer {
  position: relative;
  margin: -40px 0 0;
  height: 40px;
  clear: both;
}
#footer div {
  background: black;
  height: 40px;
  width: 980px;
  margin: 0 auto;
}
#footer address {
  width: 980px;
  color: white;
  font-style: normal;
  text-align: center;
  line-height: 40px;
}

#catalog {
  position: absolute;
  left: 0;
  top: 102px;
  width: 267px;
  height: 385px;
}

#bottom {
  position: absolute;
  left: 0;
  bottom: 40px;

}


.spacer{
height:370px;
}

.homepagetext{
margin-top:0px;
width:450px;
padding-left:10px;
margin-bottom:10px;
color:#008cc7;
font-weight:bold;
height:95px;

}

.homepagetext2{
width:450px;
padding-left:10px;
color:#008cc7;
height:240px;

}


#banners {
  width: 450px;
  height: 70px;
}

#language, #language li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#language li {
  float: left;
}
#language a {
  background-position: 0 0;
  width: 42px;
  height: 49px;
  display: block;
}
#language a span {
  display: none;
}
#language a:hover {
  background-position: 0 -49px;
}
#language a.current {
  filter:alpha(opacity:50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/*** div tekst ***/
#tekst {
  float: left;
  width: 624px;
  background: url(gfx/tekst-bg.gif) 0 0 no-repeat;
  padding: 30px 40px 50px;
}
.categorypage #tekst {
  padding: 10px 0 40px 27px;
  width: 677px;
}
.grouppage #tekst {
  padding: 20px 20px 44px 40px;
  width: 644px;
}
.home #tekst {
  background: 0;
  padding: 0;
  
}

#color1 #tekst { background-image: url(gfx/tekst-bg1.gif) }
#color2 #tekst { background-image: url(gfx/tekst-bg2.gif) }
#color3 #tekst { background-image: url(gfx/tekst-bg3.gif) }
#color4 #tekst { background-image: url(gfx/tekst-bg4.gif) }
#color5 #tekst { background-image: url(gfx/tekst-bg5.gif) }
#color6 #tekst { background-image: url(gfx/tekst-bg6.gif) }
#color7 #tekst { background-image: url(gfx/tekst-bg7.gif) }
#color8 #tekst { background-image: url(gfx/tekst-bg8.gif) }
#color9 #tekst { background-image: url(gfx/tekst-bg9.gif) }
#color10 #tekst { background-image: url(gfx/tekst-bg10.gif) }
#color11 #tekst { background-image: url(gfx/tekst-bg11.gif) }

.group {
  float: left;
  width: 166px;
  height: 166px;
  border: 1px solid #D8D8D8;
  border-width:0 1px 1px 0;
  background: url(gfx/group-bg.gif) 0 100% repeat-x;
  text-align: center;
  line-height: 1.2em;
  position: relative;
  font-weight: bold;
}
#tekst .group img {
  margin: 0;
}
.group .link {
  display: block;
  padding: 0 4px;
}
#tekst .group .groupimg {
  width: 166px;
  height: 97px;
  background: url(/gfx/trans.gif) 50% 50% no-repeat;
}
#tekst .last .groupimg {
  width: 165px;
}
#tekst .group .new {
  position: absolute;
  left: 4px;
  top: 134px;
}
#tekst .group .enlarge {
  position: absolute;
  left: 101px;
  top: 133px;
}
#tekst .group .nodetails {
  left: 133px;
}

#tekst .group .details {
  position: absolute;
  left: 133px;
  top: 133px;
}
.last {
  width: 165px;
  border-right:0;
}

#tekst h1 {
  color: #008CC6;
  font-size: 140%;
}
#tekst h2 {
  font-size: 120%;
  margin-bottom: 0;
}
#tekst h3 {
  font-size: 100%;
  margin-bottom: 0;
}
#tekst p {
  margin-top: 0;
}
#tekst a {
  color: #008CC6;
}
#tekst a:hover {
  color: #008CC6;
}

#tekst .tableo {
  border: 1px solid #008CC6;
  border-collapse: collapse;
}
#tekst .tableo th {
  border: none;
} 
#tekst .tableo td {
  border: 1px solid #e4e4e4;
}
#tekst .tableo th {
  background: #008CC6;
}
#tekst .tableo .lcello_odd,
#tekst .tableo .dcello_odd {
  background: none;
  border: 1px solid #e4e4e4;
}
#tekst .tableo .lcello_even,
#tekst .tableo .dcello_even {
  background: #f3f3f3;
  border: 1px solid #e4e4e4;
}

#color1 #tekst .tableo { border-color: #fad235 }
#color1 #tekst .tableo thead th { background: #fad235 }

#color2 #tekst .tableo { border-color: #096b0d }
#color2 #tekst .tableo thead th { background: #096b0d }

#color3 #tekst .tableo { border-color: #85b753 }
#color3 #tekst .tableo thead th { background: #85b753 }

#color4 #tekst .tableo { border-color: #069b54 }
#color4 #tekst .tableo thead th { background: #069b54 }

#color5 #tekst .tableo { border-color: #FA7722 }
#color5 #tekst .tableo thead th { background: #FA7722 }

#color6 #tekst .tableo { border-color: #666699 }
#color6 #tekst .tableo thead th { background: #666699 }

#color7 #tekst .tableo { border-color: #047CB1 }
#color7 #tekst .tableo thead th { background: #047CB1 }

#color8 #tekst .tableo { border-color: #14A3E0 }
#color8 #tekst .tableo thead th { background: #14A3E0 }

#color9 #tekst .tableo { border-color: #B90508 }
#color9 #tekst .tableo thead th { background: #B90508 }

#color10 #tekst .tableo { border-color: #A60407 }
#color10 #tekst .tableo thead th { background: #A60407 }

#color11 #tekst .tableo { border-color: #A60407 }
#color11 #tekst .tableo thead th { background: #A60407 }

#intro {
  border-bottom: 1px solid #d8d8d8;
  padding: 30px 0 0 40px;
  width: 627px;
}
#prodlistincat {
  padding: 0 20px 20px 10px;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
  cursor: pointer;
}

#userlogin .button {
  border: 0;
  background: url(gfx/button_groot_shadow.gif) 0 0 no-repeat;
  line-height: 30px;
  height: 30px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0;
  width: 206px;
}

p.error, p.message {
  border: 2px solid red;
  background: #ffdddd;
  color: red;
  padding: 4px;
}
p.message {
  background: #D6F7CD;
  color: #4CA334;
  border: 2px solid #4CA334;
}

#steps {
  height: 120px;
  position: relative;
  background: url(/gfx/trans.gif) 7px 10px no-repeat;
  color: #505050;
  font-weight: bold;
}
#steps div {
  position: absolute;
  top: 98px;
}
#steps div.current {
  color: #008cc6;
}
#steps.step1 {
  background-image: url(gfx/stap1.gif);
}
#steps.step2 {
  background-image: url(gfx/stap2.gif);
}
#steps.step3 {
  background-image: url(gfx/stap3.gif);
}
#steps.step4 {
  background-image: url(gfx/stap4.gif);
}

#steps #label1 {
  left: 30px;
}
#steps #label2 {
  left: 192px;
}
#steps #label3 {
  left: 360px;
}
#steps #label4 {
  left: 522px;
}

#shopcontent {
  padding: 10px 20px 10px 10px;
}
#tekst .tableo .total {
  background: white;
  text-align: right;
  font-weight: bold;
}
#tekst .tableo .price {
  text-align: right;
}

hr {
  height: 2px;
  border: 0;
  background: #676767;
  color: #676767;
}
#shopbuttons .button {
  display: block;
  border: 0;
  background: url(gfx/button_middel.gif) 0 0 no-repeat;
  line-height: 24px;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 121px;
  text-decoration: none;
}
#shopbuttons .button:hover {
  color: white;
}
#shopbuttons .button strong {
  font-size: 16px;
}

fieldset {
  color: black;
}
legend {
  color: #505050;
  font-weight: bold;
}

#bottom_progress {
  clear: both;
  text-align: center;
}

#tekst #alt_shipp_address label {
  width: 100px;
}
#tekst #alt_shipp_address input {
  width: 200px;
}

#suggestdiv {
  visibility: hidden;
  width: 252px; 
  position: absolute;
  left: 0px;
  top: 20px;
  background: white;
  border:1px solid #14A3E0;
  font-size:12px;
  text-align: left;
  z-index: 1000;
}
* html #suggestdiv {
  left: -256px;
}
#suggestdiv ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#suggestdiv li {
  margin: 0;
  padding: 0 2px;
  position: relative;
}
#suggestdiv span.keywordtext {
}
#suggestdiv span.numresults {
  position: absolute;
  right: 0;
  top: -2px;		
  padding: 0 2px;
}
#suggestdiv li.hilight {
  color: white;
  background: #14A3E0;
  cursor: pointer;
}
#quickorder {
  border: 1px solid #14A3E0;
}

.centerbanner {
  position:relative;
}

.banner3{
 position:absolute;
 width:220px;
 left:245px;
 text-align:right;
 z-index:100;
 margin-bottom:7px;
 margin-top:-8px;
}

.banner4{
 position:absolute;
 width:220px;
 left:245px;
 top:100px;
 text-align:right;
 z-index:101;
}