/* Simple css for dMusicbox */

body {
	text-align: center;
    font-size: .8em;
	font-family: Verdana, Arial, Sans-Serif;
	background: url(../images/achter.gif) center top;
	color: #333;
	margin: 0
	}

#blokken {
  background: url(../images/blokken.gif) center top no-repeat;
}

#container {
  border-left: solid 1px;
  border-right: solid 1px;
  width: 770px;
  margin: 0 auto;
  padding: 0
}

#content {
  background-color: #fff;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}

#header {
  background: url(../images/header.gif) center top no-repeat;
  padding: 5px 10px 3px 20px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

#topbalk {
  height: 20px;
  background-color: #000000;
  text-align: right;
  padding-right: 25px;
  padding-top: 5px;
  color: #FFFFFF;

}
#topmenu {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

#topmenu.a {
    color: #FFFFFF;
	text-decoration: none;
}


#banner1 {

}


#actie {
  float: right;
 /* background:  url(images/actie.png) no-repeat ;
  width: 71px;
  height: 71px;
  padding: 0 0 0 0;        */
}




#bloklinks { margin: 0; padding: 0; }

#headerlogo { margin-top: 30px; margin-bottom: 5px; }

.hoofdmenu {
  float: right;
  text-align: right;
  margin-top: 77px;
  color: #000;
  }

.hoofdmenu a.menuitemactief { font-style: italic; color: #000; }

#tekstcontainer {
  float: left;
  width: 510px;
  /* background: #ffffef url(images/strepen.gif) left top no-repeat; */
  background: #ffffef;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#rechtscontainer {
  float: right;
  width: 180px;
  background: #fff;
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px
}

.zijbalkje {
  padding: 5px;
  margin-bottom: 10px;
  background: #ffffef url(../images/zijbalkje1.gif) left top no-repeat;
}

.zijbalkje li {
  margin-left: 0px;
}
.zijbalkje p {
  margin-top: 5px;
  margin-left: 0px;
  width: 180px;
}


.zijbalkje h3 {
	text-align: left;
}


.zijbalkje h2 {
  margin-top: 5px;
  text-align: center;
}

#footer {
  clear: both;
  padding-top: 5px;
  height: 20px;
  background: #fff url(../images/voetbalk.gif) center top;
  color: #ffffef;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  }

#footer p { margin: 0;
 }





small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	clear: both;
	}

h1 {
  margin: 30px 0 25px 0;
	font-size: 1.5em;
	}

h2 {
	font-size: 1.2em;
	margin: 25px 0 0 0;
	}

h3 {
	font-size: 1.0em;
  margin: 25px 0 0 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	}

small, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #BF3F00;
	text-decoration: none;
	}

a:hover {
	color: #7F0000;
	text-decoration: underline;
	}

img {
  border: 0;
  }

