* {
	margin: 0;
	padding: 0;}

body {
	font: 110%/1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #75746d;
	color: #000;}
/*
body strong {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
*/
.group:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;}

.group {
	-ms-zoom: 1;
	zoom: 1;}

.hide {
	display: none;}

a img {
	border: 0;}

abbr{
	border-bottom: 0;}

div#sitewrapper {
	position: absolute;
	width: 920px;
	left: 50%;
	top: 30px;
	margin-left: -450px;
	padding-bottom: 50px;
	z-index: 2;}

div#background {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;}

div#background img {
	opacity: 0;
	filter: alpha(opacity=0);}

div#background div#mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: transparent url(/images/background-tile.gif) top left repeat;
	opacity: 0.2;
	filter: alpha(opacity=20);}

div.feedback-error {
	background-color: #F99;
	color: #000;
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	padding: 5px 10px;
	margin-bottom: 1.5em;}

div.feedback-error p {
	margin: 0 !important;}


/**
 * NAVIGATION & LOGO
 */
div#left-col {
	width: 150px;
	float: left;}

div#left-col h1 {
	width: 129px;
	height: 44px;}

div#left-col h1 a:link, div#left-col h1 a:visited {
	width: 129px;
	height: 44px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin-bottom: 15px;
	background: transparent url(../images/h1.png) top left no-repeat;}

div#left-col ul#navigation {
	position: relative;
	text-align: right;
	list-style-type: none;
	line-height: 1.5em;}

div#left-col ul#navigation li {
	position: relative;
	font-size: 0.7em;
	line-height: 1em;
	float: right;
	clear: both;
	padding: 4px 15px;
	text-transform: lowercase;}

div#left-col ul#navigation li.active {
	margin-right: 2px;
	padding-left: 22px;
	padding-right: 13px;
	background: #000 url(../images/nav-active-bg.gif) top left repeat-x;}

div#left-col ul#navigation span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #959583 url(../images/nav-mouseover-bg.gif) top left repeat-x;}

div#left-col ul#navigation li a:link,
div#left-col ul#navigation li a:visited {
	color: #FFF;
	text-decoration: none;}

div#left-col ul#navigation li a:link:hover,
div#left-col ul#navigation li a:visited:hover {
	text-decoration: underline;}

div#left-col ul#navigation li#nav-updates,
div#left-col ul#navigation li#nav-contact {
	margin-bottom: 2em;}

div#left-col ul#navigation li#nav-english {
	font-style: italic;}

/**
 * CONTENT
 */
div#right-col {
	float: left;
	width: 770px;}

div#right-col #header {
	position: relative;
	height: 210px;
	margin-bottom: 2px;}

div#right-col #header h2 {
	left: 0;
	bottom: 0;
	height: 47px;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;}

div#right-col div#intro {
	background-color: #FFF;
	margin-bottom: 2px;
	padding: 15px 17px 1px 17px;
	min-height: 204px;
	height: auto !important;
	width: 580px;
	height: 204px;}

body.projectblock div#right-col div#intro {
	float: left;
	width: 511px;}

div#right-col div#intro p,
div#right-col div#intro ul,
div#right-col div#intro ol {
	font-size: 0.6875em;
	line-height: 1.3em;
	margin-bottom: 2em;}

div#right-col div#intro p strong.intro {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;}

div#right-col div#intro ul,
div#right-col div#intro ol {
	margin-left: 14px;}

div#right-col div#intro ul {
	list-style-type: square;}

div#right-col div#intro a:link,
div#right-col div#intro a:visited {
	color: #369;
	text-decoration: none;
	border-bottom: 1px dotted #369;}

div#right-col div#intro a:link:hover,
div#right-col div#intro a:visited:hover {
	border-bottom-style: solid;}

div#right-col div.foldout {
	position: relative;
	padding: 0;
	margin-top: 2px;
	zoom: 1;}

body.hasJS div#right-col div.foldout div.handle {
	background-color: #909083;}

body#services.hasJS div#right-col div.foldout div.handle {
	background-image: url(../images/services-handle-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;}

