/*** centreren ****************************************/

body {
	text-align         : center;
	background         : url(foo) fixed; /* Nodig voor 'position:fixed' in IE6 */
}

#bg-image {
	position           : fixed;
	_position          : absolute; /* Nodig voor 'position:fixed' in IE6 */
	width              : 100%;
	height             : 100%;
	top                : 0px;
	left               : 0px;
	_top:expression(eval(document.body.scrollTop)); /* Nodig voor 'position:fixed' in IE6 */
}


#bg-image img {
	width              : 100%;
	height             : 100%;
}

#cnt {
	position           : relative;
	display            : block;
	margin             : 0px auto;
	text-align         : left;
	width              : 895px;
	/*background: url(../../shared/img/voorbeeldgrid.gif) -1px 0px;*/
}


#cnt #cnt-zoek {
	position	: relative;
	top		: 135px;
	left		: 570px;		
	width		: 280px;
	height		: 30px;
}

#cnt #cnt-zoek #searchform {
		margin-top:2px;
	}

#cnt #cnt-zoek #searchform #q	 {
		width: 230px;
	}
/* cnt-head bevat alleen het logo */
#cnt #cnt-head {
	width              : 100%;
	height             : 140px;
}

/* cnt-body bevat 3 kolommen: */
/* col-lft: links, transparent, eventueel met submenu */
/* col-mid: midden, belangrijkste content */
/* col-rgt: rechts, transparent, geen content, alleen voor positioneren */
#cnt #cnt-body {
	width              : 100%;
}
#cnt #cnt-body #col-lft{
	width              : 105px;
	float              : left;
}
#cnt #cnt-body #col-mid{
	width              : 745px;
	float              : left;
	/*background         : #fff url(../../shared/img/bg_wit_pijlen.gif) no-repeat;*/
	background         : #fff url(../../shared/img/bg_wit.gif) no-repeat;
}
#cnt #cnt-body #col-rgt{
	width              : 45px;
	float              : left;
}


/*** fonts ********************************************/
body {
	font-family        : 'Trebuchet MS';
	font-size          : 12px;
	line-height        : 14px;
}
h1 {
	font-size          : 36px;
	line-height        : 42px;
	font-weight        : bold;
	/*margin             : -5px 0px 22px 20px;*/  /*ivm met verwijderen menu boven, mocht menu boven toch nog gebruikt worden hou dan deze waarde aan*/
	margin             : 24px 22px 25px 20px;
}
h2 {
	font-size          : 17px;
	line-height        : 21px;
	font-weight        : bold;
	color              : #c0b02f;
	padding-bottom     : 14px;
	display            : block;
}


/*---[ALGEMENE VOORWAARDEN]-----------------------*/
#algemene-voorwaarden-cnt {
	padding: 30px 20px 30px;
}

h1.h1-av {
	font-size          : 36px;
	line-height        : 42px;
	font-weight        : bold;
	margin             : 20px 22px -14px 20px;
}

h2.h2-av {
	font-size          : 17px;
	line-height        : 21px;
	font-weight        : bold;
	color              : #c0b02f;
	padding-bottom     : 14px;
	display            : block;
}

h3.h3-av {
	font-size          : 16px;
	line-height:20px;
	font-weight        : bold;
	color              : #000;
	padding-top: 20px;
	display            : block;
}

#algemene-voorwaarden-cnt ul {
	list-style         : disc;
}

#algemene-voorwaarden-cnt p {
 	margin-bottom      :0px;

}

#algemene-voorwaarden-cnt ol {
	list-style         : decimal;

}

#algemene-voorwaarden-cnt li {
      margin-left       : 25px;

}





/*--- bepaalde intro tekstjes kunnen een kleurmarkering krijgen ---*/
.kleurmarkering {
       /*color:#DED692;*/
       color:#D1BA69;
}



p {
	margin-bottom      : 16px;
	line-height: 1.25em;
}



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

