/* ------------------------------------------------------------------------------------- */
/* styles for general layout elements */

/*
NEW!

div{
	border : 1px solid #CCC;
}
*/


body {
	color: #000000;
	background-color: #f5f5f5;
	margin: 0;
	padding: 0;
}

a {
	color: #3D278B;
}

hr {
	display:none;
}

.hide {
	display:none;
}

div.spacer {
  	width: 600px;
	font-size: 9px;
  	clear: both;
}

div.spacer2 {
  	width: 600px;
	font-size: 9px;
  	clear: both;
	border-top: 1px dotted #9F8CDF;
}

#content, #secondarycontent, #printcontent {
	margin: 10px 0px 0px 10px;
	position: relative;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 1.3em;
}

#content, #secondarycontent {
	width: 1000px;
}

#printcontent {
	width: 704px;
}

#secondarycontent {
  clear: both;
  margin-top: 0px;
  padding-top: 3px;
  position: relative;
  min-height: 220px; height: 220px;
}

/* ------------------------------------------------------------------------------------- */
/* styles for vertical branded banner */

#verticalbanner {
	padding: 0 0 0 10px;
	float: left;
	display: inline;
    width: 140px; /* for IE 5/win (was 132px)*/
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 138px; /* actual value */
}

#verticalbanner img{
	border: #666 1px solid;
}

/* ------------------------------------------------------------------------------------- */
/* styles for homepage navigationbar (formerly done with tabs) */


#tabnavigation {
	float: left;
	backgound-color: red;
	margin: 0 10px 0 0;
	width: 134px; /* for IE 5/Win was 144*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 134px; /* actual value was 134*/
}

#tablist {
	padding: 0px;
	list-style: none;
}

#tabnavigation ul {
	border: #666 1px solid;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	list-style: none;
	line-height: 16px; /* for IE 5/Win*/
	voice-family: "\"}\"";
	voice-family:inherit;
	line-height: 20px; /* actual value */
}

#tabnavigation ul li {
	display: block;
	width: 120px;
}

#tabnavigation ul li a {
	display: block;
	border-top: #666 1px solid;
	padding: 3px 0 3px 12px;
	font-weight: normal;
	color: white;
	background-color: #b3b3b3;
	text-decoration: none;
	width: 130px; /* for IE 5/Win (was 132px)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px; /* actual value */
}

#tabnavigation ul li a:hover {
	color: #000;
	background-color: #e5e5e5;
	width: 130px; /* for IE 5/Win (was 132px)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px; /* actual value */
}
#tabnavigation ul li#active a {
	color: #000;
	background-color: #FFF;
	width: 130px; /* for IE 5/Win (was 132px)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px; /* actual value */
}



/* ------------------------------------------------------------------------------------- */
/* styles for general homepgae layout */


#mainpage {
	margin: 0 0 0 0;
	float: left;
	display: inline;
	background-color:#FFFFFF;
	border: 1px #666 solid;
	width: 701px;
}

.mainpage {
	margin: 0 0 0 0;
	float: left;
	display: inline;
	background-color:#FFFFFF;
	border: 1px #666 solid;
	width: 701px;
}

#leftcolomn {
	float: left;
	display:inline;
	background-color: #FFFFFF;
	overflow: hidden;
	width: 329px;
}

#rightcolomn {
	float: left;
	display:inline;
	background-color: #FFFFFF;

	overflow: hidden;
	width: 329px;
}

.normaltext {
	padding: 10px;
}

.normaltext UL {
	list-style-image:url(images/arrow-grijs.gif);
}

.normaltext LI {
	margin-bottom: 5px;
}

.generic-homepage-info {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #FFFFFF;
	background-color: #3D278B;
	padding: 10px;
	border-bottom: 1px solid #FFFFFF;
}

.box-begroeting {
	color: #FFF;
	background-image: url(images/blackboard.jpg);
	background-color: #3D278B;
	padding: 10px;
	height: 80px;
}

.box-begroeting h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
}

.box-begroeting i{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-style: normal;
	line-height: 13px;
}

.box-acties{
	background-color: #9F8CDF;
	color: #FFF;
	padding: 2px 10px 2px 10px;
}

