
/**********************************************
STANDAARD ELEMENTEN
**********************************************/
body				{  background-color:#44474b; background-image:url(../images/bg.jpg); background-repeat:repeat-x;}
body,td				{ color: #FFF; font-size: 12px; line-height:18px; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }					  
img					{ border:0px; }
p					{ margin:10px 0px 0px 0px; }
ul					{ margin-top:0px; margin-left:20px;}
xli					{ padding-left: 17px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 3px; }
img					{ border:0px; padding:0px; }
h1,h2,h3,h4			{ text-indent: -9999px; padding:0px; margin:0px; background-repeat:no-repeat; background-position:0px 0px;}
.clearfix			{ clear:both; height:1px; font-size:1px;line-height:1px;}

/**********************************************
MAIN DIVS
**********************************************/
#container	{ height:auto; min-height:100%; position:absolute; left:50%; margin-left:-474px; background-color:#182025;}
#content	{ width:949px; }
#contents	{ padding:15px 10px 10px 28px;}
#footer	, #insidefooter	{ position:absolute; background-color:#020406; height:20px; width:949px; color:#7d7c7c; text-align:center; font-size: 11px; bottom:0px;}
#footer a	{ color:#7d7c7c; font-weight:normal; text-decoration:none;}
#insidefooter {position:relative;visibility:hidden;}

#column_left 	{ float:left; width:560px;}
#column_right 	{ float:right; background-image:url('../images/column_split.jpg');background-repeat:no-repeat; background-position:0px 0px; width:300px; min-height:200px; padding:0px 0px 0px 20px;} 
/**********************************************
LINKS
**********************************************/
a:hover, a:visited, a:active, a:link						{ outline: none; color:#519cd5; text-decoration:none;}
a.wit:hover, a.wit:visited, a.wit:active, a.wit:link		{ color:#FFF; text-decoration:none; }
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link	{ color:#FFF; text-decoration:none; }

.button	 	{ float:left; border:6px solid #000; font-weight:bold;cursor:pointer;background-color:#000;color:#FFF;font-size:11px;}
.buttonzoek { padding:0px 20px 0px 0px; background-image:url('../images/icon_zoek.gif');background-repeat:no-repeat;background-position:right 3px; }

#vacatures_table td, #vacatures_table_header td								{ padding:10px 10px 10px 0px ;}
#vacatures_table td:first-child, #vacatures_table_header tr td:first-child 	{ padding:10px 10px 10px 10px;}
#vacatures_table .split	 	{ padding:0px 0px 0px 0px; height:1px; background-color: #000;}
#vacatures_table .split td 	{ padding:0px 0px 0px 0px; margin:0px;}

/**********************************************
MENU
**********************************************/
#menu													{ position:relative; width:949px; height:293px;}
#menu #flashfoto										{ z-index:1; position:absolute; left:0px; top:0px; width:949px; height:293px; }
#menu #bgmenu											{ z-index:2; position:absolute; left:0px; top:174px; width:949px; height:119px; background-color:#000; opacity:0.6; MozOpacity:0.6; KhtmlOpacity:0.6; filter:alpha(opacity=60); }
#menu #buttons											{ z-index:4; position:absolute; left:0px; top:174px; width:949px; height:119px; }

.mainmenu												{ position:relative; float:left; display:block; margin:0px 0px 0px 0px;}
.mainmenu a.menu1										{ position:relative; display:block; background-repeat:no-repeat; height:20px; text-indent: -9999px; z-index: 1}
.mainmenu:hover .submenu 								{ display:block;}
.mainmenu a.menu1:hover 								{ background-position:0px -30px;}
.mainmenu #actiefMain, .mainmenu #actiefMain:hover		{ background-position:0px -30px;}
#activeContainer, #activeContainer:hover				{ display:block;}

.submenu												{ position:absolute; top:20px; left:0px; margin-top:10px; display:none;}
.submenu #bg											{ position:absolute; left:0px; top:-30px; height:119px; background-color:#000; opacity:0.7; MozOpacity:0.7; KhtmlOpacity:0.7; filter:alpha(opacity=70); }
.submenu #bg *											{ visibility:hidden;}
.submenu a.menu2										{ position:relative; display:block; background-repeat:no-repeat; height:17px; text-indent: -9999px;}
.submenu a.menu2:hover						 			{ background-position:0px -30px;}
.submenu #actiefSub, .submenu #actiefSub:hover			{ background-position:0px -30px;}

.tab_on, .tab_off	{ text-align:center; padding:4px 0px 4px 0px; width:28px; color:#FFF; cursor:pointer; margin:0px 2px 0px 0px; background-color:#010c12}
.tab_off:hover, .tab_on 			{ background-color:#2d4c62}

.vacature_vlak	{background-color:#010c12; padding:10px 20px 10px 20px; margin:10px 0px 0px 0px;}
.vacature_content	{padding:8px 20px 0px 20px;}
span.vacature_btn, a.vacature_btn {
	background-image:url('../images/vacaturebtn.gif');
	background-repeat:repeat-x;
	background-position:0px 0px;
	font-weight:bold;
	font-size:13px;
	color:#519cd5;
	padding:5px 10px 5px 10px;
	height:20px;
	cursor:pointer;
	margin:0px 0px 0px 10px;
}
a.vacature_btn:hover {
	background-color:#222222;
	background-position:0px 30px;
}

#ajaxForm input, #ajaxForm textarea {
	background-color:#2a3942;width:550px;padding:2px;color:#ffffff;border:1px solid #555555;
}

.medewerker{
	float:left;
	width:400px;
	margin:30px 30px 0px 0px;
}
.medewerker img{
	float:left;	
	margin:0px 30px 0px 0px;
}
.medewerker h1{
	float:left;
}
.medewerker a{
	color:#FFF;
	text-decoration:underline;
}
/**********************************************
FORM ELEMENTS
**********************************************/
input, textarea, select { font-size: 11px; line-height:18px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
input, textarea			{ padding:6px; }
textarea				{ line-height:18px; }


/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; }
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px; }
.img_right_border{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px; }
.img_right_noborder{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px; }
.img_noalign_noborder{ margin:5px 0px 5px 0px; display: block;}
.img_noalign_border{ margin:5px 0px 5px 0px; display: block;}
.cssbutton{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}