body#vacatures.hasJS div#right-col div.foldout div.handle,
body#contact.hasJS div#right-col div.foldout div.handle {
	background-image: url(../images/vacatures-handle-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;}

body.hasJS div#right-col div.foldout div.content {
	display: none;}

body.hasJS div#right-col div.foldedout {
	background-color: #F1F1ED;
	padding: 0 20px 1px 20px !important;}

body#services.hasJS div#right-col div.foldedout div.handle {
	background-position: right top;}

body#vacatures.hasJS div#right-col div.foldedout div.handle,
body#contact.hasJS div#right-col div.foldedout div.handle {
	background-position: -300px 0;}

body.hasJS div#right-col div.foldedout div.content {
	display: block !important;}

div#right-col div.foldout p, 
div#right-col div.foldout ul,
div#right-col div.foldout ol,
div#right-col div.foldout td,
div#right-col div.foldout th {
	font-size: 0.6875em;
	line-height: 1.636em;}

div#right-col div.foldout p, 
div#right-col div.foldout ul,
div#right-col div.foldout ol {
	margin-bottom: 1.5em;}

div#right-col div.foldout ul,
div#right-col div.foldout ol {
	margin-left: 14px;}

div#right-col div.foldout ul {
	list-style-type: square;}

div#right-col div.foldout p a.moreinfo {
	padding-left: 7px;
	background: transparent url(../images/arrow-moreinfo.gif) left center no-repeat;}

div#right-col div.foldout p a:link,
div#right-col div.foldout p a:visited {
	color: #369;
	border-bottom: 1px dotted #369;
	text-decoration: none;}

div#right-col div.foldout p a:link:hover,
div#right-col div.foldout p a:visited:hover {
	border-bottom-style: solid;}

div#right-col div.foldout div.handle {
	position: relative;
	background-color: #A0A08B;}

div#right-col div.foldedout {
	zoom: 1;}

div#right-col div.foldedout div.handle {
	position: absolute;
	top: 0;
	left: 0;
	zoom: 1;
	-ms-zoom: 1;}

body.hasJS div#right-col div.foldout div.handle {
	cursor: pointer;}



/** LATEST PROJECTS BLOCK **/
div#right-col div#latest-projects {
	float: left;
	margin-left: 2px;
	width: 200px;}

div#right-col div#latest-projects h3 {
	background: #000 url(../images/nav-active-bg.gif) top left repeat-x;
	font-size: 0.6875em;
	font-weight: bold;
	padding: 3px 10px 6px 10px;
	color: #FFF;}

div#right-col div#latest-projects ul li {
	display: block;
	float: left;}

div#right-col div#latest-projects ul li img {
	display: block;}



/** UPDATES BLOCK **/
div#updates {
	background-color: #FFF;
	color: #000;
	float: left;
	clear: both;
	width: 606px;
	margin-bottom: 2px;
	padding: 11px 10px 0 10px;}

div#updates h3, div#updates ul, div#updates p {
	font-size: 0.6875em;
	line-height: 1.9em;}

div#updates h3 {
	padding: 0 0.5em;
	font-weight: bold;}

div#updates h3 img {
	margin-bottom: -3px;}

div#updates a:link, div#updates a:visited {
	color: #369;
	border-bottom: 1px dotted #369;
	text-decoration: none;}

div#updates a:link:hover, div#updates a:visited:hover {
	border-bottom-style: solid;}

div#updates ul {
	list-style-type: none;
	border-top: 1px solid #E5E5E5;}

div#updates li {
	padding: 0 0.5em 0.5em;
	margin-top: 0.5em;
	border-bottom: 1px solid #E5E5E5;}

div#updates p {
	margin-bottom: 14px;}

div#tweets a:link, div#tweets a:visited {
	border: 0;}

div#tweets {
	margin-bottom: 17px;}

div#tweets a img {
	vertical-align: middle;}

.hasJS #tweets {
	position: relative;
	height: 180px;
	overflow: hidden;}

.hasJS #tweets .fadetop,
.hasJS #tweets .fadebottom {
	position: absolute;
	left: 0;
	height: 30px;
	width: 100%;}

