html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body	{
	background: #ffe291;
}

/* #wrapper */

#wrapper {
	min-width: 778px;
	min-height: 100%;
	position: relative;
}
* html #wrapper {
	height: 100%;
}


/* header / logo */

#header	{
	height: 176px; width: 100%;
	background: url(../images/interface/header_back.gif) repeat-x left top;
}
#header #photo {
	position: absolute;
	top: 34px; right: 0;
	width: 537px; height: 142px;
	background: white  url(../images/interface/header_photo.gif) no-repeat right top;
}
#header h1 {
	position: absolute;
	width: 351px; height: 176px;
}
#header h1 a	{
	display: block;
	width: 351px; height: 176px;
	text-indent: -999em;
	text-decoration: none;
	background: url(../images/interface/logo_vjk.gif) no-repeat left top;
}


/* anchors */
a	{
	color: #ba024b;
}
a:hover	{
	color: #5d9632;
}

.more {
	font-weight: bold;
	font-style: normal;
	color: #ba024b;
}


/* #content */

#content {
	position: relative;
	width: 1000px;
	margin-top: 2.5em;
	padding-bottom: 20px;
}

/* primaryContent */
#primaryContent {
	width: 770px;
	float: left; display: inline;
}
#primaryContent .wrapper {
	padding: 5px 20px 50px 20px;
}


/* secondaryContent */
#secondaryContent {
	float: left; display: inline;
	width: 220px;
	font-size: 0.9em;
	padding-bottom: 60px;
}
#secondaryContent .wrapper {
	padding: 10px 15px 0 15px;
}
#secondaryContent .spacer {
	height: 1px;
	font-size: 0px;
	line-height: 0%;
	background: url(../images/interface/dots_horizontal.png) repeat-x left top;
}
#secondaryContent ul li {
	background-position: 0.1em 0.5em;
	line-height: 140%;
	margin-bottom: 3px;
}
#secondaryContent ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #222;
}
#secondaryContent ul li a:hover {
	text-decoration: underline;
	color: #c20000;
}


/* #menu */

#menu {
	position: relative;
	width: 100%;
	padding-top: 0.5em;
	background: #f0af11;
	height: 2em;
}	
#menu h2 {
	display: none;
}
#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	float: left; display: inline;
}
#menu li a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: 0.3em 0.8em;
	color: #ba024b;
}
#menu li a:hover {
	color: white;
}
#menu ul li.first {
	margin-left: 5px;
}
#menu li.active {
	background: #ffe291 url(../images/interface/tab_lefttop.gif) no-repeat left top;
}
#menu li.active a {
	background: url(../images/interface/tab_righttop.gif) no-repeat right top;
	color: black;
}
#menu li.active a:hover {
	color: black;
}

/* submenu */

#menu ul ul {
	display: none;
	position: absolute;
	top: 2.8em;
	background: none;
}
#menu ul ul,
#menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li.active ul {
	/* #menu ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}
#menu li li {
	float: left; display: inline;
	background: none;
	font-size: 0.85em;
}
#wrapper #menu ul li li a {
	float: left; display: inline;
	padding: 0.3em 0.6em;
	background: none;
	color: #ba024b;
}
#wrapper #menu ul li li a:hover {
	color: #f0af11;
}
#wrapper #menu ul li li.active,
#wrapper #menu ul li li.active a {
	background: none !important;
	color: black;
}



/* topMenu */

#topMenu {
	position: absolute;
	top: 148px; right: 5px;
}
#topMenu ul,
#topMenu li {
	margin: 0;	padding: 0;
	list-style: none;
}
#topMenu li {
	float: left; display: inline;
	font-weight: bold;
	font-size: 14px;
}
#topMenu li a {
	padding: 2px 7px;
	color: white;
	text-decoration: none;
}
#topMenu li a:hover {
	color: white;
	text-decoration: underline;
}
li#english {
	display: none;
}
li#english a {
	background: url(../images/interface/flag_uk.gif) no-repeat left center;
	padding-left: 20px;
}
#page_home #topMenu li#english,
#page_links #topMenu li#english,
#page_contact #topMenu li#english {
	display: block;
}

