*{
	font-family:Tahoma;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	margin:0px;
	border:0px;
	padding:0px;
}
body{
	background-color:#EEEEEE;
}

td{
	vertical-align:top;
	text-align:left;
}
p{
	padding:10px 0px 10px 0px;
}

input {
	width:300px;
	background-color: #FAFAFA;
	border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	border-top:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
}
button{
	width:150px;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	background-color: #D3D3D3;
	border-top:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
}
select{
	width:300px;
	background-color: #FAFAFA;
	border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	border-top:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
} 
option{
	background-color: #FAFAFA;
}
textarea{
	width:300px;
	height:150px;
	border:0px;
	background-color: #FAFAFA;
	border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	border-top:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
}
input.radio{
	background-image: none;
	width:20px;
	border:0px;
}
input.checkbox{
	background-image: none;
	width:20px;
	border:0px;
}
table{
	border-collapse: collapse;
}
a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:black;
	text-decoration:underline;
	background-color:#efefef;
}

h1{
	font-size:18px;
	margin:5px 0px 10px 0px;
}
h2{
	font-size:16px;
	margin:10px 0px 10px 0px;
}
h3{
	font-size:14px;
	margin:0px;
}
h4{
	font-size:12px;
	margin:0px;
}
ul{
	margin:4px 0px 10px 5px;
	padding:0px 0px 0px 5px;
	
}
li{
	margin:4px 0px 2px 8px;
	padding:0px 0px 0px 0px;
	list-style-type: square;
}
form{
	padding:0px;
	margin:0px;
}


td.content{
	padding:5px;
	border-left:1px solid #D3D3D3;
}

td.content table td{
	padding:5px;
}

div.MessageBox{
	width:auto;
	height:40px;
	padding:5px;
	margin:5px;
	border:1px solid red;
	background-image: url(../images/caution.gif);
	background-repeat:no-repeat;
	background-position: middle;
	padding-left:45px;
	background-color:#EEEEEE;
	border-top:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}
tr.head td{
	background-color:#D3D3D3;
	font-weight:bold;
	
}
table.grid{
	border-left:1px solid #D3D3D3;
	border-top:1px solid #D3D3D3;
}
table.grid tr td{
	border-right:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
}
td.header{
	background-color:#FFFFFF;
	padding:5px;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
	height : 10px;
}

td.breadcrumbs {
	border-top:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	height:24px;
	vertical-align:middle;
	padding:5px;
}

/* menu */
td.menu{
	width:200px;
}
td.menu ul{
	margin:0px;
	padding:0px;
	list-style-type : none;
	list-style-image : none;
}

td.menu ul li{
	list-style-type : none;
	list-style-image : none;
}
td.menu h3{
	width:200px;
	background-color: #D3D3D3;
	color:gray;
	padding:5px;
}
td.menu a{
	color:black;
	text-decoration:none;
}

/*  footer */
td.footer{
	text-align:center;
	padding:5px;
	background-color: #D3D3D3;
	font-size : 10px;
	height : 10px;
}
table.t2{
	height: 100%;
	background-color:white;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
}
table.t1{
	height: 100%;
}
div.date{
	width:175px;
	float:left;
	padding:5px;
}
form#registratie input {
	width:30px;
}
.icon{
	border:0px;
	background-color:transparent;
	cursor:pointer;
	width:20px;
	padding-bottom:5px;
}
input.date{
	width:100px;
}
input.hours{
	width:40px;
}

div.voorbeeld{
	padding:10px;
	background-color:#efefef;
	border-top:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-bottom:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
}

div.huidige_school{
	width:400px;
	text-align:right;
	float:right;
}

div.huidige_school button{
	width:50px;
}
.it1 td{
	background-color:#EEEEEE;
}