@charset "UTF-8";
/* CSS Document */

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

html {
	background-color:#ffffff;
}
body {
	background-color:#ffffff;
}

/* -------------------------------------- */
/*  Main Structure                        */
#main {
        width: 880px;;
        margin: 0 auto;
}

#topmenu {
	display:none; /* PRINT */
	clear:both;
	position:relative;
	width:880px;
	height:35px;
	min-height:35px;
	background-image:url(/assets/images/site/topmenuBack.gif);
	background-repeat:repeat-x;
	margin-top:20px;
}

/* ------------------------ */
/* Vervolg pagina structure */
#vervolgpagina {
	clear:both;
	width:880px;
	padding-top:10px;
	margin-bottom:15px;
}
#kruimelpad  {
	display: none; /* PRINT */
	width:840px; /* 840 + 40 (padding-left) = 880 total width */
	padding-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#999999;
}
/* content Header */
#contentHeader {
	clear:both;
	width:840px; /* 840 + 40 = 880 full width */
	padding-left:40px;
}
#paginaTitle {
	float:left;
	vertical-align:bottom;
	margin-top:8px;
	width:635px;
	height:48px;
}
#paginaTitleLogo {
	display: none; /* Tijdelijk, op verzoek van Johanneke op 27-okt-2009, gedaan door Bert Catsburg */
	float:right;
	width:205px;
	height:48px;
	min-height:48px;
	margin-top:13px;
	background-image:url(/assets/images/site/projects/projectsTitleLogo.gif);
	background-repeat:no-repeat;
}

#grijzeContentLijn {
	clear:both;
	width:880px;
}

/* Content Container */
#contentContainer {
	clear:both;
	width:880px;
}
#content {
	float:left;
	width:615px; /* 635 + 40  + 20 = 675 */
	padding-left:40px;
	padding-right:20px;
	padding-bottom:30px;
}
#rechterkolom {
	display: none; /* PRINT */
	float:left;
	width:205px; /* 880 - 675 */
	padding-left:0px;
	padding-bottom:10px;
}




/* --------------------------------- */
/* TopMenu                           */
#topmenuBackLeft {
	float:left;
	width:205px;
	height:35px;
	min-height:35px;
	background-image:url(/assets/images/site/topmenuBackLeft.gif);
	background-repeat:no-repeat;
}

#topmenuBackRight {
	float:right;
	width:3px;
	height:35px;
	min-height:35px;
	background-image:url(/assets/images/site/topmenuBackRight.gif);
	background-repeat:no-repeat;
}
#topmenuContent {
	float:left;
	width:672px;
	height:35px;
	min-height:35px;
}


#topmenuBackLeft p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	padding-left:40px;
	padding-top:11px;
	margin-top:0;
	text-decoration:none;
}
#topmenuBackLeft p a {
	color:#000000;
	text-decoration:none;
}
#topmenuBackLeft p a:hover {
	color:#000000;
	text-decoration:none;
}


#topmenuButtons {
	float:left;
	width: 451px; 
	height: 35px;
    background: url(/assets/images/site/topMenuButtons.gif);
    margin: 0; 
	padding: 0;
    position: relative;
	overflow:hidden;
}
#topmenuButtons li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
}
#topmenuButtons li, #topmenuButtons a {
    height: 35px; 
	display: block;
}
#topmenuButtons a {
	/* display:none; */
}
#topmenuButtons a h2 {
	display:none;
}

#topmenu_Projects {left: 0; width: 91px;}
#topmenu_Provider {left: 90px; width: 91px;}
#topmenu_Services {left: 180px; width: 91px;}
#topmenu_Products {left: 270px; width: 91px;}
#topmenu_ICTroom  {left: 360px; width: 91px;}

