/*-----------------------------------------------------------------------------
version:   1.0
author:    Marcel Wauters (All Directions)
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

.clear{clear:both;}
.hide{display:none;}
img{border:0;}

img.links{float:left;padding:0 12px 12px 0;}
img.icon{padding:6px 0 0 6px;}
img.thumb{padding:2px;margin:0 6px 6px 0;border:solid 1px #67113b;background:#eadde4;}

/* ----------------------------------------------------------------------------- */

body {
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-size : 13px;
	margin: 0;
	padding: 0;
	line-height:1.5;
	background:#008B95;
	/* font-weight:lighter; */
}

form {
	padding:0; margin:0;
}

.alert{color: #990621; font-weight : bold;}
.highligt{background-color: #FFFF00;padding:6px;border:solid 1px #000;text-align:center;color:#000;margin:0 0 12px 0;}
.small{font-size:10px;font-weight:normal;}
.dimmed{color:#ccc;}

.color1{color:#eadde4;} /* licht roze */
.color2{color:#ca8ba7;} /* iets donkerder roze */
.color3{color:#c22e75;} /* nog iets donkerder roze */
.color3{color:#67113b;} /* donkerd roze */

.validationsummary{clear:both;color:#990621;margin:12px 0 0 0;}


/*  Stylen link algemeen 
-----------------------------------------------------------------------------*/

a:link,a:visited,a:active
{
    background-image: none;
    background-repeat: repeat;
	color : #808080;
    text-decoration: underline;
}
a:hover
{
    background-image: none;
    background-repeat: repeat;
	color : #808080;
    text-decoration: none;
}

a.reverse:link,a.reverse:visited,a.reverse:active{text-decoration: none;}
a.reverse:hover{text-decoration: underline;}

a.nounderline{text-decoration: none;}

/*  Stylen link look button 
-----------------------------------------------------------------------------*/

a.linkbuttontypegeneral{
	font-size: 11px;
	background:#fff;
	padding: 2px 4px;
	color:#67113b;
	text-decoration:none;
	border-right: 2px solid #67113b;
	border-bottom: 2px solid #67113b;
	border-top: 2px solid #ca8ba7;
	border-left: 2px solid #ca8ba7;
}

/*  Stylen link met afbeelding 
-----------------------------------------------------------------------------*/

a.more{
	background: url(../Images/Icons/More.gif) no-repeat;
	padding: 0 0 6px 20px;
	margin-left:12px;
}

a.more_rechts{
	background: url(../Images/Icons/More.gif) no-repeat right top;
	padding:0 20px 9px 0;
	margin-left:12px;
}

a.select{
	background: url(../Images/Icons/Select.gif) no-repeat;
	padding: 0 0 6px 20px;
	margin-left:12px;
}

a.select_rechts{
	background: url(../Images/Icons/Select.gif) no-repeat right top;
	padding:0 20px 9px 0;
	margin-left:12px;
}

a.select2{
	background: url(../Images/Icons/Select2.gif) no-repeat;
	padding: 0 0 6px 20px;
	margin-left:12px;
	font-size:10px;
}

a.select2_rechts{
	background: url(../Images/Icons/Select2.gif) no-repeat right top;
	padding:0 17px 9px 0;
	margin-left:12px;
	font-size:10px;
}

a.down{
	background: url(../Images/Icons/Down.gif) no-repeat;
	padding: 0 0 6px 20px;
	margin-left:12px;
}

a.down_rechts{
	background: url(../Images/Icons/Down.gif) no-repeat right top;
	padding:0 20px 9px 0;
	margin-left:12px;
}

a.newwindow{
	background: url(../Images/Icons/Btn_NewWindow.gif) no-repeat right 2px;
	padding:0 20px 0 0;
}


a.link{
	background: url(../Images/Icons/link_go.png) no-repeat;
	padding: 0 0 6px 20px;
}

a.link_rechts{
	background: url(../Images/Icons/link_go.png) no-repeat right top;
	padding:0 25px 9px 0;
}

a.mail{
	background: url(../Images/Icons/email.png) no-repeat;
	padding: 0 0 3px 22px;
}

a.mail_rechts{
	background: url(../Images/Icons/email.png) no-repeat right top;
	padding:0 25px 9px 0;
}

a.magnifier{
	background: url(../Images/Icons/Magnifier.gif) no-repeat;
	padding: 0 0 3px 20px;
}

a.comments{
	background: url(../Images/Icons/comments.png) no-repeat;
	padding: 0 0 3px 20px;
}

a.delete{
	background: url(../Images/Icons/delete.png) no-repeat;
	padding: 0 0 3px 20px;
}

a.delete2{
	background: url(../Images/Icons/cancel.png) no-repeat;
	padding: 0 0 3px 20px;
}

a.group{
	background: url(../Images/Icons/group.png) no-repeat;
	padding: 0 0 3px 20px;
}

a.user,
span.user{
	background: url(../Images/Icons/user.png) no-repeat;
	padding: 0 0 3px 20px;
}

a.edit{
	background: url(../Images/Icons/pencil.png) no-repeat;
	padding: 0 0 6px 25px;
}

a.editplus{
	background: url(../Images/Icons/pencil_add.png) no-repeat;
	padding: 0 0 6px 25px;
}

a.comment{
	background: url(../Images/Icons/comment_add.png) no-repeat;
	padding: 0 0 6px 25px;
}

a.bell{
	background: url(../Images/Icons/bell.png) no-repeat;
	padding: 0 0 6px 25px;
}

a.calendardag{
	background: url(../Images/Icons/calendar_view_day.png) no-repeat;
	padding: 0 0 6px 22px;
}


a.linkpdf{
	background: url(../Images/Icons/page_white_acrobat.png) no-repeat;
	padding: 0 0 6px 20px;
}


a.linkxls{
	background: url(../Images/Icons/page_excel.png) no-repeat;
	padding: 0 0 6px 20px;
}

a.group{
	background: url(../Images/Icons/group.png) no-repeat;
	padding: 0 0 6px 25px;
}

a.groupdimmed,
span.groupdimmed{
	background: url(../Images/Icons/group_dimmed.png) no-repeat;
	padding: 0 0 6px 25px;
}

a.groupadd{
	background: url(../Images/Icons/group_add.png) no-repeat;
	padding: 0 0 6px 25px;
}

.vraag{
	background: url(../Images/Icons/Vraagteken.gif) no-repeat;
	padding: 0 0 3px 20px;
}

.info{
	background: url(../Images/Icons/Info.gif) no-repeat;
	padding: 0 0 3px 20px;
}

.document{
	background: url(../Images/Icons/Document.gif) no-repeat;
	padding: 0 0 3px 20px;
}

.update{
	background: url(../Images/Icons/Update.gif) no-repeat;
	padding: 0 0 3px 20px;
}

.aandacht{
	background: url(../Images/Icons/Aandacht.gif) no-repeat;
	padding: 0 0 3px 20px;
}

.accept{
	background: url(../Images/Icons/accept.png) no-repeat;
	padding: 0 0 3px 20px;
}


.phone{
	background: url(../Images/Icons/telephone.png) no-repeat;
	padding: 0 0 6px 22px;
}

.fax{
	background: url(../Images/Icons/fax.png) no-repeat;
	padding: 0 0 6px 22px;
}


.showless{
	background: url(../Images/Icons/ShowMore.gif) no-repeat;
	padding: 0 0 6px 22px;
	cursor:pointer;
}

.showmore{
	background: url(../Images/Icons/ShowLess.gif) no-repeat;
	padding: 0 0 6px 22px;
	cursor:pointer;
}


a.showcommentright{
	background: url(../Images/Icons/Btn_Txt_v2.png) no-repeat right 50%;
	padding: 0 25px 0 0;
    text-decoration:none;
}

.popup{
	background: url(../Images/Icons/Btn_more_v4b.png) no-repeat 3px 2px;
	padding: 0 0 3px 20px;
	cursor:pointer;
}

.popdown{
	background: url(../Images/Icons/Btn_more_v3b.png) no-repeat 3px 2px;
	padding: 0 0 3px 20px;
	cursor:pointer;
}

/* Basis eigenschappen: header
-----------------------------------------------------------------------------*/

#topwrapper{
	float: left;
	width: 100%;
}

#topcontentcolumn{
	margin-right: 110px; /* Breedte rechterkolom */
	padding-right: 0; /* ruimte tussen kolommen */
}

#toprightcolumn{
	float: left;
	width: 110px; /* Breedte rechterkolom */
	margin-left: -110px; /* Breedte rechterkolom */
	background:#7a1948;
}

/* ---- */

#header{
	/*background-color:#ca8ba7;*/
	/*background-position:right top;*/
	/*background-repeat:no-repeat;*/
	/*height:134px;*/
    color:#fff;
    font-size:36px;
    font-weight:bold;
    margin:20px 0 40px 20px;
}

#logo{
	float:left;
	margin:0;
	padding:0;
	height:134px;
	width:215px;
	background: url(../Images/General/LogoDTL.gif) no-repeat 11px 53px;
	text-indent:-5000px;
}

#logo:hover{
	cursor:pointer;  /* in #logo staat een onclick event -> toon hand */
}

/* ---- */

#fotocontainer
{
	height:134px;
}

#fotocontainerfoto1{
	margin-right:120px;
}

#fotocontainerfoto2, #fotocontainerfoto3{
	margin-right:18px;
}

