/* CSS */

/* Main declarations */

body {
	background-image:url(../img/bg.gif);
	background-repeat:repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	line-height: 140%;
	font-size: 0.7em;
	color: #333333;
}
fieldset 	{border:1px solid #DEDEDE;}
legend 		{font-weight:bold;color:#555555;}
form 			{margin:0px;padding:0px;}
img 			{margin:0px;border:0px;}
hr 				{display:none;}
input, textarea, select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	border:1px solid #CACACA;
	padding: 2px;
}

input.check{
border:none;
}	

a:link, a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #7E2549;
	text-decoration: underline;
}
a.active:link, a.active:visited, a.active:hover  {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

a.white:link, a.white:visited, a.white:hover  {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

/* Classes, please order by className */

.abs {position:absolute;}
.ac {text-align:center}
.al {text-align:left}
.ar {text-align:right}
.blue {background-color:#302F7F}
.c {
	float:left;
	margin:0px;
	display:inline;
}
.center_2 {
	width:800px;
	margin:0 auto;
}
.center_3 {
	width:960px;
	margin:0 auto;
}
.content {
	width:100%;
	float:left;
	margin-top:10px;
	display:inline;
}

.rekenbox{
	margin-top:5px;
	font-size:12px;
	margin-left:5px;
	line-height:22px;
}

.rekenbox a:link, .rekenbox a:visited, .rekenbox a:hover{	
	text-decoration:none;
	color:#FFFFFF	
}


.rekenboxtable a:link, .rekenboxtable a:visited, .rekenboxtable a:hover{	
	text-decoration:underline;
}

.fl {float:left;}
.fr {float:right;}
.footer {height:100px;background-color:#646567;color:#FFFFFF;}
.footer a:link, .footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.form {float:left;width:350px;}
.form #col_1 {float:left;width:100px;}
.form #col_2 {float:left;width:160px;}
.form #col_3 {float:left;width:70px;}
.grey {background-color:#CCCCCC}
.line {
	height:1px;
	background-color:#D7D7D7;
}
.menu {
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	line-height:22px;
}
.menu #margin {margin:5px;}
.menu a:link, .menu a:visited {color: #FFFFFF;text-decoration: none;}
.menu a:hover {color: #FFFFFF;text-decoration: underline;}
.noborder {border:0px;}
.orange {background-color:#E2A825}
.red {background-color:#7E2549}
.rel {position:relative;}
.row {float:left;display:inline}
.scrolldiv_2 {overflow:auto;width:310px;height:310px;}
.scrolldiv_2 #margin {margin:5px;}
.scrolldiv_3 {overflow:auto;width:470px;height:310px;}
.scrolldiv_3 #margin {margin:5px;}

.smenu {
	float:left;
	background-color:#646567;
	color:#FFFFFF;
	font-size:12px;
	line-height:22px;
}
.smenu #margin {margin:5px;}
.smenu a:link, .smenu a:visited {color: #FFFFFF;text-decoration: none;}
.smenu a:hover {color: #FFFFFF;text-decoration: underline;}
.spacer {margin:8px;}
.splash {margin:10px 0px 0px 10px;float:left;width:950px;height:470px;background-color:#000000}
.splash #margin {margin-top:30px}
.ssmenu {
	float:left;
	background-color:#9A9B9C;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
}
.ssmenu #margin {margin:5px;}
.ssmenu a:link, .ssmenu a:visited {color: #FFFFFF;text-decoration: none;}
.ssmenu a:hover {color: #FFFFFF;text-decoration: underline;}
.tg {color:#999999}
.tr {color:#E2A825}

/*columns*/
.cone  {float:left;width:160px;}
.ctwo  {float:left;width:320px;}
.cthree{float:left;width:480px;}
.cfour {float:left;width:640px;}
.cfive {float:left;width:800px;}
.csix  {float:left;width:960px;}

/*heights*/
.hone {height:150px;}
.htwo {height:310px;}

/*widths*/
.wone {float:left;width:150px;height:150px;display:inline;margin:10px 0px 0px 10px}
.wtwo {float:left;width:310px;display:inline;margin:10px 0px 0px 10px}
.wthree {float:left;width:470px;display:inline;margin:10px 0px 0px 10px}
.wthree #loading {margin:150px 0px 0px 220px}
.wfour {float:left;width:630px;display:inline;margin:10px 0px 0px 10px}

span.cloud{
line-height:30px;
text-align:center;
}

span.cloud2{
line-height:28px;
text-align:center;
}

span.cloud a:link, span.cloud a:visited, span.cloud a:hover  {
	text-decoration: none;
}

span.cloud2 a:link, span.cloud2 a:visited, span.cloud2 a:hover  {
	text-decoration: none;
}

/*table static page*/
table.artikelen {
	text-transform:uppercase;
	font-size:11px; 
	color:#646566; 
}

table.artikelen a:link, table.artikelen a:visited, table.artikelen a:hover {
	color: #646566;
	text-decoration: none;
}	

table.contact {
	font-size:11px; 
	color:#646566; 
}

table.contact a:link, table.contact a:visited, table.contact a:hover {
	color: #646566;
	text-decoration: none;
}	

.wervingvacature{
	background-color:#9897BF;
}

.wervingwerknemer{
	background-color:#F1D492;
}

.wervingwerkgever{
	background-color:#BF92A4;
}