@charset "utf-8";
/* CSS Document */
html {
	font-size:100%;
	height:100%;
}
body {
	background:#F9F9F9 url(../images/body-background.gif) repeat-x;
	font:small Arial, Helvetica, sans-serif;
	color: #7C7B7B;
}
/*--------opbouw----------*/
#wrapper {
	position:absolute;
	left:50%;
	margin-left:-490px;
	width:980px;
	height:100%;	
}
/*---------print------------*/
p.print {
width:200px;
float:left;
margin-top:10px;
}
#contentHolderSitemap p.print a {
background:url(../images/icon-print.gif) no-repeat;
color:#31909F;
background-position:0 -2px;
display:block;
font:normal 11px/16px arial,verdana,sans-serif;
padding-left:2.2em;
text-decoration:none;
}
p.print a {
background:url(../images/icon-print.gif) no-repeat;
color:#31909F;
background-position:0 -2px;
display:block;
font:normal 11px/16px arial,verdana,sans-serif;
padding-left:2.2em;
text-decoration:none;
}
/*-----------header------*/
#header {
	width:958px;
	height:29px;
	line-height:29px;
	float:left;
	position:absolute;
	margin-left:22px;
}
#header ul {
	float:left;
	list-style:none;
}
#header ul li {
	float:left;
	list-style:none;
}
/*----------logo en slogan------------*/
#logo {
	position:absolute;
	right:20px;
	width:120px;
	height:34px;
	margin-top:52px;
}
#slogan {
	position:absolute;
	right:150px;
	margin-top:50px;
	color:#308F9E;
	color:#88898A;
	line-height:40px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	display:none;
}



#container {
	margin-top:90px;
	width:980px;
	position:absolute;
}
#content {
	float:left;
	background:#ffffff url(../images/back_content.gif) repeat-y;
	width:938px;
	padding:0px 25px 0px 17px;
}
#contentBottom {
	float:left;
	width:980px;
	
}
#contentHolder {
	width:670px;
	float:right;
	padding:0 0px 0 20px;
	background:url(../images/stippel-vert.gif) repeat-y;
	margin-top:10px;
	overflow:hidden;	
	
}
/*---------sitemap-----------*/
#contentHolderSitemap {
	width:670px;
	float:right;
	padding:0 0px 0 20px;	
	margin-top:10px;
	overflow:hidden;	
}
#contentHolderSitemap h2 {
	margin-top:5px;
	font-weight:normal;
	color:#509AA6;
	padding-top:10px;
	padding-bottom:0px;	
}
#contentHolderSitemap a {
	text-decoration:underline;
	color:#D44935;
	font-size:11px;
}
#contentHolderSitemap ul  {
list-style:none;
margin:5px 0 5px 8px;
background:url(../images/stippel-vert.gif) repeat-y;
}
#contentHolderSitemap ul li.normal {
padding-left:20px;
margin-left:0px;
background:url(../images/stippel-li.gif) no-repeat;
background-position:0 center;
}
#contentHolderSitemap ul li.last {
padding-left:20px;
margin-left:0px;
background:url(../images/stippel-end.gif) no-repeat;
background-position:0 8px;
}

/* -------footer--------- */
#footer {
	float:left;
	width:980px;
	color:#8C8C8C;
	font-size:11px;
}
#footer a {
	float:right;
	font-size:11px;
	color:#8C8C8C;
	text-decoration:none;
}
#footer .copyright {
	float:left;
	width:200px;
	font-size:11px;
}
#footer .items {
	float:right;
	left:500px;
	width:380px;
}
#footer .items a {
	padding:0 3px;
}
/*-----------gradients left and right content------------*/
#leftGradient {
	background:url(../images/content-left.gif) no-repeat left top;
	background-position:0 0;		
	position:absolute;
	left:0px;
	height:152px;
	width:5px;
	padding:0;
	margin:0;
	top:150px;
	z-index:2;
}
#rightGradient {
	background:url(../images/content-right.gif) no-repeat right top;
	background-position:0 0;
	width:5px;
	height:152px;	
	position:absolute;
	right:0px;
	padding:0;
	top:150px;	
	z-index:3;
}
/*----------------------------
		typography
------------------------------*/

strong {
font-weight:bold;
color:#4B929E;
}
h1 {
	font:normal 2em/1 arial, verdana, sans-serif;
	color:#509AA6;
	text-shadow: silver 0px 0px 0px;
}
h2 {
	font:bold 1.1em/1.30em arial, verdana, sans-serif;
	color:#7C7B7B;
}
h3 {
	font:bold 1.1em/1.30em arial, verdana, sans-serif;
	color:#7C7B7B;
}
h4 {
	font:bold 1.1em/1.30em arial, verdana, sans-serif;
	color:#7C7B7B;
}
p {
	font:normal 12px/1.4 arial, verdana, sans-serif;
	color: #7C7B7B;
	margin-bottom: 1.1em;
}

