html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px;
	color: #303030;
	background-color: #404040;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
	zoom: 1;
}

img {
	border: none;
	margin: 0;
}

a.img {
	text-decoration: none;
	display: block;
	float: left;
	background-color: transparent;
}

a.image,
a.image:hover,
a.image img {
	border: none !important;
	text-decoration: none;
	background-color: transparent;
}

a:link, a:visited {
	color: #cc092f;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

p {
	line-height: 162%;
	padding-bottom: 16px;
	margin: 0;
}

blockquote {
	padding-left: 50px;
	background: transparent url(../images/blockquote.png) no-repeat 0 0;
}

button {
	border: 1px solid #808080;
	background: url(../images/bg_input.png) repeat-x 0 100%;
}

button:hover {
	border: 1px solid #000;
}

.textHighlight {
	font-weight: bold;
	color: #cc092f;
}

.textContrast {
	font-style: italic;
}

/* typography
--------------------------------------------------*/

#masthead h1,
#masthead h3 {
	margin: 25px 0 0 20px;
	padding: 0;
	float:  left;
	display: block;
	height: 130px;
	width: 172px;
	background: transparent url(../images/logo.png) no-repeat 0 0;
	text-indent: -2000em;
}

#masthead h1 a,
#masthead h3 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}

h2,
#home h3 {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0077c6;
	margin: 0;
	padding: 8px 0 16px;	
}

h1,
#home h2 {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #0077c6;
	margin: 0;
	padding: 10px 0 22px;
}

#newscontainer h2 {
	color: #cc092f;
	padding: 10px 0 0 0;
}

#newscontainer h3 {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 11px;
	line-height: 162%;
	font-weight: bold;
	font-style: normal;
	color: #404040;
	margin: 22px 0 6px 0;
	padding: 0;
}

h4 {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	color: #cc092f;
	font-style: italic;
	font-size: 13px;
	margin: 38px 22px;
	float: left;
	text-indent: -2000em;
	width: 201px;
	height: 16px;
	background: transparent url(../images/bg_slogan.png) no-repeat 0 0;
}


/* forms
--------------------------------------------------*/

textarea, input, select {
	background: #fff;
	border: 1px solid #c6c6c6;
	margin: 5px;
	padding: 4px;
}

input {
	background: url(../images/bg_input.png) repeat-x 0 0;
}

textarea {
	background: url(../images/bg_input.png) repeat-x 0 100%;
}

input:focus, textarea:focus, label:focus {
	border: 1px solid #808080;
}

input.button {
	background: url(../images/bg_input.png) repeat-x 0 100%;
	width: 100px;
	margin: 4px 0;
}

#formQuickcontact fieldset,
#formQuickcontact form {
	border: none;
	margin: 0;
	padding: 0;
}

#formQuickcontact input {
	width: 165px;
	margin: 5px 0 10px 0;
}

#formQuickcontact textarea {
	font-size: 11px;
	margin: 5px 0 10px 0;
	width: 168px;
	height: 4em;
}

input#submit,
ol.forms input#submit {
	border: 0;
	background: url(../images/bg_button_small.png) no-repeat 0 0;
	margin: 10px 0 5px 0;
	padding: 6px 0 10px;
	text-align: center;
	width: 100px;
	height: 30px;
	color: #fff;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px;
	cursor: pointer;
}

input#submit:hover,
ol.forms input#submit:hover {
	background: url(../images/bg_button_small.png) no-repeat 0 -30px;
}

ol.forms input.check {
	background: none;
	width: 20px;
	padding: 0;
	margin: 0;
	border: 0;
}

ol.forms fieldset {
	background: #fff;
	border: 1px solid #808080;
	margin-bottom: 12px;
	padding: 10px;
}

ol.forms {
	font-size: 12px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	text-align: left;
	vertical-align: middle;
	width: 130px;
	margin: 5px;
}

ol.forms input {
	width: 200px;
}

ol.forms input.small {
	width: 60px;
}

ol.forms select {
	width: 210px;
}

ol.forms textarea {
	height: 12em;
	width: 375px;
}

.error {
	color: #cc092f;
	font-weight: bold;
	display: block;
	margin: 0 0 10px 0;
}

