/* hack for Firefox */
html {
	height: 100%;
	}
/* end hack */

body {
	margin: 0;
	padding-top: 15px;
	background-color: #BFC4C8;
	background-image: url("../images/bggradient.jpg");
	background-repeat: repeat-x; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #687585;
	}

#wrapper {
	width: 780px;  /* make sure the #footer below has the same width */
	}

/* frontpage wrapper width setting */
body#frontpage #wrapper {
	width: 655px;  /* make sure the #footer below has the same width */
	}

/* general wrapper settings */
#wrapper {
	margin: 0px auto;
	padding: 0;
	text-align: left;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFF;
	}

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

#header {
	margin: 0;
	padding: 0;
	background-image: url("../images/header_bg_780x100.gif");
	background-repeat: no-repeat;
	background-position: right top;
	height: 100px;
	color: #000000;
	background-color: #FFF;
	}

body#frontpage #header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url("../images/header_front_bg_650x80.gif");
	background-repeat: no-repeat;
	background-position: right top;
	height: 80px;
	color: #000000;
	background-color: #FFF;
	} 

.toprightstuff {
	margin: 10px 10px 0px 0px;
	padding: 0;
	color: #FFF;
	float: right;
	}

.toprightstuff a {
	margin: 0;
	padding: 0;
	color: #FFF;
	}

.toprighstuff img {
	margin: 0px 0px -25px 0px;
	padding: 0;
	border: 0;
	width: 14px;
	height: 14px;
	text-align: left;
	vertical-align: baseline;
	}

#fixpixel {
	margin: 20px 0px 0px 40px;
	padding: 0;
	border: 0;
	width: 185px;
	height: 60px;
	}	

body#frontpage #fixpixel {
	margin: 10px 0px 0px 40px;
	}

div#header a {
	padding: 0px 0px 0px 7px;
	}

/* horizontal top menu */
div#topnav {
	float: left;
	width: 100%;
	height: 20px;
	color: #000000;
	background-color: #CCDBEF;
	border-top: 1px solid #000;
	margin: 0;
	padding: 0;
	background-image: url("../images/topshadow6.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	}

ul#topmenu {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 13px;
	}

ul#topmenu li {
	float: left;
	}

ul#topmenu a {
	display: block;
	font-size: 1.3em;
	width: 6em;
	color: #000000;
	background-color: transparent	;
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	}

ul#topmenu a:hover {
	display: block;
	font-size: 1.3em;
	width: 6em;
	color: #FFF;
	background-color: #4B6983;
	text-align: center;
	text-decoration: none;
	}

/* end horizontal top menu */

/* frontpage main content like pictures, description and news */
#picleft {
	float: left;
	width: 300px;
	height: 200px;
	margin: 15px 2px 0px 0px;
	padding: 0px 0px 0px 26px;
	}

#picright {
	float: left;
	width: 300px;
	height: 200px;
	margin: 15px 0px 0px 0px;
	padding: 0;
	color: #000000;
	background-color: #000033;
	}

.sparring {
	margin: 0;
	padding: 10px 5px 15px 5px;
	font-family: Arial, sans-serif;
	font-size: 3.0em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	color: #FFCC33;
	}

.sparring a {
	color: #FFCC33;
	text-decoration: none;
	}

.sparring a:hover {
	color: #FFCC33;
	text-decoration: underline;
	}

#services {
	margin: 0;
	padding: 0;
	font-size: 1.2em; 
	text-align: center;
	line-height: 1.2;
	color: #B2D5FD; 
	}

#mainblock p.availability {
	margin: 0px 25px 0px 0px;
	padding: 0;
	}

p#services a {
	color: #B2D5FD;
	font-size: 1.2em;
	text-decoration: none;
	}

p#services a:hover {
	color: #B2D5FD;
	text-decoration: underline;
	}
	
#picleft2 {
	float: left;
	clear: both;
	width: 300px;
	height: 69px;
	margin: 2px 2px 0px 0px;
	padding: 0px 0px 0px 26px;
	background-image: url("../images/1woman6_white_bg.gif");
	background-repeat: no-repeat;
	background-position: right top;
	color: #000000;
	background-color: #FFF;
	}

div#picleft2 pre {
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000033;
	}

div#picleft2 pre span {
	font-size: 1.0em;	
	font-weight: bold;
	}