#cursus-content a:link{
	text-decoration: underline;
	color:#C8B10B;
}

#cursus-content a:visited	{
      text-decoration: underline;
	color: #C8B10B;
}

#cursus-content a:active	{
      text-decoration: underline;
	color: #C8B10B;
}

#cursus-content a:hover	{
      text-decoration: underline;
	color: #C8B10B;
}

/****** CNT FOOT*****/
#cnt #cnt-body #cnt-foot	{
	position: relative;
	background-color: white;
	width: 709px;
	padding: 3px;
	line-height:1.2em;
	text-align: center;
	margin-left: 105px;
	margin-top:-50px;
}


/*** cnt-head *****************************************/
#cnt #cnt-head #logo {
	position           : absolute;
	left               : 42px;
	top                : 20px;
}



#cnt #schiphol-college-logo {
	position	: absolute;
	top		: 20px;
	left		: 40px;
	width		: 322px; /*325px;*/
	height		: 96px;  /*95px;*/
	border		: solid 2px red;
	z-index: 99;
	}


/*** cnt-body *****************************************/


/*** col-lft ***/
#cnt #cnt-body #col-lft ul#sidemenu {
	background-color   : #000;
	position           : relative;
	top                : 54px;
	height             : 220px;
	background         : #000 url(../../shared/img/sidemenu-streep.gif) 8px 57px no-repeat;
}

*  html #cnt #cnt-body #col-lft ul#sidemenu #ff-main-menu-margin-top	{
       margin-top:-10px;
}


#cnt #cnt-body #col-lft ul#sidemenu li {
	height             : 21px;
}

#cnt #cnt-body #col-lft ul#sidemenu #sidemenu-afsluiter a{
	line-height:1.2em;
}

#cnt #cnt-body #col-lft ul#sidemenu li a {
	color              : #ff0;
	font-weight        : bold;
	display            : block;
	font-size          : 12px;
	line-height        : 21px;
	padding-left       : 8px;
}



#cnt #cnt-body #col-lft ul#sidemenu li a:hover {
	color              : #fff;
}
/*** col-mid ***/
* html #cnt #cnt-body #lijn-no{
       position		: relative;
	width			: 15px;
	height			: 10px;
	left			: 379px;
	margin-bottom		: 2px;
	z-index:1;
}

* html #cnt #cnt-body #lijn-from {
       position		: relative;
	top			: -14px;
	width			: 6px;
	height			: 10px;
	left			: 719px;
	z-index		: 2;
}

* html #cnt #cnt-body #lijn-pijl {
       position		: relative;
	top			: -12px;
	width			: 21px;
	height			: 10px;
	left			: 734px;
	margin-bottom		: -33px;
	z-index		: 3;
}

#cnt #cnt-body #lijn-no{
       position		: relative;
	width			: 15px;
	height			: 10px;
	left			: 379px;
	margin-bottom		: 22px;
	z-index:1;
}

#cnt #cnt-body #lijn-from {
       position		: relative;
	top			: -21px;
	width			: 6px;
	height			: 10px;
	left			: 719px;
	z-index		: 2;
}

#cnt #cnt-body #lijn-pijl {
       position		: relative;
	top			: -30px;
	width			: 21px;
	height			: 10px;
	left			: 734px;
	margin-bottom		: -33px;
	z-index		: 3;
}





#cnt #cnt-body .introblok {
	position	: relative;
	float		: left;
	width		: 160px;
	/*height		: 160px;*/
	margin		: 0 0 20px 20px;
	display	: inline; /* fix de dubbele margin in IE6 */
}

* html #cnt #cnt-body .divider-1 {
	position           : relative;
	width              : 735px;
	height             : 2px;
	left               : 5px;
	background-color   : #000;
	clear              : both;
	font-size          : 1px;
}

