/* $Id: style.css,v 1.2 2005/12/19 10:50:52 dennis Exp $ */

body{
	margin: 0;
	padding: 0;
	font-size: 80%;
	overflow: auto;
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	text-align: center;
}

.clr {
	clear: both;
}

#container{
	position: relative;
	top: 0.8em;
	width: 760px;
	text-align: left;
	margin: 0 auto;
}

#header_area #logo img{
	width: 100px;
	height: 120px;
	float: left;
}

#header_area img{
	width: 760px;
	height: 100px;
}

#header_area{
	width: 760px;
	height: 220px;
	background: url(../images/header.jpg) no-repeat 0 120px;
}

#left_area{
	position: absolute;
	width: 100px;
	margin-top: 26px;
	height: auto;
	float: left;
	clear: both;
	z-index:1;
}


#content_area{
	position: relative;
	padding-left: 100px;
	margin-bottom: 40px;
	top: 8px;
	width: 660px;
	font-size: 0.9em;
	line-height: 1.5em;
		
}

#right_area{
	position: relative;
	float: right;
	margin-left: 20px;
	padding-top:10px;
	width: 195px;
	margin-bottom: 50px;	
}


/*
.contentintro img{
	margin-top: -4.1em;
	padding-left: 1.5em;
	margin-right: -0.8em;
}

#content_area img{
	margin-top: -2.9em;
	padding-left: 1.5em;
	margin-right: -0.8em;
}*/

#content_area img{
	margin-left: -5px;
	margin-right: 0px;
}

#right_area img{
	margin: 0;
}

#right_area a.readon{
	margin-top: 1em;
	margin-bottom: 1em;
	
}

#sandbox_area_2 td.tabel,
#sandbox_area_1 td.tabel{
	background: #DBEE8C;
	border:1px solid white;
	padding: 10px;
}

#sandbox_area_2 td.tdheader,
#sandbox_area_1 td.tdheader{
	font-size: 1.6em;
	font-weight: bold;
	color: #336600;
	height: 2em;
	padding-left:1em;
	padding-top: 0.5em;
	background: #B5DC11;
}

.contentpagetitle{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #C82246;
	margin-top: 1em;
	margin-bottom: 1em;
}

ul.nbmenu a.contentpagetitle{
	font-size: 100%;
	margin: 0;
}

.moduletable_nb th{
	font-size: 1.1em;
	color: #336600;
	padding-top: 0.4em;
}

.moduletable th{
	font-size: 1.7em;
	color: #336600;
	padding-top: 0.4em;
}

.moduletable {
	padding-right: 1em;
}

.moduletable h2{
	padding-top: 1em;
}


/*content styles*/

h1,
.componententheading,
.componentheading{
	font-size: 1.8em;
	color: #336600;
	font-weight: bold;
	padding-top: 0.5em;
	margin-bottom: 0.8em;
}

ul{
	list-style-image: url(../images/list.gif);
	padding-left:15px;
}


h2{
	font-size: 1.8em;
	line-height: 1.2em;
	color: #336600;
	padding-top: 0.3em;
	margin-bottom: 0.8em;
}


h3{
	font-size: 1em;
	color: #336600;
	margin-top: 0;
	margin-bottom: 0.8em;
}

.blogleading h2,
.blogintro h2{
	font-size: 1.5em;
	font-weight: bold;
	color: #C82246;
	margin-top: 0.3em;
	margin-bottom: 0.8em;
}

#right_area h2{
	margin: 0;
	font-size: 1em;
	color: #C82246;
}

.intro{
	font-weight: bold;
	color: #336600;
}

.kopjegroen{
	font-weight: bold;
	color: #336600;
}


hr{
	width:102%;
	margin-left:-0.5em;
	border: none 0;
	border-top: 1px dashed #C82246;
	height: 1px;
}

a{
	color: #C82246;
	font-weight: bold;
	text-decoration: none;
}

a:hover,
a.hover{
	color: green;
}

/*a:visited{
	color: red;
}*/

a.readon{
	color: #C82246;
	display: block;
	padding-left: 1em;
	padding-bottom: 1em;
	background: url(../images/readmore.gif) no-repeat;
	border-bottom: 1px dashed #C82246;
}

a.readon.hover,
a.readon:hover{
	color: #336600;
}

.back_button a{
	padding-top: 1em;
	color: #C82246;
	display: block;
	width: 100%;
}

.back_button a.hover,
.back_button a:hover{
	color: #336600;
}

#content_area .date{
	font-size: 1em;
	color: #336600;
	float: right;
	/*margin-top: -2.8em;*/
	margin-top: -2.8em;
}
#right_area .date{
	color: #336600;
	font-size: 90%;
	width: 100%;
	margin:0;
}


