/*-----------------------------------------------------------------------------
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;
}

form {
	padding:0; margin:0;
}

.alert{color: #990621; font-weight : bold;}
.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;}


/*  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{
	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;
}

.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;
}


#topwrapper{display:none;}
#headermenu{display:none;}

/* ---- */

#menumain{display:none;}
.menusub{display:none;}
.menusub li{display:none;}
.menusub a.msnormal{display:none;}


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

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

#contentsecondary a{
	color:#000;
}

/* ---- */

#contentprimary{
	margin-left: 1px;
}

#cpheader{
	margin: 0 0 0 0;
	padding: 0 0 0 1px;
	border-bottom: none;
}

#cpheader h1{
	float:left;
	height:22px;
	margin:20px 0 0 0;
	padding:0;
	color:#000;
	font-size: 15px;
	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:#c22e75;
	font-size: 11px;
	letter-spacing: 1px;
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	display:none;
}

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

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

#cpcontent{
	margin:0;
	padding: 10px 18px 40px 1px;
	/* 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;
    float:left;
	width:65%;
    font-size: 15px;
    color:#67113b;
}

#cpcontent .opleidingaanbod .prijs{
	float:right;
	width:35%;
	margin:0;
	padding: 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 .vakken{
	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;
}

/* 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:#67113b;
	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;
}