/* CSS Document */

body{
background-color: #39d7fe;
margin: 0;
text-align: center;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #000;
font-size: small
}

/*CUSTOM FONT*/

@font-face{
    font-family: "stripfont";
    src: url("http://www.onderpresteren.nl/fonts/stripfont.eot");
   	src: local("stripfont"), url("http://www.onderpresteren.nl/fonts/stripfont.ttf") format("truetype");
}

.tekst{
margin: 0 70px 16px 20px;
}

.tekstspecial{
margin: 0 70px 10px 10px;
}

h1{
font-family: "stripfont";
font-size: 400%;
}

h2{
margin: 50px 60px 5px 20px;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #000;
font-size: 140%;
}

h3{
margin: 15px 60px 5px 20px;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #000;
font-size: 140%;
}

h4{
margin: 5px 60px 5px 20px;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #000;
font-size: 110%;
}

.ondertitel{
margin: 10px 70px 16px 20px;
font-style:italic;
}

/* standaard linkjes zijn zwart zonder lijn eronder */

a:link{
	color: #000;	
	text-decoration: none;
}

a:visited{
	color: #000;
	text-decoration: none;
}

a:hover{
	color: #FF0000;	
	text-decoration: none;
}

a:active{
	color: #FF0000;	
	text-decoration: none;
}

ul.lijstje{
margin: 0 70px 16px 20px;
font-weight:bold;
}

.yah {
color: red;
}

ul#menudwars {
text-align: center;
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none;
font-family: "stripfont";
font-weight: bolder;
font-size: 120%;
}

#menudwars li {
display: inline;
}

#menudwars li a {
	text-decoration:none;  
	margin: 0px 16px;
	padding: 3px 15px 3px 15px; 
	color: white;
	background: black;
}

#menudwars li a:hover, a:active {
	color: red;
}

div#main_container{
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: left;
}

/* KOP VAN DE SITE */

div#box1{
	background: url(pix/header.gif) no-repeat 0 0;
	width: 100%;
	height: 180px;
	text-align: center;
	padding: 0px 50px;
}

/* DIT IS HET NAVIGATIEDEEL */

div#menuleeg{
	background: url(pix/menu0.gif) no-repeat 0 0;
	float: left;
	width: 270px;
	height: 720px;
	padding:0;
}

ul.menulinks {
	list-style-type: none; 
	list-style-image: none;
	text-align: left;
	font-family: stripfont;
	font-size: 120%;
	margin: 0px 35px 0px 30px;
}

.menulinks li a, a:visited {
	color: #000000
}

.menulinks li a:hover, a:active {
	color:#FF0000;
}

div#basisschoolmenu{
	background: url(pix/menu1a.gif) no-repeat 0 0;
	float: left;
	width: 270px;
	height: 720px;
	padding:90px 0px 0px 0px;
}

div#basisschoolmenustart{
	background: url(pix/menu1.gif) no-repeat 0 0;
	float: left;
	width: 270px;
	height: 720px;
	padding:90px 0px 0px 0px;
}

div#middelbareschoolmenu{
	background: url(pix/menu2.gif) no-repeat 0 0;
	float: left;
	width: 270px;
	height: 720px;
	padding:90px 0px 0px 0px;
}

/* TEKSTGEDEELTE */

div#boxstart{
	background: url(pix/body0.gif) no-repeat 0 0;
	float: left;
	width: 500px;
	height: 720px;
}

div#boxbasisstart{
	background: url(pix/body1.gif) no-repeat 0 0;
	float: left;
	width: 500px;
	height: 720px;
}

div#boxbasis{
	background: url(pix/body1a.gif) no-repeat 0 0;
	float: left;
	width: 500px;
	height: 720px;
}

div#boxmiddelbaarstart {
	background: url(pix/body2.gif) no-repeat 0 0;
	float: left;
	width: 500px;
	height: 720px;
}