.box-acties form{
	text-align: right;
	margin: 4px;
}

.box-mijninschrijvingen {
	color: #000;
	background-color: #D6CDF1;
	padding: 1px 10px 10px 10px;
	background-image: url(images/bgfade.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.box-mijninschrijvingen h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #9F8CDF;
}

.box-mijninschrijvingen h3{
	border-bottom: 1px dotted #9F8CDF;
}

.box-mijninschrijvingen a{
	color: #000;
}

.box-mijninschrijvingen a:hover{
	background-color: #9F8CDF;
}

.box-mijninschrijvingen p{
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #9F8CDF;
}

.box-slToDigiDAccountConversion{
	color: #FFF;
	height: 80px;
	background-color: #E20073;
	padding: 10px;
}

.box-verificatiecode form{
	padding: 5px 0 0 0;
}


.box-mijnberichten {
    word-wrap: break-word;
	color: #000;
	padding: 1px 10px 10px 10px;
}

.box-mijnberichten h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #9F8CDF;
}

.box-mijnberichten i{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3D278A;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
}

.box-mijnberichten a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3D278A;
	font-size: 9px;
	text-align: right;
}

.box-mijnberichten a:hover{
	background-color: #D6CDF1;
}

.box-welkomtekst, .box-welkomtekstenddate {
  margin: 0 0 0 0;
  float: left;
  display: inline;
  background-color:#FFFFFF;
  border: 1px #666 solid;
  overflow: auto;
  height: 100%;
  width: 701px;
}

.box-welkomtekstenddate {
  color: #FFF;
  background-color: #E20073;
}

.box-studiefinanciering {
  height: 100%;
}

.box-languageselection {
   padding-top: 7px;
   border-top: 1px #666 solid;
   border-bottom: 0;
}

.box-digid {
  padding-left: 150px;
}

.box-digid-small {
  padding-left: 250px;
}


.indent {
	padding-left: 15px;
}

.align-right {
	text-align: right;
}



/* ------------------------------------------------------------------------------------- */
/* styles for pagelayouts mijn inschrijvingen, mijn gegevens, mijn berichten  */


.leftcolumn-narrow {
	width: 250px;
	float: left;
	/*background-color: #e5e5e5;*/
	overflow: hidden;
	padding: 0;
	/*border-top: solid 1px #9F8CDF;*/
}

.leftcolumn-narrow img{
	/*background-color: #e5e5e5;
	border: 1px solid #666;*/
}


/*.leftcolumn-narrow a{
	color: #F60;
	text-decoration: none;
}*/

.rightcolumn-wide {
	padding: 30px 0 0 10px;
	float: left;
	display:inline;
	background-color: #D7CDF0;/* #e5e5e5; */
	/*border-top: solid 1px #9F8CDF;*/
	border-bottom: solid 1px #9F8CDF;
	overflow: hidden;
	font-size: 12px;
	line-height: 15px;
	width: 360px; /* for IE 5/Win (was 380)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 350px; /* actual value (was 370)*/
}

.rightcolumn-wide-color {
	color: #000;
	background-color: #D6CDF1;
	background-image: url(images/bgfade.jpg);
	background-position: 100% 97%;
	padding: 0 0 0 10px;
	float: left;
	display:inline;
	overflow: hidden;
	font-size: 12px;
	line-height: 15px;
	width: 360px; /* for IE 5/Win (was 380)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 350px; /* actual value (was 370)*/
}

.indent2 {
	padding-left: 15px;
	font-size: 12px;
	line-height: 15px;
}

.page-mijninschrijvingen {
	color: #000;
	padding: 10px;
}

/*.page-mijninschrijvingen img {
	padding: 10px 0 10px 0;
}*/

.page-mijninschrijvingen h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #9F8CDF;
}

.page-mijninschrijvingen h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 13px;
	/*font-weight: normal;*/
	margin: 0;
}

.page-mijninschrijvingen em{
	display: block;
	padding: 0 0 10px 0;
}

.page-mijninschrijvingen table{
	font-size: 12px;
}

.linkposition2 {
	padding: 15px 10px 0 0;
}

