/* Stylesheet HAC Products */
/* Rian Rietveld 
/* maart 2008 */
/* http://www.rrwd.nl */

/* global */
body	{
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
  font-size: 10px;
}

img {
  border: 0;
}

/*lay-out main */
#main {
  background-color: #aaa;
}

#wrapper {
  width: 1024px;
  margin: 0 auto;
  background-color: #fff;
  color: #333;
  line-height: 150%;
  background-image: url('../layout/bg-wrapper.jpg');
}

#header{
  height: 170px;
  width: 1024px;
  background-image: url('../layout/header.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}


#leftnav {
  float: left;
  width: 185px;
  margin: 0;
  padding: 0;
}

#rightnav {
  float: right;
  width: 200px;
  margin: 0;
  padding-top: 10px;
}

#content {
  margin-left: 185px;
  width: 590px;
}

#content_inside {
  margin-left: 10px;
  width: 580px;
  float: left;
}

#brands {
  padding: 0; 
  margin: 0 0 0 5px; 
  list-style: none;
  width: 620px;
}

#brands li {
  padding: 0; 
  margin: 0; 
  float: left; 
  list-style: none;
  height: 75px;
}

#brands a {
  padding: 0; 
  margin: 0;
}

#footer {
  clear: both;
  margin: 0;
  color: #333;
  background-color: #fff;
  background-image: url('../layout/bg-wrapper.jpg');
  padding-top: 10px;
  padding-bottom: 10px;
}

span.footer {
  margin-left: 300px;
}


/* hoofdmenu*/
#menu {
  width: 175px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu a.main_link {
  width: 175px;
  display: block;
  padding-left: 10px;
}

#menu a.main_link_active {
  background-color: #ccc;
  color: #000;
  width: 175px;
  display: block;
  padding-left: 10px;
}

#menu a.main_link:hover {
  background-color: #ccc;
  color: #000;
  text-decoration: underline;
}

#menu li.sub_link_active {
  list-style-image: url('../layout/bullit.jpg');
}

#menu li.sub_link:hover {
  list-style-image: url('../layout/bullit.jpg');
}

#menu a {
  color: #000;
  text-decoration: none;
  font-size: 11px;
}

#menu a:hover {
  text-decoration: underline;
}

#menu a.main_link {
  line-height: 200%;
}

  
 /*catalogus */
#show_cat {
   text-align: center;
   vertical-align: top;
   width: 120px;
}
  
#show_cat img{
   height: 100px;
   width: 100px;
 } 

#show_subcat img{
   height: 130px;
   width: 130px;
 }
 #show_subcat td{
   text-align: center;
   vertical-align: top;
   width: 140px;
 }
 
 #show_subcat td a{
   font-weight: bold;
   text-decoration: none;
   color: black;
   
 }

 
#nav_bottom {
  padding: 0;
  margin: 0;
}
 
#nav_bottom li.een{
  float: left;
  list-style: none;
  }
#nav_bottom li.twee{
  float: right;
  list-style: none;
}

#nav_button img {
  width: 125px;
  height: 41px;
}  

/* list table */
#list_table td {
  border-top: #222 1px dashed;
  vertical-align: top;
}
#list_table img.product {
  float: left; 
  padding: 5px; 
  height: 100px; 
  width: 100px;
}
#list_table td.prod_foto {
  width: 120px;
}
#list_table td.prod_info{
  width: 450px;
}
#list_table a.prod_title {
    font-size: 11px;
    text-decoration: none;
    color: #FF4200;
    font-weight: bold;
}

/* tekstpresentatie */

*	{
	font-family: Verdana, Ariel, Helvetica,   sans-serif;
	font-size: 10px;
}
h1	{
	font-size: 14px;
	color: #FF4200;
}

h2 {
	font-size: 13px;
	color: #FF4200;
}
h2.a {
	font-size: 13px;

}
h3 {
	font-size: 12px;
	color: #FF4200;
}

span.groen {
  font-weight: bold;
  color: #3c0;
  background-color: #fff;
}

p.error {
  font-size: 7pt;
  color: #f00;
  font-weight: bold;
}
/*winkelwagentje */
#winkelwagen {
  width: 90%;
}

th{
 text-align: left;
}
#winkelwagen td {
 padding: 2px;
}

#winkelwagen td {
  vertical-align:top;
  border-top: #222 1px dashed;
}

img.stap {
  width: 51px;
  height: 28px;
  border: 0;
}

/*hoofdmenu bovenin*/
a.shopping_cart {
  color: #333;
  font-size: 12px;
  text-decoration: none;
}

#content_inside a {
  color: #333;
  background-color: #fff;
}
#content  a:hover {
  color: #ec870e;
  background-color: #fff;
}

#col_left ul {
  margin: 5px;
	padding: 5px;
	list-style: none;
}

#col_left a {
  color: #333;
  background-color: #fff;
  text-decoration: none;
}

#col_left a.actief {
  color: #ec870e;
  background-color: #fff;
  font-weight: bold;
}

#col_left a:hover {
  color: #ec870e;
  background-color: #fff;
  text-decoration: none;
}

#bestelling {
  width: 580px;
}
#bestelling th {
  padding: 3px;
  text-align: left;
}
td.prijs {
  text-align: right;
  white-space: nowrap;
}
th.prijs {
  text-align: right;
  width: 75px;
  }
#bestelling td {
  border-top: #222 1px dashed;
  padding: 3px;
}

select.option {
  width: 150px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #222;
}

div.alert {
  padding: 5px;
  width: 90%;
  text-align: center;
  font-size: 200%;
  border: #284179 1px dashed;  
}

#footer a {
  color: #333;
  background-color: #fff;
  text-decoration: none;
}
#footer  a:hover {
  color: #ec870e;
  background-color: #fff;
  text-decoration: underline;
}