img.photo      { border: 1px #000 solid; background: #fff; padding: 3px; }
img.photoright { float: right; 	margin: 0 10px 10px 10px; border: 1px #000 solid; background: #fff; padding: 3px; }
img.photoleft  { float: left; 	margin: 0 10px 10px 10px; border: 1px #000 solid; background: #fff; padding: 3px; }
img.imgright   { float: right; 	margin: 0 10px 10px 10px; }
img.imgleft    { float: left; 	margin: 0 10px 10px 10px; }

p.clear { clear: both; }

p.right  { text-align: right; }
p.center { text-align: center; }

hr { margin: 10px 0;}

input.button {
  border: solid #7f0000 1px;
  background: #ffbf77;
  }

.hoofdmenu .submenu {
  margin-bottom: 10px;
  }

table td { vertical-align: top }
table.toondag { width: 500px; }
table.toondag td {vertical-align: middle;}
table.toondag th {font-size: 80%}
th.legecol { width: 0.3% }
th.kolommen1 { width: 90% }
th.kolommen2 { width: 45% }
th.kolommen3 { width: 30% }
th.kolommen4 { width: 22% }
th.kolommen5 { width: 18% }
th.kolommen6 { width: 15% }
th.kolommen7 { width: 13% }
th.kolommen8 { width: 11% }
th.kolommen9 { width: 10% }
th.kolommen10 { width: 9% }
th.kolommen11 { width: 8% }
th.kolommen12 { width: 7% }
th.kolommen13 { width: 7% }
th.kolommen14 { width: 6% }
th.kolommen15 { width: 6% }
th.kolommen16 { width: 6% }

td.tijd { padding: 0px; text-align: right; vertical-align: top; font-size: 80%; height: 15px;}
td.vrij a, td.bezet a, td.zelf a { display:block; padding: 0px; height:100%; text-decoration: none }
td.vrij { behavior: url(hover.htc); padding:0; background-color: #3f7f00; color: #ffffef; border: solid 2px #3f7f00; }
td.vrij:hover, td.vrij.hover {border: solid 2px #000; text-decoration: none;}
td.bezet { behavior: url(hover.htc); background-color: #bf3f00; color: #ffffef; border: solid 2px #bf3f00;}
td.bezet:hover, td.bezet.hover {border: solid 2px #000;}
td.zelf { behavior: url(hover.htc); background-color: #ff7f00; border: solid 2px #ff7f00;}
td.zelf:hover, td.zelf.hover {border: solid 2px #000;}
td.leeg { background: url(../images/diagonaal.gif); }
td.nietmogelijk { background: url(../images/diagonaal.gif); }
th { text-align: center; font-weight: bold; }

div.legenda { margin-bottom: 10px; }
div.legenda { margin-top: 10px;}
div.legenda table { font-size: 80% }
div.legenda td { padding-right: 10px; }
div.legenda td.vrij, div.legenda td.bezet, div.legenda td.zelf { width: 10px; }


table.Overzicht {width: 500px }
td.OvLeft  {width: 50%}
td.OvRight {width: 50%}

table.ledentabel {width: 500px }
td.ledentabelveld, td.ledentabellinks  {width: 50%;}
td.ledentabelwaarde, td.ledentabelrechts {
  font-weight: bold;
  width: 50%;
  }

td.ledentabelwaarde, td.ledentabelwaarde2 {
  border: solid #ffbf77 1px;
  background: #fff; /* #ffbf77; */
  padding: 1px 3px;
  color: #7f0000;
  }

td.ledentabelwaarde img, td.ledentabelwaarde2 img { vertical-align: text-bottom; margin: 1px; }

td.ledentabelwaarde input {
  border: none;
  background: none;
}

td.ledentabelwaarde2 li.boeking, td.ledentabelwaarde2 li.opbergruimte {
  margin-bottom: 10px;
}

td.ledentabelrechts input.button {
  border: solid #7f0000 1px;
  background: #ffbf77;
  width: 49%;
  margin: auto;
}

td.ledentabelfout {
  font-weight: bold;
  color: #f00;
  padding-bottom: 10px;
}

td.ledentabeltoelichting {
  padding-bottom: 10px;
}

span.wachtwoord {
  font-weight: normal;
  font-style: italic
}

p.wijziglink {
  text-align: right;
}

table.stappen td {
  padding: 10px 20px;
  width: 480px;
  }
table.oefenruimte td {padding-right: 20px;}

form#login p {margin: 0px;}

form#login input {
  border: solid #ffbf77 1px;
  background: #fff;
  padding: 1px 3px;
  color: #7f0000;
}

form#login input.loginveld {
  width: 90%;
}

form#login input.button {
  border: solid #7f0000 1px;
  background: #ffbf77;
  padding: 0;
  margin: 1px 6px;
}

input, textarea {
  border: solid #ffbf77 1px;
  background: #fff;
  padding: 1px 3px;
  color: #7f0000;
}

input.radio { border: 0; background: none; }
select.inputbox { width: 180px }

p.toplink {
  font-size: 80%;
  margin-top: 0;
  text-align: right;
}
p.agendacontrol {
  font-size: 80%;
  margin-top: 0;
  text-align: center;
}

.fout {
  font-weight: bold;
  color: #f00;
	}

.invisible {
  display: none;
}

.verwijder {
  color: red;
  text-decoration: line-through;
}

ul.faq li {margin-bottom: 1em;}

div.voorwaarden { 	width: 80%;
	border: 1px solid #ffbf77; }

.voorwaarden {
  margin-top:20px;
  margin-left:30px;
  padding-left:28.0pt;
  padding-right:10.0pt;
  padding-bottom:10.0pt;
	text-indent:-18.0pt;
	font-size: 80%;
	width: 80%;
	border: 1px solid #ffbf77;
}


table.boekingen {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-collapse: separate;

}
table.boekingen th {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;

}
table.boekingen td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-style: inset inset inset inset;

}

ul.boekingen  {
	padding: 0px 5px 0px 0px;
    margin: 0px 5px 0px 0px;
}


/** Style the tweets */
.twitters {
  font-size: 80%;
  border: 0px solid #e5e5e5;
  padding: 2px;
  margin: 0px;
 overflow: hidden;
 width: 200px;
}

.twitters ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.twitters li{
  list-style: none;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.twitters hr{
  border: 1px solid #e5e5e5;

}


.twitters span.prefix {
  font-weight: bold;
}

.twitters span.time {
  font-style: italic;
  font-size: 80%;
  color: #c5c5c5;
}

.twitters span.status {
  font-style: italic;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;

    position: fixed;
    top: 12%;
    left: 50%;

    margin-left: -300px;
    width: 510px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}







/* End Simple css for dMusicbox */