/* address */

address {
	font-style: normal;
}

address span.label {
	display: block;
	float: left;
	width: 4.5em;
	white-space: nowrap;
}

#address {
	position: absolute;
	top: 6px; right: 15px;
	font-size: 13px;
}
#address address span.label {
	display: inline;
	float: none;
	width: auto;
	padding-left: 0.7em;
	font-weight: bold;
	color: #ba024b;
}
#address a {
	color: black;
	text-decoration: none;
}
#address a:hover {
	color: black;
	text-decoration: underline;
}

/* #footer */

#footer	{
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid white;
	background: #79b500;
	font-size: 11px;
	line-height: 125%;
	color: white;
}
* html #footer {
	bottom: -1px;
}
#footer .wrapper {
	padding: 6px 12px;
	text-align: center;
}
* html #footer .wrapper {
	padding-bottom: 2px;
}
#footer a	{
	font-weight: bold;
	text-decoration: none;
	color: white;
}
#wrapper #footer a:hover {
	text-decoration: underline;
	color: white;
}

#footer #copyright {
	float: right;
	display: inline;
}

#footer #footerMenu {
	float: left;
	display: inline;
}
#footer #footerMenu ul,
#footer #footerMenu li {
	margin: 0;	padding: 0;
	list-style: none;
}
#footer #footerMenu li {
	float: left; display: inline;
	line-height: 110%;
	font-size: 11px;
	border-right: 1px solid #4b7000;
}
#footer #footerMenu li.last {
	border: none;
}
#footer #footerMenu li a {
	line-height: 120%;
	margin: 0 8px 2px 8px;
}


/* various classes */

#content ul {
	list-style: none;
	margin: 0; padding: 0;
	margin-bottom: 1em;
}
#content ul li {
	padding-left: 0.9em;
	background: url(../images/interface/bullet.png) no-repeat 0.2em 0.6em;
}

#content ul.downloads {
	margin-bottom: 1.5em;
}
#content ul.downloads li {
	background: none;
	padding-left: 0;
}

hr,
h2 {
	display: none;
}
#content hr,
#content h2 {
	display: block;
}

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}
abbr {
	border: none;
}
.clearBoth {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
	visibility: hidden;
}


/*  S P E C I F I C  */

/* projecten */

table.projectList {
	width: 100%;
}
table.projectListBuitenland {
	width: 400px;
}
table.projectListBuitenland th,
table.projectListBuitenland td,
table.projectList th,
table.projectList td {
padding: 8px;
}
table.projectListBuitenland tr:hover td,
table.projectList tr:hover td {
	background: #ffd046;
	cursor: pointer;
}

#projectInfo {
	float: right; display: inline;
	width: 244px;
	margin: 0 0 1.5em 1.5em;
}
#projectInfo h3 {
	background: #f0af11 url(../images/interface/box_title_righttop.gif) no-repeat right top;
}
#projectInfo h3 span {
	display: block;
	background: url(../images/interface/box_title_lefttop.gif) no-repeat left top;
	text-align: center;
	font-size: 0.9em;
	color: #ffe291;
}
#projectInfo .wrapper {
	background: #ffd046;
	border: 1px solid #f0af11;
	padding: 5px 10px;
}
#projectInfo table {
	width: 100%;
}
#projectInfo th,
#projectInfo td {
	font-size: 0.9em;
}

#projectInfo img {
	border: 1px solid #ffe291;
	margin-bottom: 10px;
}


/* kaart */

.caption {
	margin-bottom: 0.5em;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	color: #b78d0a;
}
#mapHolder {
	float: right;
	width: 320px;
	margin-bottom: 1em;
}
#map {
	position: relative;
	width: 320px; height: 320px;
	border: 1px solid #b78d0a;
	background: url(../images/kaart.png) no-repeat right top;
}
#map a {
	position: absolute;
	display: block;
	width: 7px; height: 7px;
	border: 1px solid white;
	line-height: 0%;
	font-size: 0;
	text-indent: -999em;
	text-decoration: none;
	overflow: hidden;
}