div#picleft2 img {
	width: 18px;
	height: 11px;
	vertical-align: middle;
	}

#picright2 {
	float: left;
	width: 300px;
	height: 69px;
	margin: 2px 0px 0px 0px;
	padding: 0;
	}

#offer {
	float: left;
	width: 290px;
	margin: 2px 2px 0px 26px;
	padding: 5px 5px 5px 5px;
	font-size: 1.3em;
	color: #000033;			/* dark grey text color */
	vertical-align: top;
	background-color: #ECECEC;
	}

div#offer p {
	margin: 0;
	padding: 3px 0px 5px 0px;
	}

/* frontpage news block */
#news {
	float: left;
	width: 285px;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	font-size: 1.2em;
	color: #4a4a4a;
	background-color: #FFF; /* #000033; */
	}

div#news h3 {
	margin: 0px 0px 5px 0px;
	padding: 8px 0px 2px 0px;
	border-bottom: 1px dashed #000000;
	font-size: 1em;
	font-weight: normal;
	}

div#news table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	}

div#news td {
	margin: 0;	
	padding: 0px 0px 5px 5px;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}

div#news a {
	margin: 0;
	padding: 0;
	color: #2e4e82;	/* link color */
	font-weight: normal;
	font-style: normal;
	}

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

div#news .nowrap {
	white-space: nowrap;
	}

/* end frontpage news block */

/* end frontpage main content like pictures, description and news */

div#mainblock p#enabling,
div#wrapper p#enabling {
	clear: both;
	text-align: center;
	margin: 0;
	}

body#frontpage #enabling {
	padding: 12px 0px 8px 0px;
	}

/* padding for enabling pic in contentpages */
div#mainblock #enabling {
	padding: 20px 0px 20px 0px;
	}

#navbuttons {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0px 0px 20px 0px;
	}



/* contentpage main block */

#fauxwrapper {
	/* background: #FFF url("../images/faux_bar_999999_185px_shadow3.gif") repeat-y left top; */
	/* Hides from IE-mac \*/
	height: 1%; /* peekaboo hack / Holly hack */
	/* End hide from IE-mac */
	}

#sidebar {
	width: 200px; /* match this to the margin-left value of #mainblock */
	float: left;
	padding: 23px 0px 0px 10px;
	}

/* left menu in content page */

ul#leftmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 172px;
	border-bottom: 1px dotted #999999;
	line-height: 0.9em;
}

#leftmenu a {
	text-decoration: none;
	color: #687585;
	font-size: 1.1em;
	font-weight: bold;
	border-top: 1px dotted #999999;
	border-bottom: none;
	display: block;
	padding: 5px 5px 7px 16px;
	background: #FFF url("../images/left_menu/arrow_darkblue.gif") no-repeat 6px 50%;
}

#leftmenu a:hover {
	color: #FFF;
	font-weight: bold;
	/* text-decoration: underline; */
	background: #4B6983 url("../images/left_menu/arrow_lightblue.gif") no-repeat 6px 50%;
}

/* styles for the "you are here" buttons */
/* body id, menu id, <a> link id */
body#companypage a#companyLink,
body#missionpage a#missionLink,
body#managementpage a#managementLink,
body#partnerspage a#partnersLink,
body#jobspage a#jobsLink,
body#legalpage a#legalLink,
body#websitepage a#websiteLink,
body#contactpage a#contactLink,
body#newspage a#newsLink,
body#latestnewspage a#latestnewsLink,
body#latesteventspage a#latesteventsLink,
body#prpage a#prLink,
body#servicespage a#servicesLink,
body#consultingpage a#consultingLink,
body#pmpage a#pmLink,
body#impage a#imLink {
	background: #CCDBEF url("../images/left_menu/arrow_red.gif") no-repeat 6px 50%;
	font-weight: bold;
	color: #000033;
	}

#companypage #leftmenu a#companyLink:hover,
#missionpage #leftmenu a#missionLink:hover,
#managementpage #leftmenu a#managementLink:hover,
#partnerspage #leftmenu a#partnersLink:hover,
#jobspage #leftmenu a#jobsLink:hover,
#legalpage #leftmenu a#legalLink:hover,
#websitepage #leftmenu a#websiteLink:hover,
#contactpage #leftmenu a#contactLink:hover,
#newspage #leftmenu a#newsLink:hover,
#latestnewspage #leftmenu a#latestnewsLink:hover,
#latesteventspage #leftmenu a#latesteventsLink:hover,
#prpage #leftmenu a#prLink:hover,
#servicespage #leftmenu a#servicesLink:hover,
#consultingpage #leftmenu a#consultingLink:hover,
#pmpage #leftmenu a#pmLink:hover,
#impage #leftmenu a#imLink:hover {
	color: #FFF;
	font-weight: bold;
	/* text-decoration: underline; */
	background: #4B6983 url("../images/left_menu/arrow_lightblue.gif") no-repeat 6px 50%;
	}

