body {
	margin : 0px;
	height : 100%;
	width :	100%;

}

/* GENERAL FONT */

body, td, div {
	font-family : arial;
	font-size : 11px;
	line-height : 16px;
	color : #626E83;	
}

h2 {
	font-size : 11px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
}

#purple {
	color : #6B2683;
}


b {
	
	font-weight : bold;	
}

a {
	font-family : arial;
	font-size : 11px;
	color : #6B2683;
	font-weight : bold;
	text-decoration : underline;	
}

a#normal {
	font-weight : normal;
}

a#normal:hover {
	font-weight : normal;	
}

a:hover {
	font-family : arial;
	font-size : 11px;
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
	background-color : #6B2683;	
}

input, textarea {
	border : 1px solid #C9C9C7;
	font-family : arial;
	font-size : 11px;
	color : #626E83;
	padding : 0px;
	padding-left : 5px;

}

#gender input {
	border : 0px;
}

input#noBorder {
	border : 0px;
}

ul {
	margin : 0px;
	margin-left : 16px;
	padding : 0px;	
}

ul#doelgroepen {
	margin : 0px;
	margin-top : 9px;
	margin-left : 16px;
	padding : 0px;	
}

ul#sitemap li{
	margin : 0px;
	margin-bottom : 10px;
	margin-left : 16px;
	padding : 0px;	
}

li#subitem {
	margin : 0px;
	margin-bottom : 0px;
	margin-top : 0px;
	padding : 0px;
	list-style-image : url(../images/list2.gif);
	font-weight : normal;
}

ul li {
	list-style-image : url(../images/list.gif);
	margin : 0px;
	padding : 0px;
	margin-bottom : 1px;		
}

li#green {
	list-style-image : url(../images/list2.gif);
		
}

li#arrow {
	list-style-image : url(../images/list3.gif);
		
}

a.textlinks {
	font-family : arial;
	font-size : 11px;
	color : #626E83;
	font-weight : normal;
	text-decoration : none;	
}

a:hover.textlinks  {
	font-family : arial;
	font-size : 11px;
	color : #626E83;
	font-weight : normal;
	text-decoration : none;
	background-color : #DDDDDD;	
}

/* -- FOTO -- */

div.fotoGallery {
	position : relative;
	width : 100%;
	height : 122px;
	margin-bottom : 3px;	
}

div.fotoGallery .foto {
	float : left;
	margin-right : 5px;
	margin-bottom : 5px;
	cursor : pointer;
}


div.fotoGallery .foto img{
	border : 1px solid #626E83;
}

/* -- PROJECT ITEM  */

div.projectItem {
	position : relative;
	width : 100%;

}

div.projectItem .logo {
	float : left;
	margin-top : 2px;
	margin-right : 7px;
}

div.projectItem .logo#project {
	float : right;
	margin-top : 2px;
	margin-right : 7px;
}

div.projectItem .logo img{
	border : 1px solid #626E83;
}


div.projectNav {
	position : relative;
	width : 100%;
	height : 16px;
}

div.projectNav .previous{
	position : absolute;
	top : 0px;
	left : 0px;
}

div.projectNav .next{
	position : absolute;
	top : 0px;
	right : 0px;
}

/* -- BOX ---- */


div.box {
	margin-top : 12px;
	width : 249px;	

}

div.box .headerBalk{
	width : 100%;
	background-image : url(../images/boxRightTop3.gif);
	background-repeat : no-repeat;
	background-position : top right;
	height : 18px;
	background-color : #C9C9C7; 
}

div.box .headerBalk .image{
	position : relative;
	top : 7px;
	left : 11px;
}

div.box .boxbody {
	background-color : #FFFFFF;
	border : 1px solid #C9C9C7;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 6px;
	padding-bottom : 4px;
}

/* -- StaticContent ---- */

div.staticContent {
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : 18px;
	margin-right : 18px;
}

/* -- Splitters ---- */
div.splitter{
	width : 100%;
	background-image : url(../images/splitter.gif);
	height : 1px;
	margin-top : 13px;
	margin-bottom : 12px;
}
/*--------------------------*/

