/* ------------------------------------ *
 CSS
 zaterdag 22 juli 2006 13:46:24
 HAPedit 3.1.11.111
 * ------------------------------------ */

#container /* OK */
{
 position: relative;
 min-height: 100%;
 height:auto !important; /* voor moderne browsers */
 height:100%; /* voor IE */
 background: url(../images/bg_uitgeverij.jpg) no-repeat top center;
 width: 1003px;
 margin: 0 auto;
 text-align: left;
 z-index: 2;
 padding-bottom: 10px; /* ruimte onderaan maken */
}

/* ----------------------------- *
   popup venster
* ------------------------------ */

#popup
{
 text-align: left;
 background: #fdf4e3;
}

#popup #mainContent
{
 margin-left: 0;
 margin-top: 20px;
 width: 500px;
 border-top: 1px solid #000;
}

#popup #mainContent table  /* tabel verzendingkosten */
{
 font-size: 90%;
 width: 480px;
 margin-left: 35px;
 margin-top: 15px;
 border-collapse: collapse;
 border: 1px solid #666;
}

#popup #mainContent th,
#popup #mainContent td
{
 padding: 5px;
 border: 1px solid #666;
}

#popup #mainContent input.submit  /* sluitknop popup */
{
 width: auto;
}

/* ----------------------------- *
   navigatiekolom
* ------------------------------ */

#navLeft .title  /* titel */
{
 color: #7e003f;
 font-weight: bold;
 font-size: 120%;
 margin-bottom: 15px;
 background: none;
}

#navLeft .text
{
 font-size: 100%;
}

#navLeft .mandje,
#navLeft .adres,
#navLeft .verzending,
#navLeft .betaling,
#navLeft .definitief  /* niet actieve stijl */
{
 font-weight: normal;
 color: #c0c0c0;
 padding-left: 25px;
 line-height: 30px;
 margin-bottom: 10px;
 background: url(../images/btn_mandje_klein_grijs.png) no-repeat center left !important;
 background: url(../images/btn_mandje_klein_grijs.gif) no-repeat center left;
}

#mandje #navLeft .mandje,
#adres #navLeft .adres,
#verzending #navLeft .verzending,
#betaling #navLeft .betaling,
#definitief #navLeft .definitief  /* actieve stijl */
{
 color: #e32118;
 font-weight: bold;
 padding-left: 25px;
 line-height: 30px;
 margin-bottom: 10px;
 background: url(../images/btn_mandje_klein.png) no-repeat center left !important;
 background: url(../images/btn_mandje_klein.gif) no-repeat center left;
}


/* ----------------------------- *
   winkelmandje
* ------------------------------ */

#cart
{
 width: 500px;
 font-size: 90%;
}

#cart p
{
 margin-top: 10px;
}

a.nextstep
{
 line-height: 2em;
 font-size: 110%;
 font-weight: bold;
 padding: 3px;
 margin-top: 5px;
 text-decoration: none;
 background-color: #c0012a;
 color: #fff;
 border: outset 2px #ccc;
}


#cart h3
{
 font-weight: bold;
 font-size: 120%;
 color: #c0012a;
}

#cart table
{
 border-collapse: collapse;
 border: 1px solid #666;
 width: 500px;
 margin-top: 30px;
 font-size: 100%;
}

#cart th, td
{
 padding: 5px;
 border-bottom: 1px solid #666;
}

#cart th
{
 font-weight: bold;
 text-align: centre;
 font-size: 110%;
}

#cart div.bottomLeft
{
 width: 45%;
 float: left;
 margin-top: 15px;
}

#cart div.bottomRight
{
 width: 45%;
 float: right;
 margin-top: 15px;
}

#cart div.bottomWide
{
 width: 100%;
 float: left;
 margin-top: 20px;
}

#cart input.cart /* vak voor aantal exemplaren in winkelmandje */
{
 width: 30px;
}

#cart input.radio,
#cart input.checkbox,
#cart input.submit
{
 width: auto;
}

#cart input.radio
{
 float: left;
 margin-right: 1em;
 height: 4em;
}

#cart .formbutton
{
  cursor: pointer;
  border: outset 2px #ccc;
  background: #c0012a;
  color: #fff;
  font-weight: bold;
  padding: 1px 2px;
  width: auto;
}

/* ----------------------------- *
   formulier adresgegevens
* ------------------------------ */

#cart .message /* voor mandje is leeg */
{
 color: #c0012a;
 font-weight: bold;
 border: 1px solid #666;
 margin: 20px 80px 20px 30px;
 padding: 20px;
 width: auto;
}

#cart .message a,
#cart .bottomLeft a.backlink /* backlinks in cart en mandje is leeg */
{
 font-weight: normal;
 background: url(../images/terug.png) no-repeat top left !important;
 background: url(../images/terug.gif) no-repeat top left;
 padding-left: 25px;
 height: 21px;
 display: block;
 margin: 10px 0px 10px 0px;
}

#cart fieldset
{
 border: 1px solid #CCC;
 margin-top: 20px;
 width: 500px;
 _width: 550px; /* voor IE */
 margin-left: 0;
}

#cart legend
{
 font-weight: bold;
}

#cart label
{
 float: left;
 width: 12em;
}

#cart input
{
 width: 250px;
}

#cart select
{
 width: 254px;
 margin-left: 1.7em; /* geen idee waarom dit nodig is, maar het werkt */
}

#cart select.date  /* voor ingeven vervaldatum */
{
 width: 75px;
}

#cart .ccnumber
{
 width: 40px;
}

#cart p.form  /* voor mededeling in form adresgegevens */
{
 margin-left: 20px;
}