

img{
	border: none;
	outline: none;
}

a{
	color: #64728c;
	text-decoration: none;
}

a:hover{
	color: #ff7700;
	text-decoration: underline;
}


p{
	color: #666677;
}

.green {
	color: #02c831;
}

.red {
	color: #ff0000;
}
/*.button{
	background: transparent url('/html_content/images/button_background.png') no-repeat;
	border: none;
	color: #fff;
	font-size: 11px;
	height: 20px;
	padding: 0 0 4px 0;
	text-align: center;
	width: 50px;
}*/

/***************** START BUSINESS SOLUTIONS *****************/
#productWrapper {
	margin-top: 15px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}

#productWrapperC {
	margin-top: 15px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}


.productContainer {
	float:left;
	margin-right: 16px;
	width: 216px;
	
}

.productContainerLast {
	float:left;
	width: 216px;
}


.contentBlockSmallProduct{
	background-color: #efeff1;
	float: left;
	margin-top: 15px;
	margin-bottom: 11px;
	padding-bottom: 5px;
	width: 216px;
	color: #666677;
	height: 200px;
}

.contentBlockSmallProductHigh {
	background-color: #efeff1;
	float: left;
	margin-top: 15px;
	padding-bottom: 7px;
	width: 216px;
	height: 550px;
	color: #666677;
	position: relative;
}


.contentBlockSmallProductHigh li{
	border-bottom: 1px solid #fff;
}

.smallHeaderProduct{
	background: transparent url('/html_content/images/content_block_header_product.png') no-repeat;
	color: #fff;
	float: left;
	height: 24px;
	width: 216px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;

}

/* IE 6 */
*html .smallHeaderProduct{
	background: transparent url('/html_content/images/content_block_header_product.png') no-repeat;
	color: #fff;
	float: left;
	height: 24px;
	width: 205px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;
}

ul.newsBlockProduct li{
	display: block;
	width: 170px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 22px;
}

ul.newsBlockProduct{
	float: left;
	padding: 10px;
	margin: 0;
	height: 70px;
}

.newsBlockProduct li {
	background:  url('/html_content/images/arrow_s_orange.png')  left top no-repeat; 
	list-style-type:none;
	

}

ul.newsBlockProduct li.options {
	border-bottom: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}


.more {
	position: absolute;
	bottom: 10px;
	left: 0;
	
	background: url('/html_content/images/more_information.jpg')  no-repeat;
	text-align:center;
	width: 196px;
	height: 20px;
	color: #ffffff;
	padding-top: 5px;
	font-weight: bold;
	margin-left: 10px;
}

.more a  { 
	color: #fff;
	}

.more a:hover{ 
	text-decoration: underline;
	color: #fff;
	}

*html .more {
	position: relative;
	bottom: 0;
	margin-bottom: 0px;
	background: url('/html_content/images/more_information.jpg')  no-repeat;
	text-align:center;
	width: 196px;
	height: 20px;
	color: #ffffff;
	padding-top: 5px;
	font-weight: bold;
	margin-left: 10px;
}


ul.newsBlockProduct li:last-child{border: none;}

ul.newsBlockProduct li p .newsBlockTitle{
	font-weight: bold;
}



/***************** END BUSINESS SOLUTIONS *****************/


/***************** PAGE *********************/

#leftContent{
	margin-top: 0px;
	padding-top: 0px;
	width: 564px;
	float: left;

}

#rightContent{
	margin-top: 0px;
	padding-top: 0px;
	width: 332px;
	float:right;

}