.hasJS #tweets .fadetop {
	top: 0;
	background: transparent url(/images/white-fade-top.png) top left repeat-x;}

.hasJS #tweets .fadebottom {
	bottom: 0;
	background: transparent url(/images/white-fade-bottom.png) top left repeat-x;}

.hasJS #tweets .fadetop span,
.hasJS #tweets .fadebottom span {
	display: block;
	width: 100%;
	height: 30px;
	position: relative;}

.hasJS #tweets .fadetop span {
	background: transparent url(/images/arrow-up.png) top center no-repeat;}

.hasJS #tweets .fadebottom span {
	background: transparent url(/images/arrow-down.png) bottom center no-repeat;}



/** SLOGAN BLOCK **/
div#slogan {
	color: #FFF;
	position: relative; 
	background-color: #415662;
	margin-top: 1px;
	width: 505px;
	padding: 20px;
	clear: both;}

div#slogan q {
	display: block;
	float: left;
	/*font-family: 'Lucida Grande', LucidaGrande, 'Lucida Sans', Verdana, sans-serif;*/ 
	font-size: 95%;
	font-style: italic;
	margin-top: 7px;
	width: 385px;}

div#slogan p {
	font-size: 0.6875em;
	float: right;}

div#slogan a {
	white-space: normal;}

div#slogan a:link, div#slogan a:visited {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	text-decoration: none;}

div#slogan a:link:hover, div#slogan a:visited:hover {
	border-bottom-style: solid;}

input#new-slogan {
	width: 400px;
	float: left;
	font-size: 1.25em !important;}

div#slogan.loading {
	background-image: url(/images/loader.gif);
	background-position: 20px center;
	background-repeat: no-repeat;}



/** CONTACT INFO BLOCK **/
div#contact-info {
	position: relative;
	clear: both;
	margin-top: 1px;
	width: 404px;
	padding: 10px;
	background-color: #A0A08B;}

div#contact-info a:link, div#contact-info a:visited {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	text-decoration: none;}

div#contact-info a:link:hover, div#contact-info a:visited:hover {
	border-bottom-style: solid;}

div#contact-info p {
	color: #FFF;
	font-size: 0.6875em;
	width: 202px;
	margin: 10px;
	float: left;}

div#contact-info p#numbers {
	width: 162px;}

div#map {
	width: 100%;
	height: 500px;
	margin-bottom: 20px;}


/** HOME **/
body#home div#right-col #header {
	width: 735px;
	background: transparent url(../images/header-bg-home.png) top left no-repeat;}

body#home div#right-col #header h2 {
	width: 227px;
	background: transparent url(../images/header-h2-bg-home.gif) top left no-repeat;}



/** PROJECTEN **/
body#projecten div#right-col #header {
	width: 735px;
	background: transparent url(../images/header-bg-projecten.png) top left no-repeat;}

body#projecten div#right-col #header h2 {
	width: 181px;
	background: transparent url(../images/header-h2-bg-projecten.gif) top left no-repeat;}

body#projecten form {
	padding: 15px 15px 5px;
	width: 702px;
	margin-bottom: 2px;
	background-color: #FFF}

body#projecten form p {
	float: left;
	font-size: 0.6875em;
	color: #4C4C4C;}

body#projecten form #back-to-projects {
	float: right;}

body#projecten form #back-to-projects a:link, body#projecten form #back-to-projects a:visited {
	color: #369;
	border-bottom: 1px dotted #369;
	text-decoration: none;}

body#projecten form #back-to-projects a:link:hover, body#projecten form #back-to-projects a:visited:hover {
	border-bottom-style: solid;}

body#projecten form select {
	margin: 0 5px;
	border: 0;
	background-color: #EEE;
	padding: 0;
	width: 100px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

body#projecten form option {
	padding: 0 5px;}

body#projecten form p {
	margin-bottom: 15px;}

body#projecten form input {
	background: #F1F1ED;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6975em;
	border: 1px solid #999;
	padding: 0px 10px;}

body#projecten div#right-col div#intro {
	padding: 15px 15px 5px 15px;
	width: 702px;}

body#projecten div#right-col div#intro h3 {
	font-size: 1em;
	margin-bottom: 15px;
	font-weight: normal;}