/* IE Fixes */
/* remove annoying gaps */
#leftmenu li {	
	display: inline; 
}
/* force hover on entire width of  link */
* html #leftmenu a {
	height: 1px;
}
/* end IE fixes */
/* end left menu */

/* start newsblock in the sidebar */
.newsblock {
	margin: 50px 0 0 0;
	padding: 0;
	width: 172px;
	background-color: #CCDBEF;
	border-bottom: 1px solid #808080;
	}

.newsblockheader {
	margin: 0px 0px 5px -1px;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-color: #000033;
	font-size: 1.2em;
	color: #FFFFFF;
	text-align: center;
	}

.newsblock p {
	margin: 0;
	padding: 0px 2px 2px 3px;
	}

/* end newsblock in the sidebar */

/* start RHCE pic inde the sidebar */

.rhce {
	margin: 20px auto;
	padding: 10px 35px 0px 0px; /* use the padding to pull logo to left so it looks centered */
	text-align: center;
	}

.rhcepic {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 139px;	
	text-align: center;
	border: 0;
	}

/* news box with rounded corners in sidebar */
div.module-grey {
	margin: 0 0 20px 2px;
	padding: 0;
	width: 168px;
	background: url("../images/newsbox_grey_tl.png") 0 0 no-repeat;
	}

div.module-grey h3 {
	margin: -2px -8px 0 -8px;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 0px;
	padding-bottom: 2px;
	font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #000033;
	text-align: center;
	}

div.module-grey div {
	background: url("../images/newsbox_grey_tr.png") 100% 0 no-repeat;
	}

div.module-grey div div {
	background: url("../images/newsbox_grey_bl.png") 0 100% no-repeat;
	}

div.module-grey div div div {
	background: url("../images/newsbox_grey_br.png") 100% 100% no-repeat;
	padding: 8px;
	width: auto !important;
	width: 100%;
	}

div.module-grey div div div div {
	background: none;
	}

div.module-grey p {
	margin: 4px 0 0 -2px;
	padding: 0;
	font-size: 1.0em;
	font-weight: normal;
	color: #687585;
	}

div.module-grey p.module-grey-readmore {
	text-align: right;
	}

div.module-grey ul {
	margin: 5px 0;
	padding-left: 15px;
	font-weight: normal;
	color: #687585;
	}

div.module-grey a {
	color:#2e4e82;
	font-weight: normal;
	}

div.module-grey ul li a:link, div.module-grey ul li a:visited {
	font-weight: bold;
	}

div.module-grey a.mainlevel:link, div.module-grey a.mainlevel:visited  {
	background: none;
	padding-left: 0;
	}

div.module-grey ul li a:hover {
	font-weight: bold;
	}

/* news box with rounded corners in sidebar */

/* end sidebar */

/* start mainblock */
#mainblock {
	margin: 0px 0px 0px 200px;  /* match this to the margin-right of #sidebar */
	padding: 0px 0px 0px 20px;
	font-size: 1.3em;
	}

#mainblock a {
	font-weight: normal;
	text-decoration: none;
	}

#breadcrumbs {
	margin: 0;
	padding: 27px 0px 0px 0px;
	font-size: 0.8em;
	color: #4B6983;
	}

#mainblock #breadcrumbs a {
	font-weight: normal;
	text-decoration: none;
	}

#title {
	margin: 0 24px 0 0;
	padding: 20px 0px 0px 0px;
	border-bottom: 1px solid #687585;
	}

#title h2 {
	margin: 0 0 -5px 0;
	padding: 0;
	font-size: 2.6em;
	font-family: serif;
	font-style: italic;
	}

#mainblock h3 {
	padding: 15px 0px 0px 0px;
	margin: 0;
	font-size: 1.2em;
	color: #000066;
	font-weight: normal;
	}

