*
{
  font-family: Arial;
  font-size: 11pt;
  padding: 0;
  margin: 0;
}
body
{
  background: black url('images/noop-bg-grayscale.jpg') no-repeat scroll center top;
}

/* SLIDER STYLES START HERE */
#page-wrap
{
  background: transparent; 
  width: 835px; 
  margin: 0 auto; 
  padding: 30px 0;
  padding: 0px;
}
#slider
{
  background: transparent url(images/slider-bg.png); 
  height: 133px;
  overflow: hidden;
  position: relative; 
  margin: 30px 0;
  margin: 0;
}
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover
{
  width: 2880px; 
  position: relative;
}
.slide
{
  padding: 15px/* 15px 15px 35px*/;
  width: 900px; 
  float: left; 
  position: relative; 
}
.slide h1
{
  font-size: 30px; 
  letter-spacing: -1px;
  color: #ca1f28; 
}
.slide p
{
  color: white; 
  font-size: 12px; 
  line-height: 20px; 
  width: 410px; 
}
.slide img
{
  position: absolute; 
  top: 11px; 
  left: 450px; 
}
#slider-stopper
{
  position: absolute; 
  top: 1px; 
  right: 20px; 
  background: #ca1f28; 
  color: white;
  padding: 3px 8px; 
  font-size: 10px; 
  text-transform: uppercase; 
  z-index: 1000; 
}
/* SLIDER STYLES END HERE */

#shopbody
{
  background: black url('images/noop-bg-grayscale.jpg') no-repeat fixed center top;
}
#enter
{
/*width: 100%;
  text-align: center; */
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -353px;
  margin-left: -269px;
}
#enter img
{
  border: 5px black solid;
}
#logo
{
  width: 210px;
  width: 100%;
  height: 133px;
  background: transparent url(images/logo.png) no-repeat scroll left top;
}
#shopbody #logo
{
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 133px;
  background: transparent url(images/logo.png) no-repeat fixed left top;
}
#shopcontainer
{
  position: relative;
  top: 135px;
  width: 835px;
  margin: 0 auto;
}
#container
{
  width: 835px;
  height: 445px;
  margin: 0 auto;
}
#shop a
{
  float: left;
  display: block;
  width: 835px;
  padding: 14px 0 13px 0;
  text-align: center;
  color: white;
  background: black;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-family: "Arial Black";
  letter-spacing: 3px;
  font-size: 12px;
}
#shopbody #shop a
{
  width: 730px;
}
#menu, #shop
{
  width: 730px;
  height: 44px;
  background: black;
}
#menu a
{
  float: left;
  display: block;
  width: 121px;
  padding: 14px 0 13px 0;
  text-align: center;
  color: white;
  background: black;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-family: "Arial Black";
  letter-spacing: 3px;
  font-size: 12px;
}
#images
{
  float: right;
  width: 105px;
  height: 445px;
  background: black;
}
#shopcontent
{
  width: 710px;
  min-height: 323px;
  background: white;
  padding: 10px;
}
#content
{
  width: 730px;
  height: 323px;
  background: white;
}
#contentimage
{
  float: left;
/*  width: 215px;*/
  height: 323px;
}
#contenttext
{
  float: left;
  width: 515px;
}
#contenttext.weddingtext
{
  width: 483px;
}
#contenttext p
{
  margin: 4px;
  padding: 4px;
}
#footer
{
  width: 730px;
  height: 73px;
  background: #866a22;
  background: #404040;
  border-top: 5px #ca1f28 solid;
}
#address
{
  float: left;
  width: 340px;
/*  color: #ca1f28;*/
  color: white;
  padding: 10px;
}
#address p
{
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 2px;
}
#address a
{
/*  color: #ca1f28;*/
  color: white;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
}
#address a:hover
{
  color: black;
}
#partners
{
  float: left;
  width: 330px;
}
#kikka, #abpro, #facebook
{
  padding-top: 5px;
  display: block;
  float: left;
  width: 110px;
  text-align: center;
}
p
{
  padding: 8px;
}
a
{
  color: #ca1f28;
  text-decoration: none;
  font-size: 11pt;
}
a:hover
{
  text-decoration: underline;
}
img
{
  border: 0;
}
#video
{
  text-align: center;
}
#videocaption
{
  text-align: center;
  font-size: 10pt;
}
.heading
{
  font-size: larger;
/*  color: #ca1f28;*/
  font-weight: bold;
}
.center
{
  text-align: center;
}
.right
{
  text-align: right;
}
.smaller
{
  font-size: smaller;
}
#gallerymenu
{
  width: 360px;
  margin: 20px 185px;
}
.gallerylink
{
  display: block;
  float: left;
  width: 120px;
  height: 140px;
}
.smallspace
{
  height: 7px;
}
#previous, #next
{
  float: left;
  width: 50px;
  height: 323px;
}
#current
{
  float: left;
  width: 630px;
  height: 323px;
}
#previous a, #next a
{
  display: block;
  float: left;
  width: 50px;
  height: 254px;
  padding: 147px 5px 0px 0px;
}
button, input[type="button"], input[type="submit"]
{
  border: 0;
  border-style: none;
  background: inherit;
  font: inherit;
	color:#ca1f28;
  cursor: hand;
  cursor: pointer;
  padding: 0px;
  text-decoration: underline;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover
{
	color:#ca1f28;
	text-decoration: none;
}
#confirmform
{
  width: 60%;
  margin: 0 20%;
}
#producttable td, #producttable a, #producttable form
{
  font-size: 10pt;
}
#producttable td td
{
  width: 50%;
}
.required
{
  border: 1px #bf0000 solid; /* donkerrooi */
}
.problem
{
  border: 1px red solid;
}
.completed
{
  border: 1px #6d9400 solid; /* green */
}