/*
Opmerking:
  Algemene stylesheet voor BE interactive-CMS

Door:
  Jeroen Evers
  BE interactive
  jeroen@beinteractive.nl
*/

body {
  margin: 0px;
  font-family: 'Trebuchet MS';
  font-size: 13px;
  background-color: #fff;
  color:#000000;
  background-image:url(img/topback.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

.png {
  behavior: url("pngbehavior.htc");
}

h1 {
  margin: 0px 0;
  font-family: 'Trebuchet MS';
  margin-bottom: 5px;
  color: #662d91;
  font-style: italic;
  font-size: 32px;
}

h2 {
  font-family: 'Trebuchet MS';
  font-style: italic;
  font-size: 20px;
  color: #662d91;
  margin-top: 0;
  margin-bottom: 5px;
}

form {
  margin: 0;
}

.maintable{
  background-image:url(img/botback.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}

a.biglink:link, a.biglink:visited, a.biglink:active {
  color: #662d91; 
  font-size: 16px;
  font-weight: bold;
  text-decoration: none; 
} 

a.biglink:hover {
  color: #000; 
  font-size: 16px;
  font-weight: bold;
  text-decoration: none; 
}

.boxleft {
  margin-top: 30px;
  margin-left: 45px;
  margin-right: 20px;
}

.boxcenter {
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
}

.boxright {
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 35px;
}

.boxtitle {
  font-weight: bold;
  color: #662d91;
}

.boxtext {
  font-size: 12px;
}

.boxlink {
  text-align: right;
}

a:link, a:visited, a:active {
  color: #662d91; 
  font-weight: bold;
  text-decoration: none; 
} 

a:hover {
  color: #000; 
  font-weight: bold;
  text-decoration: none; 
}

td {
  font-size: 13px;
  font-weight: normal;
  color: #000;
}

.maintext {
  padding: 20px;
}

#pakket {
  background-color: #f9f9f9;
  padding: 5px;
  margin-bottom: 10px;
  border-top: 1px solid #662d91;
}

#menu {
  font-size: 12px;
  color: #662d91;
  margin-top: 3px;
  font-weight:bold;
  float: center;
  width: 990px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

#menu ul ul a, {
  display: block;
}

#submenu {
  background-color: #f6f6f7;
  margin: 0;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  width:180px;
  filter: alpha(opacity=80); 
  -moz-opacity: 0.8; 
  opacity: 0.8; 
}

#menu a {
  color: #662d91;
  text-decoration: none;
}

#menu a:hover {
  color: #000;
  text-decoration: none;
}

#menu li {
  position: relative;
  cursor: pointer;
  cursor: hand;
}

#menu ul ul {
  position: absolute;
  z-index: 500;
}

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
  display: block;
}


/* submenu items */
#menu_2 {
  margin-top: 0;
  width: 200px;
}

#menu_2 #nav {
  border-top: 1px solid #662d91;
  padding: 0px 0;
  margin-left: 0;
  margin-bottom: 0px;
}

#menu_2 #nav li {
  list-style: none;
  padding: 1px;
  display: block;
}

#menu_2 #nav #nav_item {
  margin: 0px;
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
}

#menu_2 #nav li a {
  text-decoration: none;
  border: 0px;
  display: block;
  width: 188px;
}
/* einde */


#cat_foto {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

a.uitvouw:link, a.uitvouw:active {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

a.uitvouw:visited  {
  color: #666;
  text-decoration: none;
  font-weight: bold;
}

a.uitvouw:hover {
  color: #662d91;
  text-decoration: none;
  font-weight: bold;
}

.blok {
  margin-bottom: 5px;
  border: 3px solid #662d91;
  border-top: 1px;
  border-bottom: 0px;
  border-right: 0px;
  padding-left: 5px;
}

#veld, #text_veld {
  border: 1px solid #662d91;
  background-color: #f6f6f7;
  font-family: 'Trebuchet MS';
  font-size: 13px;
  color: #662d91;
  padding-left: 4px;
}

#button {
  border: 0px solid #662d91;
  background-color: #662d91;
  font-family: 'Trebuchet MS';
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  cursor: hand;
  cursor: pointer;
}

.uit {
  border-left: 3px solid #662d91;
  margin-bottom: 5px;
  padding-left: 5px;
}

.aan {
  background-color: #f6f6f7;
  border-left: 3px solid #662d91;
  margin-bottom: 5px;
  padding-left: 5px;
  cursor: pointer;
  cursor: hand;
}

.vol {
  background-color: #f6f6f7;
  border-left: 3px solid #662d91;
  margin-bottom: 5px;
  padding: 5px;
}

#titel {
  font-weight: bold;
}

#titel_grijs {
  font-weight: bold;
  color: #bbb;
}

small {
  font-size: 80%;
  letter-spacing: normal;
}

.aan #titel {
  color: #662d91;
}

.vol #titel {
  color: #662d91;
  padding-bottom: 5px;
}

#melding {
  background-color: #fff;
  border: 4px solid #eee;
  color: #662d91;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px;
  width: 300px;
}

.wagen_even {
  background-color: #fff;
}

.wagen_oneven {
  background-color: #dfcfeb;
}

#tussen {
  background-color: #662d91;
}

#product_data, #wagen_totaal {
  font-family: 'Trebuchet MS';
  font-style: italic;
  font-size: 16px;
  font-weight: bold;
  color: #662d91;
  padding: 3px;
  padding-top: 5px;
}

#wagen_korting {
  font-family: 'Trebuchet MS';
  font-size: 14px;
  font-weight: bold;
  color: #127c00;
}

#info_betaal {
  background-color: #dfcfeb;
  margin: 10px;
  padding: 10px;
}


small#prijs {
  color: #f00;
  text-decoration: line-through;
  font-style: normal;
  font-size: 11px;
}

#niet_leverbaar {
  font-size: 9px;
  text-align: center;
  width: 65px;
  font-style: normal;
}