/* ---- */

#headermenu{
	margin:29px 0 0 0;
	padding:0;
	height:84px;
	list-style-type:none;
}

#headermenu li{
	display:inline; /* Fix voor IE -> verwijderd extra ruimte boven en onder items */
}

#headermenu a.hmnormal, a.hmselected{
	display:block;
	width:110px;
	height:20px;
	line-height:20px;
	border-bottom:solid 1px #c22e75;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:17px;
}

#headermenu a.hmnormal{
	color:#fff;
	background: url(../Images/General/HeaderMenuBullet1.gif) no-repeat left 50%;
}

#headermenu a.hmnormal:hover, a.hmselected{
	color:#c22e75;
	background: #fff url(../Images/General/HeaderMenuBullet2.gif) no-repeat left 50%;
}

/* ---- */

#menumain{
	/* font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size: 11px;
	margin:0 0 0 110px;
	padding:0;
	height:17px;
	list-style-type:none;
}

#menumain li{
	float:left;
}

#menumain a.mmnormal, a.mmselected{
	display:block;
	float:left;
	height:17px;
	line-height:17px;
	margin: 0 20px 0 0;
	padding: 0 9px;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:0;
}

#menumain a.mmnormal{
	color:#eadde4;
}

#menumain a.mmnormal:hover, a.mmselected{
	color:#fff;
	background: #C50084;
}

/* ---- */