#topmenu_Projects a:hover {background: transparent url(/assets/images/site/topMenuButtons.gif) 0 -35px no-repeat;}
#topmenu_Provider a:hover {background: transparent url(/assets/images/site/topMenuButtons.gif) -90px -35px no-repeat;}
#topmenu_Services a:hover {background: transparent url(/assets/images/site/topMenuButtons.gif) -180px -35px no-repeat;}
#topmenu_Products a:hover {background: transparent url(/assets/images/site/topMenuButtons.gif) -270px -35px no-repeat;}
#topmenu_ICTroom  a:hover {background: transparent url(/assets/images/site/topMenuButtons.gif) -360px -35px no-repeat;}

#topmenu_Projects a.selected {background: transparent url(/assets/images/site/topMenuButtons.gif) 0 -35px no-repeat;}
#topmenu_Provider a.selected {background: transparent url(/assets/images/site/topMenuButtons.gif) -90px -35px no-repeat;}
#topmenu_Services a.selected {background: transparent url(/assets/images/site/topMenuButtons.gif) -180px -35px no-repeat;}
#topmenu_Products a.selected {background: transparent url(/assets/images/site/topMenuButtons.gif) -270px -35px no-repeat;}
#topmenu_ICTroom  a.selected {background: transparent url(/assets/images/site/topMenuButtons.gif) -360px -35px no-repeat;}


/* -------------------------------------- */
/* TopMenu Search Box                     */
#ajaxSearch_input {
	width: 160px;
	display: inline;
	height: 14px;
	border: 1px solid #919394;
	margin-top: 7px;
	margin-left: 28px;
	padding: 0;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#1a171b;
}
#ajaxSearch_submit {
           display: none;        
}
a.ajaxSearch_resultLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#6385ae;
}

div.ajaxSearch_resultExtract p {
	padding-left:10px;
	padding-bottom:10px;
}
.AS_ajax_resultsIntroFailure {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.ajaxSearch_paging {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
/* -------------------------------------- */
/* Homepage specific                      */

#homepage {
	margin-bottom:5px;
}

#homepageBannerContainer {
	position:relative;
	clear:both;
	width:880px;
	height:265px;
	min-height:265px;
	margin-top:0px;
}
#homepageBanner {
	position:absolute;
	top:0px;
	left:0px;
	width:880px;
	height:265px;
	z-index:31;
}
#homepageBanner img {
	width:880px;
	height:265px;
	top:0px;
	left:0px;
	position:absolute;
}

#homepageOnderBannerBalkForPrint {
	position:relative;
	clear:both;
	width:880px;
	height:80px;
	min-height:80px;
}
#homepageOnderBannerBalk {
	display: none; /* PRINT */
	position:relative;
	clear:both;
	width:880px;
	height:80px;
	min-height:80px;
}
#homepageLogo {
	float:left;
	width:205px;
	height:80px;
}
#homepageSlogan {
	float:left;
	height:80px;
}
#homepageSlogan h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:normal;
	font-style:italic;
	color:#0061a1;
	padding-left:23px;
	padding-top:20px;
}
#homepageLijnOnderTekst {
	clear:both;
	width:880px;
	height:14px;
	min-height:14px;
	margin-bottom:25px;
}
#homepageTextBlokken {
	clear:both;
	width:880px;
	height:102px;
	min-height:102px;
}
.homepageTextBlok_notlast {
	float:left;
	width:205px;
	height:102px;
	min-height:102px;
	background-color:#ffffff;
	margin:0;
	padding-right:20px;
}
.homepageTextBlok_first {
	float:left;
	width:200px;
	height:127px;
	min-height:127px;
	margin:0;
	padding-right:0px;
	padding-top:10px;
	padding-left:15px;
}
.homepageTextBlok_last {
	float:left;
	width:204px;
	height:102px;
	min-height:102px;
	margin:0;
	padding-right:0px;
}
.homepageTextBlok_notlast h1, .homepageTextBlok_first h1, .homepageTextBlok_last h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#1A171B;
}

