body, html {
    width:              100%;
    height:             100%;
    background-color:   #ffffff;
    margin:             0;
    padding:            0;
    font-size:          13px;
	line-height:        21px;
    font-family:        Geneva,Verdana,sans-serif;
    color:              #888888;
}

h1, h2, h3, h4 {
	font-family: 		'Lucida Grande','Lucida Sans Unicode',sans-serif;
}

a {
    color:              #333333;
	text-decoration:    none;
}

a:hover {
    color:              #000000;
}

img {
	margin:             0;
	padding:            0;
	border:             0;
	width:              auto;
}

div#container {
    background-color:   #ffffff;
    width:              836px;
    padding-top:        105px; /* hoogte head + padding head */
	margin-left:        auto; 
    margin-right:       auto;
    top:                0;
	position:			relative;
}

div#head {
    width:              836px;
	/*padding:            20px 0 60px 0;*/
	padding:            104px 0 60px 0;
	margin-left:        -418px; 
    position:           fixed;
    left:               50%;
    top:                0;
    background-color:   #ffffff;
    z-index:            2;
}

div#logo {
    width:              244px;
	height:             25px;
	padding:            0px;
	margin:             0 30px 0 0;
	float:              left;
}

div#navigation {
    height:             18px; /*(25 - 7)*/
	width: 				562px;
	padding:            7px 0 0 0px;
	margin:             0;
	float:              left;
	font-family: 		'Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-size:			13px;
	line-height:		13px;
	font-weight:		bold;
}

div#navigation ul {
    padding:            0;
	margin:             0;
	list-style:         none;
}

div#navigation ul li {
    padding:            0;
	margin:             0 17px 0 0;
	float:              left;
}

div#navigation ul li.last {
    margin:             0;
}

div#navigation ul li a {
	display: 			block;
	color:				#999999;
}

div#navigation ul li a:hover,
div#navigation ul li.active a,
div#navigation ul li ul.submenu li a:hover,
div#navigation ul li ul.submenu li.active a {
	color:				#000000;
	background-image:	url(/images/nav_.gif);
	background-repeat:	no-repeat;
	background-position:1px 17px;
	height:				20px;
}

div#navigation ul li ul.submenu {
    position: 			absolute;
	width:				562px;
}

div#navigation ul li ul.submenu li a {
    color: 				#000000;
	background-image:	none;
}

div#navigation ul li.active.no_  a{
    background-image:	none;
}

/*content*/

div#content {
    padding:            0;
	margin:             84px 0 0 0;
	width:              836px;
	position:			relative;
	float: 				left;
}

div.with-overview div#text {
    /*min-height:         452px;  /* bij minimale hoogte lijnt #overview goed uit */
    /*position:           relative;*/
}

div.with-overview div#text_content {
    /*margin-bottom:      142px; /* ruimte vrijmaken voor #overview */
}

div#overview {
	position:           absolute;
	width:              245px;
	top:				311px;
	/*bottom:             0;*/
    left:               0;
	margin-bottom:		-2px;
}

/*
div#overview div.prev-next {
    padding-top:        7px;
    height:             22px;
    clear:              left;
}
*/

div.project_images {
	float:              left;
	display:            inline;
	margin:             10px 10px 0 0;
}

div.project_images a {
	position: 			relative;
	display:            block;
}

div.project_images a div.overlay{
	width:				64px;
	height: 			47px;
	position:			absolute;
	left:				0;
	top:				0;
	background-color:	#ffffff;
	cursor: 			pointer;
}

div#visual {
    width:              560px;
    padding:            0;
	margin:             0 0 0 275px;
    overflow:           auto;
}

div#visual div.row {
	position:           relative;
	float:              left;
	display:            inline;
	/*margin:             0 0 20px 0;*/
	margin:             0 0 10px 0;
}

div#visual div.row div {
	width:              132px;
	position:           relative;
	float:              left;
	display:            inline;
	padding:            0 10px 0 0;
}

div#visual div.row div.last {
	width:              132px;
	position:           relative;
	float:              left;
	display:            inline;
	padding:            0 0 0 0;
}

div#visual div.row div h3{
	margin:            8px 0 0 0;
}

