@charset "utf-8";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 13px;
		font-family: 'Trebuchet MS', Arial, sans-serif;
		color: #333;
		}
	html, body {
		/* \*/ height: 100%; /* IE MAC ignores */
		} 
	body {
		background: #498c3f;
		min-width: 990px;
		} 
	#wrap {
		position: relative;
		height: 100%;
		text-align: center;
		}
	#middle {
		position: relative;
		height: auto;
		width: 990px;
		min-height: 100%; 
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
		background-position: 0 0;
		background-image: url("/images/design/background.jpg");
		background-repeat: repeat-y;
	}
	* html #middle {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	.clearer {
		height: 1px;
		overflow: hidden;
		margin-top: -1px;
		clear: both;
	}
	hr {
		background-color: #000;
		border: 0;
		color: #000;
		height: 1px;
		margin: 15px 0 15px 0;
	}
	* html hr
	{
		margin: 10px 0 10px 0;
	}
	a {
		
	}
	a:hover {
		text-decoration: none;
	}
	h1 {
		font-size: 18px;
		font-weight: normal;
		color: #488c3f;	
	}
	h1 sup {
		font-size: 10px;
		color: #ff9900;
	}
	h2 {
		font-size: 18px;
		font-weight: normal;
		color: #488c3f;	
	}
	h3, h4, h5, h6 {
		color: #488c3f;	
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
	.center {
		text-align: center;
	}
	option {
		padding: 0 5px 0 3px;
	}
	img {
		border: 0;
	}
	.hidden {
		display: none;
	}
/** site elements **/
	#header {
		position: relative;
		width: 990px;
		height: 210px;
		background-color: #498c3f;
		background-image: url("/images/design/header.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#but_home {
		position: absolute;
		left: 146px;
		top: 166px;
	}
	#but_vacaturebank {
		position: absolute;
		left: 389px;
		top: 168px;
	}
	#but_vacaturebank a {
		display: block;
		width: 197px;
		height: 55px;
		background-image: url("/images/design/vacaturebank.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#but_vacaturebank a:hover, #but_vacaturebank .active {
		background-image: url("/images/design/vacaturebank_hover.jpg");
	}
	#but_vacaturebank a span {
		display: none;
	}
	#but_adressen {
		position: absolute;
		left: 609px;
		top: 168px;
	}
	#but_adressen a {
		display: block;
		width: 190px;
		height: 55px;
		background-image: url("/images/design/organisaties.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#but_adressen a:hover, #but_adressen .active {
		background-image: url("/images/design/organisaties_hover.jpg");
	}
	#but_adressen a span {
		display: none;
	}
	#left_column {
		float: left;
		width: 340px;
		margin-bottom: 60px;
	}
	#left_column .container {
		padding: 23px 10px 0 10px;
	}
	#content {
		margin-left: 343px;
		width: 607px;
		margin-bottom: 60px;
		background-image: url("/images/design/content.gif");
		background-position: -1px 0;
		background-repeat: no-repeat;
		min-height: 676px;
	}
	* html #content {
		margin-right: 0px;
		margin-left: 0px;
		height: 676px;
	}
/** vertical menu **/
	.vmenu
	{
		padding-top: 15px;
		padding-left: 145px;
	}
	.vmenu ul, .vmenu ul li
	{
		margin: 0;
		list-style-type: none;
		display: block;
	}
	.vmenu ul
	{
	}
	.vmenu ul li
	{
		padding-bottom: 8px;
	}
	.vmenu ul li a
	{
		display: block;
		text-decoration: none;
		padding: 0px 4px;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
		color: #488c3f;
		background: url(/images/design/sub.gif) 0 0 no-repeat;
	}
	.vmenu ul li a:hover, .vmenu ul .active a
	{
		background: url(/images/design/sub_active.gif) 0 0 no-repeat;
		color: #fff;
	}
	* html .vmenu ul li a/* hide from IE5.0/Win & IE5/Mac */
	{
		height: 1%;
	}
	* html .vmenu ul
	{
		position: relative;	/* IE needs this to fix a rendering problem */
	}
/** DefaultPage **/
	#DefaultPage {
		padding: 40px 90px 20px 52px;
		line-height: 21px;
	}