* html #cnt #cnt-body .divider-2 {
	position           : relative;
	width              : 735px;
	height             : 2px;
	left               : 5px;
	background-color   : #000;
	clear              : both;
	font-size          : 1px;
	margin             : 0 0 12px 0;
}


#cnt #cnt-body .divider-1 {
	position           : relative;
	width              : 735px;
	height             : 2px;
	left               : 5px;
	background-color   : #000;
	clear              : both;
}

#cnt #cnt-body .divider-2 {
	position           : relative;
	width              : 735px;
	height             : 2px;
	left               : 5px;
	background-color   : #000;
	clear              : both;
	font-size          : 1px;
	margin             : 0 0 12px 0;
}

#cnt #cnt-body .introblok a:hover h2 {
	color              : #000;
}

#cnt #cnt-body .introblok a:hover p {
	color              : #333;
}

#cnt #cnt-body .introblok .lees-verder {
	position           : relative;
	display            : block;
	width              : 10px;
	height             : 13px;
	margin-top         : 10px;
	background         : url(../../shared/img/ico-verder.gif) 0px 0px no-repeat;
	cursor             : pointer;

}
#cnt #cnt-body .introblok a:hover .lees-verder {
	background         : url(../../shared/img/ico-verder-mouseover.gif) 0px 0px no-repeat;
}


/*** cursuspagina: submenu links ***/
#cnt #cnt-body #cursus-submenu {
	position           : relative;
	float              : left;
	width              : 200px;
	background         : #fff;
	top		: 80px;
}

#cnt #cnt-body #cursus-submenu ul {
	margin-top         : 8px;
	margin-left        : 20px;
}
#cnt #cnt-body #cursus-submenu li {
	height             : 21px;
}
#cnt #cnt-body #cursus-submenu a {
	color              : #a59328;
}
#cnt #cnt-body #cursus-submenu a:hover {
	color              : #000;
}

/*** cursuspagina: content ***/
#cnt #cnt-body #cursus-content {
	position           : relative;
	float              : left;
	width              : 465px;
	background         : #fff;
}

#cnt #cnt-body #cursus-content h1 {
	margin             : 47px 0px 0px 0px;
}

#cnt #cnt-body #cursus-content h1.subtitel {
	font-size          : 24px;
	margin             : 0px 0px 0px 0px;
}
#cnt #cnt-body #cursus-content h2 {
	font-size          : 16px;
	line-height        : 17px;
	color              : #000;
	padding-bottom     : 0px;
	margin-top         : 12px;
}
#cnt #cnt-body #cursus-content p {
	font-size          : 12px;
	line-height        : 17px;
	margin-bottom      : 32px;
}
#cnt #cnt-body #cursus-content ul {
	list-style         : disc;
}
#cnt #cnt-body #cursus-content li {
	margin-left       : 25px;

}
/*** afsluiter ***/
#cnt #cnt-body #afsluiter {
	margin-left        : 105px;
	margin-bottom      : 50px;
}



/*** formulier-pagina: submenu links ***/
#cnt #cnt-body #formulier-submenu {
	position	: relative;
	float		: left;
	width		: 200px;
	height		: 100%;
	background	: #fff;
	top		: 80px;
}

#cnt #cnt-body #formulier-submenu ul {
	margin-top         : 8px;
	margin-left        : 20px;
}
#cnt #cnt-body #formulier-submenu li {
	height             : 21px;
}
#cnt #cnt-body #formulier-submenu a {
	color              : #a59328;
}

#cnt #cnt-body #formulier-submenu li.huidige-pagina {
	color              : #a59328;
	font-weight        : bold;
	display            : block;
	font-size          : 12px;
	line-height        : 21px;
	font-style: italic;
}

#cnt #cnt-body #formulier-submenu a:hover {
	color              : #000;
}

/*** formulier-pagina: content header ***/
/* ------------------------------------  AANMELDINGSFORMULIER  -----------------------------------------*/
H1.aanmelden	{
	color: #C0B02F;
	margin-bottom: 8px;
	}


