html
{
  /*
  voorkomen van verspringen van de pagina door verschijnen scrollbalk
  (in MSIE 6, Firefox 1.1, Mozilla 1.8a4, Safari 2, Seamonkey 1.x en Opera 9.5a1)
  */
  overflow-x:             hidden;
  overflow-y:             scroll;
}

body,
input,
textarea
{
  font-family: Arial, Helvetica; /* note: Opera won't use Helvetica? */
  font-size: 12px;
  line-height: 170%;
}

input,
textarea
{
  padding: 2px 2px;
}

textarea
{
  overflow: auto;
}

#uploadpopup input[type="submit"],
#uploadpopup input[type="button"]
{
  letter-spacing: 1px;
  border-top: 1px solid #f00;
  border-left: 1px solid #f00;
  background-color: #c1272d;
  color: #fff;
  font-weight: bold;
  padding: 2px 5px;
}

#uploadpopup input[type="submit"]:hover,
#uploadpopup input[type="button"]:hover
{
  background-color: #d2272d;
}

#uploadpopup input[type="submit"]:active,
#uploadpopup input[type="button"]:active
{
  border-top: 1px solid #660000;
  border-left: 1px solid #660000;
  border-right: 1px solid #f00;
  border-bottom: 1px solid #f00;
}

/*
#uploadpopup input[type="submit"]:focus,
#uploadpopup input[type="button"]:focus
{
  outline: none !important;
}
*/

a {
  text-decoration: none;
  color: #c1272d;
}

a img {
  border: 0;
}

h1 {
  color:#C1272D;
  font-family:Arial,Helvetica;
  font-size:13pt;
  font-style:normal;
  font-weight:bold;
  margin:0;
  padding:10pt 0 3pt 10pt;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-shadow:none;
}

.movielist a
{
  color: #c1272d;
}

.movielist {
  margin-top: 15px;
}

.movielist a {
  display: block;
  background: transparent url('../images/ArrowForward_onwhite.png') no-repeat scroll center left;
  padding-left: 20px;
}

.greybox a,
.btnbekijk a {
  display: block;
  background: transparent url('../images/ArrowForward_ongrey.png') no-repeat scroll center left;
  padding-left: 20px;
}

.moviecontainer {
  border: 1px solid #e6e7e8;
  line-height: 0;
}



.pagecontent {
  position:     relative;
  left:         50%;
  margin-top:   70px; /* ruimte voor het logo */
  margin-left:  -351px; /* 703/2 = 351 */
  width:        720px;
  overflow:     visible; /* let speechballoon protrude but grow-to-wrap floating columns */
}

.greybox
{
  width: 145px;
  background-color: #f1f1f2;
  border: 1px solid #e6e7e8;
  border-top: 0px;
  border-bottom: 0px;
  padding:    5px 10px;
  color: #666666;
}

.greybox_top
{
  width: 167px;
  height: 19px;
  background-image: url('../images/BoxGreyTop.png');
  font-size: 0; /* IE fix */
}

.greybox_bottom
{
  width: 167px;
  height: 8px;
  background-image: url('../images/BoxGreyBottom.png');
  font-size: 0; /* IE fix */
  margin-bottom: 10px;
}

.redbox_top
{
  width: 167px;
  height: 9px;
  background-image: url('../images/BoxRedTop.gif');
  font-size: 0; /* IE fix */
}

.redbox
{
  width: 147px; /*167*/
  padding: 5px 10px;
  background-color: #c1272d;
  color: #fff;
}
.redbox_bottom
{
  width: 167px;
  height: 20px;
  background-image: url('../images/BoxRedBottom.gif');
  font-size: 0; /* IE fix */
}
.redbox h1
{
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0;
}


.btnbekijk
{
  float: right;
  margin: 10px 21px 0 0;
  padding:     8px 0 0 10px;
  width: 156px; /*166*/
  height: 35px; /*43*/
  background-image: url('../images/btnBekijkFotos.gif');
}

.greybox h1,
.redbox h1
{
  margin-top: 5px;
  padding: 0px 0px 10px 0px;
  font-size: 13px;
}

