@import url("nav.css");

/*------------------------------------------------------------------------------
  DEFAULTS & GLOBALS
------------------------------------------------------------------------------*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	width: 100%;
	min-width: 1000px;
}
body {
  margin: 0; 
	padding: 0; 
	background: url('images/bg-body.png') top center repeat-y; 
	background-color: #a7a9ac;
	text-align: center;
	color: #414042;
	font: 80% Arial,Helvetica,sans-serif;
}
a { 
text-decoration: none;
color: #d7342f;
}

img { border:none }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}
/*------------------------------------------------------------------------------
  Wrapper & Footer
------------------------------------------------------------------------------*/
#wrap { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
	width: 973px;
	margin: 0 auto;
}
#footer {
	float: left;
	background: url('images/bg-footer.png') top center no-repeat;
	background-color: #a7a9ac;
	width: 948px;
	margin-left: 12px;
}

/*------------------------------------------------------------------------------
  Main layout DIV's
------------------------------------------------------------------------------*/
#header {
	background: transparent url(images/bg-header.png) top center no-repeat;
	height: 190px;
	width: 973px;
	float: left;
	clear: right; 
	margin-bottom: 20px;
}
#header #zoeken{
  margin-left: 19px;
	margin-right: 19px;
	text-align: right;
	padding-top: 59px;
	padding-bottom: 59px;
}
#colomleft{
	width: 175px;
	float: left;
	margin-left: 32px;
}
#main{
	float: left;
	margin-left: 19px;
	width: 520px;
	text-align: left;
}
#colomright{
	width: 175px;
	float: left;
	margin-left: 19px;
}
/*------------------------------------------------------------------------------
  colomleft
------------------------------------------------------------------------------*/
#colomleft .bx2 h2 {
  background: url(images/bg-blocks-head.png) center top no-repeat scroll;
  color: #ffffff;
  font-size: 1em;
  text-align: left;
  text-indent: 35px;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  text-transform: uppercase;
}
#colomleft .box-content{
  background: url(images/bg-blocks-content.png) center top repeat-y scroll;
	text-align: left;
}
#colomleft .box-content a img{
	margin-top: 8px;
  margin-left: 6px;
}
#colomleft .box-content h2 a{
	background: url(images/bg-blocks-content.png) center top repeat-y scroll;
	font-size: 0.9em;
	line-height: 24px;
  padding-left: 10px;
  text-align: left;
	color: #d7342f;
}
#colomleft .box-footer {
	background: url(images/bg-blocks-footer.png) center top no-repeat scroll;
	margin-bottom: 20px;
	height: 9px;
}
/*------------------------------------------------------------------------------
  colomright
------------------------------------------------------------------------------*/
#colomright .bx2 h2 {
  background: url(images/bg-blocks-head.png) center top no-repeat scroll;
  color: #ffffff;
  font-size: 1em;
  text-align: left;
  text-indent: 35px;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  text-transform: uppercase;
}
#colomright .box-content{
  background: url(images/bg-blocks-content.png) center top repeat-y scroll;
	text-align: left;
}
#colomright .box-content h2{
	font-size: 0.9em;
	line-height: 12px;
	padding-top: 5px;
  padding-left: 10px;
  text-align: left;
	color: #d7342f;
}
#colomright .box-content ul{
  list-style: none;
	padding-left: 4px;
	margin-bottom: 5px;
}
#colomright .box-content ul li{
  background: url(images/check.gif) left top no-repeat scroll;
	padding-left: 35px;
	padding-top: 8px;
	padding-bottom: 0px;
}
#colomright .box-content img{
  margin-left: 2px;
}
#colomright .box-content a#keurmerk{
	margin-left: 20px;
}
#colomright .box-content a#keurmerk img{
  margin-top: 9px;
}
#colomright .box-content a div#aanbieding1{
  background: url(images/aanbieding.jpg) center top no-repeat scroll;
	font-size: 0.9em;
	line-height: 12px;
	padding-top: 120px;
	padding-bottom: 0px;
  padding-left: 10px;
	padding-right: 10px;
  text-align: right;
	font-weight: bold;
	color: #d7342f;
}
#colomright .box-content a div#aanbieding font#linethrough{
  text-decoration: line-through;
}
#colomright .box-footer {
	background: url(images/bg-blocks-footer.png) center top no-repeat scroll;
	margin-bottom: 20px;
	height: 9px;
}
#colomright .box-content #winkelmand{
   border-bottom: 1px dotted #d1d3d4;
	 margin-left: 2px;
	 margin-right: 2px;
	 width: 98%;
	 overflow: auto;
}
#colomright .box-content #subtotaal{
   border-bottom: 1px dotted #d1d3d4;
	 margin-left: 2px;
	 margin-right: 2px;
	 width: 98%;
	 text-align: right;
}

