html {
	height:100%;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	color:#336699;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:white;
}

table {
	color:#336699;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}
	
input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #000000;
	background-color: white;
}

.checkbox {
	border: 0px;
}

hr {
	height: 1px;
	color : #336699;
}

select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background-color: white;
}

/* agenda*/
td.ag-title {
	font-family : Verdana;
	font-size : 12px;
	font-weight : normal;
}
.ag-month-cur {
	font-family : Verdana;
	font-size : 0.9em;
	font-weight : normal;
	color: #FFFFFF;
	background-color: #5976AB;
}
.ag-month, A.ag-month:link, A.ag-month:visited, A.ag-month:hover, A.ag-month:active {
	font-family : Verdana;
	font-size : 0.9em;
	color: #7E8095;
}
td.ag-day {
	font-size : 12px;
	width : 20px;
	text-transform : capitalize;
}
td.ag-day-weekend {
	font-size : 12px;
	font-weight : normal;
	width : 20px;
	text-transform : capitalize;
}
td.ag-event {
	width : 385px;
}
td.ag-event-weekend {
	width : 385px;
	font-weight : normal;
}
td.ag-event-text {

}
td.ag-event-text-weekend {
	font-weight : normal;
}
A.ag-url:link, A.ag-url:visited {
	color: #182863;
}
A.ag-url:active, A.ag-url:hover {
	color: #E2002E;
}

div.topleft {
	position: absolute;
	left: 633px;
	top: 0px;
	float:left;
}

div.toplogo {
	background-image : url(../pics/logocobas.jpg);
	background-repeat :no-repeat;
	vertical-align:top;	
	height:101px;
}

div.logo2 {
	text-align:right;
	height:83px;
}

div.header{
	background-image:url(../pics/menuGradient.jpg);
	background-repeat:repeat-y;
	background-color: #FFFFFF;
	height: 77px;
}

ul.menu {
	height:25px;
	margin:0px;
	padding:0px;
	list-style-type : none;
	list-style-image : none;
	padding-top:54px;
	margin-left: 70px;
}

ul.menu li{
	float:left;	
	margin: 0px 17px 0 6px;
	height:23px;
	border-width: 1px;
	border-color: 336699;
}

ul.menu a {
	color: #003D7D;
	font-weight:bold;
	text-decoration:none;
	height:23px;
	padding-top:3px;
}

div.greentopbar {
	height:6px;
	background-image: url(../pics/shade.gif);
}

div.contentleft {
	width:125px;
	background-repeat:no-repeat;
	height:100%;
	background-color:#BEE8CF;
	float:left;
}

div.greencenterbar {
	height:26px;
	width:25px;
	height:100%;
	background-color:#009865;
	float:left;
}

div.container {
	height:80%;
    min-width: 970px;
	background-image:url(../pics/background.gif);
	background-repeat:no-repeat;
}	

div.content {
	padding:25px 5px 0px 76px;
	margin: 0 143px 0 0px;
}

div.spacer {
	width:950px;
	padding:0;
	margin: 0;
}

div.circle {
	width:142px;
	height:136px;
	float:right;
	text-align:center;
}

a.circle {
	color : #003D7D;
	margin : 8px 0px 0 20px; 
	font-weight:bold;
	text-decoration:none;
}

img.arrow {
	margin : 8px 0px 0px 20px; 
}

div.buttonLocation{
	margin: 20px 20px 20px 0;
	float:right;
	text-align: center;
	vertical-align: bottom;
}

table.toolbox {
	margin:58px 0 0 27px;
	padding:0;
}

table.toolbox a{
	font-size:11px;
	color: #939598;
	text-decoration:none;
}

table.toolbox td {
	margin:0;
	padding-left: 22px;
}

td.toolboxtext {
	font-size:12px;
	text-align:center;
	height:24px;
	background-color:white;
}

span.academy {
	font-family : Times new Roman;
	font-size : 20px;
	color:#009865;
}

H1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #939598;
	line-height:20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

H2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #939598;
	line-height:16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

table.tbl_inlog {
	align:center;
}

form {
  margin :0;
  padding :0;
} 

a {
  color: #336699;
}

strong {
	font-size : 1em;
	font-weight : bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

div.center {
	width:575px;
	text-align:center;
}

img.contentImg {
	margin-right:25px;
	vertical-align:top;
	border-color:#003366;
	border-width:1px;
	border-style: solid;
}

img.icon {
	margin-right:10px;
}

p.title {
	font-size:14px;
	font-weight : bold;
}

.A_cursusLink  {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : underline;
}


div.kruimelpad {
	position: absolute;
	left: 76px;
	top: 85px;
	color: #939598;
	font-size:11px;
}

/* questions */
td.rangorde-cell {
	background-color: white;
}
td.matching-cell {
	background-color: white;
}
td.matchVraagTitelLinks {
	font-weight : bold;
	background-color: white;
}

td.matchVraagTitelRechts {
	font-weight : bold;
	background-color: white;
}
td.matchSelectedCell {
	background-color: #92DFBE;
	font.color : black;
}	
td.matchNormalCell {
	background-color: white;
	font.color : black;
}	

tr.matchCellColor {
	background-color: white;
}
.matchVraagFrame {
  background-color: black;
  width:450px;
}

ul	{
	list-style: square;
	list-style-image : url(../pics/ba/baba_ul.gif);
	color: #000000;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 4px;
	margin-top: 0em;
}

tr.noPerfectScore {
	color:#FF0000;
}

div.videoText {
	height:295px;
	display: none;
	vertical-align:top;
	overflow:auto;
	border:solid;
	border-width:1px;
	padding:5px;
}

div.top{
	position:absolute;
	top: 118px;
	left: 76px;
	width: 934px;
}

div.wide{
	width: 934px;
	float: none;
}

div.left{
	float:left;
	width: 493px;
}

div.right{
	position:absolute;
	left: 583px;
	width: 411px;
}

div.right_down{
	position:absolute;
	left: 583px;
	width: 411px;
}

div.certificate{
	width:100%;
	height:99%;
}

div.certificateText{
	position:absolute;
	left:150px;
	top:250px;
}

div.persoonlijkGegevens{
	float:left;
	margin-right:5px;
}

div.logoRight{
	position: absolute;
	top: 25px;
	left: 880px;
}

div.logoLeft{
	position: absolute;
	top: 17px;
	left: 12px;
}

div.imageHolder{
	padding: 0px;
	margin: 0px;
	margin-right: 25px;
	border-color:#003366;
	border-width:1px;
	border-style: solid;
	width: 485px;
	text-align: center;
	background-color: #FFFFFF;
}