div.header {
	width : 100%;
	background-image : url(../images/topBack.gif);
	background-repeat : repeat-x;
	height : 89px;
}

div.header .logo {
	position : absolute;
	top : 8px;
	left : 27px;
}

div.header .menu {
	position : absolute;
	top : 69px;
	left : 3px;
	width : 335px;
	height : 20px;
}

div.header .menu2 {
	position : absolute;
	top : 24px;
	right : 16px;

	height : 12px;
}

div.header .changelang {
	position : absolute;
	top : 69px;
	right : 16px;
}

div.headerImage {
	position : relative;
	width : 100%;
	background-image : url(../images/headerImageBack.gif);
	background-repeat : repeat-x;
	height : 105px;
}

div.headerImage .image{
	position : relative;
	top : 0px;
	left : 0px;
	width : 650px;
}
div.headerImage .flash{
	position : relative;
	top : 0px;
	left : 0px;
	width : 650px;
	height : 105px;
	/*border-top: 1px solid #F6F6F3;*/
}

div.headerImage .imageEnd{
	position : absolute;
	top : 0px;
	right : 0px;
	width : 104px;
}

div.content {
	position : relative;
	width : 100%;
	margin-top : 0px;
}

div.content .headerContent{
	position : relative;
	width : 100%;
	margin-top : 0px;
	padding-top : 20px;
	padding-right : 8px;
	padding-bottom : 13px;
	background-color : #EAEAE8;
}

div.content .headerContent .overVDW{
	position : relative;
	margin-left : 18px;
}

div.content .headerContent .overVDW .text{
	margin-top : 9px;
	text-align : justify;
}

div.content .headerContent .overVDW .link{
	margin-top : 9px;
}

div.content .headerContent .groupSamenstelling{
	position : relative;
	margin-top : -8px;
	margin-left : 15px;
	height : 100px;
	width : 250px;
	float : right;
	right : 0px;
	z-index : 2;
}

div.content .headerContent .groupSamenstelling .headerBalk{
	width : 100%;
	background-image : url(../images/boxRightTop2.gif);
	background-repeat : no-repeat;
	background-position : top right;
	height : 18px;
	background-color : #C9C9C7; 
}

div.content .headerContent .groupSamenstelling .headerBalk .image{
	position : relative;
	top : 7px;
	left : 11px;
}

div.content .headerContent .groupSamenstelling .boxbody {
	background-color : #FFFFFF;
	border : 1px solid #C9C9C7;
	padding-left : 7px;
	padding-top : 6px;
	padding-bottom : 4px;
}




div.content .grayBack{
	position : relative;
	width : 100%;
	margin-top : 0px;
	background-color : #EAEAE8;
	height : 125px;
}

div.balkLinks {
	position : relative;
	width : 186px;
	height : 300px;
	margin-top : 20px;
	margin-left : 15px;
}

div.balkLinks .leftSplitter{
	width : 100%;
	background-image : url(../images/leftSplitter.gif);
	background-repeat : repeat-x;
	height : 21px;
	
}

/* BALK MAILINGLIST */

div.balkLinks .mailinglist{

	
}

div.balkLinks .mailinglist .headerBalk{
	width : 100%;
	background-image : url(../images/boxRightTop.gif);
	background-repeat : no-repeat;
	background-position : top right;
	height : 18px;
	background-color : #C9C9C7; 
	
}

div.balkLinks .mailinglist .headerBalk .image{
	position : relative;
	top : 7px;
	left : 11px;
}

div.balkLinks .mailinglist .boxbody2 {
	background-color : #FFFFFF;
	border : 1px solid #C9C9C7;
}

div.balkLinks .mailinglist .boxbody2 .content{
	position : relative;
	left : 10px;
	width : 164px;
	height : 50px;
}

div.balkLinks .mailinglist .boxbody2 .content .text{
	position : absolute;
	top : 10px;
}

div.balkLinks .mailinglist .boxbody {
	background-color : #FFFFFF;
	border : 1px solid #C9C9C7;
	height : 146px;
}

div.balkLinks .mailinglist .boxbody .content{
	position : relative;
	left : 10px;
	width : 164px;
	height : 128px;
}

div.balkLinks .mailinglist .boxbody .content .text{
	position : absolute;
	top : 10px;
}