.greybutton
{
  display: block;
  cursor: pointer;

  position: relative;
  margin-bottom: 8px;

  width: 145px;

  height:      60px;
  line-height: 60px;

  padding-left: 35px;

  border: 1px solid #e6e7e8;
  border-right: 0px;

  color: #c1272d;
  font-size: 15px;

  background: #f2f2f2 url('../images/ArrowForward.png') no-repeat scroll 15px center;
}

/* unused */
.slopingedge
{
  position: absolute;
  right:    -11px;
  top:      0px;

  width:  11px;
  height: 60px;

  background-image: url('../images/ButtonRight.png');
}

.muziekkwartierlogo
{
  position: absolute;
  right:    98px;
  top:      -132px;
}

.collayouttable
{
  border-collapse: collapse;
}

/***********************

 3-column layout page

***********************/

.colleft
{
  vertical-align: top;
  padding: 52px 10px 0 0;
}

.colcenter
{
  vertical-align: top;
}

.colright
{
  vertical-align: top;
  padding: 70px 0 0 9px;
}

/***********************

 2-column layout pages

***********************/

.left2column
{
  vertical-align: top;
  padding: 0;
  width: 512px;
}

.contentbody
{
  position: relative;
  padding-top: 25px;
  padding-left: 25px;

  border: 1px solid #e6e7e8;
  border-bottom: 0px;
  border-top: 0px;
  min-height: 400px;
  _height: 400px; /* dirty IE hack, but innocent for other browsers */
}

.contentbodytop
{
  width: 511px;
  height: 11px;
  background-image: url('../images/BodyTop.gif');
  font-size:1px;
  line-height: 0;
}

.contentbodybottom
{
  width: 511px;
  height: 73px;
  background-image: url('../images/BodyBottom.gif');
}

.speechballoon
{
  position: absolute;
  right:    -221px;
  bottom:   7px;
  z-index:  10;

  padding: 20px 20px 15px 55px;
  width: 172px; /* 247 */
  height: 102px; /* 137 */

  background-image: url('../images/speech_balloon.png');
}



#greyout {
  display:          none;

  background-color: #000000;
  opacity:          0.20;

  filter:           alpha(opacity=20); /* for IE up to 7 */

  position:         fixed;
  top:              0px;
  right:            0px;
  bottom:           0px;
  left:             0px;

  height:           100%;
  width:            100%;

  z-index:          70;
}

#uploadpopup
{
  display:          none;

/*  background-color: #f1f1f2;*/
  background-color: #c1272d;
  border: 2px solid #880000;
  padding: 10px;

  color: #fff;

  position:         fixed;
  left:             50%;
  top:              50%;
  margin-left:      -201px;
  margin-top:       -150px;
  z-index:          80;

  width:            402px;
}

#uploadpopup .close
{
  font-size: 20px;
  color: #fff;
  float: right;

  padding: 2px 5px;

  cursor:           pointer;
  -moz-user-select: none;
}

#uploadpopup .close:hover
{
  background-color: #fff;
  color: #c1272d;
}

#uploadpopup h1
{
  font-size: 20px;
  color: #fff;
  margin: 0 0 20px 0;
}

#uploadpopup label
{
  display: block;
  float: left;
  width: 120px;
  clear: left;
  margin-bottom: 7px;
}

#uploadpopup input
{
  float: left;
  border: 1px solid #660000;
}

#uploadpopup p
{
/*  overflow: visible;*/
  clear: both;
}

#uploadpopup textarea
{
  border: 1px solid #500;
  width: 400px;

/*  width: 100%;
  position: relative;*/
}

.piccontainer {
}

div.section
{
  width: 200px;
  padding: 10px 0px;
}

span.arrow
{
  margin: 0px 10px;
  vertical-align: middle;
}

span.sectiontext
{
  font-weight: bold;
}

div.goback
{
  width: 200px;
  padding: 5px 0px;
}

span.arrow
{
  margin: 0px 10px;
  vertical-align: middle;
}

span.sectiontext
{
  font-weight: bold;
}