body#projecten div#projects, body#projecten div#project-navigation {
	margin-left: -15px;}

body#projecten div#projects .project, body#projecten div#project-navigation .project {
	float: left;
	display: inline; /* IE6 */
	width: 346px;
	height: 116px;
	margin-left: 12px;}

body#projecten div#project-navigation .project {
	height: 46px;}

body#projecten div#project-navigation .next {
	float: right;}

body#projecten div#projects .project-mouseover, body#projecten div#project-navigation .project-mouseover {
	background: transparent url(../images/projects-rollover-shadow.gif) bottom left no-repeat;
	cursor: pointer;}

body#projecten div#projects .wrapper, body#projecten div#project-navigation .wrapper {
	padding: 2px;
	border: 1px solid #FFF;}

body#projecten div#projects .wrapper-mouseover, body#projecten div#project-navigation .wrapper-mouseover {
	border: 1px solid #999;}

body#projecten div#projects .content, body#projecten div#project-navigation .content {
	width: 340px;
	height: 100px;
	background: #F1F1ED;}

body#projecten div#project-navigation .content {
	height: 30px;}

body#projecten div#projects .image, body#projecten div#project-navigation .image {
	display: inline;
	float: left;
	width: 100px;}

body#projecten div#projects .image img, body#projecten div#project-navigation .image img {
	float: left;}

body#projecten div#project-navigation .next .image {
	float: right;}

body#projecten div#project-navigation .image {
	width: 30px;}

body#projecten div#project-navigation .image img {
	width: 30px;
	height: 30px;}

body#projecten div#projects .text, body#projecten div#project-navigation .text {
	margin-left: 110px;
	width: 218px;
	padding-top: 26px;}

body#projecten div#projects .text p, body#projecten div#project-navigation .text p {
	margin-bottom: 0;}

body#projecten div#project-navigation .text {
	padding-top: 0;
	margin: 0 35px;
	font-size: 0.6875em;
	width: auto;
	height: 30px;
	line-height: 30px;}

body#projecten div#project-navigation .next .text {
	text-align: right;}

body#projecten div#projects .opdrachtgever {
	font-size: 0.75em;}

body#projecten div#projects h4 {
	font-size: 0.8em;
	line-height: 1.3em;
	font-weight: normal;}

body#projecten div#projects a:link,
body#projecten div#projects a:visited,
body#projecten div#project-navigation a:link,
body#projecten div#project-navigation a:visited {
	color: #000;
	border-bottom: none;
	text-decoration: none;}

body.hasJS div#projects a:link:hover,
body.hasJS div#projects a:visited:hover,
body#projecten div#project-navigation a:link:hover,
body#projecten div#project-navigation a:visited:hover {
	text-decoration: none;
	border-bottom: none !important;}

body#projecten div#project-navigation a:link,
body#projecten div#project-navigation a:visited {
	color: #595959;}

body#projecten div#project-navigation .project-mouseover a:link,
body#projecten div#project-navigation .project-mouseover a:visited {
	color: #000;}

body#projecten div#project .header {
	background-color: #E8E8E5;}

body#projecten div#project .header img {
	float: left;
	margin-right: 10px;}

body#projecten div.divider {
	clear: both;}

body#projecten div#project .image {
	float: left;}

body#projecten div#project .text {
	margin-top: 20px;
	position: relative;
	padding-left: 110px;
	padding-right: 220px;}

body#projecten div#project .text .description {
	font-size: 16px;
	line-height: 22px;
	background: transparent url(/images/description-quote.gif) top left no-repeat;
	width: 185px;
	padding-left: 25px;
	padding-top: 13px;
	position: absolute;
	right: 0;
	top: 0;}

body#projecten div#project .text .visit-project {
	padding-left: 48px;
	margin-left: -48px;
	background: transparent url(/images/visit-project.gif) left center no-repeat;}

body#projecten div#project .text .technieken {
	padding-top: 15px;
	border-top: 1px solid #E5E5E5;}

body#projecten div#project .text .visit-project a:link,
body#projecten div#project .text .visit-project a:visited {
	border-bottom: medium none;
	font-size: 1.2em;
	line-height:150%;}