.productContainerXL {
	width: 564px;
	background-color: #EFEFF1;
	margin-top: 15px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.bigHeaderProductXL{
	background: transparent url('/html_content/images/content_block_header_xl.png') no-repeat;
	color: #fff;
	height: 32px;
	width: 554px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top:5px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.OrderContainerXL {
	width: 564px;
	background-color: #EFEFF1;
	padding-bottom: 25px;
	margin-bottom: 15px;
	}


ul.newsBlockProductXL {
	width: 500px;
	margin: 0;
	padding: 0;
	padding-left: 10px;

}

ul.newsBlockProductXL li{
	display: block;
	width: 500px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #666677;
	line-height: 18px;
}



ul.OrderBlockProductXL li {
display: block;
	width: 500px;
	margin-left: 12px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #666677;
}

.productContainerNormal {
	width: 564px;
	background-color: #EFEFF1;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.productContainerNormalC {
	width: 564px;
	background-color: #EFEFF1;
	padding-bottom: 25px;
	margin-bottom: 15px;
	height: 450px;
}





.bigHeaderProductNormal{
	background: transparent url('/html_content/images/content_block_header_normal.png') no-repeat;
	color: #fff;
	float: left;
	height: 24px;
	width: 554px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top:5px;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

.productContainerNormal p{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.productContainerNormalC p{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

tr.head {
	font-weight: bold;
}

p.contentTitle {
	font-weight: bold;
	font-size: 15px;
}

/* IE 7 Hack */
html>body p.contentTitle {
	margin-top: 15px;
	font-weight: bold;
	font-size: 15px;
}

ul.newsBlockProductNormal {
	width: 500px;
	margin: 0;
	padding: 0;
	padding-left: 10px;

}

ul.newsBlockProductNormal li{
	display: block;
	width: 500px;
	margin-left: 0px;
	padding-bottom: 10px;
	font-size: 14px;
}



.productContainerMedium{
	width: 332px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	clear:both;
	border-bottom: 1px solid #d9d9dd;
}

.mediumHeaderProduct{
	background: transparent url('/html_content/images/content_block_header_medium.png') no-repeat;
	color: #fff;
	float: left;
	height: 24px;
	width: 332px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;

	
}

.productContainerMedium p{
	padding: 0;
	margin: 0;
	
}

ul.newsBlockProductMedium{ 
		width: 332px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

ul.newsBlockProductMedium li{
	display: block;
	width: 332px;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 12px;
}

.client {
	float:left;
}

.showPortfolio {
	float:right;
	margin-right: 15px;
	font-weight: normal;
}

.showPortfolio a {
	text-decoration: none;
	color: #fff;
}

.showPortfolio a:hover {
	text-decoration: underline;
}

p.portfolioTitle {
	font-size: 15px;
	font-weight: bold;
}

div.portfolioUrl  {
	font-size: 13px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	}

.portfolioUrl a{
	color: #ff7700;
}
.portfolioUrl a:hover {
	color: #ff7700;
	text-decoration: underline;
}

img.portfolioImage {
	margin-top: 10px;
	margin-bottom: 10px;
}
/******************END PAGE *********************/

/** Wide content block **/
.contentBlockWide{
	float: left;
	width: 564px;
	margin-bottom: 16px;
}

.solidBackground{background-color: #efeff1;}

.wideHeader, .smallHeader{padding: 4px 0 0 9px;}

.wideHeader a{color:#fff;}

.wideHeader a.moreLink, .smallHeader a{
	color: #fff;
	display: block;
	float: right;
	margin-right: 10px;
	text-decoration: none;
}

.wideHeader{
	background: transparent url('/html_content/images/content_block_header_wide.png') no-repeat;
	color: #fff;
	float: left;
	height: 20px;
	width: 555px;
}

.contentBlockSmall{
	background-color: #efeff1;
	float: left;
	margin-bottom: 16px;
	padding-bottom: 5px;
	width: 332px;
}

.smallHeader{
	background: transparent url('/html_content/images/content_block_header_small.png') no-repeat;
	color: #fff;
	float: left;
	height: 20px;
	width: 323px;

}




/* News Block*/
ul.newsBlock{
	float: left;
	list-style: none;
	margin: 10px;
	padding: 0;
}

ul.newsBlock li{
	border-bottom: 1px solid #fff;
	display: block;
	width: 312px;
}

ul.newsBlock li:last-child{border: none;}

ul.newsBlock li p .newsBlockTitle{
	font-weight: bold;
}




/** Timeline overview styles **/
ul.timelineList{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.timelineList li{
	border-bottom: 1px solid #d9d9dd;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 274px;
	
}

ul.timelineList li img.timelineIcon{
	border: 1px solid #d9d9dd;
	float: left;
	margin-right: 6px;
}

ul.timelineList li ul{
	float: left;
	line-height: 125%;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 208px;
}

ul.timelineList li ul li{
	border: none;
	float: left;
	width: 208px;
	margin: 0;
	padding: 0;
}

ul.timelineList li ul li .actions{float: right;}

ul.portfolioList {
	color: #666677;

	
	list-style-type:none;
	float: left; margin: 0; padding: 0;
}

ul.portfolioList li {
	margin-bottom: 5px;
}

ul.portfolioList li.portfolioHeader {
	margin-top: 20px;
	margin-bottom:20px;
	font-size: 20px;
}


/*******************************************/

img.ourClients {
	margin-top:18px;
	margin-bottom:15px;

}

/********** Education ************/

#contactForm label  { 
clear:both;
float:left;
width: 225px;
color: #666677;
}



.formspan {
	float:left; 
	width:555px; 
	padding-bottom:7px;
}

.formspan label {
	padding-top: 4px;
}

.fields {
float:right;
width: 275px;
margin-right: 15px;
 }

/* IE8 and Firefox */
 .fieldsbox {
margin-top: 5px;
margin-left: 37px;
}

/* IE7 hack */
*:first-child+html .fieldsbox { 
margin-top: 5px;
margin-left: 32px;
}

/* IE6 hack */
*html .fieldsbox {
	margin-top: 5px;
margin-left: 29px;
}

.invoice
{
float:right;
padding-top: 5px;
margin-bottom: 28px;
color: #666677;
font-weight: bold;
margin-right: 253px;


}

 .textareaClass {
float:right;
width: 275px;
margin-right: 15px;
}

 .submitClass {
margin-top: 5px;
margin-bottom: 5px;
float:right;
margin-right: 15px;
clear: both;
}


#contactForm {
width: 555px;
}

.onzichtbaar
{
	display: none;
}

h2.eduTitle{
font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left:25px;;
}

ul.newsBlockProductXL p{
	margin: 0;
	padding: 0;
		padding-left:25px;

}

ul.newsBlockProductXL li h2 {
	background: url('/html_content/images/arrow_s_orange.png')  left top no-repeat; 
}