#dropdown-datums {
       position	: absolute;
	margin-top	: 10px;
	top		: 160px;
}


#cnt #cnt-body #formulier-content {
	position           : relative;
	float              : left;
	width              : 465px;
	background         : #fff;

}
#cnt #cnt-body #formulier-content #overzicht-versturen	{
	width:482px;
	height: 40px;
	background: url(../../shared/img/formulier-pijl-beneden.gif)

}

/* formulier elementen */
#cnt #cnt-body #formulier-content #formulier h1	{
	margin-top: -15px;
	font-size: 16px;
}


#cnt #cnt-body #formulier-content h1, #cnt #cnt-body #formulier-content h2{
	margin-top             : 47px;
	margin-left		: 0px;
}


#cnt #cnt-body #formulier-content h3	{
       margin-top	:5px;
	margin-bottom	:5px;
	font-size	:18px;
}


#cnt #cnt-body #formulier-content .form-subkop	{
	font-size		: 16px;
	font-weight		: bold;
	color			: #000;
	line-height		: 17px;
}


#cnt #cnt-body #formulier-content p {
	font-size          : 12px;
	line-height        : 17px;
}

#cnt #cnt-body #formulier-content hr	{
       color: #DCD28B;
	margin-top: 15px;

}


#cnt #cnt-body #formulier-content #formulier .formulier-input-veld {
	width		: 335px;
	float 		: right;
}

#cnt #cnt-body #formulier-content #formulier .label {
	float 		:left;
}

#cnt #cnt-body #formulier-content #formulier .formulier-input-veld {
	width		: 335px;
	float 		: right;
	border		: solid 1px #B8B8B8;
}

#cnt #cnt-body #formulier-content #formulier .form-links	{
       font-weight		: bold;
	font-size		: 16px;
	text-decoration	: underline;
}

#cnt #cnt-body #formulier-content #formulier #overzicht-versturen a {
    position: relative;
    line-height:2em;
    margin-left:30px;
}


#cnt #cnt-body #formulier-content #formulier a.hover,  #cnt #cnt-body #formulier-content #formulier a.visited{
	text-decoration	: none;
	color			: black;
}

/* ------------------------------------  PREVIEW INGEVULDE FORMULIER  -----------------------------------------*/


/*-------------- BEGIN: 'overzicht en verstuur' / 'vorige stap' / 'Printen' / 'Verstuur' -  knoppen in de vorm van een URL gestyled ------------ */
* html #cnt #cnt-body #formulier-content #controleer	{
font-family        	: 'Trebuchet MS';
font-weight		: bold;
font-size		: 16px;
background		: none;
outline		: none;
border			: none;
cursor 		: pointer;
text-decoration	: underline;
margin-top		: 3px;
margin-left		: 15px;
}

#cnt #cnt-body #formulier-content #controleer	{
font-family        	: 'Trebuchet MS';
font-weight		: bold;
font-size		: 16px;
background		: none;
outline		: none;
border			: none;
cursor 		: pointer;
text-decoration	: underline;
margin-top		: 6px;
margin-left		: 20px;
}

* html #cnt #cnt-body #formulier-content #overzicht-laatste-controle #versturen{
font-family        	: 'Trebuchet MS';
font-weight		: bold;
font-size		: 16px;
background		: none;
outline			: none;
border			: none;
cursor 			: pointer;
text-decoration		: underline;
margin-top		: 0px;
margin-left		: 5px;
}


#cnt #cnt-body #formulier-content #overzicht-laatste-controle #versturen{
	font-family        	: 'Trebuchet MS';
	font-weight		: bold;
	font-size		: 14px;
	background		: none;
	outline		: none;
	border			: none;
	cursor 		: pointer;
	margin-top		: 10px;
	margin-left		: 5px;
}