#colomright .box-content #totaal{
	 margin-left: 2px;
	 margin-right: 2px;
	 width: 98%;
	 text-align: right;
}
#colomright .box-content #subtotaal p{
  padding-right: 18px;
	padding-top: 18px;
	padding-bottom: 18px;
}
#colomright .box-content #totaal a img{
	margin-top: 6px;
	margin-right: 12px;
}
#colomright .box-content #totaal p.ondertext{
  padding: 0px;
	padding-right: 18px;
}
#colomright .box-content #totaal p{
  padding-right: 18px;
	padding-top: 18px;
	padding-bottom: 0px;
}
#colomright .box-content #winkelmand #afbeelding{
  height: 80px;
	width: 80px;
	float: left;
	text-align: center;
}
#colomright .box-content #winkelmand #winkelmandimg{
   margin: 0px;
}
#colomright .box-content #winkelmand p{
   padding-top: 0px;
	 padding-bottom: 18px;
}
#colomright .box-content #winkelmand p .color{
  color: #d7342f;
}
/*------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------*/
#main .headhome h2 {
  background: url(images/bg-home-head.png) center top no-repeat scroll;
  color: #ffffff;
  font-size: 1em;
  text-align: left;
  text-indent: 40px;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  text-transform: uppercase;
}
#main .head h2 {
  background: url(images/bg-main-head.png) center top no-repeat scroll;
  color: #ffffff;
  font-size: 1em;
  text-align: left;
  text-indent: 40px;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  text-transform: uppercase;
}
#main .head h2 #veranderSortering{
  float:right; 
	width:210px;
}
#main .head h2 #veranderSortering select{
  width:140px; 
	border:1px solid #7f9db9; 
	margin-top: 9px; 
	margin-right: 9px; 
	padding:2px; 
	float:right;
	color: #99999a;
}
#main .box-content {
  background: url(images/bg-main-content.png) center top repeat-y scroll;
	text-align: left;
}
#main .box-content img{
  margin-left: 180px;
}
#main .box-content #sponsoren{
  text-align: left;
  height: 575px;
}
#main .box-content .images{
  text-align: center;
	border-top: 2px solid #3162c3;
	border-bottom: 2px solid #3162c3;
	background-color: #6a95e9;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
}
#main .box-content .images a img{
	margin: 10px;
	border: 2px solid #3162c3;
}
#main .box-content #sponsoren div.sponsor{
  float: left;
	width: 130px;
	margin-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	margin-left: 30px;
}
#main .box-content table{
  font-size: 1em;
	margin-left: 10px;
}
#main .box-content input#afbeelding{
  margin-left: 10px;
	margin-bottom: 10px;
}
#main .box-content ul{
  margin-left: 30px;
}
#main .box-content ul li .color{
  color: #d7342f;
}
#main .box-content #sponsoren div.sponsor img{
  margin-left: 0px;
}
#main .box-content p{
  padding-left: 10px;
	padding-right: 10px;
	padding-top:  8px;
	padding-bottom: 8px;
}
#main .box-content p .color{
  color: #d7342f;
}
#main .box-content p .colorgreen{
   color: #84c654;
}
#main .box-content p .colorgreenbig{
   color: #84c654;
	 font-size: 2.7em;
}
#main .box-content .linethrough{
   text-decoration: line-through;
}
#main .box-content p .big{
  font-size: 1.1em;
}
#main .box-footer {
  background: url(images/bg-main-footer.png) center top no-repeat scroll;
	margin-bottom: 20px;
	height: 10px;
}
#main #slide img{
  width: 520px;
	height: 200px;
}
/*------------------------------------------------------------------------------
  Main input
------------------------------------------------------------------------------*/
#main .input{
  border: none;
  background: url('images/input-main.png') no-repeat top left;
	margin-left: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	height: 32px;
	width: 206px;
	margin-right: 10px;
	margin-bottom: 7px;
	color: #99999a;
}
#main .input1{
  border: none;
  background: url('images/input-main.png') no-repeat top left;
	margin-left: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	height: 32px;
	width: 206px;
	margin-right: 10px;
	margin-bottom: 0px;
	color: #99999a;
}
#main select.class{
  border: none;
	border: 0;
	border-color: #ffffff;
	background-color: #ffffff;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:2px;
	width: 193px;
	height: 22px;
	margin-right: 10px;
	margin-bottom: 0px;
	color: #99999a;
}
#main .label{
	margin-left: 10px; 
}
#main .box-content form div#textareaback{
  background: url('images/textarea.png') no-repeat top left;
	height: 248px;
	width: 306px;
	margin-left: 10px;
	margin-bottom: 0px;
}
#main .box-content form div#textareaback .textarea{
  background: none;
	position: absolute;
	overflow: auto;
	border: none;
	height: 235px;
	width:  289px;
	padding-top: 4px;
	margin-top: 6px;
	margin-left: 12px;
	color: #99999a;
}
#main .buttonverzenden{
  border: none;
	margin-left: 80px;
  background: url('images/buttonverzenden.png') no-repeat bottom left;
	width: 146px;
	height: 32px;
	color: #ffffff;
	cursor: pointer;
}
#main .buttonAanmelden{
  border: none;
	margin-left: 40px;
  background: url('images/buttonaanmelden.png') no-repeat bottom left;
	width: 146px;
	height: 32px;
	color: #ffffff;
	cursor: pointer;
}
#main .buttonBestellen{
  border: none;
	margin-left: 40px;
	margin-bottom: 10px;
  background: url('images/buttonbestellen.png') no-repeat bottom left;
	width: 146px;
	height: 32px;
	color: #ffffff;
	cursor: pointer;
}
#main .bevestegen{
  border: none;
	margin-left: 40px;
  background: url('images/buttonbevestegen.png') no-repeat bottom left;
	width: 190px;
	height: 32px;
	color: #ffffff;
	cursor: pointer;
}
#main .afronden{
  border: none;
	margin-left: 40px;
  background: url('images/buttonafronden.png') no-repeat bottom left;
	width: 267px;
	height: 32px;
	color: #ffffff;
	cursor: pointer;
}
form .color{
  color: #d7342f;
	padding-left: 10px;
}
form a{
	padding-left: 48px;
}
/*------------------------------------------------------------------------------
  Header zoeken
------------------------------------------------------------------------------*/
#header #zoeken .inputZoeken{
  border: none;
  background: url('images/input.png') no-repeat top left;
  padding-left: 55px;
	padding-top: 2px;
	height: 32px;
	margin-right: 10px;
	color: #99999a;
}
#header #zoeken .buttonZoeken{
  border: none;
	margin-right: 13px;
  background: url('images/button.png') no-repeat top left;
	width: 38px;
	height: 32px;
	cursor: pointer;
}
/*------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------*/
#footer p{
  padding-top: 30px;
	padding-bottom: 25px;
}
#footer a{
  color: #414042;
} 
/*------------------------------------------------------------------------------
  Contact
------------------------------------------------------------------------------*/
.map{
width: 498px; 
height: 280px;
margin-left: 10px;
}
.map strong{
color: #000000;
}
/*------------------------------------------------------------------------------
  Sitemap
------------------------------------------------------------------------------*/
ul.tree{
padding-right: 5px;
}
ul.tree, ul.tree ul { 
list-style-type: none; 
background: url(images/vline.png) repeat-y; 
} 
ul.tree ul { 
margin-left: 10px; 
} 
ul.tree li { 
margin: 0; 
padding: 0 12px; 
line-height: 20px; 
background: url(images/node.png) no-repeat; 
color: #369; font-weight: bold; 
} 
ul.tree li.last { 
background: #fff url(images/lastnode.png) no-repeat; 
}
/*------------------------------------------------------------------------------
  Webshop
------------------------------------------------------------------------------*/
#main .box-content #artikelen{
	 overflow: auto;
	 width: 100%
}
#main .box-content #artikelen .artikel{
	 float: left;
	 margin-left: 10px;
	 margin-right: 10px;
	 margin-top: 10px;
}
#main .box-content #artikelen .artikel #titelprijs{
	overflow: auto;
	width: 150px;
	height: 65px;
}
#main .box-content #artikelen .artikel #titelprijs #titel{
  float: left;
	width: 65%;
}
#main .box-content #artikelen .artikel #titelprijs #prijs{
  float: right;
	width: 34%;
	text-align: right;
}
#main .box-content #artikelen .artikel #titelprijs #prijs .color{
  color: #d7342f;
}
#main .box-content #artikelen .artikel .artikelafbeelding{
  border: 1px dotted #d1d3d4;
	margin-bottom: 3px;
	width: 150px;
	height: 150px;
	text-align: center;
}
#main .box-content #artikelen .artikel .artikelafbeelding a{
  display: block;
	width: 150px;
	height: 150px;
}
#main .box-content #artikelen .artikel .artikelafbeelding a img{
	 margin: 0px;
}
/*------------------------------------------------------------------------------
  Artikel
------------------------------------------------------------------------------*/
#main .box-content #artikel{
  overflow: auto;
	width: 100%;
}
#main .box-content #overigbesteld{
  overflow: auto;
	width: 100%;
	margin: 0px 10px;
}
#main .box-content #artikelafbeelding{
   margin-left: 4px;
	 margin-top: 5px;
	 width: 255px;
	 float: left;
}
#main .box-content #artikelafbeelding #kleur{
   margin-right: 3px;
	 margin-bottom: 5px;
}
#main .box-content #artikelafbeelding #imgborder{
   border: 1px dotted #d1d3d4;
	 text-align: center;
	 margin: 0px;
	 padding-left: 2px;
}
#main .box-content #artikelafbeelding #imgborder #minwidth{
   width: 23px;
}
#main .box-content #artikelafbeelding #imgfloat a{
   display: block;
	 width: 80px;
}
#main .box-content #artikelafbeelding #imgborder img{
	 margin: 0px;
	 padding: 0px;
	 border: 0px
}
#main .box-content #artikelafbeelding #imgfloat{
  margin-left: 2px;
	margin-top: 2px;
	border: 1px dotted #d1d3d4;
	width: 80px;
	height: 80px;
	text-align: center;
	float: left;
}
#main .box-content #overigbesteld #imgfloat{
  margin-left: 2px;
	margin-top: 2px;
	border: 1px dotted #d1d3d4;
	width: 80px;
	height: 80px;
	text-align: center;
	float: left;
}
#main .box-content #artikelafbeelding #imgfloat a{
  display: block;
	width: 80px;
	height: 80px;
}
#main .box-content #artikelafbeelding #imgfloat img{
  margin: 0px;
}
#main .box-content #overigbesteld #imgfloat a{
  display: block;
	width: 80px;
	height: 80px;
}
#main .box-content #overigbesteld #imgfloat img{
  margin: 0px;
}
#main .box-content #artikel #artikeleigenschappen{
   float: left;
	 width: 260px;
}
#main .box-content #artikel #artikeleigenschappen #prijs{
   margin-top: 0px;
}
#main .box-content #artikel #artikeleigenschappen #aanbieding{
   margin-top: 0px;
}
/*------------------------------------------------------------------------------
  Winkelmand
------------------------------------------------------------------------------*/
#main .box-content #right{
  text-align: right;
} 
#main .box-content #right a img{
  margin: 8px;
}
#main .box-content #bottom{
   width: 100%;
	 overflow: auto;
}
#main .box-content #bottom #left{
  width: 50%;
	text-align: left;
	float: left;
}
#main .box-content #bottom #right{
  width: 50%;
	text-align: right;
	float: left;
}
#main .box-content #bottom #left a img{
  margin: 8px;
	margin-bottom: 0px;
}
#main .box-content #bottom #right a img{
  margin: 8px;
	margin-bottom: 0px;
}
#main .box-content #winkelmand #omschrijving{
  border-top: 1px dotted #d1d3d4;
	border-bottom: 1px dotted #d1d3d4;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #c9ddf8;
  height: 26px;
	text-align: left;
}
#main .box-content #winkelmand #artikel{
	border-bottom: 1px dotted #d1d3d4;
	margin-left: 2px;
	margin-right: 2px;
	width: 516px;
}
ul.omschrijving{
	list-style: none;
	padding: 0px;
	margin-left: 0px;
}
ul.omschrijving li{
  float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.omschrijving li.artikel{
  width: 170px;
}
ul.omschrijving li.overig{
  width: 100px;
}
#main .box-content #winkelmand #subtotaal{
  overflow: auto;
}
#main .box-content #winkelmand #artikel ul.omschrijving li.overig{
  padding-top: 65px;
}
#main .box-content #winkelmand #artikel ul.omschrijving li.artikel #afbeelding{
  margin: 0px;
	width: 80px;
	height: 80px;
	text-align: center;
}
#main .box-content #winkelmand #artikel ul.omschrijving li.artikel #afbeelding img{
  margin: 0px;
}
#main .box-content #winkelmand #artikel ul.omschrijving li.overig img{
  margin: 0px;
}
#main .box-content #winkelmand #artikel ul.omschrijving li.artikel p{
  padding: 0px
}
/*------------------------------------------------------------------------------
  Bestellen
------------------------------------------------------------------------------*/
#main .box-content #gegevens{
  border-bottom: 1px dotted #d1d3d4;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #c9ddf8;
  height: 26px;
	text-align: left;
	list-style: none;
}
#main .box-content #gegevens li{
  width: 33%;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	text-align: center;
	font-weight: bold;
}
#main .box-content #gegevens li.centerhonderd{
	width: 100%;
	text-align: center;
}
#main .box-content #gegevens li.centerhonderd a{
  color: #d7342f;
}
#main .box-content #gegevens li.last{
  width: 34%;
}
#main .box-content #gegevens li.active{
  background-image: url(images/li-active-gegevens.gif); 
	background-repeat: repeat-x; 
	background-attachment: scroll; 
	background-position: left top;
	color: #ffffff;
}
#main .box-content #gegevens li a{
  color: #000000;
}
#main .box-content #factuuradres{
  padding: 10px;
}
#main .box-content #afleveradres{
  border-bottom: 1px dotted #d1d3d4;
	border-top: 1px dotted #d1d3d4;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #c9ddf8;
}
#main .box-content #contactgegevens{
  padding: 10px;
}
#main .box-content #bevestegen{
  text-align: right;
	padding: 10px;
	padding-bottom: 0px;
}
#main .box-content .ideal{
  float: left;
	margin: 0px;
}