body#projecten div#project h3 {
	font-size: 1.5em !important;
	line-height: 1.5em !important;
	font-weight: normal;
	padding-top: 17px;
	margin-bottom: 0 !important;
	color: #000;}
 
body#projecten div#project h4,
body#projecten .opdrachtgever {
	font-size: 1em;
	font-weight: normal;
	color: #690;}

body#projecten div#project h5 {
	font-size: 0.6875em;
	font-weight: bold;}
	
/** SERVICES **/
body#services div#right-col #header {
	width: 680px;
	background: transparent url(../images/header-bg-services.png) top left no-repeat;}

body#services div#right-col #header h2 {
	width: 156px;
	background: transparent url(../images/header-h2-bg-services.gif) top left no-repeat;}

body#services div#right-col div.foldedout {
	padding-top: 84px !important;}

body#services div#right-col div.foldout div.handle {
	color: #FFF;
	width: 442px;
	padding: 10px 0 10px 20px;}

body#services div#right-col div.foldout div.handle h3 {
	background: transparent url(../images/services-headers-bg.gif) no-repeat;
	display: block;
	height: 28px;
	width: 361px;
	text-indent: -9999em;
	overflow: hidden;}

body#services div#right-col div.foldout div.handle h3#handle-mailotron {
	background-position: top left;}

body#services div#right-col div.foldout div.handle h3#handle-video-encoder {
	background-position: 0 -28px;}

body#services div#right-col div.foldout div.handle h3#handle-managed-hosting {
	background-position: 0 -56px;}

body#services div#right-col div.foldout div.handle h3#handle-social-media-toepassingen {
	background-position: 0 -84px;}

body#services div#right-col div.foldout div.handle span {
	font-size: 0.6875em;}

	
	
/** OVER DRIEBIT **/
body#driebit div#right-col #header {
	width: 655px;
	background: transparent url(../images/header-bg-over-driebit.png) top left no-repeat;}

body#driebit div#right-col #header h2 {
	width: 212px;
	background: transparent url(../images/header-h2-bg-over-driebit.gif) top left no-repeat;}

body#driebit div#intro {
	float: left;
	width: 509px;}

body#driebit #grenzen-verleggen {
	width: 543px;}

body#driebit #helderheid {
	width: 601px;}

body#driebit #duurzaamheid {
	width: 501px;}

body#driebit div#right-col div.foldout {
	clear: both;}

body#driebit div#right-col div.foldedout {
	padding-top: 2.1em !important;}

body#driebit div#right-col div.foldout div.handle {
	background-color: transparent;
	background-position: left center;
	padding-left: 20px;
	cursor: default;}

body#driebit div#right-col div.foldout div.handle h3 {
	font-size: 0.6875em;
	font-weight: bold;
	font-style: italic;
	padding-top: 0.2em;
	padding-right: 20px;
	color: #FFF;
	float: left;
	background-color: #A0A08B;
	height: 1.56em;
	cursor: pointer;}
	
	
/** KLANTEN **/
body#klanten div#right-col #header {
	width: 615px;
	background: transparent url(../images/header-bg-klanten.png) top left no-repeat;}

body#klanten div#right-col #header h2 {
	width: 234px;
	background: transparent url(../images/header-h2-bg-klanten.gif) top left no-repeat;}


/** HET TEAM **/
body#team div#right-col div#intro {
	width: 689px;}

body#team div#right-col #header {
	width: 615px;
	background: transparent url(../images/header-bg-het-team.png) top left no-repeat;}

body#team div#right-col #header h2 {
	width: 181px;
	background: transparent url(../images/header-h2-bg-het-team.gif) top left no-repeat;}



/** VACATURES **/
body#vacatures div#right-col #header {
	width: 655px;
	background: transparent url(../images/header-bg-vacatures.png) top left no-repeat;}

body#vacatures div#right-col #header h2 {
	width: 187px;
	background: transparent url(../images/header-h2-bg-vacatures.gif) top left no-repeat;}

body#vacatures div#right-col div.foldout {
	margin-bottom: 2px;
	clear: both;}