.homepageTextBlok_notlast p, .homepageTextBlok_first p, .homepageTextBlok_last p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	width:200px;
	text-align:left;
}
.homepageTextBlok_notlast p a, .homepageTextBlok_first p a, .homepageTextBlok_last p a {
	color:#0061A1;
	text-decoration:none;
}
.homepageTextBlok_notlast p a:hover, .homepageTextBlok_first p a:hover, .homepageTextBlok_last p a:hover {
	color:#0061A1;
	text-decoration:underline;
}
.homepageLijnNaastText {
	float:right;
	width:1px;
	height:102px;
	min-height:102px;
	background-color:#c4c5c7;
}
	
#homepageBlokken {
	clear:both;
	width:880px;
	height:125px;
	min-height:125px;
	margin-bottom:30px;
}
.homepageBlok_notlast {
	float:left;
	padding-right:17px;
}
.homepageBlok_last {
	float:left;
	padding-right: 0px;
}

/* Homepage - Nieuws - Scrollable */
div.NIEUWSscrollable {
	position:relative;
	overflow:hidden;
	width:205px;
	height:80px;
}
div.NIEUWSscrollable div.NIEUWSitems {
	height:20000em;
	position:absolute;
	clear:both;
	width:205px;
	vertical-align:top;
}
div.NIEUWSscrollable div.NIEUWSitems div {
	text-align:left;
	width:205px;
	height:80px;
	background-color:#ffffff;
}
div.NIEUWSscrollable div.NIEUWSitems div a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:left;
}
div.NIEUWSscrollable div.NIEUWSitems div a:hover {
	color:#000000;
	text-decoration:underline;
}

/* ------------------------------------ */
/* Menu                                 */
#menu {
	display: none; /* PRINT */
	clear:both;
	width:880px;
	height:122px;
	min-height:122px;
}
#menuLeft {
	float:left;
	width:4px;
	height:122px;
	min-height:122px;
	background-image:url(/assets/images/site/projects/menuBackLeft_projects.gif);
	background-repeat:no-repeat;
}
#menuRight {
	float:right;
	width:4px;
	height:122px;
	min-height:122px;
	background-image:url(/assets/images/site/projects/menuBackRight_projects.gif);
	background-repeat:no-repeat;
}
#menuContent {
	position:relative;
	float:left;
	width:872px;
	height:122px;
	min-height:122px;
	background-image:url(/assets/images/site/projects/menuBack_projects.gif);
	background-repeat:repeat-x;
}
#menuContentLeft {
	float:left;
}
#menuContentRight {
	float:right;
}


/* ------------------------------------ */
/* menuContent - Linkerkant             */

#menuContent h3 {
	margin: 0;
	padding: 0;
}
#menuContent .nav { /*position of navigation on #menuContent div*/
	left:40px;
	top:15px;
}
#menuContent div.nav, #menuContent div.subnav {
	position:absolute;
	width:250px;/*width of each 'navigation column'*/
}
#menuContent div.subnav {
	margin-left:270px;/*= width of each navigation column + padding between columns*/
	left:0px;
	top:0px;
	display:none;
}
#menuContent div.navitem {
	margin-bottom:2px;/*vertical spacing between navigation items within a column*/
}
#menuContent div.subnav {
	display:none;
}
#menuContent a {
	color:#fff;
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=60);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#menuContent a:hover { /*mouseover style of navigation items*/
	opacity:1.0;
	filter:alpha(opacity=100);
	<!--[if IE 6]>
	text-decoration:underline;
	<![endif]-->
}
#menuContent a.current { /*style of all the navigation items that also can be seen in the breadcrumb*/
	opacity:1.0;
	filter:alpha(opacity=100);
}

/* ------------------------------------ */
/* menuContent - Rechterkant            */
#menuContentRight ul {
	list-style-type:none;
	padding-top:15px;
}
#menuContentRight ul li {
	text-align:right;
	padding-right:10px;
}