#cnt #cnt-body #formulier-content #overzicht-laatste-controle #vorige{
font-family        	: 'Trebuchet MS';
font-weight		: bold;
font-size		: 14px;
background		: none;
outline			: none;
border			: none;
cursor 			: pointer;
text-decoration		: underline;
margin-left		: -10px;
}

#cnt #cnt-body #formulier-content #overzicht-laatste-controle #print{
position		: relative;
font-family        	: 'Trebuchet MS';
font-weight		: bold;
font-size		: 14px;
background		: none;
outline			: none;
border			: none;
cursor 			: pointer;
text-decoration		: underline;
left		: 5px;
}

* html #cnt #cnt-body #formulier-content #overzicht-laatste-controle #print{
position		: relative;
font-family        	: 'Trebuchet MS';
font-weight		: bold;
font-size		: 14px;
background		: none;
outline			: none;
border			: none;
cursor 			: pointer;
text-decoration		: underline;
margin-left		: 0px;
}
/*-------------- EINDE: 'vorige stap' / 'Printen' / 'Verstuur' -  knoppen in de vorm van een URL gestyled ------------ */


#cnt #cnt-body #formulier-content #formulier #formulier-preview hr{
	color: #615D5F;
}


#cnt #cnt-body #formulier-content #formulier .formulier-vermeld-verplicht	{
	margin-top:-10px;
	float:right;
}


#cnt #cnt-body #formulier-content #formulier .ster	{
	font-size : 1.4em;
	color: #C1B130;
}


#cnt #cnt-body #formulier-content #formulier #formulier-preview h1 {
	margin-top	: -15px;
	font-size	: 16px;
	color		: black;
}


#cnt #cnt-body #formulier-content  .preview-blok {
	width			:465px;
	height			:18px;
	background-color	:#E6E6E6;
}

#cnt #cnt-body #formulier-content  .multiline{
	width			:465px;
	background-color	:#E6E6E6;
	padding-top		:10px;
	/*padding-left		:130px;*/
	padding-right		:10px;
	padding-bottom	:10px;
	/*white-space: pre;*/
}

/*de multine content een padding geven, kan dit niet doen in de {}.multiline zelf vanwege FireFox*/

#cnt #cnt-body #formulier-content  .multiline .padding-links	{
       padding-left:130px;
}


#cnt #cnt-body #formulier-content .preview-blok .links {
	position		: relative;
	margin-top		: 2px;
	float			: left;
	width			: 130px;
	background-color	:#E6E6E6;
}



#cnt #cnt-body #formulier-content .preview-blok .rechts {
	position: relative;
	margin-left:4px;
	float: left;
	z-index:9;
	width: 300px;
	background-color	:#E6E6E6;
	margin-bottom: 15px;
}



/* --- begin: uitzondering "hoe heeft u van ons gehoord---*/
#cnt #cnt-body #formulier-content .multiline .links-breder {
	position		: relative;
	margin-top		: -3px;
	float			: left;
	width			: 185px;
	background-color	:#E6E6E6;

}

#cnt #cnt-body #formulier-content .multiline .rechts-minder-breed {
	position: relative;
	margin-left:0px;
	float: left;
	z-index:9;
	width: 200px;
	background-color	:#E6E6E6;

}

#cnt #cnt-body #formulier-content .multiline .padding-links-2 {
	margin-top		: -3px;
       padding-left:190px;
}
/* --- einde: uitzondering "hoe heeft u van ons gehoord---*/

#cnt #cnt-body #formulier-content #overzicht-laatste-controle	{
	width		: 419px;
	height		: 237x;
	background	: url(../../shared/img/achtegrond_verstuur_blok_beneden.gif);
	padding: 8px;
}


#cnt #cnt-body #formulier-content #overzicht-laatste-controle #verstuur {
	position: relative;
	margin-left:15px;
       margin-top: 20px;
}

#cnt #cnt-body #formulier-content #overzicht-laatste-controle a{
       font-weight		: bold;
	font-size		: 12px;
	text-decoration	: underline;
}