div#boxmiddelbaar{
	background: url(pix/body2a.gif) no-repeat 0 0;
	float: left;
	width: 500px;
	height: 720px;
}

div#special{
	background: url(pix/balZonderTekst.gif) no-repeat 0 0;
	float: left;
	width: 770px;
	height: 720px;
}	
	
.special{
margin: 15px 60px 0px 300px;
}

/* BUITEN DE BLAUWE LIJN */

div#box4{
	clear:left;
	width: 100%;
	height: 50px;
} 

#w3c{
	float:left;
	border:0;
}

#copyright{
	float:right;
}

/* DIT IS DE STIJLCODE VAN DE TEST */

div,span,td{
	color: #000000;
}

div.Titles{
	padding: 0.5em;
	text-align: left;
	color: #000;
}

button{
	display: inline;
	font-size: 100%; /* Required to make IE scale button caption text size! */
}

.ExerciseTitle{
	font-size: 125%;
	color: #000;
	margin-top: 85px;
}

div#Timer{
	padding: 0.3em;
	margin-left: 20px;
	margin-right: auto;
	text-align: left;
}

span#TimerText{
	padding: 0.3em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
}

div.ControlButtons{
	text-align: left;
	margin-left: 15px;
}

.Instructions{
	margin-top: 1em;
}

.DecisionPointTitle{
	text-align: left;
	margin-left: 15px;
}

.DecisionPointText{
	text-align: left;
	margin: auto auto auto 0px;
}

td#AssetDisplay{
	display: none;
}

div.Assets{
	margin: 0px;
}

table.AssetTable{
	border-width: 3px;
	border-style: double;
	border-color: #000;
	padding: 0.3em;
}

table.AssetTable th{
	background-color: #000;
	color: #ffffff;
	padding: 0.3em;
}

div.LinkList{
	margin-top: 10px;
}

table.LinkTable{
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.FeedbackText{
	color: #000000;
}

table.DPTable{
	margin-left: 0;
	margin-right: auto;
	border-width: 0px;
	padding: 10px;
	vertical-align: top;
}

div.Feedback {
	background-color: #ffffff;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: left;
	color: #000000;
	position: absolute;
	display: none;
}

div.DecisionPoint{
	background-color: #ffffff;
	text-align: left;
	color: #000;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff;
	margin: 1px 50px 1px 1px;
}

.FuncButton {
	text-align: left;
	border-style: solid;

	border-left-color: #d6ffff;
	border-top-color: #d6ffff;
	border-right-color: #577f7f;
	border-bottom-color: #577f7f;
	color: #000;
	background-color: #ffffff;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonUp {
	color: #ffffff;
	text-align: left;
	border-style: solid;

	border-left-color: #d6ffff;
	border-top-color: #d6ffff;
	border-right-color: #577f7f;
	border-bottom-color: #577f7f;

	background-color: #000;
	color: #ffffff;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonDown {
	color: #ffffff;
	text-align: left;
	border-style: solid;

	border-left-color: #577f7f;
	border-top-color: #577f7f;
	border-right-color: #d6ffff;
	border-bottom-color: #d6ffff;
	background-color: #000;
	color: #ffffff;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

/*BeginNavBarStyle*/

div.NavButtonBar{
	background-color: #999999;
	text-align: left;
	margin: 2px 0px 2px 0px;
	clear: both;
}

.NavButton {
	border-style: solid;
	
	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-right-color: #4c4c4c;
	border-bottom-color: #4c4c4c;
	background-color: #999999;
	color: #000;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonUp {
	border-style: solid;

	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-right-color: #4c4c4c;
	border-bottom-color: #4c4c4c;
	color: #999999;
	background-color: #000;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonDown {
	border-style: solid;

	border-left-color: #4c4c4c;
	border-top-color: #4c4c4c;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	color: #999999;
	background-color: #000;

	border-width: 2px;
	cursor: pointer;	
}

table {
font-size: small;
}