/* ------------------------------------ */
/* Kruimelpad                           */
#kruimelpad a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
}
#kruimelpad a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#999999;
	text-decoration:underline;
}
#kruimelpad a.current {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
#kruimelpad a.current:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
}

/* ------------------------------------ */
/* Pagina Title                         */
#paginaTitle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#6385ae;
	padding:0px;
}


/* ------------------------------------ */
/* Content in de vervolgpagina's        */

.grijzeContentLijnRand {
	width:880px;
	height:24px;
	min-height:24px;
}
#grijzeContentLijnContent {
	width:880px;
	padding:0;
	margin:0;
	height:2px;
	min-height:2px;
	background-color:#c5c7c8;
}

.bedrijfslogoimage {
	float:left;
	padding-right:30px;
	padding-left:60px;
	padding-top:10px;
	padding-bottom:10px;
}

/* ------------------------------------ */
/* Content in de vervolgpagina's        */
#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#6385ae;
}
#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#6385ae;
}
#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6385ae;
}
#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#6385ae;
	padding-bottom:0px;
}
#content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#999999;
	padding-bottom:10px;
}
#content h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:12px;
	font-weight:normal;
	color:#999999;
	padding-bottom:10px;
}
#content h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#999999;
}
#content #nieuwsberichtenLijst p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#1a171b;
	padding-bottom:0px;
}
#content #terugnaarboven {
	display: none; /* PRINT */
}
#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#1a171b;
	padding-bottom:10px;
}

#content a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6385ae;
	text-decoration:none;
}
#content a:hover {
	color:#6385ae;
	text-decoration:underline;
}
#content ul {
	list-style-type:disc;
	list-style-position:inside;
	padding-bottom:10px;
}
#content li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#1a171b;
	padding-bottom:0px;
}
	
#content table {
}

#content td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#1a171b;
	padding:5px;
	vertical-align:top;
}
	
#content .referentie {
	width:570px;
	height:110px;
	min-height:110px;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
}
#content .referentie .referentieLogo {
	width:205px;
	float:left;
	padding-right:10px;
	text-align:center;
}

#content .referentie .referentieTekst {
	width:355px;
	float:left;
}
#content .referentieStreep {
	width:570px;
	height:2px;
	min-height:2px;
	background-color:#cccccc;
}

/* Call To Action button, not shown on PRINT */
#content #calltoactionButton {
	display:none;
}

/* ------------------------------------ */
/* Rechterkant                          */

#paginaTitleLogo p {
	display:none;
}

/* Rechterkant - Nieuwsbrief Aanvraag */
#sidebarNieuwsbrief {
	width:205px;
	height:121px;
	min-height:121px;
	background-image:url(/assets/images/site/nieuwsbriefFormBack.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:10px;
}
#sidebarNieuwsbrief h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	padding-left:10px;
	padding-top:10px;
}
#sidebarNieuwsbrief p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	padding-left:10px;
}
#sidebarNieuwsbrief p .inputfield {
	border:1px solid #b2b4b5;
	width:175px;
}
#sidebarNieuwsbrief .button {
	padding-left:100px;
	padding-top:20px;
}

/* Sidebar - Contactform */
#sidebarContactform {
	width:205px;
	height:121px;
	min-height:121px;
	background-image:url(/assets/images/site/contactFormBack.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:10px;
}

#sidebarContactform h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	padding-left:10px;
	padding-top:5px;
}
#sidebarContactform p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	padding-left:10px;
}
#sidebarContactform p .inputfield {
	border:1px solid #b2b4b5;
	width:175px;
}
#sidebarContactform .button {
	padding-left:100px;
	padding-top:10px;
}




/* Sidebar - Context Menu */
.sidebarContextMenu h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#6385ae;	
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #c5c7c8;
}
.sidebarContextMenu ul {
	list-style-type:none;
}
.sidebarContextMenu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	border-bottom:1px solid #c5c7c8;
	padding-bottom:5px;
	padding-top:5px;
}
.sidebarContextMenu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.sidebarContextMenu ul li a:hover {
	color:#000000;
	text-decoration:underline;
}