input.errorInput,
textarea.errorInput  {
	border: 1px solid #cc092f;
}

/******** Container ********/

.container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/******** Masthead ********/

#masthead {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 980px;
	height: 185px;
	background: #cc092f url(../images/bg_masthead.png) no-repeat 100% 0;
	border-bottom: 1px solid #202020;
	position: relative;
}

#tagline {
	width: 380px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg_tagline.png) no-repeat 0 0;
	position: relative;
	top: 128px;
	right: 12px;
	float: right;
}

#masthead ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	right: 10px;
	float: right;
}

#masthead li {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	background: url(../images/li_arrow_white.png) no-repeat 0 50%;
}

#masthead li a, #masthead li a:hover, #masthead li a:focus, #masthead li a:active {
	color: #fff;
}

#masthead li a:hover {
	color: #fff;
	text-decoration: underline;
}

/******** Navigation ********/

#navigation {
	width: 100%;
	min-width: 980px;
	z-index: 99;
	position: relative;
	margin: 0 auto;
	padding: 0;
	float: left;
	border: 0;
	background: #303030 url(../images/bg_menu.png) repeat-x 0 0;
	border-top: 1px solid #808080;
}

#nav, #nav ul {
	margin: 0 auto;
	padding-left: 30px;
	list-style: none;
}

#nav li {
	text-align: left;
	float: left;
	position: relative;
	top: 0;
}

#nav li a {
	display: block;
	color: #c6c6c6;
	font-weight: normal;
	text-decoration: none;
	padding: 11px 16px 13px 16px;
	line-height: 15px;
	cursor: pointer;
}

#nav li #nav-about,
#nav li #nav-services,
#nav li #nav-solutions,
#nav li #nav-products,
#nav li #nav-industries,
#nav li #nav-clients,
#nav li #nav-contact {
	display: block;
	color: #c6c6c6;
	font-weight: normal;
	text-decoration: none;
	padding: 11px 16px 13px 16px;
	line-height: 15px;
	cursor: default;
}

#nav li a:hover {
	color: #fff;
}

#nav li:hover #nav-about,
#nav li:hover #nav-services,
#nav li:hover #nav-solutions,
#nav li:hover #nav-products,
#nav li:hover #nav-industries,
#nav li:hover #nav-clients,
#nav li:hover #nav-contact {
	color: #fff;
}

#home #nav li a#nav-home,
#featured #nav li a#nav-home,
#about #nav li #nav-about,
#services #nav li #nav-services,
#solutions #nav li #nav-solutions,
#products #nav li #nav-products,
#industries #nav li #nav-industries,
#clients #nav li #nav-clients,
#links #nav li a#nav-links,
#contact #nav li #nav-contact {
	padding: 14px 16px 10px 16px;
	background: url(../images/bg_tab_left.png) no-repeat 0 0;
	color: #000;
}

#home #nav li.tab,
#featured #nav li.tab,
#about #nav li.tab,
#services #nav li.tab,
#solutions #nav li.tab,
#products #nav li.tab,
#industries #nav li.tab,
#clients #nav li.tab,
#contact #nav li.tab,
#links #nav li.tab {
	background: url(../images/bg_tab_right.png) no-repeat 100% 0;
}

#nav li ul {
	position: absolute;
	left: -2000em;
	width: 250px;
	margin: 0;
	padding: 0;
}

#nav li ul a {
	color: #000;
	font-weight: normal;
	background-color: #ccebfd;
	width: 215px;
	padding: 10px 16px;
	border-bottom: 1px solid #ccebfd;
	border-left: 0;
	cursor: pointer;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

#nav li.tab:hover ul a {
	position: relative;
	top: -1px;
}

#nav li ul a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #66bc29 url(../images/bg_nav_hover.png) repeat-x 0 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#nav li ul a.navFirst {
	border-top: 3px solid #0077c6;
}

#nav li ul a.navLast {
	border-bottom: 3px solid #0077c6;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.hover {
	position: static;
}  

/******** Sidebar Navigation ********/

ul#navSidebar {
	padding: 12px 0 0 30px;
	margin: 0;
	list-style: none;
	cursor: pointer;
}

