/** general **/
* {
  margin:0;
  padding:0;
  border:0;
}

a:hover {
  color: red;
}

a:visited {
  color: #00A6CD;
}

a.link {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

a:hover.link {
  text-decoration: none;
  border-bottom: 2px solid red;
}

.link a:visited {
  border-bottom: 2px solid #00A6CD;
}

#test {
  border: 1px solid #333;
}

body {
  font-size:62.5%;
  background-color:#00a6cd;
  font-family: georgia, serif;
}

#doc2 {
  width:950px;
  margin:0 auto;
}

#hd {
  font-family: helvetica, sans-serif;
}

#logo {
  height:77px;
  width:950px;
  margin:0 0 22px 0;
}

#hd ul {
  list-style-type:none;
  padding:0;
}

#hd ul li {
  float:left;
  font-weight:bold;
}

#hd ul#navigation li {
  color:#005588;
  font-family:trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  font-size:1.4em;
  background-color:#005588;
  line-height:1em;
  margin-right:4px;
  padding:0;
}

#hd ul#navigation li.active {
  background-color:white;
  padding:3px 16px 6px 16px;
  height:16px;
}

#hd ul#navigation a {
  color:white;
  text-decoration:none;
  border-bottom:none;
  padding:4px 16px 3px 16px;
  display:block;
  height:18px;
  float:left;
}

#hd ul#navigation a:hover {
  background-color:#003366;
}

#hd ul#navigation li.admin {
  font-size: 9pt;
}

#hd ul#navigation li.admin a {
  padding: 6px 8px 0 8px;
}

#hd h4 {
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  font-size: 1.6em;
  color: white;
}

#category_bar {
  background-color:#fff;
  height:20px;
  text-align:right;
  padding:2px 20px 0 20px
}

/* content */

#bd {
  padding:10px 0 0 20px;
  background-color:#ffffff;
  border-bottom:solid 1px #fff; /* solves IE & Safari footer problems */
}


#bd h1, #bd h2 {
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  color:#00a6cd;
  padding:0 180px 0 180px;
  position:relative; /* fixes IE7 bug */
}

#bd h1 {
  margin:0 0 15px 0;
  font-weight: bold;
  font-size: 3em;
}

#bd h1.demp {
  color: #999999;
}

#bd  h1.demp em {
  font-style: normal;
  color: black;
}

#bd h2, #bd h3 {
  font-size:2em;
  margin:0 0 10px 0;
}

#bd h2.type1 {
  clear:both;
  padding-top:15px;
}

#bd h3 {
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  color: #999999;
  padding:0 180px 0 180px;
  font-size:1.8em;
}

#bd h4 {
  font-size: 1.6em;
  color: black;
  padding:0 180px 15px 180px;
}


#bd h1 a, #bd h2 a {
  color: #005588;
}

#bd h2 a.named-href {
	margin-top: 1em;
	font-size: 1em;
	color: #00a6cd;
	text-decoration: none;
	border-bottom: 0;
}

#bd  h1 a {
  color: red;
  font-weight: normal;
  font-size: 0.6em;
}

#bd th, #bd td {
  font-size:1.6em;
}

#bd table.admin {
  width: 95%;
  margin: 0 auto;
	margin-bottom: 1em;
  border-collapse: collapse;
  border: 1px solid #00a6cd;
}

#bd table.admin tr.legend {
  border-bottom: 2px solid #00a6cd;
  color: #00a6cd;
}

#bd table.admin tr.used_set {
  background-color: #00d2e6;
}

#bd table.admin td {
  padding: 0.3em;
}

#bd table.admin td.link {
  padding:0;
}

#bd table.admin td.link a {
 /*background-color:red;*/
 padding: 0 10px 0 10px;
}

.captitalize {
  text-transform:capitalize;
}

#bd table.games {
  width:100%;
  border-collapse:collapse;
}

#bd table.games .intro {
  padding-left:17px;
}

#bd table.games h4 {
  font-family: trebuchet MS, trebuchet, verdana, helvetica, sans-serif;
  padding:0;
  font-size:1em;
}


#bd table.games td {
  padding:0 0 10px 0;
}

#bd .button {
  height: 30px;
  width: 140px;
  padding-top: 6px;
}

#bd .button a {
  font-family: trebuchet MS, trebuchet, verdana, helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  border: none;
}

#bd .graphs-wrapper h2 {
  margin-top: 2em;
  margin-left: -160px;
  width: 900px;
}