/* sidebar - Referenties - Scrollable */
#sidebarReferenties {
	width:205px;
	height:110px;
	min-height:110px;
}
#sidebarReferenties h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#6385ae;	
	padding-top:15px;
	padding-bottom:5px;
}

div.scrollable {
	position:relative;
	overflow:hidden;
	width:205px;
	height:106px;
}
div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
	height:106px;
	vertical-align:middle;
}
div.scrollable div.items div {
	float:left;
	text-align:center;
	width:205px;
	height:106px;
	background-color:#ffffff;
}

	
	
/* ------------------------------------ */
/* Referentie Balk                      */
#referentiebalk {
	clear:both;
	width:880px;
	height:106px;
}
#referentiebalkLeft {
	float:left;
	width:4px;
	height:106px;
	min-height:106px;
	background-image:url(/assets/images/site/referentiebalkLeft.gif);
	background-repeat:no-repeat;
}
#referentiebalkRight {
	float:right;
	width:4px;
	height:106px;
	min-height:106px;
	background-image:url(/assets/images/site/referentiebalkRight.gif);
	background-repeat:no-repeat;
}
div.referentiebalkScrollable {
	float:left;
	width:872px; /* 880 - 4 - 4 */
	height:106px;
	min-height:106px;
	overflow:hidden;
	position:relative;
	background-image:url(/assets/images/site/referentiebalkBack.gif);
	background-repeat:repeat-x;

}
div.referentiebalkScrollable div.referentiebalkItems {
	width:20000em;
	position:absolute;
}
div.referentiebalkScrollable div.referentiebalkItems div.referentie {
	float:left;
}



/* ----------------------------------------- */
/* Sitemap                                   */

ul.sitemap {
}
ul.sitemap ul {
	padding-left:30px;
}
ul.sitemap ul ul {
	padding-left:60px;
}
ul.sitemap ul ul ul {
	padding-left:90px;
}
ul.sitemap ul ul ul ul{
	padding-left:120px;
}

/* ----------------------------------------- */
/* Footer                                    */
#printfooter { /* Footer for Print */
	width: 880px;
	clear:both;
	height:35px;
	background-color:#cccccc;
	height:35px;
	min-height:35px;
	margin-top: 10px;
	margin-bottom:10px;
	padding-left: 15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}
#footer {
	display: none; /* PRINT */
	width:880px;
	clear:both;
	height:35px;
	min-height:35px;
	margin-bottom:40px;
}

#footerLeft {
	float:left;
	background-image:url(/assets/images/site/footerBackLeft.gif);
	background-repeat:no-repeat;
	width:4px;
	height:35px;
}
#footerRight {
	float:right;
	background-image:url(/assets/images/site/footerBackRight.gif);
	background-repeat:no-repeat;
	width:4px;
	height:35px;
}
#footerContent {
	float:left;
	background-image:url(/assets/images/site/footerBack.gif);
	background-repeat:repeat-x;
	width:872px; /* 880 - 4 - 4 */
	height:35px;
}
#footerSlogan {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#323232;
	padding-top:12px;
	padding-left:40px;
}
#footerMenu {
	float:right;
	padding-top:11px;
}
#footerMenu ul {
	list-style-type:none;
	padding-top:0;	
	margin-top:0;
}
#footerMenu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#323232;
	display: inline;
	padding-right:20px;
	padding-top:0px;
}
#footerMenu ul li a {
	color:#323232;
	text-decoration:none;
}
#footerMenu ul li a:hover {
	color:#323232;
	text-decoration:underline;
}

/* ---------------------------------------- */
/* Pagina's : ictroom                       */







/* DocType = projects
 Target = ictroom_print.css */