#mainblock h4 {
	padding: 15px 0px 0px 0px;
	margin: 0;
	font-size: 1.1em;
	color: #000066;
	font-weight: normal;
	}

div#mainblock p {
	margin: 0;
	padding: 10px 25px 0px 0px;
	line-height: 1.4em;
	text-align: justify;
	color: #4a4a4a;					/* dark grey text color */
	}

div#mainblock a {
	color: #2e4e82;	/* link color */
	font-weight: normal;
	}

/* start 456 box */
.cbb {
	margin: 1em 0;
	padding: 0 10px;
	border: 1px solid #666;
	background: #fff;
	}

.cbb h1 {
	margin: 0 -10px;
	padding: 0.3em 10px;
	background: #efece6;
	font: bold 1.2em/1 "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

/* Normal styling */
.cb {
	margin: 0.5em 0;
	}
	
/* Top corners and border */
.bt {
	height: 17px;
	margin: 0 0 0 18px;
	background: url("../images/456box.png") no-repeat 100% 0;
	}

.bt div {
	position: relative;
	left: -18px;
	width: 18px;
	height: 17px;
	background: url("../images/456box.png") no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	}

/* Bottom corners and border */
.bb {
	height: 14px;
	margin: 0 0 0 12px;
	background: url("../images/456box.png") no-repeat 100% 100%;
	}

.bb div {
	position: relative;
	left: -12px;
	width: 12px;
	height: 14px;
	background: url("../images/456box.png") no-repeat 0 100%;
	font-size: 0;
	line-height: 0;
	}

/* Left border */
.i1 {
	padding: 0 0 0 12px;
	background: url("../images/456box_borders.png") repeat-y 0 0;
	}
/* Right border */
.i2 {
	padding :0 12px 0 0;
	background: url("../images/456box_borders.png") repeat-y 100% 0;
	}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background: #fff;
	border: 1px solid #fff;
	border-width: 1px 0;
	padding: 0 10px;
	}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
/* .i3 {
	display: block;
	margin: 0;
	padding: 1px 10px;
	background: #fff;
	} */

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
/* .i3:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	} */

/* .i3 { display: inline-block; } */

/* .i3 { display: block; } */
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.two, .three {
	float: right;
	margin: 45px 10px 0px 10px;
	padding: 0;
	width: 240px;
	}

.three {
	margin: 10px 10px 0px 10px;
	}

.two .i1, .two .i2, .three .i1, .three .i2 { 
	background-image: url("../images/456box_borders2.gif");
	}

.two .bt, .two .bt div, .two .bb, .two .bb div,
.three .bt, .three .bt div, .three .bb, .three .bb div {
	background-image: url("../images/456box_box2.gif");
	}

.two h2, .three h2 {
	margin: -5px -10px 0px -10px; /* -10px left and -10px right stretches it to the frame */
	padding: 0 0 2px 0;
	background: #FFF;
	font-size: 1.2em;
	font-weight: normal;
	font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align: center;
	border-bottom: 1px solid #d3d3d3;
	color: #000033;
	}

div#mainblock .three p {
	margin: 5px -10px 5px -10px;
	padding: 0px 5px 0px 5px;
	line-height: 1.1em;
	color: #687585;
	}

/* end 456 box */
/* table content in 456box */
.ff_table {
	margin: 0px -10px 0px -10px;
	padding: 0px 5px 0px 5px;
	font-size: 0.9em;
	}

.ff_table td {
	margin: 0;
	padding: 1px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	color: #687585;
	}

/* end test css box with rounded corners */

/* mission page */
q { font-style: italic; }

/* end mission page */

/* management team page */

#mgmt_pic {
	margin: 18px 15px 5px 0px;
	padding: 0;
	float: left;
	width: 124px;
	height: 155px;
	}

#mgmt_pic img {
	margin: 0;
	padding: 0;
	width: 122px;
	height: 152px;
	border-top: 1px solid #D3D3D3;
	border-right: 2px solid #696969;
	border-bottom: 2px solid #696969;
	border-left: 1px solid #D3D3D3;
	}

/* management team page end */

/* partners page */

table#techpartners {
	margin: 15px 15px 0px 0px;
	padding: 0;
	}

table#techpartners td.left {
	margin: 0;
	padding: 0px 10px 0px 0px; 
	}

/* partners page end */

/* website page */

ul.squarelist {
	list-style-type: square
	}