#text-largefont {
	font-size: 14px;
}

/* ------------------------------------------------------------------------------------- */
/* styles for wizard layout  */

#username {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	color: #F60;
	font-weight: normal;
	text-align: right;
	margin-right: 5px;
	line-height: 1em;
}

#wizardheader {
	background-repeat: no-repeat;
	height: 40px;
	width: 650px;
}
#wizardheader H3{
	font-family: /*"Lucida Grande", "Lucida Sans Unicode", Lucida,*/ "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 15px 0 0 30px;
}

#wizardintrotext {
	width: 300px;
	padding: 0 0 15px 0;
	float: left;
}

#wizardintrotext p{
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
}

#wizardbody {
	padding-left: 20px;
	width: 650px; /* for IE 5/Win*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 630px; /* actual value */
}

#wizardfooter {
	height: 15px;
	width: 650px;
	background-position: bottom;
}

.wizardform {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	background-color: #e5e5e5;
	line-height: 14px;
	padding: 2px;
	margin: 0;
	font-size: 12px;
	clear: both;
	width:595px; /* for IE 5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 615px; /* actual value */
}

.wizardalert {
	width:567px;
	background-color: #FABDBC;
	line-height: 14px;
	padding: 5px 4px 8px 44px;
	margin: 0 0 10px 0;
	font-size: 12px;
	background-image: url(images/alertbackground4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}

.wizardsuccess {
	width:567px;
	background-color: #D6CDF1;
	line-height: 14px;
	padding: 5px 4px 8px 44px;
	margin: 0 0 10px 0;
	font-size: 12px;
	background-image: url(images/successbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}

.wizardform select, input{
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

.wizardform a{
	color: #3D278A;
}

.label-50 {
	width: 50px;
	vertical-align: top;
}

.label-100 {
	width: 100px;
	vertical-align: top;
}

.label-150 {
	width: 150px;
	vertical-align: top;
}

.label-100-alignmiddle {
	width: 100px;
	vertical-align: middle;
}

.label-100-alignright {
	width: 100px;
	vertical-align: top;
	text-align: right;
}

.label-200 {
	width: 200px;
	vertical-align: top;
}

.label-200-alignmiddle{
	width: 200px;
	vertical-align: middle;
}

.label-200-alignright {
	width: 200px;
	vertical-align: middle;
	text-align: right;
}

.label-250 {
	width: 250px;
	vertical-align: top;
}

.label-600 {
	width: 600px;
	vertical-align: top;
}

.info-button-float {
	float: right;
	margin-right: 5px;
}

.field-50 {
	width: 50px;
	vertical-align: top;
}

.field-100 {
	width: 100px;
	vertical-align: top;
}

.field-150 {
	width: 150px;
	vertical-align: top;
}

.field-200 {
	width: 200px;
	vertical-align: top;
}

.field-250 {
	width: 250px;
	vertical-align: top;
}

.field-250-alignmiddel {
	width: 250px;
	vertical-align: middle;
}

.field-300 {
	width: 300px;
	vertical-align: top;
}

.field-400 {
	width: 400px;
	vertical-align: top;
}

.field-470 {
	width: 470px;
	vertical-align: top;
}

.field-570 {
	width: 570px;
	vertical-align: top;
}

.field-600 {
	width: 600px;
	vertical-align: top;
}

.readonly-50 {
	width: 50px;
	font-family: "Courier New", Courier, mono;
	vertical-align: top;
	background-color: #F5F5F5;
	padding: 1px 4px 2px 4px;
}

.readonly-100 {
	width: 100px;
	font-family: "Courier New", Courier, mono;
	vertical-align: top;
	background-color: #F5F5F5;
	padding: 1px 4px 2px 4px;
}

.readonly-200 {
	width: 200px;
	font-family: "Courier New", Courier, mono;
	vertical-align: top;
	background-color: #F5F5F5;
	padding: 1px 4px 2px 4px;
}

.readonly-250 {
	width: 250px;
	font-family: "Courier New", Courier, mono;
	vertical-align: top;
	background-color: #F5F5F5;
	padding: 1px 4px 2px 4px;
}

.readonly-300 {
	width: 300px;
	font-family: "Courier New", Courier, mono;
	vertical-align: top;
	background-color: #F5F5F5;
	padding: 1px 4px 2px 4px;
}

.read-only-strong{
	color: #000;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	vertical-align: top;
	background-color: #9FB4E1;
	padding: 1px 4px 2px 4px;
}

.helptext {
	font-style: italic;
	font-size: 12px;
	color: #3D278B;
	vertical-align: top;
}

.helptext-50 {
	width: 50px;
	font-style: italic;
	vertical-align: top;
	color: #3D278B;
}

.helptext-100 {
	width: 100px;
	font-style: italic;
	vertical-align: top;
	color: #3D278B;
	border-left: solid 1px #3D278B;
	padding-left: 5px;
}

.helptext-150 {
	width: 150px;
	font-style: italic;
	vertical-align: top;
	color: #3D278B;
	border-left: solid 1px #3D278B;
	padding-left: 5px;
}

.helptext-150 img{
	border: 0;
	vertical-align: top;
}

.helptext-200 {
	width: 200px;
	font-style: italic;
	vertical-align: top;
	color: #3D278A;
}

.strongtext, .legalbutton, .strongtext-fixed {
	vertical-align: top;
	color: #FFF;
	background-color: #E20073;
	padding: 5px;
}

.legalbutton {
	width: 400px;
	padding-bottom: 20px;
}

.strongtext {
  width: 100%;
}

.strongtext-fixed {
    width:599px; /* for IE 5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 619px; /* actual value */
}

.formfield-broad {
	width: 300px;
	vertical-align: top;
	line-height: 0.9em;
}

.separator {
	border-top: 1px dotted #9F8CDF;
	line-height: 0;
	margin: 10px 0 10px 0;
	width:595px; /* for IE 5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 615px; /* actual value */
}

.separator-colored {
	border-top: 1px dotted #069;
	line-height: 0;
	margin: 10px 0 10px 0;
	width:595px; /* for IE 5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 615px; /* actual value */
}

.submitbutton {
	align: right;
}

.nextstepbutton{
	padding-top: 15px;
	padding-left: 310px;
}

.login-digid-button {
    width: 450px;
    padding: 1px;
    color:  #3D278B;
    text-decoration: underline;
    float: left;
    font-weight: bold;
    border-right: 2px #666 solid;
    border-bottom: 2px #666 solid;
    background:#CCCCCC;
    cursor: pointer;
 }

.login-button {
    width: 100px;
    padding: 1px;
    color:  #3D278B;
    text-decoration: underline;
    float: right;
    margin-left:80px;
    font-weight: normal;
    border-right: 2px #CCC solid;
    border-bottom: 2px #CCC solid;
    background:#DDDDDD;
    cursor: pointer;
}

.warning{
	font-size: 12px;
	padding: 5px;
	background: #900;
	color: #FFF;
	vertical-align: top;
}



/* ------------------------------------------------------------------------------------- */
/* styles for wizard navigation */

#wizardmenu1 {
	float: left;
	width: 160px;
}

#wizardmenu1 a{
	color: #3D278B;
}

#wizardmenu2 {
	float: left;
	width: 160px;
}

