/****** general ******/
HTML, BODY {
	background-image: url(../../assets/graphics/backgrounds/general-tile.jpg);
	background-repeat: repeat-x;
	background-color: #FFC457;
	height: 100%;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
TH {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
	text-align: left;
}
TD {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
}
A {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
H1 { 
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #003366;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0px 0px -20px 0px; /* top, right, bottom, left */
}
H2 { 
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing: 2px;
	margin: 0px 0px -20px 0px; /* top, right, bottom, left */
}
#imgbox {
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
#imgboxleft {
	margin: 0px 10px 0px 0px; /* top, right, bottom, left */
}
#imgboxright {
	margin: 0px 0px 0px 10px; /* top, right, bottom, left */
}


/****** homepage ******/
#projshome {
	background-image: url(../../assets/graphics/backgrounds/projects-homepage.gif);
	background-repeat: no-repeat;
	width: 367px;
	height: 153px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#Copy_of_projshome {
	background-image: url(../../assets/graphics/backgrounds/projects-homepage.gif);
	background-repeat: no-repeat;
	width: 302px;
	height: 153px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#projshome TH { 
	height: 30px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 4px 0px 0px 11px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#projshome TD { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 0px 0px 11px; /* top, right, bottom, left */
}
#projshome A {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 15px 0px 0px; /* top, right, bottom, left */
}
#projshome A:hover {
	text-decoration: underline;
}


/****** projecten ******/
#projects {
/*	width: 100%; */
	width: 360px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#projects TD { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 2px 0px 3px 5px; /* top, right, bottom, left */
}
#projects TD.color { 
	background-color: #DDDDDD;
}
#projects A {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 3px 0px; /* top, right, bottom, left */
}
#projects A:hover {
	text-decoration: underline;
}
SELECT {
	width: 100%;
	font: 10px Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #FFFFFF;
	border: 1px solid #809DB9;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}


/****** vacatures ******/
#vacancies {
	width: 100%;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#vacancies TD { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 2px 0px 3px 5px; /* top, right, bottom, left */
}
#vacancies TD.color { 
	background-color: #DDDDDD;
}
#vacancies A {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 3px 0px; /* top, right, bottom, left */
}
#vacancies A:hover {
	text-decoration: underline;
}


/****** nieuwsbrief ******/
#newsletter {
	width: 363px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#newsletter TD { 
	font: bold 11px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	padding: 2px 0px 3px 5px; /* top, right, bottom, left */
}
INPUT.newsletter {
	width: 99%;
	font: 10px Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #FFFFFF;
	border: 1px solid #809DB9;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}


/****** vacatures ******/
#vacancie {
	width: 363px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#vacancie TD { 
	font: bold 11px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	padding: 2px 0px 3px 5px; /* top, right, bottom, left */
}
INPUT.vacancie {
	width: 99%;
	font: 10px Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #FFFFFF;
	border: 1px solid #809DB9;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
TEXTAREA.vacancie {
	width: 100%;
	height: 100px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #FFFFFF;
	border: 1px solid #809DB9;
	margin: 3px 0px 0px 0px; /* top, right, bottom, left */
}


/****** template ******/
#template {
	width: 746px;
	height: auto;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#template TD.margin { 
	width: 20px;
}
#template TD.crumble { 
	height: 30px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
#template TD.crumble A {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}
#template TD.crumble A:hover {
	color: #555555;
	text-decoration: underline;
}


/****** layout ******/
#container {
/*	width: 981px; */
	width: 100%;
	height: 100%;
	margin: 0px auto 0px auto; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#wrapper {
	width: 981px;
	height: 100%;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	background-color: #FFFFFF;
	border: 0px solid #000000;
}
#wrapper TD {
	vertical-align: top;
}
#content {
	width: 931px;
	height: 100%;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#content TD {
	vertical-align: top;
}
#topmenu {
	width: 746px;
	height: 100%;
	margin: 0px 0px 0px 165px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#topmenu UL { 
	margin: 10px 0px 0px 0px; /* top, right, bottom, left */
}
#topmenu LI { 
	font: 11px Arial, Helvetica, sans-serif;
	display: inline; 
	margin: 0px 0px 0px 20px; /* top, right, bottom, left */
}
#topmenu A {
	color: #003366;
	font-weight: normal;
	text-decoration: none;
}
#topmenu A:hover {
	text-decoration: underline;
}
#topmenu A.white {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#topmenu A.white:hover {
	text-decoration: underline;
}
#topmenu TD.title { 
	vertical-align: bottom;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #CCD6E0;
	padding: 0px 0px 4px 0px; /* top, right, bottom, left */
}
#mainmenu {
	width: 911px;
	height: 30px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#mainmenu TD.mainmenu { 
	font: bold 15px Arial, Helvetica, sans-serif;
	padding: 1px 0px 0px 0px; /* top, right, bottom, left */
}
#mainmenu A {
	color: #FFFFFF;
	text-decoration: none;
}
#mainmenu A:hover {
	color: #003366;
}
#wrapper TD.sidebar {
	background-image: url(../../assets/graphics/backgrounds/sidebar.jpg);
	background-repeat: no-repeat;
}
#sidebar {
	width: 107px;
	height: 400px;
	margin: 0px 0px 0px 32px; /* top, right, bottom, left */
	border: 0px solid #000000;
}
#sidebar TD { 
	vertical-align: top;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px 0px 4px 0px; /* top, right, bottom, left */
}
#sidebar TD small { 
	vertical-align: bottom;
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
}