body#vacatures div#right-col div.foldedout {
	padding-top: 3.8em !important;}

body#vacatures div#right-col div.foldout div.handle {
	background-color: transparent;
	background-position: left center;
	padding-left: 20px;
	float: left;
	cursor: default;}

body#vacatures div#right-col div.foldout div.handle h3 {
	line-height: 3.1em;
	font-size: 0.6875em;
	font-weight: bold;
	font-style: italic;
	padding-top: 0.2em;
	padding-right: 20px;
	color: #FFF;
	cursor: pointer;}



/** CONTACT **/
body#contact div#right-col #header {
	width: 695px;
	background: transparent url(../images/header-bg-contact.png) top left no-repeat;}

body#contact div#right-col #header h2 {
	width: 157px;
	background: transparent url(../images/header-h2-bg-contact.gif) top left no-repeat;}

body#contact div#right-col div.foldout {
	margin-bottom: 2px;
	clear: both;}

body#contact div#right-col div.foldedout {
	padding-top: 3.8em !important;}

body#contact div#right-col div.foldout div.handle {
	background-color: transparent;
	background-position: left center;
	padding-left: 20px;
	float: left;
	cursor: default;}

body#contact div#right-col div.foldout div.handle h3 {
	line-height: 3.1em;
	font-size: 0.6875em;
	font-weight: bold;
	font-style: italic;
	padding-top: 0.2em;
	padding-right: 20px;
	color: #FFF;
	cursor: pointer;}

body#contact div#right-col table#route {
	border-collapse: collapse;
	margin-bottom: 20px;}

body#contact div#right-col table#route td {
	vertical-align: top;
	padding: 2px 5px;
	border-bottom: 1px solid #000;}

body#contact div#right-col table#route td.distance,
body#contact div#right-col table#route td.duration {
	white-space: nowrap;}
table#route td {
	vertical-align: top;
	padding: 2px 5px;
	border-bottom: 1px solid #000;}

table#route td.distance,
table#route td.duration {
	white-space: nowrap;}

/** UPDATES **/
body#updates div#right-col #header {
	width: 735px;
	background: transparent url(../images/header-bg-home.png) top left no-repeat;}

body#updates div#right-col #header h2 {
	width: 227px;
	background: transparent url(../images/header-h2-bg-home.gif) top left no-repeat;}

body#updates div.update {
	margin: 0 -2px;
	padding: 2px;
	border-top: 1px solid #E5E5E5;}

body#updates div.update span.date {
	display: block;
	margin-top: 0.75em;
	font-size: 0.6875em;
	line-height: 1.9em;
	color: #666;}

body#updates div.update h3 {
	font-weight: bold;
	font-size: 0.95em;
	line-height: 1.5em;}

body#updates div.update h4 {
	font-size: 0.85em;
	margin-top: 2em;}

body#updates div#intro div.update p {
	margin-bottom: 0.75em;}

body#updates div#intro div.update:first-child {
	border-top: 0;}
/*
body#updates div#intro div.detail:first-child {
	border-top: 1px solid #E5E5E5;}*/

body#updates div#intro div.update:first-child span {
	margin-top: 0;}

/** ENGLISH **/
body#english div#right-col #header {
    width: 680px;
    background: transparent url(../images/header-bg-english.png) top left no-repeat;}

body#english div#right-col #header h2 {
    width: 318px;
    background: transparent url(../images/header-h2-bg-english.gif) top left no-repeat;}

/** DURABILITY **/
body#durability div#right-col #header {
    width: 680px;
    background: transparent url(../images/header-bg-duurzaamheid.png) top left no-repeat;}

body#durability div#right-col #header h2 {
    width: 318px;
    background: transparent url(../images/header-h2-bg-duurzaamheid.gif) top left no-repeat;}

/** SYMFONY **/
body#symfony div#right-col #header {
    width: 680px;
    background: transparent url(../images/header-bg-symfony.png) top left no-repeat;}

body#symfony div#right-col #header h2 {
	width: 170px;
	background: transparent url(../images/header-h2-bg-symfony.gif) top left no-repeat;}