h1 {
    color:              #000000;
	font-size:          17px;
	line-height:        21px;
	margin:             0;
	padding:            0;
}

h1.only {
    margin:             0 0 21px 0;
}

h2 {
    color:              #999999;
	font-size:          17px;
	line-height:        21px;
	margin:             0;
	padding:            0;
	margin:             0 0 21px 0;
}

h3 {
    color:              #999999;
	/*font-size:          13px;
	line-height:        21px;*/
	font-size:			11px;
	line-height:		13px;
	margin:             0;
	padding:            0;
}

h3 a{
    color:              #999999;
	text-decoration:    none;
}

h3 a:hover{
    color:              #000000;
	text-decoration:    none;
}

div#text {
	float:              left;
    width:              245px; /* (265 - 20) */
    position:           fixed;
    background-color:   #ffffff;
	/* STYLING FROM SPAN */
	height:             425px;
	overflow:           hidden;
}

div#text span.content {
    margin:             0;
	padding:            0;
	/*height:             378px;*/
	height:             358px;/*378-30*/
    overflow:           hidden;
    display:            block;
}

span.black {
	color:				#000000;
}

div#opdrachtgevers {
    color:              #000000;
	font-family: 		'Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-size:          13px;
	line-height:        28px;
	margin:             0;
	padding:            0;
	text-align:         justify;
    width:              559px;/*fix for safari*/
}

span.customer {
    background-image:   url(/images/bullet_black.gif);
    background-position:0 6px;
    background-repeat:  no-repeat;
    padding-left:       10px;
}

span.customer.first {
    background-image:   none;
    padding-left:       0;
}

a.project {
    background-image:   url(/images/bullet_grey.gif);
    background-position:0 6px;
    background-repeat:  no-repeat;
    padding-left:       10px;
	color:				#999999;
}

select {
	width:				200px;
}

div#text form {
	margin:				16px 0 0 0;
}

div.back_to,
div.more {
	/*position:			absolute;*/
	position:			fixed;
	font-size:			11px;
	line-height:		15px;
	/*top:				468px;*/
	top:				657px;/*573+84*/
}

div#intranet {
        float: right;
	    }

/* NEWSLETTER STYLE */
div#newsletter {
	width:              560px;
    padding:            0;
	margin:             0 0 0 275px;
    overflow:           auto;
}

div#newsletter h1 {
	color: 				#999999;
	font-size: 			30px;
	line-height: 		42px;
	font-weight: 		bold;
	margin-bottom: 		16px;
}

div#newsletter h2 {
	color: 				#000000;
	font-size: 			30px;
	line-height: 		42px;
	margin-bottom:		13px;
}

div#newsletter p {
	font-size: 			13px;
	line-height: 		21px;
	color: 				#999999;
	margin:				0;
}

div#newsletter span.intro {
	font-size: 			14px;
	line-height: 		21px;
	color: 				#999999;
}

div#newsletter span.greet {
	font-size: 			14px;
	line-height: 		21px;
	color: 				#000000;
	font-weight: 		bold;
}

div#text h1 span.date {
	height:				auto;
	display: 			inline;
	font-size:			10px;
	line-height:		21px;
}

ul#newsletteritems {
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
	padding:			0;
	margin:				0;
	width: 				245px;
}

ul#newsletteritems li {
	display:			block;
	float: 				left;
	margin-bottom:		17px;
}

ul#newsletteritems li a {
	display:			block;
	width:				214px;
	padding-right:		31px;
}

ul#newsletteritems li a img{
	float: 				right;
	margin: 			0 0 0 5px;
}

ul#newsletteritems li a h3 {
	/*font-size:			10px;
	line-height:		12px;*/
	color:				#000000;
}

span.caption {
	display: block;
	margin-bottom: 20px;
}

/* INSCHRIJFFORMULIER  NIEUWSBRIEF STYLING */
.mpFormLabel {
	padding-right: 20px;
}

.mpFormLabel,
.mpFormField {
	padding-bottom: 10px;
}

.mpFormField input {
	width: 200px;
}

.mpFormField .mpRadioButtonTable input{
	width: auto;
}