ul#navSidebar li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e1e1e1;
}

ul#navSidebar a {
	color: #808080;
	display: block;
	padding: 12px 12px 12px 25px;
	font-size: 12px;
	background: url(../images/li_sidebar.png) no-repeat 4px 50%;
	outline: none;
}

ul#navSidebar a:hover {
	color: #202020;
	text-decoration: none;
	border-right: 4px solid #8dd423;
	background-color: #fff;
}

ul#navSidebar a#current {
	background: url(../images/li_sidebar_current.png) no-repeat 4px 50%;
}

ul#navSidebar a#current:hover {
	border-right: 4px solid #0077c6;
	background-color: #fff;
}

ul#navSidebar li#submenu a {
	background: url(../images/li_submenu.png) no-repeat 4px 50%;
}

ul#navSidebar li#submenu a:hover {
	background-color: #fff;
	border-right: 4px solid #0077c6;
}

ul#navSidebar li ul {
	display: none;
}

ul#navSidebar li#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

ul#navSidebar li#submenu ul li a {
	display: block;
	background: #fff;
	padding: 8px 4px 8px 25px;
}

ul#navSidebar li#submenu ul li a:hover {
	border-right: 4px solid #77b800;
}

ul#navSidebar li#submenu ul li.submenuFirst {
	border-top: 1px solid #e1e1e1;
}

ul#navSidebar li#submenu ul li.submenuLast {
	border-bottom: 0px;
	overflow: hidden;
}

#related {
	margin: 0;
	padding: 0 0 5px 0;
	list-style: none;
	cursor: pointer;
}

#related li {
	margin: 0;
	padding: 3px 0 3px 6px;
	text-indent: -6px;
}

#relatedContent {
	width: 225px;
	float: right;
	margin: 30px 18px 0 0;
}

/******** Headline  ********/

#headline {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	min-width: 980px;
	float: left;
	border-bottom: 1px solid #404040;
	background-color: #fff;	
}

#home #headline {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 125px;
	background: #fff url(../images/bg_headline.png) no-repeat 50% 40%;
}

#flashContent {
	margin: 0 auto;
	padding: 0;
	width: 500px;
	height: 120px;
	overflow: hidden;
}

#headline ul {
	padding: 28px 24px;
	float: right;
	margin: 0;
}

#headline li {
	margin: 0;
	padding: 10px 20px 11px 4px;
	color: #808080;
	font-size: 12px;
	float: left;
	list-style: none;
	background: url(../images/li_breadcrumb.png) no-repeat 100% 50%;
}

#headline li#breadcrumbsLast {
	background: none;
	padding-right: 0;
}

#headline a {
	color: #808080;
}

/******** Main ********/

#main {
	padding: 0;
	margin: 0 auto;
	background: #f6f6f6 url(../images/bg_main.png) repeat-x 0 0;
	width: 100%;
	min-width: 980px;
	float: left;
	border-bottom: 1px solid #404040;
}

/******** Sidebar ********/

#sidebar {
	width: 300px;
	float: left;
	margin: 0;
	padding-top: 30px;
}

#newscontainer {
	margin: 0 0 0 25px;
	padding: 0;
	float: none;
}

#newscontainer p {
	font-size: 11px;
	line-height: 162%;	
	padding: 0 8px 0 0;
}

#newscontainer p.nolink {
	margin: 0;
	padding: 0 10px 23px 0;
}

#newscontainer a {
	color: #cc092f;
}

.news {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e1e1e1;
	overflow: auto;
}

#first.news {
	border-top: none;
}

#newsspacer {
	width: 100%;
	height: 17px;
	border-top: 1px solid #fff;
}	

.readmore {
	float: right;
	margin: 5px 10px 10px 0;
}

#clients .readmore {
	float: left;
	margin: 10px;
}

.readmore a {
	font-size: 11px;
	color: #cc092f;
	padding: 0 20px 0 0;
	background: url(../images/bg_bullet.png) no-repeat 100% 0;
	outline: none;
	display: inline-block;
	height: 16px;
}

.readmore a:hover {
	background-position: 100% -16px;
}

