/* Legacy CSS needed to retain the layout of some of the pages (inschrijven, vacatures) */ 

/* First, the signup form */
.table_header
{
	color:#FFFFFF;
	padding-left:0px;
	padding-right:0px;
	font-size:12px;
	font-weight:bold;
	background-color:#888888;
	background-image: url(../images/list_corner_r.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.table_l1
{
	background-color:#eeeeee;
	background-position:right;
}

.table_r1
{
	background-color:#eeeeee;
	background-position:left;
}

.table_l2
{
	background-color:#ececec;
	background-image: url(../images/l2_bg.jpg);
	background-position:right;
}

.table_r2
{
	background-color:#ececec;
	background-image: url(../images/r2_bg.jpg);
	background-position:left;
}

.table_l1, .table_l2, .table_r1, .table_r2
{
	background-repeat:repeat-y;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #888888;
	padding-top:2px;
	padding-bottom:2px;
}

#gegevensform select {
	border:1px solid #888888;
}

#gegevensform input {
	border: none;
}

#gegevensform .input1{
	border:1px solid #888888;
	width:173px;
}

#gegevensform .input2
{
	border:1px solid #888888;
	width:265px;
}

#gegevensform .input3
{
	border:1px solid #888888;
	width:190px;
}

#gegevensform .input4
{
	border:1px solid #888888;
	width:480px;
}

#gegevensform .input5{
	border:1px solid #888888;
	width:160px;
}

.textarea1
{
	height:75px;
	width:265px;
	border:1px solid #888888;
}

.textarea2
{
	height:300px;
	width:480px;
	border:1px solid #888888;
}

.textarea3
{
	height:200px;
	width:550px;
	border:1px solid #888888;
}

.icon_separate
{
	text-align:center;
	height:50px;
}
/* End signup form */

/* The jobs overview */
.blog_header
{
	background-color:#888888;
	font-weight:bold;
	color:white;
	height:15px;
}

.blog_header H1
{
	margin:0px;
	font-size:12px;
	font-weight:bold;
}

.blog_header2
{
	background-color:#888888;
	text-align:right;
	color:white;
	height:15px;
}

.blog_header_left
{
	width:15px;
	height:15px;
	background-image: url(../images/blog_header_left.gif);
	background-repeat:no-repeat;
}

.blog_header_right
{
	width:15px;
	height:15px;
	background-image: url(../images/blog_header_right.gif);
	background-repeat:no-repeat;
}

.blog_icons
{
	text-align:right;
	padding-right:5px;
}

a.title_cat:link { color: #888888; text-decoration:none; }
a.title_cat:visited { color: #888888; text-decoration:none; }
a.title_cat:hover { color: #000000; text-decoration:underline; }

a.white_link:link { color: #ffffff; text-decoration:none; }
a.white_link:visited { color: #ffffff; text-decoration:none; }
a.white_link:hover { color: #ffffff; text-decoration:underline; }

a.red_link:link { color: #B3081B; text-decoration:none; font-weight:bold; }
a.red_link:visited { color: #B3081B; text-decoration:none; font-weight:bold; }
a.red_link:hover { color: #888888; text-decoration:underline; }

/* End jobs overview */

/* Job detail */
.vac_sub
{
	color:#B3081B;
	font-weight:bold;
	border-bottom :1px dashed;
	border-color:#888888;
	padding-bottom:3px;
}

.vac_data
{
	padding-left:13px;
}

.vac_data3
{
	width:140px;
	padding-left:13px;
	font-weight:bold;
}
/* End job detail */

/* Other */
span.mandatory {
	color: red;
}