/*.blogleading{
	margin-top: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 0.9em;
	border-top: 1px dashed #C82246;
	border-bottom:1px dashed #C82246;
}

.blogintro{
	margin-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0.9em;
	border-bottom: 1px dashed #C82246;
}*/

.contentintro{
	margin-bottom: 0.9em;
}

/** adjust content area based on right area **/
#sandbox_area_1,
#sandbox_area_2{
	width: 410px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 3em;
	background: url(../images/contentbg.gif) repeat-y;
}


/* menu onderdelen */
#user1_area ul a span,
#user2_area ul a span,
#user3_area ul a span,
#user5_area ul a span{
	visibility: hidden;
}

#user1_area{
	float: left;
	padding-left: 10px;
}

#user2_area{
	float: left;
}

#user1_area ul,
#user1_area li,
#user2_area ul,
#user2_area li,
#user3_area ul,
#user3_area li,
#user5_area ul,
#user5_area li{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}	

#user1_area li a,
#user2_area li a,
#user5_area li a{
	position: relative;
	display: block;
	width: 185px;
	height: 25px;
}

#user5_area{
	margin-left: 480px;
	width: 185px;
	height: 100px;
	background: #B5DC11;
}

a.level0_hetfonds{
	background: #B5DC11 url(../images/navhetfonds.gif) no-repeat;
}
li.current a.level0_hetfonds,
a.level0_hetfonds:hover{
	background: #fff url(../images/hover_hetfonds.gif) no-repeat;
}

a.level0_partners{
	background: #D2EA6F url(../images/navpartners.gif) no-repeat;
}
li.current a.level0_partners,
a.level0_partners:hover{
	background: #fff url(../images/hover_partners.gif) no-repeat;
}

a.level0_projecten{
	background: #B5DC11 url(../images/navprojecten.gif) no-repeat;
}
li.current a.level0_projecten,
a.level0_projecten:hover{
	background: #fff url(../images/hover_projecten.gif) no-repeat;
}

a.level0_publicaties{
	background: #D2EA6F url(../images/navpublicaties.gif) no-repeat;
}
li.current a.level0_publicaties,
a.level0_publicaties:hover{
	background: url(../images/hover_publicaties.gif) no-repeat;
}
a.level0_arbeidsomstandigheden{
	background: #D2EA6F url(../images/navarbeidsomstandigheden.gif) no-repeat;
}
li.current a.level0_arbeidsomstandigheden,
a.level0_arbeidsomstandigheden:hover{
	background: #fff url(../images/hover_arbeidsomstandigheden.gif) no-repeat;
}

a.level0_arbeidsmarkt{
	background: #B5DC11 url(../images/navarbeidsmarkt.gif) no-repeat;
}
li.current a.level0_arbeidsmarkt,
a.level0_arbeidsmarkt:hover{
	background: #fff url(../images/hover_arbeidsmarkt.gif) no-repeat;
}

a.level0_arbeidsvoorwaarden{
	background: #B5DC11 url(../images/navarbeidsvoorwaarden.gif) no-repeat;
}
li.current a.level0_arbeidsvoorwaarden,
a.level0_arbeidsvoorwaarden:hover{
	background: #fff url(../images/hover_arbeidsvoorwaarden.gif) no-repeat;
}

a.level0_esf{
	background: #D2EA6F url(../images/navesf.gif) no-repeat;
}
li.current a.level0_esf,
a.level0_esf:hover{
	background: #fff url(../images/hover_esf.gif) no-repeat;
}


a.level0_arbocatalogusggz{
	background: #B5DC11 url(../images/navarbocat.gif) no-repeat;
}
li.current a.level0_arbocatalogusggz,
a.level0_arbocatalogusggz:hover{
	background: #fff url(../images/hover_arbocat.gif) no-repeat;
}

a.level0_beroepenopleidingen{
	background: url(../images/navberoepopl.gif) no-repeat;
}
li.current a.level0_beroepenopleidingen,
a.level0_beroepenopleidingen:hover{
	background: #fff url(../images/hover_beroepopl.gif) no-repeat;
}

a.level0_subsidieportaal{
	background: url(../images/navsubsidieportaal.gif) no-repeat;
}
li.current a.level0_subsidieportaal,
a.level0_subsidieportaal:hover{
	background: #fff url(../images/hover_subsidieportaal.gif) no-repeat;
}

a.level0_nieuwsbrieven{
	background: url(../images/navnieuwsbrieven.gif) no-repeat;
}
li.current a.level0_nieuwsbrieven,
a.level0_nieuwsbrieven:hover{
	background: #fff url(../images/hover_nieuwsbrieven.gif) no-repeat;
}