/* ------------typography content------------------*/
#contentHolder p {
	width:430px;
	float:left;
}
#contentHolder h1 {
	padding-bottom:20px;
	font-size:18px;
}
#contentHolder h2.HoofdTitel {
	padding:0;
	margin:0;	
	padding-bottom:20px;
	font-size:18px;
}

#contentHolder h2 {
	width:100%;
	float:left;
	font-weight:normal;
	color:#509AA6;
	padding-top:10px;
	padding-bottom:10px;
}
#contentHolder h3 {
	width:430px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#5F5E62;
	padding-top:0 0 6px 0;
	margin-top:0;
}
/* -----afkortingen------ */
abbr {
	color:#585858;
	cursor:help;
}

/*-----------header icons --------------------*/
#header ul li.language img {
	margin-top:7px;
	margin-right:2px;
}
#header ul li.language a {
	float:left;
	display:block;
}
#header ul li {
	float:left;
	background:url(../images/header-link-divider.gif) no-repeat right 5px;
	height:2.3em;
	margin-right:0.8em;
	padding-right:0.8em;
	font-size:1.1em;
}
#header ul li a {
	color:#FFF;
	display:block;
	text-decoration:none;
	font-size:11px;
}
#header ul li.home a {
	background: url(../images/icon-home.gif) no-repeat right 5px;
	padding-right:1.8em;
}
#header ul li.contact a {
	background: url(../images/icon-contact.gif) no-repeat right 5px;
	padding-right:1.8em
}
.sitemap {

}
#header ul li.sitemap a {
	background: url(../images/icon-sitemap.gif) no-repeat right 5px;
	padding-right:1.8em;
	text-transform:uppercase;
	
}
#header ul li.sapa-group a {
	background: url(../images/icon-sapagroup.gif) no-repeat right 5px;
	padding-right:2.2em;
}
/*-------- typography content holder ul ----------*/
#contentHolder ul {
	margin:12px 0 15px 25px;
	font-size:11px;
	width:375px;
	float:left;		
}
#contentHolder ul li {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:15px;
	
}
/* ------content---------- */
.float-right {
	float:right;
}
/* ---- blockquote oranje ---- */

#rightColumn blockquote {
padding-left:20px;
background:url(../images/open-quote.gif) no-repeat left top;
float:right;
padding-bottom:20px;
}
#rightColumn blockquote p#special:first-letter {
font-size:20px;
}
#rightColumn blockquote p#special {
		
	color:#FF6600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	width:180px;
	padding-right:20px;	
	background:url(../images/close-quote.gif) no-repeat right bottom;
	font-size:14px;
}

/* --------------rightcolumn in contentHolder------------------*/	
#rightColumn {
	width:220px;
	float:right;
	padding-left:0px;
	margin-top:0px;
}
#rightColumn img {
	float:right;	
	margin:15px 0 5px 0;
}

/* -------- contact table--------- */
.offices {
color:#509AA6;
font-size:14px;
}
.countries {
	text-transform:uppercase;
	color:#7C7B7B;
	color:#5F5E62;
	font:bold 11px  Verdana, Arial, Helvetica, sans-serif;
}
table td.contact {
vertical-align:top;
width:210px;
}
#contentHolder td.contact h2 {
padding:0;
margin:0;
color:#509AA6;
font-size:14px;
font-weight:normal;
vertical-align:top;
}
#contentHolder table.project {
border-collapse:collapse;
float:left;

}
#contentHolder table.sunHours tr td.line {
border-bottom:1px solid #999999;
padding-bottom:3px;

}
#contentHolder table tr td.line {
border-bottom:1px solid #999999;
padding-bottom:3px;
}
#contentHolder table.project  tr td.line {
border-bottom:1px solid #999999;
padding-bottom:3px;
}
/*--------------*/
#contentHolder table.sunHours {
float:left;
}
#contentHolder table.cellTypes {
float:left;
width:500px;
border-collapse:separate;
margin-bottom:20px;
}
#contentHolder table.cellTypes  strong{
color:#5F5E62;
text-transform:uppercase;
font-size:12px;
}
#contentHolder table.cellTypes tr td img {
padding-right:10px;
}

#contentHolder table.cellTypes tr.lineBottom   {
background:url(../images/pixel.gif) repeat-x;
background-position:center;
line-height:20px;
height:20px;
}
#contentHolder table.cellTypes tr td.lineRight {
border-right:1px solid gray;
text-align:center;
padding:10px;
}
#contentHolder table.cellTypes tr td.lineLeft {
border-left:1px solid gray;
}
#jumpMenu {
width:200px;
}
a {
color:#D44935;
}
#rightColumn p#back {
margin-top:-35px;
width:220px;
float:left;
display:block;
clear:both;
}
#rightColumn p {
width:220px;
float:left;
}
#rightColumn h2.title {
float:left;
width:210px;
padding:0;
margin:0;
clear:both;
}