#bd table.mini-charts {
  margin-top: -30px;
  margin-left: 175px;
  border-collapse: collapse;
}

#bd table.mini-charts h4 {
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  padding:0;
  font-size:1.0em;
}

#bd table.mini-charts td {
  width: 100px;
  padding: 0 5px 0px 5px;
}

#bd table#scores {
  margin:10px 0 0 170px;
  clear:both;
}

#bd table#scores th {
  color:#003366;
  border-bottom:solid 2px #003366;
  text-align:left;
}

#bd table#scores td {
  background:url(/images/scores_back.gif) repeat-x center;
  color:#fff;
  line-height:1.5em;
  width:250px;
}

#bd table#scores td.lastchild {
  width:140px;
}

#bd table#scores td div {
  height:27px;
  padding:0 0 0 7px;
}

#bd table#scores td .zero {
  width:10px;
  background-color:#fff !important;
  padding:0 5px 0 2px;
}

#bd table#scores tr td.lastchild {
  background-image:none;
  background-color:#fff !important;
}

#bd table#scores tr.totaal td {
  background-color:#00a6cd;
}

#bd table#scores tr.totaal td div {
  background-color:#00a6cd;
}

#bd table#scores tr.totaal td.lastchild {
  color:#00a6cd;
}

#bd table#scores tr.totaal .zero {
  color:#00A6cd;
  border-left:solid 5px #00A6cd;
}

#bd table#scores tr.logica td {
  background-color:#ff0000;
}

#bd table#scores tr.logica td div {
  background-color:#ff0000;
}

#bd table#scores tr.logica td.lastchild  {
  color:#ff0000;
}

#bd table#scores tr.logica .zero {
  color:#ff0000;
  border-left:solid 5px #ff0000;
}

#bd table#scores tr.ruimtelijk-inzicht td {
  background-color:#78bb06;
  color:#fff;
}

#bd table#scores tr.ruimtelijk-inzicht td div {
  background-color:#78bb06;
}

#bd table#scores tr.ruimtelijk-inzicht td.lastchild {
  background-color:#78bb06;
}

#bd table#scores tr.ruimtelijk-inzicht .zero {
  color:#78bb06;
  border-left:solid 5px #78bb06;
}

#bd table#scores tr.geheugen td {
  background-color:#ed3cc1;
}

#bd table#scores tr.geheugen td div {
  background-color:#ed3cc1; 
}

#bd table#scores tr.geheugen td.lastchild {
  color:#ed3cc1;
}

#bd table#scores tr.geheugen .zero {
  color:#ed3cc1;
  border-left:solid 5px #ed3cc1;
}

#bd table#scores tr.taal td {
  background-color:#f09000;
}

#bd table#scores tr.taal td div {
  background-color:#f09000;
}

#bd table#scores tr.taal td.lastchild {
  color:#f09000;
}

#bd table#scores tr.taal .zero {
  color:#f09000;
  border-left:solid 5px #f09000;
}

#bd table#scores tr.rekenen td {
  background-color:#934ecc;
}

#bd table#scores tr.rekenen  td div {
  background-color:#934ecc;
}

#bd table#scores tr.rekenen  td.lastchild {
  color:#934ecc;
}

#bd table#scores tr.rekenen  .zero {
  color:#934ecc;
  border-left:solid 5px #934ecc;
}

#bd table#graphs {
  margin:30px 0 30px 170px;
}

#bd table#graphs h4 {
  padding:0;
}

#bd table#graphs  td {
  padding:0 10px 0 0;
}

#bd table.stats {
  margin:0 0 10px 177px;
}

#bd table.stats .label {
  font-weight:bold;
  color:#00a6cd;
  padding:0 5px 0 0;
}

#bd .boxleft {
  float:left;
}

#bd .boxleft p {
  padding:0 0 0 180px;
  float: left;
}

#bd .boxleft p.narrow {
	width: 430px;
}

#bd p {
  margin:0 0 30px 0;
  font-size:1.6em;
  color:#333;
  font-family:georgia, serif;
  padding:0 180px 0 180px;
  line-height:1.6em;
}

#bd  p.message {
  border:2px dotted #ade0ed;
  margin:0 180px 30px 180px;
  padding:10px;
  color:#ff0000;
}

#bd p.type1 {
  margin:0;
  padding:0;
  font-size:1.0em;
}

#bd p.type2 {
  float:left;
  margin:0 20px 0 0;
}

