/* 
concept en realisatie:

Keizer & Co webontwerp en dtp
Oude Kaai 16
4569 AB Graauw
0114 63 51 57 / 06 134 15 722
www.keizerenco.nl
patrick@keizerenco.nl
*/
body {
	background-color: #d3e3ec;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../img/backgrounds/body.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	left: 0px;
	top: 0px;
	position: relative;
}
div#header {
	background-color: #152351;
	padding: 0px;
	height: 200px;
	width: 100%;
	text-align: left;
	background-image: url(../img/backgrounds/headerv6.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
div#content {
	float: left;
	width: 100%;
	padding-bottom: 2%;
}
div#menu {
	float: right;
	height: 26px;
	width: 875px;
	position: absolute;
	right: 0px;
	top: 4px;
	margin-right: 5px;
}
div#menu ul {
	margin: 0px;
	padding: 0px;
	height: 26px;
}
div#menu ul li {
	float: left;
	list-style-type: none;
}
div#menu ul li a, div#menu ul li a:visited {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/menu/orange_up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 119px;
	display: block;
	padding-top: 6px;
	text-decoration: none;
	margin-left: 6px;
}
div#menu ul li a:hover {
	background: url(../img/menu/menu_dw.jpg) no-repeat;
	color: #e46917;
}
div#menu ul li a.actief, div#menu ul li a.actief:visited {
	background: url(../img/menu/menu_up.jpg) no-repeat;
	color: #e46917;
}
div#topbalk {
	height: 50px;
	width: 100%;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff6600;
}
div#people {
	background-image: url(../img/backgrounds/people.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	width: 200px;
	position: absolute;
	z-index: 10;
	top: 49px;
	right: 15px;
}
.nav {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #83B0E4;
	text-align: right;
	height: 15px;
	width: 150px;
	position: absolute;
	bottom: 0px;
	margin-top: 30px;
	font-weight: bold;
	display: block;
	background-image: url(../img/backgrounds/blokjes.png);
	background-repeat: no-repeat;
	background-position: left top;
	right: 0px;
	padding: 0px;
}
.nav a, .nav a:visited {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #152351;
}
.blauw {
	background: #152351;
	display: block;
}
.nav a:hover {
	color: #FF6600;
	text-decoration: none;
}
.balk {
	height: 30px;
	width: 100%;
	background-image: url(../img/backgrounds/balk.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.balktop {
	background-color: #83b0e4;
	height: 30px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff6600;
}

.vaklinks {
	height: 400px;
	width: 15%;
	float: left;
	margin-top: 2%;
	margin-left: 5px;
}
.vak {
	width: 50%;
	margin-left: 4%;
	margin-top: 2%;
	padding: 0px;
	text-align:left;
	position: relative;
	height: 225px;
	float: left;
}
.vakrechts {
	float: right;
	width: 35%;
	margin-top: 2%;
	text-align: left;
	margin-right: 1%;
	background-image: url(../img/backgrounds/white.png);
	background-repeat: repeat;
}
.vak h2, .vakrechts h2 {
	background-color: #152351;
	display: block;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.vakrechts h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83b0e4;
}
.vak p, .vakrechts p {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #333333;
	text-align: justify;
	padding: 0px;
}
.vakrechts p.blue {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	color: #152351;
	text-align: left;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 2%;
	padding-left: 5px;
}
.vakrechts a, .vakrechts a:visited {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	color: #152351;
	font-weight: bold;
	text-decoration: underline;
}
.vakrechts a:hover {
	color: #FF6700;
}

.blokjes {
	width: 60px;
	height: 15px;
	margin-right: 10px;
	background-image: url(../img/backgrounds/blokjes.png);
	background-repeat: no-repeat;
	padding: 0px;
	display: block;
}
/* vervolgpagina's */
.textwrap {
	width: 600px;
	margin-left: 50px;
	margin-top: 2%;
	padding: 0px;
	text-align: left;
	float: left;
	height: 100%;
}
.textbox {
	float: left;
	width: 100%;
	background-image: url(../img/backgrounds/white.png);
	background-repeat: repeat;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textbox ul li {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #152351;
	list-style-image: url(../img/backgrounds/cirkel.png);
}
.textbox h3 {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #152351;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
.textbox h4 {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #152351;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
.textbox h6 {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #272351;
	text-align: center;
}
.textbox p {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #152351;
	padding-right: 5px;
	padding-left: 5px;
}
.textbox a, a:visited {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #153351;
	text-decoration: underline;
}
.textbox a:hover {
	color: #FF6700;
}
/* links opsomming */
.linklijst ul li a, .linklijst ul li a:visited {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #152351;
	text-decoration: underline;
}
.linklijst ul li a:hover {
	color: #FF6700;
}
/* einde links opsomming */
.under {
	height: 30px;
	width: 600px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #152351;
	text-align: right;
	background-image: url(../img/backgrounds/roundunder.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 0px 50px;
	padding: 0;
	float: left;
	clear: both;
}
.under a, .under a:visited {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #FF6700;
	margin-right: 10px;
	text-decoration: underline;
}
.under a:hover {
	color: #152351;
}
.rechtsuitlijnen {
	text-align: right;
	margin-right: 10px;
}
.rechtsuitlijnen a, .rechtsuitlijnen a:visited {
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #FF6700;
	margin-right: 10px;
	text-decoration: underline;
}
.rechtsuitlijnen a:hover {
	color: #152351;
}

.spaces {
	width: 100%;
	height: 40px;
	float: left;
}
.rand {
	border-top: 1px solid #152351;
}
/* h2 classes */
.rc01 {
	background-image: url(../img/classes/recruitment01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.rc02 {
	background-image: url(../img/classes/recruitment02.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.cs01 {
	background-image: url(../img/classes/cs01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.ad01 {
	background-image: url(../img/classes/ad01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.ad02 {
	background-image: url(../img/classes/ad02.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.ad03 {
	background-image: url(../img/classes/ad03.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.ad04 {
	background-image: url(../img/classes/ad04.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.cv {
	background-image: url(../img/classes/cv.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.job {
	background-image: url(../img/classes/jobs.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.contact {
	background-image: url(../img/classes/contact.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
.cvs {
	background-image: url(../img/classes/cvs.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 100%;
}
/* cv formulier */
table#formulier {
	text-align: left;
}
table#formulier table#bank {
	width: 98%;
}
#formulier label, #bank label {
	float: right;
}

#formulier input, #bank input {
	width: 160px;
	border: 1px solid #152351;
	/*float: right;*/
	height: 20px;
}
#formulier input#date1, #formulier input#date2, #formulier input#date3 {
	width: 40px;
	margin-right: 2px;
}
#formulier input#password {
	width: 350px;
}
input#radiobutton {
	width: 20px;
	margin-right: 5px;
}
input#password {
	margin-top: 10px;
}
input#accountname {
	width: 300px;
}
input#radiobutton {
	vertical-align: middle;
}
input#tob {
	margin-right: 5px;
	vertical-align: middle;
	text-align: left;
	width: 20px;
	height: 20px;
}