ul.squarelist li {
	color: #4a4a4a;
	} 

/* end website page */

/* contact page */

.roundedcontactstripe {
	margin: 0;
	padding: 0;
	}

h2.roundedcontactstripe {
	width: 535px;
	margin: 20px 0px 0px 0px;
	padding: 0;
	background-color: #000033;
	background-image: url("../images/newsstripe_top_535px_darkblue.png");
	background-position: top left;
	background-repeat: no-repeat;
	/* font-family: Arial, sans-serif; */
	font-size: 0.8em;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	}
	
h2.roundedcontactstripe span {
	display: block;
	margin: 0;
	padding: 1px 0px 2px 10px;
	background-image: url("../images/newsstripe_bottom_535px_darkblue.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	}

table#contactaddress, table#emailaddress {
	margin: 0px 25px 10px 0px;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	}

col#bezoek, col#vraag {
	width: 25em;
	}

col#post, col#email {
	width: 25em;
	}

table#contactaddress .even, table#emailaddress .even {
	background-color: #DDDDDD;
	}

table#contactaddress td, th {
	margin: 0;
	padding: 2px 2px 2px 10px;
	}

table#contactaddress td.firsttd {
	width: 26em;
	}

table#emailaddress td, th {
	margin: 0;
	padding: 2px 2px 2px 10px;
	}

table#contactaddress th, table#emailaddress th {
	background-color: #000033;
	color: #FFFFFF;
	}

table#contactaddress a, table#emailaddress a {
	color: #2e4e82;	/* link color */
	font-weight: normal;
	}

/* end contact page */

/* news overview page */
table.newstable {
	width: 95%;
	margin: 0px 25px 0 0;
	border-collapse: collapse;
	text-align: left;
	}

table.newstable .even {
	background-color: #DDDDDD;
	}

td.newsdate {
	margin: 0;
	padding: 0;
	width: 65px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	/* border: 1px solid black; */
	}

table.newstable td, th {
	margin: 0;
	padding: 2px 2px 2px 5px;
	}

table.newstable th {
	background-color: #000033;
	color: #FFFFFF;
	}

table.newstable a {
	color: #000099;
	}

.newsmorepic {
	margin: 0;
	padding: 0 0 2px 0;
	vertical-align: middle;
	}

/* end news overview page */

/* latest news page */

h2.roundednewsstripe {
	width: 535px;
	margin: 20px 0px 15px 0px;
	padding: 0;
	background-color: #000033;
	background-image: url("../images/newsstripe_top_535px_darkblue.png");
	background-position: top left;
	background-repeat: no-repeat;
	/* font-family: Arial, sans-serif; */
	font-size: 0.8em;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	}
	
h2.roundednewsstripe span {
	display: block;
	margin: 0;
	/* padding: 1px 15px 2px 15px; */
	padding: 1px 0px 2px 15px;
	background-image: url("../images/newsstripe_bottom_535px_darkblue.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	}

div.newsdate {
	margin: -13px 27px 0 0;
	padding: 0;
	font-size: 0.7em;
	color: #808080;
	text-align: right;
	}

img.newstopnav {
	margin: 10px 0;
	padding: 0;
	}

/* end latest news page */

/* services page */

.servicesmorepic {
	margin: 0;
	padding: 0 0 2px 2px;
	vertical-align: middle;
	}

/* consulting page */

ul.leftsidedul {
	margin: 10px 20px 0 25px;
	padding: 0;
	list-style-type: decimal;
	}

ul.leftsidedul li {
	padding-top: 7px;
	color: #4a4a4a;
	}

/* footer containing bottom links, copyright and W3C, Firefox logo's */
#footer {
	margin: 15px auto;
	width: 655px;
	padding: 0;
	text-align: center;
	width: 780px;
	}

/* frontpage footer width setting */
body#frontpage #footer {
	width: 655px;  /* make sure the frontpage #wrapper at the top has the same width */
	}

div#footer .links {
	margin: 5px 0px 0px 0px;
	padding: 0;
	color: #000080;
	}

div#footer a {
	color: #000080;
	text-decoration: none;
	}

div#footer a:hover {
	color: #FF0000;
	text-decoration: underline;
	}

div#footer #legal {
	margin: 5px 0px 0px 0px;
	padding: 0;
	color: #FFF;
	background-color: inherit;
	}
/* end footer containing bottom links, copyright and W3C, Firefox logo's */