#wizardmenu2 a{
	color: #3D278B;
}

.wizardlist {
	dispay: block;
}

.wizardnavigation {
	padding: 0 0 15px 0;
}

.wizardnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 160px; /* for IE 5/Win*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; /* actual value */
}

.wizardnavigation ul li {
	font-weight: normal;
	height: 16px;
	color: #000;
	padding: 10px 10px 10px 25px; /* for IE 5/Win (was 4px 10px 4px 25px)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	padding: 4px 10px 4px 35px; /* actual value */
}

.wizardnavigation ul li a {
	font-weight: normal;
	color: #000;

}
.wizardnavigation ul li a:hover {
	color: #000;
	text-decoration: underline;
}

.wizardnavigation ul li#active a {
	color: #000;
}




/* ------------------------------------------------------------------------------------- */
/* styles for wizard navigation bullets*/

#step-1 {
	background-image: url(images/step-1.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-1-active {
	background-image: url(images/step-1-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-1-ok {
	background-image: url(images/step-1-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-2 {
	background-image: url(images/step-2.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-2-active {
	background-image: url(images/step-2-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-2-ok {
	background-image: url(images/step-2-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-3 {
	background-image: url(images/step-3.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-3-active {
	background-image: url(images/step-3-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-3-ok {
	background-image: url(images/step-3-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-3-ok a{
	text-decoration: underline;
}

#step-4 {
	background-image: url(images/step-4.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-4-active {
	background-image: url(images/step-4-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-4-ok {
	background-image: url(images/step-4-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-4-ok a{
	text-decoration: underline;
}

#step-5 {
	background-image: url(images/step-5.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-5-ok a{
	text-decoration: underline;
}

#step-5-active {
	background-image: url(images/step-5-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-5-ok {
	background-image: url(images/step-5-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-6 {
	background-image: url(images/step-6.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-6-active {
	background-image: url(images/step-6-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-6-ok {
	background-image: url(images/step-6-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-6-ok a{
	text-decoration: underline;
}

#step-7 {
	background-image: url(images/step-7.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-7-active {
	background-image: url(images/step-7-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-7-ok {
	background-image: url(images/step-7-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-7-ok a{
	text-decoration: underline;
}

#step-8 {
	background-image: url(images/step-8.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-8-active {
	background-image: url(images/step-8-active.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-8-ok {
	background-image: url(images/step-8-ok.gif);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

#step-8-ok a{
	text-decoration: underline;
}



/* ------------------------------------------------------------------------------------- */
/* styles for alert and confirmation screens   */

#alertheader {
	background-image: url(images/alertbg-header.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 650px;
}

#alertheader H3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 0;
	padding-left: 70px;
	padding-top: 8px;
}

#alertbody {
	background-image: url(images/alertbg-body.gif);
	background-repeat: repeat-y;
	padding-left: 20px;

	/*-----------------------*/
	/* IE 5.5 box model hack */
	/*-----------------------*/
	/* width for IE 5.5 browser (width inlcudes padding and border) */
	width: 650px;

	/* The following two lines can only be interpreted by 6.0 browsers (5.5 will exit here)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	/* width for IE 6.0 browser (width without padding and border) */
	width: 630px;
}

#alertbody P{
	padding: 0;
	margin: 0;
	color: #FFF;
	width: 400px;
	background-image: url(images/alerticon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
}

#alertfooter {
	background-image:  url(images/alertbg-footer.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 650px;
	background-position: bottom;
}

.alertbutton{
	padding-top: 15px;
	padding-left: 50px;
}


#confirmheader {
	background-image: url(images/confirmbg-header.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 650px;
}

#confirmheader H3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-left: 70px;
	padding-top: 8px;
}

#confirmbody {
	background-image: url(images/confirmbg-body.gif);
	background-repeat: repeat-y;
	padding-left: 20px;

	/*-----------------------*/
	/* IE 5.5 box model hack */
	/*-----------------------*/
	/* width for IE 5.5 browser (width inlcudes padding and border) */
	width: 650px;

	/* The following two lines can only be interpreted by 6.0 browsers (5.5 will exit here)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	/* width for IE 6.0 browser (width without padding and border) */
	width: 630px;
}

#confirmbody P{
	padding : 0;
	margin: 0;
	width: 400px;
	background-image: url(images/confirmicon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
}

#confirmfooter {
	background-image:  url(images/confirmbg-footer.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 650px;
	background-position: bottom;
}


/* ------------------------------------------------------------------------------------- */
/* newly added styles for VCH2  */


.mailcategorie_A {
	color: #FFF;
	padding: 0 1px 0 2px;
	width: 90px;
	font-size: 9px;
	background-color: #E20073;
	font-weight: bold;
}

.mailcategorie_B {
	padding: 0 1px 0 2px;
	width: 90px;
	font-size: 9px;
	background-color: #D6CDF1;
	font-weight: bold;
}

.mailcategorie_C {
	padding: 0 1px 0 2px;
	color: #FFF;
	width: 90px;
	font-size: 9px;
	background-color: #9F8CDF;
	font-weight: bold;
}

.dividerline {
	font-size: 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #9F8CDF;
}

.secondarynavigation, .left-band, .right-band {
   	background-color: #FFF;
	border: #666 1px solid;
	border-top: none;
	height: 100%;
}

.secondarynavigation, .left-band {
  	width: 134px; /* for IE 5/Win (was 132px)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 132px; /* actual value */
}

.secondarynavigation {
    padding: 7px 0 0 0;
}

.secondarynavigation a{
	color: #666;
	font-size: 11px;
	background-color: #FFF;
	display: block;
	width: 120px;
	padding: 3px 0 0 12px;
}

.left-band, .right-band {
    text-align: center;
    vertical-align: bottom;
}

.right-band {
    margin-left: -4px; /* required for IE */
    float: right;
	position: relative;
    border: #666 1px solid;
    background-color: #FFFFFF;
  	width: 140px; /* for IE 5/Win (was 132px)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 138px; /* actual value */
}

#verticalbanner-bottom {
	padding: 0 3px 0 0;
	float: right;
	position: relative;
	display: inline;
    width: 140px; /* for IE 5/win (was 132px)*/
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 138px; /* actual value */
    height: 100%;
}

.secondarynavigation a:hover{
	color: #000;
	background-color: #e5e5e5;
}

.secondarynavigation a img{
	border: none;
	padding: 0 5px 0 0;
}

.status-ok{
	width: 280px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-ok.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color: #D6CDF1;
	border-left: solid 1px #9F8CDF;
	border-bottom: solid 1px #9F8CDF;*/
}

.status-alert{
	width: 280px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color: #D6CDF1;
	border-left: solid 1px #9F8CDF;
	border-bottom: solid 1px #9F8CDF;*/
}

.status-wait{
	width: 280px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-wait.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color: #D6CDF1;
	border-left: solid 1px #9F8CDF;
	border-bottom: solid 1px #9F8CDF;*/
}

.status-no{
	width: 280px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-no.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color: #D6CDF1;
	border-left: solid 1px #9F8CDF;
	border-bottom: solid 1px #9F8CDF;*/
}

.status-ok-50 {
	width: 50px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-ok.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.status-alert-50{
	width: 50px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-alert.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.status-no-50{
	width: 50px;
	margin: 4px 0 0 0;
	padding: 0 0 0 16px;
	background-image: url(images/statusikoon-no.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#feedbackbody {
	padding: 20px 0 40px 20px;
	width: 650px; /* for IE 5/Win*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 630px; /* actual value */
}

#feedbackbody a{
	padding: 20px 0 0 40px;
}

.feedbackbody {
	padding: 20px 0 40px 20px;
	width: 650px; /* for IE 5/Win*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 630px; /* actual value */
}

.feedbackbody a{
	padding: 20px 0 0 40px;
}

.opleiding{
	background-color: #e5e5e5;
}

.disclaimer{

	border-bottom: 1px dotted #333;
	background-color: #e5e5e5;
	line-height: 14px;
	height: 250px;
	overflow: auto;
	padding: 10px;
	margin: 10px 0 10px 0;
	font-size: 12px;
	clear: both;
	width:575px; /* for IE 5/Win was 595*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 595px; /* actual value was 615*/
}

.rolloverbutton3 {
	padding: 10px 10px 10px 0;
	color: #000;
	/*-----------------------*/
	/* IE 5.5 box model hack */
	/*-----------------------*/
	/* width for IE 5.5 browser (width/heigth inlcudes padding and border) */
	height: 42px;
	/* The following two lines can only be interpreted by 6.0 browsers (5.5 will exit here)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	/* width for IE 6.0 browser (width/heigth without padding and border) */
	height: 32px;
}

.rolloverbutton3 a {
	font-size: 12px;
	color: #000;
	padding: 7px 40px 7px 8px;
	background-color: #f5f5f5;
	text-decoration: none;
	border: 1px solid #666666;
}

.rolloverbutton3 a:hover {
 	background-image: url(images/rolloverbutton_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.pagebreak {
	page-break-before:always
}

/* td {
	border: 1px solid #666;
  }
*/