.readmore a.prev {
	padding: 0 0 0 22px;
	background: url(../images/bg_bullet_previous.png) no-repeat 0 0;
}

.readmore a.prev:hover {
	background: url(../images/bg_bullet_previous.png) no-repeat 0 -16px;
}

#eventcontainer {
	margin: 0 0 0 25px;
	float: none;
}

#eventcontainer h3 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #ff6600;
	margin: 0;
	padding: 7px 10px 0 0;
}

#eventcontainer  a {
	color: #ff6600;
}

#eventcontainer  p {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0 10px 0 0;
	float: right;
}

.event {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 10px;
}

.dateblock {
	float: left;
	height: 52px;
	width: 52px;
	background: url(../images/bg_date.png) no-repeat 0 0;
	margin-right: 10px;
	padding-top: 0px;
	line-height: normal;
}

.dateblock .month {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 11px;
	padding-top: 4px;
	text-transform: uppercase;
	font-weight: bold;
}

.dateblock .day {
	display: block;
	text-align: center;
	padding-top: 4px;
	color: #303030;
	font-size: 18px;
	font-weight: bold;
}

/******** Content ********/

#content {
	width: 659px;
	min-height: 400px;
	float: left;
	margin: 0;
	padding: 30px 0 70px 0;
	border-left: 1px solid #c6c6c6;
}

#home #content {
	width: 469px;
	padding-bottom: 100px;
}

#textcontainer {
	padding: 0 55px 10px;
	float: none;
}

#home #textcontainer {
	padding: 0 20px 10px;
}

#content ul {
	margin: 0;
	padding: 0 0 10px 10px;
}

#content ul li {
	list-style: none;
	line-height: 180%;
	padding: 0 0 0 22px;
	background: url(../images/li_check_green.png) no-repeat 0 4px;
}

ul#serviceplatform {
	width: 420px;
	height: 253px;
	background: url(../images/bg_serviceplatform.png) no-repeat 0 0;
	padding: 0;
	margin: 15px 0 30px 5px;
	position: relative;
}

ul#serviceplatform li {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	list-style: none;
	font-size: 11px;
	line-height: 300%;
	text-align: center;
	background: none;
	margin: 0;
	padding: 0;
	height: 34px;
}

ul#serviceplatform a {
	color: #cc092f;
	height: 34px;
}

ul#serviceplatform li#serviceplatformHeader {
	position: absolute;
	left: 0;
	width: 420px;
	font-size: 18px;
	line-height: 270%;
	color: #404040;
}

ul#serviceplatform li#serviceplatformData,
ul#serviceplatform li#serviceplatformProcessing,
ul#serviceplatform li#serviceplatformInformation,
ul#serviceplatform li#serviceplatformDecision {
	position: absolute;
	top: 53px;
	width: 67px;
	text-align: center;
}

ul#serviceplatform li#serviceplatformData { left: 26px; }
ul#serviceplatform li#serviceplatformProcessing { left: 126px; }
ul#serviceplatform li#serviceplatformInformation { left: 226px; }
ul#serviceplatform li#serviceplatformDecision { left: 325px; }

ul#serviceplatform li#serviceplatformSharedservice,
ul#serviceplatform li#serviceplatformConsultancy {
	position: absolute;
	top: 104px;
	width: 166px;
}

ul#serviceplatform li#serviceplatformSharedservice { left: 27px; }
ul#serviceplatform li#serviceplatformConsultancy { left: 226px; }

ul#serviceplatform li#serviceplatformICT,
ul#serviceplatform li#serviceplatformOffshoring {
	position: absolute;
	left: 22px;
	width: 375px;
}

ul#serviceplatform li#serviceplatformICT { top: 150px; }
ul#serviceplatform li#serviceplatformOffshoring { top: 192px; }

ul#memberships {
	margin: 30px 0;
	padding: 0;
}

ul#memberships li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 0 20px;
	display: block;
	float: left;
}

ul#memberships li a {
	display: block;
	text-indent: -2000em;
	text-decoration: none;
	outline: none;
	height: 60px
}

