/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana;
	font-size:12pt;
	color:#933;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/backgrounds/back17.jpg);
	behavior:url(../csshover.htc);
	
}

a:link, a:visited, a:hover {
	color: #993333;
	font-weight:bold;
	text-decoration:none;
	font-size: 100%;
	text-align:none;
}

a:hover {
	text-decoration: underline;
}
a.blue {
	color: blue;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6, h7{
	font-family: Verdana;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family:"Albertus Extra Bold", "Antique Olive";
 font-size: 140%;
 color:#FF7143;
 font-weight:bolder;
 text-transform:uppercase;

}

h2{
 font-size: 135%;
 color:#CC0000;
}

h3{
 font-size: 130%;
 color: #633;
}

h4{
 font-size: 120%;
 font-weight: bold;
 color:#FF6600;
}

h5{
 font-size: 115%;
 color:#C00;
 font-style:italic;
}

h6{
 font-size:100%;
 color:#960;
 font-style:italic;
}
.int6{
 color:#FAE4CA;
 font-size:9px;
}

h7{
 font-size: 65%;
 color:#CC0000;
}

.giant {
font:bold 500% verdana;
color:red;
}

ul{
 list-style-type: square;

}
.aanb{

list-style-type:decimal;
}
.bib{
 color:#933;
 font-size:12px;
 list-style-type: square;
 margin-bottom:10px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Verdana;
 color: #633;
}

.kader{
	border: 3px  #FF9966;
	border-style:double;
}
.kader2{
	border: 2px #FAE4CA;
	border-style:solid;
	background-color:#FFFADC;
}

	
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0px;
	padding:0px;
}
#vergroter{
	margin-left:91%;
}

#navBar{
	margin: 2% 72% 0 1%;
	font-size:99%;
	padding: 10px;
	height:100%;
	width:15%;
	background-image:url(../images/backgrounds/back18.jpg);
	border: 2px solid #FAE4CA;
}

#content{
  	float:right;
	width: 75%;
	margin-left: 5px;
	margin-right:10px;
	margin-top:2%;
	padding: 0;
	background-image:url(../images/backgrounds/back18.jpg);
	border:2px solid #FAE4CA;
}


#interview{
	width: 90%;
	margin-right:50px;
	margin-left: 60px;
	margin-top:2%;
	padding: 0;
	background-image:url(../images/madammen/roos.jpg);
	background-attachment:scroll;
	color: #933;
	border:2px solid #933;
	font-size:80%;
}

#cv{
	float: right;
	margin: 2% 1% 1% 1%;
	font-size:85%;
	padding: 10px;
	width:20%;
	background-color:#993333;
	border: 2px solid #FAE4CA;
	color:#FAE4CA;
}

/***********************************************/
/*Compnt Divs                               */
/***********************************************/

#siteName{
	margin-top:20px;
	padding: 0px 0px 10px 10px;
	text-align: center;	
}
.logo{
	float:right;
	margin-top: 10px;
	margin-right:10px;
}
.logo2{
	float:left;
	margin-top: 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 75%;
	padding: 5px 0px 5px 10px;
	margin:0;
}
#undercrumb{
	font-size:65%;
	padding: 5px 0px 5px 10px;
	margin:0;
}

/************** .inhoud styles ***************/

.inhoud{
	padding: 0px 0px 10px 10px;
	margin-right: 30px;
	font-size: 100%;
}
#loadarea{
 width:650px;
 float:inherit;
 }


/* adjust margins to change separation between the feature image and text flowing around it */



/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #633;
	font-size: 100%;
	padding: 2px 2px 2px 2px;
	margin-top: 30px;
	text-align:center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they touch */



/************* #search styles ***************/

#search{
	padding: 10px 0px 0px 10px;
	font-size: 90%;
	
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}


#sectionLinks ul,#sectionLinks li,#sectionLinks a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

#sectionLinks ul {
		width:100%;
		list-style:none;
		background-color:none;
}

#sectionLinks li {
		position:relative;
		padding:1px;
		z-index:9;
	}
		#sectionLinks li.folder	{ background:url(../images/item_folder.gif) no-repeat; }		
		#sectionLinks li.folder ul {
			position:absolute;
			left:110px; /* IE */
			top:0;
			border-left:5px double #FAE4CA;
			font-size:90%;
			
		}		
			#sectionLinks li.folder>ul { left:120px; } /* others */

	#sectionLinks a {	width:100%; /* IE */
	padding: 4px 4px 4px 10px;
	
	}
		#sectionLinks li>a { width:auto; } /* others */

	

	/* regular hovers */

	#sectionLinks a:hover {
		background-color:#FFFADC;
	
	}
		#sectionLinks li.folder a:hover {background-color:#FCF9EA;
		}
	
	/* hovers with specificity */
	
	#sectionLinks li.folder:hover { 
	z-index:10;
	background-color:#FFFADC}		
		
	#sectionLinks ul ul, #sectionLinks li:hover ul ul {
		display:none;		
	}

	#sectionLinks li:hover ul, #sectionLinks li:hover li:hover ul {
		display:block;
		background-color:#FFFADC;
	}	