#bd p.type3 {
  margin-bottom:10px;
}

#bd p strong {
  color: #00a6cd;
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  font-size: 1.1em;
}


#bd ul {
	/*line-height:1.6em;*/
  list-style-type:none;
  /*color:#00a6cd;*/
  margin:0 180px 20px 180px;
}

#bd li {
	color:#333333;
  background: url(/images/bullet_blue.gif) no-repeat left;
	background-position: 0em .7em;
  padding:0 0 0 15px;
  font-size:1.6em;
	line-height:1.6em;
  margin:0 0 10px 0;
}

#bd .errorExplanation {
  border: 2px solid red;
  margin: 0 180px 30px 180px;
  padding:10px 20px 10px 20px;
}

#bd .errorExplanation ul {
  margin:0;
}

#bd  .errorExplanation h2 {
  display: none;
}

#bd  .errorExplanation p {
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  color: #ff0000;
  font-weight: bold;
  padding:0 0 0 0;
}

#bd.errorpage {
  background-color:#07a6ce;
  border-bottom:none;
  padding:0;
  margin:0 auto;
  /*width:300px;*/
  text-align:center;

	position: absolute;
	left: 50%;
	margin-left: -200px;
	width: 400px;
}

#bd.errorpage h1 {
  color:#fff;
  margin:0;
  padding:0;
}

#bd.errorpage p {
  padding:0;
  margin:0;
}

div#game {
	background: #ffffff url(/images/loader.gif) no-repeat center center;
}

#bd  label {
  color:#00a6cd;
  font-family:trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
  display:block;
  font-weight:bold;
  font-size:1.8em;
}

#bd div.layout {
  padding:0 180px 0 180px;
}

#bd form {
  padding:0 180px 0 180px;
}

#bd input {
  border:solid 1px #a5acb2;
  font-size:1.4em;
  margin:0 0 20px 0;
  padding:2px 0 2px 5px;
  width:245px;
}

#bd input[type='password'] {
  *width:245px;
}


#bd .buttonsext {
  padding:0 0 30px 0;
}

#bd .buttons  input {
  float:left;
  margin:0 10px 0 0;
  cursor:pointer;
  padding:0 10px 0 10px;
  width:auto;
}

#bd  fieldset {
  margin:0;
}

#bd  fieldset.required {
  color: black;
  background-color:#f6fcfd;
  margin:0 0 20px 0;
}

#bd fieldset.required legend {
  font-weight: bold;
}

#bd fieldset.type1 label {
  float:left;
  margin:0;
  width:250px;
}

#bd fieldset.type1 input {
  float:left;
}

#bd fieldset.type1 .clearfix {
  padding:0 0 5px 0;
  margin:0 0 15px 0;
  border-bottom:2px dotted #ade0ed;
}

#bd fieldset.type1 input {
  margin-bottom:5px;
}

#bd  legend {
  font-style: italic;
  color: #005588;
  font-size:1.6em;
  margin:0;
         *margin:0 0 0 -7px;
         display:inline;
         padding:0 0 20px 0;
         display:block;
}

#bd  .required textarea, .required input {
  background: #ffffe0;
}

#bd  .warning {
  margin:20px 180px 0 180px;
  padding:20px;
}



#bd  .warning {
  background-color:#ffffe0;
}

#bd .warning strong {
  color:#e40a12;
  font-weight:normal;
}

#bd  .warning form, #bd  .warning h4, #bd  .warning p  {
  padding:0;
}

#bd .questionmark {
  float:left;
  border:solid 1px #ccc;
  margin:0 0 0 10px;
}
#save_button {
  float:left;
  margin:0 10px 0 0;
}

a {
  color: black;
  border-bottom: 2px solid red;
  text-decoration: none;
}

#bd p#gamelinks {
  margin:15px 0 0 0;
  text-align:center;
}

#game {
  padding-top:15px;
  text-align: center;
  min-height:450px;
}

/* // content */


/* footer */


#ft  {
  padding:74px 0 0 0;
  background-image:url(/images/background.gif);
  background-repeat:no-repeat;
  background-position: left top;
  clear:both;
  min-height:74px;
}

#ft .banner {
  text-align:center;
}

/* // footer */



/* clearfix */

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display:block;
}

* html .clearfix {
  height:1%;
}



/* nog niet gevonden of bekeken */

.required {
  color:#000;
}

.required em {
  color:#333333;
}