ul#memberships li#membershipsDDC a {
	background: url(../images/logo_ddcgroup.png) no-repeat 0 50%;
	width: 94px;
}

ul#memberships li#membershipsDDC a:hover {
	background-position: -94px 50%;
}

ul#memberships li#membershipsPON a {
	background: url(../images/logo_pon.png) no-repeat 0 50%;
	width: 131px;
}

ul#memberships li#membershipsPON a:hover {
	background-position: -131px 50%;
}

ul#memberships li#membershipsNIMA a {
	background: url(../images/logo_nima.png) no-repeat 0 50%;
	width: 117px;
}

ul#memberships li#membershipsNIMA a:hover {
	background-position: -117px 50%;
}

#movieDDCGroup {
	float: right;
	margin: 20px 0 0 20px;
}

#content .testimonials {
	background-color: #fff;
}

#content .testimonials li {
	background: #fff;
	width: 548px;
	height: 100%;
	display: block;
	float: left;
}

#content .testimonials p {
	margin: 0;
	padding: 0;
}

.testimonialtext {
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

ul#sitemap li {
	list-style: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: none;
}

#cornertop {
	width: 570px;
	height: 15px;
	background: #fff url(../images/corner_top_right.png) no-repeat 100% 0;
}

#cornerbottom {
	width: 570px;
	height: 15px;
	background: #fff url(../images/corner_bottom_right.png) no-repeat 100% 0;
}

img.corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

.boxShadow,
.boxContent {
	position: relative;
	bottom: 2px;
	right: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.boxShadow {
	background-color: #c6c6c6;
	margin: 4px 0 16px 4px;
	padding: 0;
}

.boxContent {
	background-color: #fff;
	border: 1px solid #808080;
	padding: 12px;
}

.boxContent p {
	font-size: 12px;
	padding-bottom: 14px;
}

#formQuickcontact #loading {
	position: absolute;
	bottom: 16px;
	right: 14px;
	width: 32px;
	height: 32px;
	background: url(../images/loading.gif) no-repeat 0 0;
	display: none;
}

#formQuickcontact #done {
	display: none;
}

#formQuickcontact #done p {
	padding-top: 12px;
	color: #66bc29;
	font-weight: bold;
}

#ddcgroup a {
	display: block;
	width: 585px;
	height: 212px;
	background: url(../images/img_ddc_group.png) no-repeat 100% 0;
	text-indent: -2000em;
	margin-top: 10px;
	outline: none;
}

#ddcgroup a:hover {
	background: url(../images/img_ddc_group.png) no-repeat 100% 100%;
}

#quicklinks {
	width: 205px;
	margin: 0;
	padding-top: 30px;
	float: right;
}

/******** Tables ********/

table {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	width: 100%;
	background-color: #fff;
	border: 0;
	margin-bottom: 10px;
}

table td {
	padding: 8px;
	border-bottom: 1px solid #e1e1e1;
}

table td.tableheader {
	background-color: #e1e1e1;
	color: #0077c6;
	font-weight: bold;
	border-bottom: 1px solid #808080;
} 

/******** Footer ********/

#footer .container {
	text-align: center;
}

#footer {
	background-color: #404040;
	width: 100%;
	min-width: 980px;
	clear: both;
	padding: 25px 0 35px 0;
	margin: 0 auto;
	float: left;
}

#footer p {
	color: #fff;
}

#footer a {
	color: #66bc29;
}

/******** Disclaimer / Algemene voorwaarden / 404********/

#extra {
	padding: 15px 5px;
	margin: 0 auto;
	width: 95%;
	float: left;
	background-color: #fff;
	width: 570px;
	text-align: left;
}

#extra p {
	font-size: 12px;
	color: #000;
	line-height: 22px;
}

/******** Login ********/

body#login {
	background-color: #fff;
}

#login {
	padding: 20px 0;
	margin: 0 auto;
	width: 300px;
	background-color: #fff;
	text-align: left;
}

#login h1 {
	height: 100px;
	width: 133px;
	background: transparent url(../images/logo_intranet.png) no-repeat 0 0;
	margin-bottom: 10px;
}

#loginstatus {
	height: 24px;
	color: #cc092f;
}