#map #loc_01 {
	top: 167px; left: 84px;
	background: DarkRed;
}
#map #loc_01:hover {
	background: Red;
}
#map #loc_02 {
	top: 160px; left: 101px;
	background: Green;
}
#map #loc_02:hover {
	background: LawnGreen;
}
#map #loc_03 {
	top: 191px; left: 73px;
	background: DodgerBlue;
}
#map #loc_03:hover {
	background: Cyan;
}
#map #loc_04 {
	top: 180px; left: 70px;
	background: Indigo;
}
#map #loc_04:hover {
	background: DeepPink;
}
#map #loc_05 {
	top: 234px; left: 148px;
	background: DarkGoldenRod;
}
#map #loc_05:hover {
	background: Gold;
}
#map #loc_06 {
	top: 102px; left: 144px;
	background: DarkOrchid;
}
#map #loc_06:hover {
	background: IndianRed;
}
#map #loc_07 {
	top: 116px; left: 204px;
	background: DarkBlue;
}
#map #loc_07:hover {
	background: RoyalBlue;
}
#map #loc_08 {
	top: 202px; left: 182px;
	background: OrangeRed;
}
#map #loc_08:hover {
	background: Orange;
}
#map #loc_09 {
	top: 157px; left: 155px;
	background: LightSlateGray;
}
#map #loc_09:hover {
	background: LightSteelBlue;
}
#map #loc_10 {
	top: 28px; left: 311px;
	background: Olive;
}
#map #loc_10:hover {
	background: DarkKhaki;
}
#map #loc_11 {
	top: 212px; left: 199px;
	background: LimeGreen;
}
#map #loc_11:hover {
	background: GreenYellow;
}
#map #loc_12 {
	top: 230px; left: 140px;
	background: IndianRed;
}
#map #loc_12:hover {
	background: LightSalmon;
}
/*
	Pleegzorgprojecten Oost-Europa
    * Kroatië
    * Bosnië-Herzegovina
    * Roemenie
    * Servië
    * Macedonië
*/
#map #loc_13 {
	top: 190px; left: 85px;
}
#map #loc_14 {
	top: 198px; left: 115px;
}
#map #loc_15 {
	top: 165px; left: 215px;
}
#map #loc_16 {
	top: 195px; left: 165px;
}
#map #loc_17 {
	top: 252px; left: 168px;
}

#map #loc_13,
#map #loc_14,
#map #loc_15,
#map #loc_16,
#map #loc_17 {
	background: #bbb;
}

#map #loc_13:hover,
#map #loc_14:hover,
#map #loc_15:hover,
#map #loc_16:hover,
#map #loc_17:hover {
	background: Orange;
}

#map #loc_18 {
	top: 220px; left: 140px;
	background: #64a78b;
}
#map #loc_18:hover {
	background: #aed8c7;
}

#map #loc_19 {
	top: 208px; left: 166px;
	background: #ff7800;
}

#map #loc_19:hover {
	background: #ffa85b;
}

#map #loc_20{
	top: 240px; left: 136px;
	background: #00ff12;
}

#map #loc_20:hover {
	background: #a3d8a6;
}

#map #loc_21{
	top: 195px; left: 123px;
	background: #ff53f1;
}

#map #loc_21:hover {
	background: #ff88f5;
}

#map #loc_22 {
	top: 206px; left: 156px;
	background: #008aff;
}

#map #loc_22:hover {
	background: #80b5e2;
}

#map #loc_23{
	top: 245px; left: 146px;
	background: #6f4db2;
}

#map #loc_23:hover {
	background: #a388d8;
}

#map #loc_24{
	top: 250px; left: 166px;
	background: #ff50d8;
}

#map #loc_24:hover {
	background: #ff91e6;
}

#map #loc_25 {
	top: 85px; left: 174px;
	background: #0a4500;
}

#map #loc_25:hover {
	background: #539748;
}

#map #loc_26 {
	top: 157px; left: 155px;
	background: LightSlateGray;
}

#map #loc_26:hover {
	background: LightSteelBlue;
}

/* IE5.x/WIN hacks */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */


/* IE5.5 */
@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55.css'; /*";}
}/* */

#banner	{
	position: absolute;
	left: 250px;
	top: 60px;
}
