/*///////////////////////////////////////////////////////*/
/*/////////////////////// ALGEMEEN //////////////////////*/
/*///////////////////////////////////////////////////////*/

body{
	background-color:#fffff8;
	margin:16px 100px 3em 47px;
}

body,p,td,th{
	color: #5a5800;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 18px;
}

p{
	margin:0 0 1em 0;
	padding:0;
}


p em{
	color: #c60;
	font-weight: bold;
	font-style: normal;
}

td,th{
	text-align:left;
	vertical-align:top;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

h1{
	margin:0 0 0 0;
	padding:0;

	color: #5a5800;

	font-size: 10px;
	font-weight: normal;

	line-height: 16px;

	word-spacing: 1px;
	letter-spacing: 3px;

	text-transform:uppercase;
}

h2{
	position : relative;
	width : 320px;
	margin:9px 0 0 0;
	padding:0;

	color: #c60;

	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.25em;
}

h3{
	margin:0;
	padding:0;
	font-size: 10px;
	color:#5a5800;
}

h4{
	margin:0;
	padding:0;
	font-size: 11px;
	color:#5a5800;
}

h5{
	margin:1em 0 0 0;
	padding:0;
}

a{
	color: #5a5800; ;
	text-decoration: none;
}

a:hover,a:active {
	color: #c60;
}

/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////// LAYOUT ELEMENTEN ////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////*/
/*///////////////// NAVIGATION (RECHTS) //////////////////*/
/*///////////////////////////////////////////////////////*/


#navigation{
	position : absolute;
	z-index : 99;
	top : 16px;
	right: 0;
	width:65px;
}

#navigation a{
	display:block;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height: 16px;
}

/*///////////////// IKONEN (RECHTS) //////////////////*/

#icons{
	position : absolute;
	right: 0;
}

#job #icons{
	top : 230px;
}

#cv #icons{
	top : 300px;
}

#icons div{
	clear:both;
	float : left;
}

#ikoon,#gezicht{
	width:65px;
	height:65px;
}

#corner img{
	width:65px;
	height:150px;

	behavior: url("css/alpha.htc");
}

#job #ikoon{background:url(images/job-ikoon.gif);}
#job #gezicht{background:url(images/job-gezicht.jpg);}

#cv #ikoon{background:url(images/cv-ikoon.gif);}
#cv #gezicht{background:url(images/cv-gezicht.jpg);}


/*//////////// REFERENTIE (RECHTSBOVEN) /////////////*/

#ref{
	position : absolute;
	z-index:80;
	top : 12px;
	right: 0;
	width: 200px;
	margin-right:130px;
}

#ref *{
	margin-bottom:-0.8em;

	color: #e28c05;
	font-size: 10px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;

	line-height: 1.6em;
}

#ref dd{
	position : relative;
	top : -0.8em;
	left : 100px;
}

#ref a{
	margin-right : 1ex;
}

#ref a:hover{
	color:#5a5800;
}



/*/////////////// MAIN (ZOEK/LIJST/ITEM/REAGEER/RESPONSE-CONTENT) //////////////*/

form{
	margin-bottom : 2em;
}

p#main{
	margin-top:50px;

	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight:bold;
}

#dezeweek{
	padding-top : 1em;
	padding-bottom : 1em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

/*///////////////////////////////////////////////////////*/
/*///////////////// ZOEKRESULTATEN //////////////////////*/
/*///////////////////////////////////////////////////////*/

table#main{
	
	margin-top:14px;
	border-collapse:collapse;
	width : 100%;
}

th{
	padding-bottom:8px;

	color: #e28c05;

	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 10px;
	line-height: 16px;

	border-bottom: 1px dotted #e28c05;
}

td{
	padding-top:6px;
	padding-bottom:6px;

	border-bottom: 1px dotted #e28c05;
}


#pager{
	margin-top:1em;
	text-align : center;
}

#pager span{
	margin-right:1em;
	margin-left:1em;
}

/*///////////////////////////////////////////////////////*/
/*///////////////// ITEM  WEERGAVE //////////////////////*/
/*///////////////////////////////////////////////////////*/

dl,dt,dd{
	margin:0;
	padding:0;
}

dl#main{
	margin-top : 32px;
	border-bottom: 1px dotted #e28c05;
}

dt{
	color: #e28c05;

	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 10px;
}

dt.period{
	display : none;
}

dd.period{
	position:relative;
	left:0;
	top:0;
	padding-left:0;
	color: #5a5800;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight : bold;
}

dl dl{
	position:relative;
	border-top: 1px dotted #e28c05;
}

dl dl dt{
	position:relative;
	left :105px;
	top:-1.6em;
	line-height:1.6em;
	margin-bottom:-1.6em;
	margin-right:105px;
}

dl dl dd{
	position:relative;
	left :105px;
	top:-1.6em;
	line-height:1.6em;

	padding-left:130px;
	margin-right:130px;
}

dt.persoonlijkheid, dt.teamrol{
	border-bottom: 1px dotted #e28c05;
}

dd.persoonlijkheid, dd.teamrol{
	position:relative;
	left :105px;
	padding-left:0;
	margin-right:105px;
}




/*///////////////////////////////////////////////////////*/
/*/////////////////// JOB WEERGAVE //////////////////////*/
/*///////////////////////////////////////////////////////*/

#job #main dt{
	border-bottom: 1px dotted #e28c05;
}

#job #main dd{
	position:relative;
	padding-left:130px;
}


/*///////////////////////////////////////////////////////*/
/*/////////////////////// BUTTONS ///////////////////////*/
/*///////////////////////////////////////////////////////*/



#buttons{
	margin-top:1.5em;
}

#buttons a#reageer{
	position : relative;
	color:#e28c05;
	font-size:11px;
}

#cv #buttons a#reageer{
	left:235px;
}

#job #buttons a#reageer{
	left:130px;
}

#buttons a#back{
	position : relative;
	left:50%;

	color:#5a5800;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size:11px;
}



/*///////////////////////////////////////////////*/
/*////////////// FORMULIERELEMENTEN /////////////*/
/*///////////////////////////////////////////////*/

form dt {
	position:relative;
	width : 201px;
	line-height : 1.6em;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style:italic;
	border-top: 1px dotted #e28c05;
}

form dd {
	position:relative;
	top:-1.6em;
	line-height : 1.6em;
	padding-left : 220px;

	margin-bottom : -0.8em;
}

select {
	display : block;
	margin-bottom:0.5em;
	width : 25ex;
}

#reactie{
	margin-top:49px;
}

#reactie .main input,
#reactie .main select,
#reactie .main button,
#reactie .main textarea{
	position:relative;
	width : 40ex;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size:11px;
}

#reactie .main input.radio{
	width : auto;
}

#reactie .main textarea{
	height:8em;
}

#reactie button{
	margin-top:3em;
}