.menusub{
	/* font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size: 12px;
	margin:0 0 0 95px;
	padding:0;
	height:17px;
	list-style-type:none;
	background:#eadde4;
}

.menusub li{
	float:left;
}

.menusub a.msnormal, a.msselected{
	display:block;
	float:left;
	height:17px;
	line-height:17px;
	margin: 0 20px 0 0;
	padding: 0 9px;
	text-decoration:none;
	text-indent:0;
}

.menusub a.msnormal{
	color:#67113b;
}

.menusub a.msnormal:hover, a.msselected{
	color:#c22e75;
	background: #eadde4;
}

/* Basis eigenschappen: content
-----------------------------------------------------------------------------*/

#contentwrapper{
	background-color:#fff;
	overflow:hidden;
	margin:0 0 0 15px;
	padding-right:110px; /* Breedte rechterkolom */
}
* html #contentwrapper{
	height:1%; /* So IE plays nice */
}
#content{
	width:100%;
	border-right:solid 110px #C50084; /* Breedte en kleur rechterkolom */
	margin-right:-110px; 
	float:left;
}
#contentsecondary{
	background-color:#C50084;
	width:95px;
	float:left;
	margin-right:-110px;
	padding:72px 5px 0 10px;
}

#contentsecondary a{
	color:#fff;
}

