html, body{
 margin:0;
 padding:0;
}

'div {
border-style: solid;
borderWidth: 1px;
}'

body {
    background: #fff;
}

#container-intro {
	width: 703px;
     position:absolute;
     left: 50%; 
     top: 50%;
     height: 460px;
     margin-top: -230px; /* half of the height */
     margin-left: -352px; /* half of the width */
}

#container-website {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}

#header-website {
    position:relative;
	height: 110px;
	background-image: url(images/header-site.jpg);
	width: 100%;
}

#header-website-werkgever {
    position:relative;
	height: 110px;
	background-image: url(images/header-werkgever.jpg);
	width: 100%;
}

#header-intro {
    position:relative;
	height: 106px;
	background-image: url(images/header-intro.jpg);
	width: 100%;
}

#header-content {
    position:relative;
	font: bold 11px arial;
	color:black;
	top:77px;
	right: 15px;
	float: right;
}

#header-content a {	font: bold 11px arial;
	line-height: 25px; color:grey;}
#header-content a:hover, #header-content a:active {
color:#000000;
text-decoration:underline;
}

#header-content-werkgever {
    position:relative;
	font: bold 11px arial;
	color:black;
	top:77px;
	left: 15px;
	float: left;
}

#header-content-werkgever a {	font: bold 11px arial;
	line-height: 25px; color:grey;}
#header-content-werkgever a:hover, #header-content a:active {
color:#000000;
text-decoration:underline;
}


#leeg-links {
	width: 25px;
	float: left;
	position:relative;
}

#leeg-rechts {
	width: 25px;
	float: right;
	position:relative;
}

#main-container {
	width: 765px;
	float: left;
	position:relative;
}

#main-container-intro {
	width: 653px;
	float: left;
	position:relative;
}

#leftbar {
	width: 201px;
	float: left;
	position:relative;

	background-repeat:no-repeat;
 	height: 400px;
}

#rightbar {
	width: 203px;
	float: right;
	position:relative;

	background-repeat:no-repeat;
 	height: 400px;
}

div.menunieuws {
	position:relative;
	left: 50px;
	top: 40px;
}

div.menunieuws ul{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

div.menulinks {
	position:relative;
	left: 50px;
	top: 40px;
}

div.menulinks ul{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

/*CER*/
div.menulinks-sub {
	position:relative;
	left: 16px;
	top: 0px;
}

/*CER*/
div.menurechts-sub {
	position:relative;
	right: 16px;
	top: 0px;
}

div.menurechts {
	position:relative;
	right: 50px;
	top: 40px;
	float:right;
	text-align:right;
}

div.menurechts ul{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

/*CER: to handle the LEFT menu links such as "Bedrijfspresentatie"*/
div.menulinks-bottom {
	position:relative;
	left: 50px;
	top: 175px;
	font-family:arial;
	font-size:11px;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

/*CER: to handle the RIGHT menu links such as "Bedrijfspresentatie"*/
div.menurechts-bottom {
	position:relative;
	right: 50px;
	top: 175px;
	float:right;
	text-align:right;	
	font-family:arial;
	font-size:11px;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/	
}

div.hoofdstuk
{
    font: 900 16px Arial;
	background-image: url(images/hoofdstuk.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	_width: 327px;
	width: 327px;
	height: 20px;
}

div.sub-hoofdstuk
{
    font: 900 12px Arial;
	background-image: url(images/sub.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 15px;
}

div.hoofdstuk-werkgever
{
    font: 900 16px Arial;
	background-image: url(images/hoofdstuk-werkgever.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 327px;
	height: 20px;
}

div.sub-hoofdstuk-werkgever
{
    font: 900 12px Arial;
	background-image: url(images/sub-werkgever.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 150px;
	height: 15px;
}
div.inspring
{
	position:relative;
	left: 50px;
}

div.tekst
{
	position:relative;
	float:right;
	width: 400px;
}

div.flash {
	position:relative;
	left: 18px;
	top: 50px;
}

div.links {
	position:relative;
	left: 30px;
	top: 300px;
	font: bold 12px Verdana;
}

div.banner {
	position:relative;
	left: 30px;
}


#main-werknemer {
	width: 327px;
	float: left;
	position:relative;
}

#main-tekst {
	width: 562px;
	position:relative;
	float: right;
	background-repeat:no-repeat;
	_height:533px;
	min-height:533px;
}
#main-tekst-werkgever {
	width: 530px;
	position:relative;
	float: left;
	background-repeat:no-repeat;
	height:533px;
	left:20px;
}

#main-werkgever {
	width: 326px;
	float: right;
	position:relative;
}

#foto-werknemer {
	width: 327px;
	height: 254px;
	background-image: url(images/foto-werknemers.jpg);
	position:relative;
}

#foto-werkgever {
	width: 326px;
	height: 254px;
	background-image: url(images/foto-werkgevers.jpg);
	position:relative;
}

#button-werknemer{
	width: 327px;
	height: 43px;
	background-image: url(images/button-werknemers.jpg);
	position:relative;
}

#button-werkgever{
	width: 326px;
	height: 43px;
	background-image: url(images/button-werkgevers.jpg);
	position:relative;
	text-align: right;
}

#onderkant-werknemer{
	width: 327px;
	height: 25px;
	background-image: url(images/onderkant-werknemers.jpg);
	position:relative;
}

#onderkant-werkgever{
	width: 326px;
	height: 25px;
	background-image: url(images/onderkant-werkgevers.jpg);
	position:relative;
}

#footer {
	clear:both;
	height: 60px;
	position:relative;
}

#footer-intro {
	text-align: center;
	font: bold 11px arial;
}

#footer-content a {	font: bold 11px arial;
	line-height: 25px; color:#000000;}
#footer-content a:hover, #footer-content a:active {
color:white;
text-decoration:underline;
}

 /* Float containers fix: */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


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

a:hover, a:active {
font-weight: bold;
text-decoration:underline;
}

h1 {
    font: bold 19px Verdana;
}

h2 {
    font: bold 14px Verdana;
}

h3 {
    font: bold 12px Verdana;
    margin-top: 5px;
}

p {
    font: 0.6em verdana;
}

img {
	border: 0px;
}

ul{
	font-family:verdana;
	font-size:10px;
}

table.vacature
{ 
	font-family:verdana;
	font-size:10px;
	border-spacing:5px;
	}

table.reactie
{ 
	font-family:verdana;
	font-size:10px;
	border-spacing:0px;
	border:0px;
	}
table.vactabel
{ 
	font-family:verdana;
	font-size:10px;
}

table.vactabel td
{ 
	font-family:verdana;
	font-size:10px;
	padding-right:15px;
	}

table td
{	vertical-align:text-top;
}

div.buttons {
	position:relative;
	left: 150px;
    font: 0.6em verdana;
}