html {
	height: 100%;
}

body {
	background : url(../images/bg/main.jpg);
	background-position : top left;
	background-repeat : repeat-x;
	background-color: #F2F2F2;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: black;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align : center;
	height: 100%;
}

table {
	vertical-align : top;
	text-align : left;
	line-height : 120%;
	font-size: 11px;	
}

h1 {
	color: black;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}

h2 {
	color: black;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	font-size: 13px;
}

h3 {
	color: black;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

p { margin: 10px 0px 10px 0px; padding: 0px; }
td { vertical-align: top; }
form { margin: 0px; padding: 0px; }
input, textarea { margin: 0px; padding: 1px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
hr { color : #E0E0E0; height: 1px;  }
ul { margin: 5px 0px 5px 25px; }
li { list-style-type : square; }

a { color: black; text-decoration : underline; }
a:hover { text-decoration : none; }

a.blueArrow { background-image : url(../images/icon/iconBleuArrow.gif); background-repeat : no-repeat; padding-left: 18px; white-space: nowrap; }
a.blueBold { color: #000033; font-weight : bold; }

a.footerLink { text-decoration : none; }
a.footerLink:hover { text-decoration : underline; }

.orange { color: #FF3300; }
.blue { color: #000033; }

.alignMiddle { vertical-align : middle; }

#mainBg { background : url(../images/bg/content.jpg); background-repeat : repeat-y; background-position : center; height: 100%; }
html>body #mainBg { /* dit wordt alleen in firefox weergegeven */ height:auto; min-height:100%; }

#header { background : url(../images/bg/header.jpg); text-align : center; }
#content { padding-left: 16px; }
#footer { text-align : center; padding: 5px 0px 5px 0px; }

#navigatie { background-color : #999900; padding: 10px 0px 0px 0px; color: #fff; font-size: 10px; font-weight: bold; text-align : center; }

#messageBlock { display: none; margin: 0px 0px 4px 4px; padding: 0px; cursor: hand; }
#messageBar { padding-top: 9px; text-align : center; background : #EFEFEF; }
#message { padding: 5px; font-weight: bold; text-align : center; background : #EFEFEF; }

#errorBlock { display: none; margin: 0px 0px 4px 4px; padding: 0px; cursor: hand }
#errorBar { padding-top: 9px; text-align : center; background : #EFEFEF; }
#errorMessage { padding: 5px; font-weight: bold; text-align : center; background : #EFEFEF; }

#loadingBlock { display : none; margin: 0px 0px 4px 4px; }
#loadingBar { padding-top: 9px; text-align : center; background : #EFEFEF; }
#loadingMessage { padding: 5px; font-weight: bold; text-align : center; background : #EFEFEF; }

a.menuItem  { margin: 5px 5px 0px 5px; padding: 0px; font-size: 11px; color: white; text-decoration : none; }
a:hover.menuItem { text-decoration : underline; }

#subMenu { width: 225px; padding: 0px; margin: 0 0 15px 0; color: gray; white-space: nowrap; }
#subMenu li { width: 225px; list-style: none; margin: 0px; border-bottom: 1px solid #D6D6D6; text-align: left; }
#subMenu ul { margin: 0px 0px 20px 0px; padding: 0; }
#subMenu li a { height: 15px; display: block; text-decoration: none; padding: 10px 10px 10px 10px; border-left: 3px solid #DDDDDD; background-color : #E8E8E8; }
#subMenu li a:hover{ text-decoration : underline; border-left: 3px #000033 solid; }

#logo { text-align : right; vertical-align : middle; }
#moodImage1 { text-align : center; vertical-align : bottom; }
#metSpoed { margin-left: 10px; }
#random_homepage { padding-bottom: 3px; }
#zandloper { background-image : url(../images/zandloper.jpg); background-repeat : no-repeat; background-position : right; }
#klok { background-image : url(../images/clock.jpg); background-repeat : no-repeat; background-position : right; }
#wwVergeten { background-image : url(../images/wwVergeten.jpg); background-repeat : no-repeat; background-position : right; }
#partners { padding: 0px 0px 20px 50px; }
#contactform { padding: 10px; border: 1px solid #EAEAEA; background-color : #F4F4F4; }

#zoekBaan { background-image : url(../images/zoekBaan.jpg); background-repeat : no-repeat; background-position : right; }

#leftVoorstellen { text-align : center; padding: 5px 0px 5px 0px; }
#tipArea { margin: 10px; padding: 10px; background-color : white; border: 1px solid black; }
#formulierFout { display : none; margin: 0px 0px 15px 4px; cursor: hand; padding: 5px; font-weight: bold; text-align : left; border: 1px solid black; }
.formulierFoutSeveral { display : none; margin: 0px 0px 15px 4px; cursor: hand; padding: 5px; font-weight: bold; text-align : left; border: 1px solid black; }
.formulierFoutCalculatie { width: 410px; display : none; padding: 5px; margin: 0px 0px 20px 0px; font-weight: bold; text-align : left; border: 1px solid black; }

.bedrijfsLogo {background-color : white; border: 1px solid #E0E0E0; padding: 10px; }

.blueHeader { background-color : #000033; color: white; padding: 10px 5px 10px 15px; }
.blueContent { background-color : #E0E0E0; padding: 0px 15px 10px 15px; width: 215px; }
.blueBackground { background-color : #E0E0E0 }

.whiteGreyHeader { background-color : #000033; color: white; padding: 10px 5px 10px 15px; }
.whiteGreyContent { border: 1px solid #E0E0E0; padding: 0px 15px 10px 15px; }
.whiteBackground { background-color : white; }
.whiteGreyLogo { border: 1px solid #E0E0E0; padding: 10px 15px 10px 15px; background-color : white; border: 1px solid #D6D6D6; }

.headerBleuArea { background-color : #E8F0FB; }
.headerBleu { padding: 10px; font-weight: bold; }
.bleuArea { padding: 10px; background-color : #F8F9FD; }
.bleuFormArea { padding: 10px; background-color : #F8F9FD; border-bottom: 1px solid #E8F0FB; margin-bottom: 10px; }

.headerOrangeArea { background-color : #FFEDE1; }
.headerOrange { padding: 10px; font-weight: bold; }
.orangeArea { padding: 10px; background-color : #FFF8F2; }

.headerRedArea { background-color : #F9D0C8; }
.headerRed { padding: 10px; font-weight: bold; }
.redArea { padding: 10px; background-color : #FDF0ED; }
.redFormArea { padding: 10px; background-color : #FDF0ED; border-bottom: 1px solid #F9D0C8; margin-bottom: 10px; }


.headerWhiteArea { background-color : #EDEDED; }
.headerWhite { padding: 10px; font-weight: bold; }
.whiteArea { padding: 10px; }
.whiteFormArea { padding: 10px; border-bottom: 1px solid #E8F0FB; margin-bottom: 10px; }

.formArea { padding: 10px; background-color : #F6F7E7; border-bottom: 1px solid #D8E6A1; margin-bottom: 10px; }
.formLabel { padding-top: 3px; }
.verySmallInputField { width: 20px; }
.smallIerInputField { width: 100px; }
.smallInputField { width: 130px; }
.standardInputField { width: 200px; }
.normalInputField { width: 271px; }
.largeInputField { width: 345px; }
.extraLargeInputField { width: 415px; }
.smallTextArea { height: 50px; width: 415px; overflow: auto; }
.normalTextArea { height: 150px; width: 415px; overflow: auto; }
.largeTextArea { height: 250px; width: 500px; overflow: auto; }
.fileField { width: 275px; }
.normalSelect {font-size: 11px;}
.taalSelect { margin-top: 5px; font-size: 11px; }
.categorieSelect { width: 300px; font-size: 11px; }
.categorieSmall { width: 271px; font-size: 11px; }
.advertentie_afbeelding { border: 1px solid #E0E0E0; padding: 4px 4px 4px 4px; background-color : white; border: 1px solid #D6D6D6; width: 195px; text-align : center; }


.checklist { border: 1px solid #7F9DB9; list-style: none; height: 97px; overflow: auto; width: 271px; }
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label { height: 20px; padding: 0 0.2em 0 25px; margin: 2px; text-indent: -25px; display : block; }
.checklist label:hover, .checklist label.hover { background: #E8F0FB; }

.headerCVArea { background-color : #E8F0FB; }
.headerCV{ padding: 10px; font-weight: bold; }
.choosePartCV { text-align : right; padding-top: 6px; }
.selectPartCV { font-size: 11px; }
.cvArea { padding: 10px; background-color : #F8F9FD; }
.cvActions { background-image : url(../images/icon/blue/bgActions.gif); background-repeat : repeat-x; text-align : right; padding-right: 10px; margin-bottom: 10px; }
.cvOmschrijving { border: 1px solid #E7E7E7; padding: 5px; background-color : #FDFEFF; }
.taalEigenschap { padding-top: 5px;}

#cvAreaOverview ol { margin: 5px 0px 5px 25px; padding:10px 0px 10px 0px; }
#cvAreaOverview li { padding: 8px 0px 8px 0px; }

.bgEqual { background-color : white; padding: 2px; }
.bgNotEqual { background-color : #F3F3F3; padding: 2px; }

#wrkgvrNavTd { background-color : white; background-image : url(../images/sliding/bg.gif); background-repeat : repeat-x; background-position : bottom; }
#wrkgvrNav { float:left; width:100%; }
#wrkgvrNav ul { margin: 10px 0px 0px 0px; ; padding:10px 10px 0; list-style:none; }
#wrkgvrNav li { list-style : none; float:left; background:url("../images/sliding/left.gif") no-repeat left top; margin:0px; padding:0 0 0 9px; }
#wrkgvrNav a { float:left; display:block; background:url("../images/sliding/right.gif") no-repeat right top; padding:8px 15px 6px 6px; font-weight:bold; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#wrkgvrNav a { float:none; cursor: pointer; cursor: hand; }
/* End IE5-Mac hack */
#wrkgvrNav a:hover { }
#wrkgvrNav .current { background-image:url("../images/sliding/left_on.gif"); }
#wrkgvrNav .current a { text-decoration : none; background-image:url("../images/sliding/right_on.gif"); padding:8px 15px 6px 6px; }

#profielMedia { background-color : #E8F0FB; }
#wrkgvrContentTd { border-bottom: 1px solid #D6E4F8; }
 
.wrkgvrContent { display : none; padding: 10px; }
#profielThumbTd { vertical-align : middle; }
.profielThumbHolder { padding: 0px 0px 8px 0px; text-align : center; }

.resultTable { background-color : #F2F2FF; border-top: 1px solid #B0C1FF; }
.resultColom { padding: 5px; background-color : white; border-bottom: 1px solid #B0C1FF; }

.resultTitleEqual { padding: 5px; }
.resultCompanyEqual { padding: 5px; }

.resultTitleNotEqual { padding: 5px; background-color : #EAEAFF; }
.resultCompanyNotEqual { padding: 5px; background-color : #EAEAFF; }

a.resultLink { font-weight: bold; color: #000033; }
a.resultLink:visited {
	color: gray;
}
.popup { z-index: 10; visibility: hidden; position: absolute; border: 1px #CCCCCC solid; padding: 5px 10px 5px 10px; background-color:#FFFFFF; }

#searchSubNavHolder { border-top: 1px solid #B0C1FF; background-color : white; padding: 5px; text-align : right; }
#paginatingHolder { text-align : right; }
a.resultNav { padding: 1px; }
#resultNavActive { font-weight : bold; background-color : #F2F2FF; }

.ovzBedrijfTitel { padding-top: 5px;}
.ovzBedrijfTitelinactief { padding-top: 5px; color: Gray; }

#vacUitwerking { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
a.vacUitwerkingQButton { color: #444444; }
.vacUitwerkingQButtons { background-color : #E8E8E8; font-weight: bold; padding: 5px 5px 5px 16px; color: #444444; }

.mOverzichtIcoon { padding: 2px 2px 0px 2px; }
.mOverzichtTd { padding: 4px 2px 4px 2px; }

#statGramHolder { background-repeat : no-repeat; padding: 15px 0px 0px 30px; }
#statInfoHolder { text-align : right; padding: 13px 0px 0px 0px; }
#statInfo { background-color : white; border: 1px solid #D2DEFD; padding: 10px 15px 10px 15px; text-align : left; }

.statHolder  { height: 172px; width: 30px; float: left; margin: 0px 5px 0px 5px; }
.statGraph { height: 152px; width: 30px; background-color : #E8F0FB; border: 1px solid white; border-bottom: 0px; border-top: 0px; text-align : center; background-image : url(../images/stats/bg_stat.gif); background-position : 0px 10px; background-repeat : no-repeat; height: 152px; }
.statDate { height: 20px; width: 30px; display : block; vertical-align : middle; text-align : center; }

.linkcontainer { width: 200px; }

.linkcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }

.linkcontainer b { background-color : #000033; color: white; display: block; padding: 5px; width: 200px; }
.linkcontainer a { display: block; padding: 5px; width: 200px; background-color : #E0E0E0; }