/* ---- */

#contentprimary{
	margin-left: 95px;
}

#cpheader{
	height:22px;
	margin: 50px 0 0 0;
	padding: 0 0 0 110px;
	border-bottom: solid 1px #dcccd3;
}

#cpheader h1{
	float:left;
	height:22px;
	margin:0;
	padding:0;
	color:#008B95;
	font-size: 18px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 1px;
}

#quickllink{
	float:right;
	height:15px;
	width:210px;
	margin-top: 5px;
	padding:0 18px 2px 6px;
	background-color:#af8c30;
	font-size: 11px;
	letter-spacing: 1px;
	color:#fff;
	text-transform:uppercase;
	text-align:right;
}

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

#quickllink a{
	text-decoration:none;
	color:#fff;
}

#cpcontent{
	margin:0;
	padding: 40px 18px 40px 110px;
	/* color:#808080; */
	color:#646262;
}

#contentsecondary{
	font-size:10px;
	min-height:430px;
}

#contentsecondary .cstitlemain{
	margin:0 0 12px 0;
	padding:0;
	color:#fff;
	text-transform:uppercase;
}

#contentsecondary .cstitlesub{
	margin:12px 0 0 0;
	padding:0;
	color:#fff;
}

#contentsecondary p{
	margin:0;
	padding:0;
}

#webpageimages,
#opleidingimages{
	padding-top:24px;
}

/*  Containers
-----------------------------------------------------------------------------*/

#cpcontent .melding{
	float:left;
	padding:5px;
	margin: 0 0 10px 0;
	background:#fff;
	border: solid 1px #c22e75;
}



/**/

#cpcontent .opleidingaanbod{
	padding:10px;
	margin: 0 10px 10px 0;
	background:#eadde4;
	border:solid 1px #67113b;
}
#cpcontent .opleidingaanbodheader{
    padding:0 0 6px 0;
	margin:0 0 12px 0;
    border-bottom:solid 1px #67113b;	
}
#cpcontent .opleidingaanbod h1{
	margin:0;
	padding:0;
	width:65%;
    font-size: 15px;
    color:#67113b;
}

#cpcontent .opleidingaanbod .prijs{
	margin:0;
	padding: 0 0 12px 0;
	text-align:right;
    font-size: 15px;
    font-weight:bold;
    color:#67113b;
}

#cpcontent .opleidingaanbod .legend{
	margin:18px 0 0 0;
	padding:0;
}
#cpcontent .opleidingaanbod .legend p{
	margin:0;
	padding:0 9px 0 0;
	display:inline;
	font-size:10px;
}

#cpcontent .opleidingsaanbodlegende{
	margin:0 0 18px 0;
	padding:0;
	font-size:10px;
}

#cpcontent .opleidingsaanbodlegende img{
	margin:0 6px;
	vertical-align: text-bottom;
}

#cpcontent .opleidingaanbod .afdeling{
	font-size:12px;
	font-weight:normal;
}

#cpcontent .opleidingaanbod .modules{
	font-size:12px;
	font-weight:normal;
    color:#67113b;
}

/**/



/*  Lists
-----------------------------------------------------------------------------*/
#cpcontent ul{
	margin-top:6px;
}

#cpcontent ul ul{
	margin-top:0;
}

#cpcontent ul li{

}

#cpcontent ul li ul{
	margin-left:0px;
	padding-left:0px;
	margin-left:16px;
}

/* --- */

#cpcontent ul.type1{ /* bij opleidingen lijst inschrijvingen */
	margin:0;
	padding:0;
	list-style-type:none;
}

#cpcontent ul.type1 li{
	padding:6px 0;
}

/* --- */

#cpcontent ul.type2{ /* bij opleidingen: extra info */
}

#cpcontent ul.type2 li{
	padding:6px 0;
}

