html, body {
	margin : 0px;
	height : 100%;
	min-height : 100%;
	background-color : #99b0d7;
	background-image: url(/images/repeater.gif);
	background-position: top center;
	background-repeat : repeat-y;
	}
#pagewrapper {
	width : 100%;
	height : 100%;
	background-image: url(/images/backimg.jpg);
	background-position: top center;
	background-repeat : no-repeat;
}

#container {
	width : 1004px;
	margin : 0 auto;
}

#top {
	height: 138px;
	width: 100%;
	margin: 0 auto;
	text-align : center;
	z-index : 1;
	background-image: url(/images/backtop.gif);
	background-position: 0px 0px;
	background-repeat : repeat-x;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 1em;
    margin-bottom: 1em;
}


table {
	border-collapse : collapse;
}
td {
	padding : 0px;
}

.content {
	width : 625px;
	position : relative;
	margin : 10px auto; /* ARNO: unit missing */
	margin-top : 10px;
	padding-top : 10px;
	margin-left: 265px;
}
/* elementen */

.menuleft {
	position: absolute;
	width: 258px;
	top: 155px;
	bottom: 1px;
	left: 50%;
	margin-left: -450px;
	padding: 0px;
	font-size: 12px;
	overflow: visible; /* ARNO: none => visible */
	color : White;
	z-index : 2;
}
.menuright {
	position: absolute;
	width: 75px;
	top: 182px;
	bottom: 1px;
	left: 50%;
	margin-left: 410px;
	padding: 0px;
	font-size: 12px;
	overflow: visible; /* ARNO: none => visible */
	color : Black;
	z-index : 2;
}

/* content */
div.textbody {
	position: absolute;
	top : 180px;
	width : 570px;
	font-family : Arial;
	font-size : 12px;
	color : Black;
	display : block;
	line-height : 16px;
	margin-left: 290px;
	padding: 0px 0 30px 0px; /* ARNO: unit missing */
	font-size : 12px;
	font-family : Verdana;
	line-height : 20px;
}

/* menu */
td.streepje {
	vertical-align : top;
	text-align : right;
	padding-right : 0px;
}

a, a:hover, a:active, a:visited {
   color : #002665;
   text-decoration : none;
   font-weight: bold;
} 
li.this {
   background-color : Red;
}

/* Bestelformulier */
#software {
  background-color : #d3dcec;
  border-collapse : collapse;
  border : 1px solid #c1d0e9; 
  width: 560px;
}
#software td {
  font-family : Arial;
  font-size : 12px;
  padding : 4px;
  border : 1px solid #c1d0e9;
  border-bottom : 1px solid #95add5;
  vertical-align: top;
}
#software th {
  background-color : #c1d0e9;
  padding: 4px 2px 4px 2px;
  text-align: left;
  white-space:nowrap;
}

#software th.groupname {
  background-color : #002665;
  color : White;
  font-size : 14px;
  font-weight : bold;
  border : 1px solid #002665;
}

#software .price {
   white-space:nowrap;   
}

#personalia {
  border : 0px;
   width: 560px;
}
#personalia th, #software #personalia td  {
  background-color : transparent;
  border : 0px; 
  text-align: left;   
}
.error {
  font-weight: bold; color: red;
}
.error_summary {
	background-color:red;
	border:2px solid black;
	color:white;
	font-weight:bold;
	margin:1em auto;
	padding:3px;
}
#older {
  width: 580px;
  border: 1px black solid;
  background-color:#FFFF99;
  padding: 2px;
}
.required_notice {
  margin-bottom: 1.5em;
}

/* CURSUS BESCHRIJVINGEN ---------------------------------------------------- */
#onderschrift {
    font-style: italic;
    font-size: 110%;
}

.kop h2 {
    display: inline;
    color: #001070;
    font-size: 120%;
}

.pdficon {
    margin-left: 10px;
}

#main h3 {
    color: #001070;
    margin-bottom: 0.1em;
    font-size: 115%;
}
/* -------------------------------------------------------------------------- */

/* CURSUS DATA -------------------------------------------------------------- */
table.container {width: 590px;}
table.data {width: 100%; border: 2px white  solid; border-collapse: collapse;}
.data td {border: 2px white  solid;}
.kop {color: #001070; font-size: 18px; font-weight: bold;}
.legenda {font-size: 12px;}
.nadruk {font-style: italic;}
.data .titel {background-color: #341E65; color: #FFFFFF;}
.data .cursus {font-weight: bold; font-size: 13px; color: #FFFFFF;}
.data .j {background-color: #EEE; width: 10%;}
.data .ml {background-color: #EEE; width: 20%;}
.data .md  {background-color: #CCC; width: 20%;}
.data .dl {background-color: #EEE; vertical-align: middle;}
.data .dd {background-color: #CCC; vertical-align: middle;}
.data .dat {font-family: 'Courier New', monospace; font-size: 11px;}
.data img.leftmargin {vertical-align: middle; margin-left: 15px;}
.data img.data {vertical-align: middle; margin-right: 15px;}
/* -------------------------------------------------------------------------- */

.noborder {
    border: 0;
}

#legenda {
    text-align: right;
}

.vol {background-color: #FFCCCC; color: red; font-weight: bold;}

.error {
    color: red;
    font-weight: bold;
}

.error_summary {
    border: 2px black solid; 
    background-color: red; 
    color: white; 
    font-weight: bold;
    padding: 3px;
    margin: 1em auto;
}

legend {
    font-weight: bold;
    color: #001070;
}

input, select {
    padding: 0;
    font-size: 12px;
	color: #000;
	font-family:  "Trebuchet MS", Arial, Verdana, sans-serif;
}

select#cursus_id {
    width: 500px;
}

fieldset {
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
   
}

fieldset fieldset {
    margin-left: 2px;
    margin-right: 2px;
}

fieldset td {
    vertical-align: top;
    padding: 0;
}

fieldset table {
    margin-left: 5px;
}

.verplicht {
    color: red;
    font-size: 14px;
    margin-left: 3px;
    margin-right: 3px;
}

.pdf {
list-style-type: none;

}

/* CURSUS GROEP KLEUREN ----------------------------------------------------- */
.programmeren   {background-color: #0A1861;}
.programmeren_l {background-color: #CAC9E1;}

.net   {background-color: #8DBED7;}
.net_l {background-color: #9DD4F1;}

.grafisch   {background-color: #6B027D;}
.grafisch_l {background-color: #DEC3DF;}

.linux   {background-color: #FFB204;}
.linux_l {background-color: #FEEFC6;}

.crystal   {background-color: #2F7E20;}
.crystal_l {background-color: #D9EFC6;}

.techniek   {background-color: #FF000F;}
.techniek_l {background-color: #FECCB8;}

.inhoudelijk   {background-color: #4C4C4C;}
.inhoudelijk_l {background-color: #D8D8D8;}
/* -------------------------------------------------------------------------- */

ul ul {margin-left: 2em}

.function {color: blue}
.codeblock {border: 1px #AAA solid; background-color:#EEE; padding: 5px;}
.faq_links {list-style-type:decimal}