/** DefaultForm **/
	.defaultform {
		width: 440px;
	}
	.defaultform fieldset {
		border: 0;
		padding: 10px 0;
	}
	.defaultform label {
		float: left;
		width: 160px;
		padding: 0 0 0 0;
		margin: 4px 0 2px 0;
		clear: left;
		line-height: normal;
	}
	.defaultform input, 
	.defaultform select, 
	.defaultform textarea {
		margin: 2px 0;
	}
	.defaultform .input1 {
		width: 300px;
		border: 1px solid #333;
		padding: 1px;
	}
	.submit {
		border: 1px solid #333;
		padding: 0px 5px;
		cursor: pointer;
	}
	.defaultform .submit {
		margin-top: 10px;
		margin-left: 0px;
	}
	/** javascript error-handling **/
	.defaultform input.error, 
	.defaultform select.error, 
	.defaultform textarea.error, 
	.defaultform input.error:focus, 
	.defaultform select.error:focus,
	.defaultform textarea.error:focus {
		width: 285px;
		padding: 1px;
		padding-right: 16px; 
		border: 1px solid red; 
		background-image: url("/images/warning_obj.gif"); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	* html .defaultform input.error, 
	* html .defaultform select.error, 
	* html .defaultform input.error:focus, 
	* html .defaultform select.error:focus {
		width: 300px;
	}
	.login_error {
		color: red;
		margin-bottom: 12px;
	}


	.title {
		width: 476px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		position: relative;
		left: -12px;
		padding-left: 12px;
		background-image: url("/images/design/vacature_title.gif"); 
		background-position: 0 0; 
		background-repeat: no-repeat;
	}
	.title a {
		color: #488c3f;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		display: block;
	}
	.title strong {
		color: #488c3f;
		font-size: 15px;
	}
	.title * {
		color: #488c3f;
	}

	#admin_menu {
		position: absolute;
		left: 360px; 
		top: 220px;
	}

/* adminform */

.adminform {
}
.adminform fieldset {
	border: 0px;
	border-width: 0 0 1px 0;
	border-color: black;
	border-style: solid;
	padding: 10px 0;
}
.adminform label {
	padding: 3px 0 0 0;
	margin: 3px 0 0 0;
}
.adminform input, .adminform select, .adminform textarea {
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	margin: 3px 0 0 0;
}
.adminform #submit{
	margin-top: 10px;
}
.adminform .save_button {
	text-align:right;
}
.adminform .save_button input:active {
	background-color: red;	
}
adminform .form_footer {
	text-align:right;
	font-weight: bold;
	font-size: 85%;
}
adminform .form_footer a {
	text-decoration: none;
}
adminform .form_footer a:hover{
	text-decoration: underline;
}
.adminform .adminform_label {
	font-weight: bold;
	padding: 0 0 3px 0;
}
.adminform .adminform_help {
	font-size: 90%;
	color: #808080;
	padding: 0 0 3px 0;
}


/***************************************************/
/*                WYSIWYG HELP			           */
/***************************************************/
.help_box {
	position:relative;
	width:400px;
	height: 300px;
	display: none;
	background: #D4D0C8;
	border: 1px solid #808080;
	border-bottom: 0px solid #808080;
	font-size: 11px;
}
.help_box_item {
	display: none;
	margin: 0.3em 0.3em 0.3em 1em;
}
.help_box_item .nav {
	float: right;
}
.help_box_item .nav img {
	border: 0;
	margin: 0 0.4em;
}
.help_box_item .nav .spacer {
	padding: 0 0.5em;
}
.help_box_item p {
	margin: 0 0 1em 0;
}
.help_box_item .title {
	clear: both;
	margin: 1em 0 0.3em 0;
	font-weight: bold;
	text-decoration: underline;
}
* html .help_box_item .img {
	width: 10em;
}
.help_box_item .img {
	float: left;
	min-width: 10em;
	margin: 0.2em 1em 0 0;
	border: 1px solid black;
}
.help_box_item a {
	color: #A54403;
	font-weight: bold;
	text-decoration: none;
}
.form_footer {
	text-align: right;
}