#cpcontent ul.type2 ul{
	padding:6px 0;
}

#cpcontent ul.type2 li ul li{
	padding:0;
}

/* Calendar
-----------------------------------------------------------------------------*/

.calendar{
	background:#eadde4;
	border-collapse:collapse;
	border:solid 1px #67113b;
	width:100%;
}

.calendar th{
	background:#67113b;
	color:#fff;
}

.calendarheader{
	background:#fff;
	font-weight:bold;
	font-size: 16px;
	color:#67113b;
}

.calenderday,
.calendertoday,
.calenderselectedday{
	text-align:left;
	vertical-align:top;
}

.calenderday{
}

.calendertoday{
	/* background:#fff; */
}

.calenderselectedday{
	border:solid 1px #fff;
	/* voor calenderselectedday moeten de background en color via eigenschap <SelectedDayStyle> */
}

/* cel-content */
.calendarcelltable{
	width:auto;
}

.calendarcelldate{
	vertical-align:top;
	text-align:right;
	margin-bottom:3px;
}

.calendarcelldate a:link,
.calendarcelldate a:visited,
.calendarcelldate a:active,
.calendarcelldate a:hover{
	display:block;
	color:#67113b;
	/* background:#8b8178; */
	width:20px;
	text-align:center;
	/* border:solid 1px #fff; */
}

.calendarcellitems{
	vertical-align:top;
	text-align:left;
}


.callendercellitemperiodgeneral,
.callendercellitemperiod1,
.callendercellitemperiod2,
.callendercellitemperiod3{
	display:block;
	/* float:left; */
	padding:3px;
	margin:6px;
	font-size:10px;
}

.callendercellitemperiodgeneral{
	border:solid 1px #67113b;
	background:#c7c2ba;
	color:#67113b;
}

.callendercellitemperiod1{  /* lesmoment */
	border:solid 1px #67113b;
	background:#fff;
	color:#67113b;
}

.callendercellitemperiod2{ /* Deliberatie - Resultatenbespreking */
	border:solid 1px #fff;
	background:red;
	color:#fff;
}

.callendercellitemperiod3{ /* vakantie */
	border:solid 1px #fff;
	background:#a9a9a9;
	color:#67113b;
}

a.callendercellitemperiodgeneral{color:#67113b;}
a.callendercellitemperiod1{color:#67113b;}
a.callendercellitemperiod2{color:#fff;}
a.callendercellitemperiod3{color:#67113b;}

.callendercellitemperiodgeneral .itemperiod,
.callendercellitemperiod1 .itemperiod,
.callendercellitemperiod2 .itemperiod,
.callendercellitemperiod3 .itemperiod{
		font-weight:bold;
}

.callendercellitemperiodgeneral .itemtitle,
.callendercellitemperiod1 .itemtitle,
.callendercellitemperiod2 .itemtitle,
.callendercellitemperiod3 .itemtitle{

}

.callendercellitemperiodgeneral .itemomschrijving,
.callendercellitemperiod1 .itemomschrijving,
.callendercellitemperiod2 .itemomschrijving,
.callendercellitemperiod3 .itemomschrijving{

}

/*  headers
-----------------------------------------------------------------------------*/
#cpcontent p{
	margin:0;
	padding:0 0 6px 0;
}	

#cpcontent h1{
	clear:both;
	margin:36px 0 6px 0;
	padding:0;
	font-weight:bold;
	font-size: 14px;
}

#cpcontent h2{
	clear:both;
	margin:36px 0 3px 0;
	padding:0;
	font-weight:bold;
	font-size: 13px;
}

#cpcontent h3{
	margin:0;
	margin:12px 0 0 0;
	font-weight:bold;
	font-size: 12px;
}

#cpcontent h1.type1{  /* bij overzicht opleidingen per categorie */
    padding:0;
	margin:12px 0;
}

#cpcontent h1.type2{
	margin:0;
	padding:0;
    font-size: 15px;
    color:#67113b;
}

/*  tabellen
-----------------------------------------------------------------------------*/