.required label {
  color:black;
}




#session {
  padding: 4px 8px 6px 8px;
}

#session a {
  color: #005588;
}

#session li {
  color: #005588;
}

#session {
  margin-bottom: 12px;
  height: 16px;
  background-color: #ade0ed;
  background-color-top: none;
}

#session ul {
  float: right;
}


form p.inline input {
  float: left;
  margin-right: 8px;
}




fieldset h4 {
  padding: 0px 8px 0px 8px;
}

li.even,   dt.even,   dd.even {
  background-color: #f6fcfd;
}

dt {
  padding-top: 2px;
  padding-bottom: 4px;
}


/* stickies */
#stickies {
  margin: 12px 0px 12px 0px;
}

.message_close_area, .stickies_close_area {
  margin: 0;
  padding: 0 0px 4px 0;
  float: right;
}

.message_close_area a,  .stickies_close_area a {
  text-decoration: none;
  font-family: helvetica, sans-serif;
  color: #333333;
}

.error_stickie, .warning_stickie, .notice_stickie, .debug_stickie {
  border: 1px solid #e40a12;
  font-size:1.2em;
}

.error_stickie, .warning_stickie, .notice_stickie, .debug_stickie {
  margin: 4px 0;
  padding: 20px 200px;
}

.error_stickie, .warning_stickie, .notice_stickie {
  background-color: #ffffe0;
}

.debug_stickie {
  font-family: courier;
  background-color: #eeeeee;
  border: 1px solid #333333;
}

ul.navigation li {
  font-weight: bold;
  display: inline;
  text-decoration: underline;
}

.hover {
  border:1px solid red;
}

.over {
  border: 1px solid green;
}

.graph {
  margin-top: 16px;
}

#bd #pq_pie_graph_holder {
  float:right;
	padding:0 60px 0 0;
	margin:0;
	/*
	height: 200px;
	width: 200px;*/
}

.republished {
  color: #e40a12;
}

.republished a {
  color: #e40a12;
}

dl.foldup dt {
  color: #999999;
  font-style: italic;
}

#bd ul.choices {
  list-style-type:none;
}

#bd ul.choices li {
  background: url(/images/pijl.gif) no-repeat left;
}

#bd ul.choices li a.link {
  color: #000000;
  font-weight: normal;
}
#bd ul.choices li a:hover.link {
  text-decoration: none;
  border-bottom: 2px solid red;
}

#bd .fade {
  filter:alpha(opacity=50); 
  -moz-opacity:0.5;
}

.editor ul {
  font-weight: bold;
}

.editor ul li {
  padding: 4px 4px 4px 4px;
  margin-bottom: 2px;
  background: #e5e5e5;
}
.editor ul li a {
  color: #333;
  text-decoration: none;
}

.editor ul li a:hover {
  text-decoration: underline;
}
.editor ul li .buttons a {
  color: red;
  text-decoration: none;
  font-weight: normal;
  font-size: 0.8em;
}

/*** home ***/

td.row-header {
	text-align: center;
}

td.row-header.warn {
  color:red;
}

td.row-header span.row-title {
	color: #00a6cd;
	font-size: 1.5em;
  font-family: trebuchet MS, trebuchet, verdana, helvetiva, sans-serif;
	font-weight: bold;
}

#bd table.games td.row-header.disclaimer {
  padding:0;
  padding-top:30px;
}
.pagination {
  font-size:1.6em;
  text-align: center;
}
.logica, a.logica, .logica a, .ruimtelijk, a.ruimtelijk, .ruimtelijk a, .geheugen, a.geheugen, .geheugen a, .taal, a.taal, .taal a, .rekenen, a.rekenen, .rekenen a {
  text-decoration: none;
  border: 0px;
  background-color: #fff;
  /*font-size:1.3em;*/
}
a:hover.logica, a:hover.ruimtelijk, a:hover.geheugen, a:hover.taal, a:hover.rekenen  {
  text-decoration: none;
  background-color: #00A6CD;
  color: #fff;	
}
.logica, a.logica, .logica a  {
	color: #f00;			
}
.ruimtelijk, a.ruimtelijk, .ruimtelijk a  {
	color: #78BB06;
}
.geheugen, a.geheugen, .geheugen a  {
	color: #ED3CC1;
}
.taal, a.taal, .taal a  {
	color: #F09000;
}
.rekenen, a.rekenen, .rekenen a  {
	color: #934ECC;
}