div.balkLinks .mailinglist .boxbody .content .submit{
	position : absolute;
	top : 127px;
	left : 80px;
}

div.balkLinks .mailinglist .boxbody .content .genderSelect{
	position : absolute;
	top : 42px;

}

div.balkLinks .mailinglist .boxbody .content .onthoud{
	position : absolute;
	top : 107px;
}

div.balkLinks .mailinglist .boxbody .content .inputName {
	position : absolute;
	top : 63px;
}

div.balkLinks .mailinglist .boxbody .content .inputEmail{
	position : absolute;
	top : 84px;
}

div.balkLinks .mailinglist .boxbody .content .inputName input{
	border : 1px solid #C9C9C7;
	height : 16px;
	width : 157px;
}

div.balkLinks .mailinglist .boxbody .content .inputEmail input{
	border : 1px solid #C9C9C7;
	height : 16px;
	width : 157px;
}

/* BALK CONTACTINFO */

div.balkLinks .contactInfo {
	margin-left : 3px;
	margin-top : 9px;

}

div.balkLinks .contactInfo .text {
	margin-top : 8px;
	width : 184px;

}

div.balkLinks .contactInfo .text a{
	font-weight : normal;
}

div.balkLinks .contactInfo .headerimage {

}

/* BALK SHOWCASE */

div.foto img {
	border : 1px solid #C3C3C0;

}

div.balkLinks .showcase {
	margin-left : 3px;

}

div.balkLinks .showcase .text {
	margin-top : 13px;
	width : 184px;
}


div.balkLinks .showcase .link {
	margin-top : 9px;
}

div.balkLinks .showcase .text b{
	color : #FF9900;
	font-weight : bold;
}


/* BALK TD */

td.balkLinks {
	background-color : #F7F7F4;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;	
}


/* CONTENT MAIN */

div.contentContainer {

	margin-left : 18px;
	margin-right : 8px;
	margin-bottom : 12px;
}

div.contentContainer .nieuwsOverzicht {
	margin-top : 20px;
	margin-bottom : 12px;
}

div.contentContainer .nieuwsOverzicht ul{
	margin-top : 12px;
	margin-bottom : 7px;
}

div.clientQuotes {
	background-color : #F7F7F4;
	border : 1px solid #C9C9C7;
	margin-top : 26px;
	margin-bottom : 26px;
	padding-left: 10px;
	padding-right: 10px;
}

div.clientQuotes .text {
	margin-left : 21px;
	margin-right : 21px;
	margin-top : 10px;
	margin-bottom : 8px;
	font-style : italic;
}

/* GROUPSCHEMA */

div.groupSchema {
	background-image : url(../images/groupSchema_back.gif);
	background-color : #F7F7F4;
	border : 1px solid #4EB799;
	margin-top : 26px;
	margin-bottom : 26px;
}

div.groupSchema .wrapper {
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 1px;
	margin-bottom : 5px; 
}

div.groupSchema .schemaHeader {
	font-size : 11px;
	font-weight : bold;
	letter-spacing : 1px;
	margin-bottom : 1px;
}

div.groupSchema .schemaBox{
	background-color : #FFFFFF;
	border : 1px solid #4EB799;
	height : 59px;
}

div.groupSchema .schemaBox .groupSchemaItem{

	cursor : pointer;
	height : 59px;
}

div.groupSchema .schemaBox .groupSchemaItem .itemWrapper{
	margin-left : 6px;
	padding-top : 9px;
}

div.groupSchema .schemaBox .groupSchemaItem#groupItem2 {
	background-color : #C4C4C4;
}

td#greenBorderLeft {
	border-right : 1px solid #4EB799;	
}

/* CREDITS */

div.credits {
	position : relative;
	margin-left : 18px;
	height : 37px;
	overflow : hidden;	
}

div.credits .text {
	position : absolute;
	top : 11px;
	height : 26px;		
}

div.credits a{
	font-weight : normal;
	text-decoration : none;	
}

div.credits a:hover{
	font-weight : normal;
	text-decoration : none;	
}

div.credits .metaaluni{
	position : absolute;
	left : 393px;
	top : 0px;	
}