/* type1 */

table.generaltype1{
    width: 100%;
    border-collapse: collapse;
    border-style:none;
    border: solid 1px #ca8ba7;
}    
table.generaltype1 caption{
    text-align:left;
    color:#5e5e5e;
    font-weight:bold;
    padding: 12px 3px 24px 3px;
    font-size: 14px;
}
table.generaltype1 th{
    background-color:#ca8ba7;
	color:#fff;
    padding:4px;
    text-align:center;
    font-size:13px;
}
table.generaltype1 tr td{
    padding: 4px;
    vertical-align:top;
    text-align:center;
    border-bottom: solid 1px #ca8ba7;
	border-right: solid 1px #ca8ba7;
    font-size: 11px;
}
table.generaltype1 tr.even td{
    background-color: #fff;
}
table.generaltype1 tr.odd td{
    background-color: #fff;
}

table.generaltype1 tfoot td{
    font-weight:bold;
    background-color: #c22e75;
    color:#fff;
}


/* ---- */

#cpcontent .opleidingaanbod table.type1{
	margin:0;
    border-collapse: collapse;
	width:100%;
}

#cpcontent .opleidingaanbod table.type1 thead{
	display:none;
}    

#cpcontent .opleidingaanbod table.type1 caption{
	display:none;
}

#cpcontent .opleidingaanbod table.type1 th{}

#cpcontent .opleidingaanbod table.type1 tr.even td{
    border-bottom:solid 1px #fff;
    vertical-align:top;
	font-size:11px;
	padding:3px;
}

#cpcontent .opleidingaanbod table.type1 tr.odd td{
    border-bottom:solid 1px #fff;
	vertical-align:top;
	font-size:11px;
	padding:3px;
}

#cpcontent .opleidingaanbod table.type1 tr.even td.center,
#cpcontent .opleidingaanbod table.type1 tr.odd td.center{
	text-align:center;
}

#cpcontent .opleidingaanbod table.type1 tr.even td.right,
#cpcontent .opleidingaanbod table.type1 tr.odd td.right{
	text-align:right;
}



/* Formulier elementen 
-----------------------------------------------------------------------------*/

.formitem
{
	background-color:#fff;
	color:#000;
	border:1px solid #67113b;
	width:200px;
}

.formitemnowidth
{
	background-color:#fff;
	color:#000;
	border:1px solid #67113b;
}

.formbutton{
	font-weight:bold;
	background-color:#C50084;
	color:#fff;
	border:1px solid #fff;
	font-size:13px;
}

.formbutton2{
	font-weight:bold;
	background-color:#c22e75;
	color:#fff;
	border:1px solid #fff;
	font-size:13px;
}

div.formulieritembox{
	clear:left;
	margin: 0;
	padding: 3px 0 0 0;
}

div.formulieritembox label{
	display:block;
}

span.verplicht{
	padding-right: 15px;
	background:url(../images/Icons/Verplicht.gif) no-repeat right 1px;
}

/* type 1 */

fieldset.type1{
	padding: 0;
	margin: 0;
	border: 0;
}

fieldset.type1 legend{
    display:none;
}

fieldset.type1 label{
    padding-top:3px;
    padding-bottom:3px;
}

fieldset.type1 .buttontype1{ 
	font-weight:bold;
	background-color:#67113b;
	color:#fff;
	border:1px solid #fff;
	font-size:13px;
}

fieldset.type1 .fieldtype1{ 
	background-color:#fff;
	color:#646262;
	width:90%;
	border:solid 1px #ccc;
}

fieldset.type1 .fieldtype1highlight{ 
	background-color:#fff;
	color:#646262;
	width:90%;
	border:solid 2px #67113b;
}

/* type 2 */

fieldset.type2{
	padding: 30px;
	margin: 0;
	border: solid 1px #ca8ba7;
}

fieldset.type2 legend{
    color:#ca8ba7;
    margin-bottom:20px;
}

fieldset.type2 label{
    padding-top:3px;
    padding-bottom:3px;
}