#mainmenu{
	position:absolute;
	top:0;
	right:0;
	height: 100px;
	width: 80px;
}

#user3_area li a,
#user3_area li{
	display: block;
	width: 80px;
	height: 25px;
}

a.level0_home{
	background: #B5DC11 url(../images/navhome.gif) no-repeat;
}
li.current a.level0_home,
a.level0_home:hover{
	background: #FFF url(../images/hover_home.gif) no-repeat;
}

a.level0_links{
	background: #B5DC11 url(../images/navlinks.gif) no-repeat;
}
li.current a.level0_links,
a.level0_links:hover{
	background: #FFF url(../images/hover_links.gif) no-repeat;
}

a.level0_contact{
	background: #D9E987 url(../images/navcontact.gif) no-repeat;
}
li.current a.level0_contact,
a.level0_contact:hover{
	background:   #fff url(../images/hover_contact.gif) no-repeat;
}

a.level0_vragen{
	background: url(../images/navvragen.gif) no-repeat;
}
li.current a.level0_vragen,
a.level0_vragen:hover{
	background: url(../images/hover_vragen.gif) no-repeat;
}

#topbutton{
	position: absolute;
	bottom: 104px;
	left: 565px;
	border-bottom: 1px dashed #C82246;
}

a.top{
	display: block;
	font-size: 0.9em;
	padding-top: 7px;
	padding-left: 5px;
	height: 20px;
	width: 180px;
	background: url(../images/topbutton.gif) no-repeat;
}

/*zoek*/
#search{
	position: relative;
}

#search .inputbox{
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #B4DC0F;
	margin-right:-1px;
	width: 120px;
}

.search .button{
	background: #B4DC0F;
	border: none;
	width: 63px;
	font-size: 0.8em;
	padding: 3px 3px 4px;
	font-weight: bold;
	color: #C82246;
	cursor: pointer;
}

fieldset{
	border: none;
}

/** based on 100% content width **/

#footer_area{
	postion: relative;
	padding-top: 1em;
	padding-left: 10em;
	color: white;
	font-size: 0.8em;
	height: 6.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #B5DC11;
}

/* colofon/disclaimer*/
#othermenu{
	float: right;
	width: 200px;
	padding-top: 10px;
	padding-right: 15px;
}

#othermenu ul li{
	display: block;
	float: right;
	list-style: none;
}

#othermenu li a{
	padding: 0.2em;
	font-size: 1em;
	color: white;
	text-decoration: none;
}

.sectiontableentry1 a,
.sectiontableentry2 a{
	display: block;
	line-height: 2em;
	border-bottom: 1px dashed #C82246;
}


//* Contact styles */

.contact_email{
	vertical-align: top;
}

.contact_email .row{
	position: relative;
	clear: both;
	margin-bottom: .3em;
}

.contact_email label{
	position: absolute;
}	

.contact_email .formelm{
	margin-left: 12em;
}

.contact_email .formelm textarea,
.contact_email .formelm input.inputbox{
	border: 1px solid #B4DC0F;
	width: 20em;
}

.contact_email .button{
	background: #B4DC0F;
	border: none;
	width: 80px;
	font-size: 0.8em;
	padding: 3px 3px 4px;
	font-weight: bold;
	color: #C82246;
	cursor: pointer;
}

.highlight{
	color: grey;
}

.error{
	color: red;
}
	
.performs_error{
/*	color:#FF0000*/
	color: firebrick;
  padding: 12pt;
  background-color: wheat;
}

.performs_required{
	color:#FF0000
}
.performs_help{
}

#security_try{
	width:300px;
}

.tabber{display:none;} .tabbernav{display:none;}


/*
DevelopAid Style Additions
2006-11-7 17:22
*/

.captioncell {
vertical-align: top;
}
.elementcell {
vertical-align: top;
}
.helpcell {
padding-left: 12pt;
}
.rulerow {

}
.titlerowtitle {
color: maroon;
font-size: large;
font-family: serif;
}
.printtextarea {
border: thin black solid;
border-color: lightsteelblue; 
width: 292pt;
height: 96pt;;
}

.formContainer {

}
.pagetable {
  width:100%;
}
	
		   
.formFields .button{
	background: #B4DC0F;
	border: none;
	width: 80px;
	font-size: 0.8em;
	padding: 3px 3px 4px;
	font-weight: bold;
	color: #C82246;
	cursor: pointer;
}					

/*.elementcell .formelm textarea,
.elementcell input.inputbox{
	border: 1px solid #B4DC0F;
} */

.formFields,
td.captioncell,
td.elementcell{
	bordeR: 0;
}  	  

.formkop{
	font-weight: bold;
	color: #336600;
}			  

td.elementcell strong{
	font-weight: normal;
}