fieldset.type2 .fieldtype1{ 
	background-color:#fff;
	color:#646262;
	width:99%;
	border:solid 1px #ccc;
}

fieldset.type2 .fieldtype1disabled{ 
	background-color:#eee;
	color:#646262;
	width:99%;
	border:solid 1px #ccc;
}

/* Captcha
-----------------------------------------------------------------------------*/
.captcha img{
	margin-right:20px;
	border:solid 1px #ccc;
}
.captcha input{
	width:180px;
	background-color:#fff;
	color:#646262;
	border:solid 1px #ccc;
}

/* wizardsteps
-----------------------------------------------------------------------------*/


.wizardcontainer{
	padding:30px 10px 10px 10px;
	background:#eadde4;
}

.wizardcontainer .wizardinnercontainer{
	padding: 15px;
	background:#eadde4;
}

.wizardcontainer .wizardinnercontainer h1{
	padding:0 0 12px 0;
	margin:0;
}

.wizardcontainer .wizardinnercontainer p{
	padding:0 0 12px 0;
	margin:0;
}

ul.wizardsteps{
	margin:3px;
	padding:0;
	list-style-type:none;  
}

ul.wizardsteps li {
	float:left;
}

ul.wizardsteps a {
	display:block;
	padding: 3px 12px;
	margin:0 1px 0 0;
	color:#fff;
	background: #67113b;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
}

ul.wizardsteps a:hover {
	background: #ca8ba7;
}

ul.wizardsteps li.selected a {
	display:block;
	padding: 3px 12px;
	margin:0 1px 0 0;
	color:#fff;
	background: #ca8ba7 url(../images/MenuTabs/color_tabs_right2.gif) right bottom;
	text-decoration:none;
}

ul.wizardsteps li.selected a:hover {
	background: #67113b url(../images/MenuTabs/color_tabs_right2.gif) right bottom;
}


.wizardcontainer h1{
	margin:48px 0;
	padding:0;
}


/* Cursist
*************/

#cursistoverzicht #persoonsgegevensedit{}
#cursistoverzicht #persoonsgegevensedit td.col1{width:140px;}
#cursistoverzicht #persoonsgegevensedit td.col2{width:180px;padding-right:6px;font-size:11px;}
#cursistoverzicht #persoonsgegevensedit td.col3{text-align:center;border:solid 1px #fff;width:100px;font-size:11px;}
#cursistoverzicht #persoonsgegevensedit td.col4{text-align:center;border:solid 1px #fff;width:100px;font-size:11px;}
#cursistoverzicht #persoonsgegevensedit td.col34{text-align:center;border:solid 1px #fff;width:200px;font-size:11px;background:#fff;}
#cursistoverzicht #persoonsgegevensedit input{font-size:11px;}


#cursistoverzicht .properties{
	clear:both;
	padding:9px 0 36px 0;
}

#cursistoverzicht .propertiespart1{
	padding:0 0 12px 0;
	font-size:10px;
	font-weight:normal;
	color:#67113b;
}

#cursistoverzicht .labeltype1{
	float:left;
	width:160px;
	font-size:11px;
}

#cursistoverzicht .valuetype1{
	float:left;
	font-size:11px;
}

#cursistoverzicht .cursisten{
	font-size:11px;
}

/* agenda */

#agendalegende{padding:12px 0;}

#agendacontentcolumn{
	padding:10px 0;	
}

#agendacontentcolumn h1{
	font-size:13px;
	font-weight:bold;
}

#agendacontentcolumn h1.balloontitle{
	font-size:11px;
	margin-top:0;
	padding:3px 0;
	color:#fff;
}


#agendaperiode{
	padding:0 0 12px 0;
	line-height:2.5;
}

#agendaperiode label{padding-right:6px;}

#agendadagdetails{margin:0 0 0 12px;padding:0;}

#agendadagdetails h1{
	font-size:15px;
	font-weight:bold;
	color:#67113b;
	margin:0;
	padding:0;
	border-bottom:solid 3px #67113b;
}

#agendadagdetails h2{
	font-size:12px;
	font-weight:bold;
	color:#c22e75;
	margin:18px 0 6px 0;
	padding:0;
}

#agendadagdetails .agendaitem{padding:0 3px;margin:0;}

div.balloonstyle{
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	position:absolute;
	top: 100;
	left: 200;
	visibility:hidden;
	background-color: #67113b;
	width: 200px;
	color:#fff;
	border:1px solid #fff;
	line-height: 18px;
	padding: 10px;
	font-size:11px;
}


/* prikbord */

#prikbord{padding:10px; margin: 0 10px 10px 0; background:#eadde4; border:solid 1px #67113b;}


/*
##############################
Overblijfsels oude stijlen
##############################
*/

.big{ font-size : 12px;	font-weight : bold;}
.MainColor{background-color : #930851; }
.SubColor{background-color : #B0E0E6;  color : Black;  }
.AlertColor{background-color : #EFEFEF;}
.justify{text-align : justify;}
.Periode_0{background-color : White; }
.Periode_I{background-color : #66FFCC; }
.Periode_II{background-color : #CCFFCC; }
.Periode_III{background-color : #FFCCFF; }
.Periode_IV{background-color : #FFFF33; }
.Periode_A{background-color : #FFCC33; }
.Periode_B{background-color : #99CCFF; }
.Periode_C{background-color : #00008B; }
.vakantie{background-color : #CCCCCC;}
.examens{background-color : #FF3333;}
.color1{background-color : #F4F4F4;}
.calender_weekdagen{
	font-style : italic;
	font-weight : bold;
	background-color : #930851;
	color : #F6F6F6;
}
.TitlePage{	font-weight : bold; font-size : 14px; }
.Vrijstelling{COLOR: #00CC99;}
.Gestopt{COLOR: #FF0033;}
.Preview     { border-style: solid; border-width: 1; padding: 5; background-color: #F5F5DC }

HR.Thin1{ COLOR: #930851; HEIGHT: 1px;}
HR.Thin2{ COLOR: #CCCCCC; HEIGHT: 1px;}
HR.Thin3{ COLOR: #000000; HEIGHT: 1px;}
.Hand{CURSOR: hand;}


a.opvallend:link
{
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    COLOR: #FF3300;
    background-color : #FFFF00;
    TEXT-DECORATION: none;
    font-weight : bold;
    padding-left : 3px;
    padding-right : 3px;
}
a.opvallend:visited
{
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    COLOR: #800080;
    background-color : #FFFF00;
    TEXT-DECORATION: none;
    font-weight : bold;
    padding-left : 3px;
    padding-right : 3px;
}
a.opvallend:active
{
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    COLOR: #FF0000;
    background-color : #FFFF00;
    TEXT-DECORATION: none;
    font-weight : bold;
    padding-left : 3px;
    padding-right : 3px;
}
a.opvallend:hover
{
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    COLOR: #FF3300;
    background-color : #FFFF00;
    TEXT-DECORATION: none;
    font-weight : bold;
    padding-left : 3px;
    padding-right : 3px;
}

.FormItemBgColor1{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
	background-color : #F4F4F4;
	width : 450px;
}
.FormItemBgColor2{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
	background-color : #F4F4F4;
	width : 200px;
}
.FormItemBgColor3{
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : White;
}

input#Submit{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
	background-color : #930851;
	color: White;
	width : 450px;
}
input#Submit2{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
	background-color : #930851;
	color: White;
}
.TableBgColor1{	background-color : #F4F4F4;}
.TableBgColor2{	background-color : #E8E8E8;}
.TableBgColor3{	background-color : #FFFFCC;}
.TableBgColor5{	background-color : #000000;}
.WindowDetail{border: 1px solid #930851; background-color: #F9F1F5;}

.TableHeader
{
	font-weight : bold;
	color : #E5E5E5;
	background-color: #000;
}
.TableHeader2
{
	font-weight : bold;
	color : Black;
	background-color : #FFFFFF;
}