/* Overwrite default styles */

h1,h3 {
	color:#007acb;
}

ul {
	list-style-image:url('/shared/images/custom/connectivity/template/contentdot.gif');
}

/* INDEX.HTML */

html {
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#dadada;
}

#container {
	width:994px;
	margin-left:auto;
	margin-right:auto;
}

#container #rooftop {
	height:36px;
	width:994px;
	overflow:hidden;
}

#container #rooftop a.english {
	display:block;
	text-decoration:none;
	height:12px;
	line-height:12px;
	width:58px;
	float:right;
	text-align:right;
	background:url('/shared/images/custom/connectivity/template/ukflag.gif') no-repeat top left;
	margin-top:20px;
}

#container #rooftop a.english:hover {
	text-decoration:underline;	
}

#container #header {
	padding:3px 4px 0px 4px;
	background:white url('/shared/images/custom/connectivity/template/headertop.gif') no-repeat top left;
	height:198px; /*201 - top padding */
	width:986px; /* 994 - (left-padding + right-padding)*/
	overflow:hidden;
}

#container #header img.headerlogo {
	float:left;
}

#container #header form.searchform {
	/* HACK: IE did not understand line-height so I hacked in a top padding */
	display:block;
	position:relative;
	float:right;
	height:40px; /* 57-padding top*/
	/*line-height:57px;*/
	padding-top:17px;
	width:195px;
}

#container #header form.searchform input.text {
	position:absolute;	
	left:0px;
	top:15px;
	width:155px; /*163 - (left-padding+right-padding)*/
	height:13px; /*21 - (top-padding+bot-padding)*/
	padding:4px;
	border:1px black solid;
	font-style:italic;
}

#container #header form.searchform input.submit {
	position:absolute;
	left:170px;
	top:19px;
	background-image:url('/shared/images/custom/connectivity/template/button.gif');
	width:16px;
	height:16px;
	border:0;
	padding:0;
	margin:0;
	vertical-align:25%;  /*this fucks up align in FF but is needed for IE */
	cursor:pointer;
}

#container #header img.headerimage {
	/* HACK: had to clear both on the header banner because IE6 made up a 3px height on the div.clear */
	clear:both;
}

#container #header div.headerbotruler {
	border-top:1px #80bde5 solid;
	background:url('/shared/images/custom/connectivity/template/headerbotruler.gif') repeat-x top left;
	height:7px;
	width:986px;
}

#container #content {
	background-color:white;
	min-height:272px; /* 280 - (padding-top+padding-bottom) */
	width:986px; /* 994 - (left-padding + right-padding)*/
	padding:4px;
	overflow:hidden
}

#container #content div.minheight {
	/* HACK: this div simulates min-height in IE6 */
	height:272px;
	width:0px;
	float:left;
}

#container #footer {
	height:27px; /*30 -padding-bottom */
	width:986px; /* 994 - (left-padding + right-padding)*/
	padding:0px 4px 3px 4px;
	background:white url('/shared/images/custom/connectivity/template/footerbot.gif') no-repeat bottom left;
	overflow:hidden;
}

#container #footer img.addressleft {
	display:block;
	float:left;
}

#container #footer div.addressmid {
	/* HACK: IE did not understand line-height so I hacked in a top padding */
	width:978px;
	height:20px;/* 26-padding-top */
	/*line-height:26px;*/
	padding-top:6px;
	background:white url('/shared/images/custom/connectivity/template/footerbg.gif') repeat-x bottom left;
	text-align: center;
	float:left;
	overflow:hidden;
}

#container #footer div.addressmid span.footercol {
	color:#ffffff;
	font-weight:bold;
}

#container #footer div.addressmid span.footercol a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#container #footer div.addressmid span.footercol a:hover {
	text-decoration:underline;
}

#container #footer div.addressmid  img.separator {
	color:#ffffff;
	font-weight:bold;
	margin:0px 40px;
}

#container #footer img.addressright {
	display:block;
	float:left;
}

#container #basementfloor {
	height:20px;
	width:994px;
	overflow:hidden;
	color:white;
	text-align:center;
	line-height:30px;
}

/* MENU.HTML */
#navmenu {
	border-top:1px white solid;
	border-left:4px white solid;
	border-right:4px white solid;
	width:986px; /* 994 - (left-padding + right-padding)*/
	height:52px;
	background:url('/shared/images/custom/connectivity/template/buttonbarbg.gif') repeat-x top left;
	overflow:hidden;
}

/* sub menu buttons */
#navmenu li ul {
	top:40px;
}

#navmenu li ul li a {
	height:25px;
	line-height:25px;
	background-color:#acacac;
	color:white;
	padding:0px 10px;
	font-weight:bold;
	border-bottom:1px white solid;
	width:145px; /* 165 - (padding-left + padding-right) */
	overflow:hidden;
}

#navmenu li ul li a:hover {
	background-color:#4a4a4a;
}

#navmenu li ul li a.last {
	border-bottom:1px #777777 solid;
}

#navmenu li ul li a.first {
	padding-top:8px;
	background: #acacac url('/shared/images/custom/connectivity/template/submenutop.gif') no-repeat top left;
}

#navmenu li ul li a.first:hover {
	padding-top:8px;
	background: #4a4a4a url('/shared/images/custom/connectivity/template/submenutop_mo.gif') no-repeat top left;
}

/* main buttons */
#navmenu li a {
	height:39px;
	background-repeat:no-repeat;
	background-position:top left;
	margin-right:1px;
}

#navmenu #home {
	width:132px;
	background-image:url('/shared/images/custom/connectivity/buttons/home.gif');
}
#navmenu #home:hover, #navmenu #home.selected {
	background-image:url('/shared/images/custom/connectivity/buttons/home_mo.gif');
}
#navmenu #over {
	width:168px;
	background-image:url('/shared/images/custom/connectivity/buttons/over.gif');
}
#navmenu #over:hover, #navmenu #over.selected {
	background-image:url('/shared/images/custom/connectivity/buttons/over_mo.gif');
}
#navmenu #nieuws {
	width:190px;
	background-image:url('/shared/images/custom/connectivity/buttons/nieuws.gif');
}
#navmenu #nieuws:hover, #navmenu #nieuws.selected {
	background-image:url('/shared/images/custom/connectivity/buttons/nieuws_mo.gif');
}
#navmenu #helpdesk {
	width:144px;
	background-image:url('/shared/images/custom/connectivity/buttons/helpdesk.gif');
}
#navmenu #helpdesk:hover, #navmenu #helpdesk.selected {
	background-image:url('/shared/images/custom/connectivity/buttons/helpdesk_mo.gif');
}
#navmenu #downloads {
	width:163px;
	background-image:url('/shared/images/custom/connectivity/buttons/downloads.gif');
}
#navmenu #downloads:hover, #navmenu #downloads.selected {
	background-image:url('/shared/images/custom/connectivity/buttons/downloads_mo.gif');
}
#navmenu #contact {
	width:184px;
	background-image:url('/shared/images/custom/connectivity/buttons/contact.gif');
	margin-right:0px;
}
#navmenu #contact:hover, #navmenu #contact.selected {
	background-image:url('/shared/images/custom/connectivity/buttons/contact_mo.gif');
}

/* CONTENT_MENULEFT.HTML */

#content_menuleft {
	width:792px;
	min-height:272px;
	float:left;
	overflow:hidden;
}

/* NEWSCONTENT.HTML */

#newscontent {
	width:792px;
	min-height:272px;
	float:left;
}

#newscontent a.back {
	display:block;
	height:25px;
	line-height:25px;
	width:508px; /* 558 -(left-padding + right-padding) */
	text-align:right;
	text-decoration:none;
	background:url('/shared/images/custom/connectivity/template/button.gif') no-repeat center right;
	padding:0px 25px;
	border-top:1px #E8E8E8 solid;
	font-weight:bold;
}


/* RIGHT_INFO.HTML */

#rightinfo {
	width:204px;
	min-height:272px;
	float:right;
	margin-left:30px;
	overflow:hidden;	
}

#rightinfo div.casesheader {
	height:53px;
	width:203px;
	background:url('/shared/images/custom/connectivity/template/casesheader.gif') no-repeat top left;
	border-top:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
}

#rightinfo div.casesbody {
	/*height:146px; *//* 166px - (padding-top + padding-bottom) */
	width:203px;
	padding:10px 0px;
	overflow:hidden;
}

#rightinfo a.morecases {
	display:block;
	height:19px;
	width:183px; /* 203 - padding-right */
	border-top:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
	background:url('/shared/images/custom/connectivity/template/morecasses.gif') no-repeat top right;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	line-height:19px;
	padding-right:20px;
	overflow:hidden;
	margin-bottom:20px;
}

#rightinfo div.whynetexpo {
	/*margin-top:20px;*/
	width:201px;
	/*height:172px;*/
	border:1px #b2b2b2 solid;
	background-color:#f7f9f9;
	overflow:hidden;
}

#rightinfo div.whynetexpo div.whyheader {
	width:201px;
	height:40px;
	background:url('/shared/images/custom/connectivity/template/whynetexpo.gif') no-repeat top left;
}

#rightinfo div.whynetexpo div.whybody {
	width:185px; /* 201 - (padding-left+padding-top) */
	/*height:132px;*/
	padding:0px 8px;
}

/* TAGCLOUD.HTML */
#tagcloud {
	width:192px; /* 202 - (padding-left + padding-right) */
	height:262px; /* 262 - (padding-top + padding-bottom) */
	padding:5px;
	border:1px #b2b2b2 solid;
	float:right;
	margin-left:30px;
	background-color:#f0f0f0;
	overflow:hidden;
}

#tagcloud div.tagheader {
	font-family:Helvetica,Arial,Verdana;
	font-size:25px;
	color:#007acb;
	/*text-align:left;*/
	font-weight:bold;
	margin-bottom:10px;
	height:30px;
}

#tagcloud div.tagbody {
	/*text-align:justify;*/
	line-height:21px;
	height:212px;
	overflow:hidden;
}

#tagcloud div.tagbody a {
	text-decoration:none;
	/*text-align:left;*/
}

#tagcloud div.tagbody a:hover {
	text-decoration:underline;
}

/*NOTICE for some reason I needed to remove "#tagcloud" from in front of the "a.level" classes to make it work */
div.tagbody a.level1 {
	font-size:11px;
}

div.tagbody a.level2 {
	font-size:13px;
}

div.tagbody a.level3 {
	font-size:15px;
}

div.tagbody a.level4 {
	font-size:17px;
}

div.tagbody a.level5 {
	font-size:19px;
}

/* SEARCHOVERVIEW.HTML */
#searchoverview {
	width:792px;
	min-height:272px;
	float:left;
}

#searchoverview div.searchheader {
	font-family:Helvetica,Arial,Verdana;
	font-size:25px;
	color:#007acb;
	/*text-align:left;*/
	font-weight:bold;
	margin-bottom:20px;
}

#searchoverview div.uzocht {
	font-weight:bold; 
}

#searchoverview div.uzocht span.searchkey {
	color:#007acb;
}

#searchoverview div.results {
	height:24px;
	line-height:24px;
	width:544px;
	padding:0px 8px;
	margin:10px 0px;
	background-color:#ececec;
	font-weight:bold;
	overflow:hidden;
}

#searchoverview div.searchbox a.searchitem {
	display:block;
	height:23px; /* 39 - (top-padding + bottom-padding) */
	padding:8px 0px;
	width:560px;
	border-bottom:1px #e8e8e8 solid;
	overflow:hidden;
	text-decoration:none;
}

#searchoverview div.searchkey {
	font-weight:bold;
}

#searchoverview div.searchbox a.searchitem span.score {
	display:block;
	width:70px;
	height:23px;
	float:left;
	overflow:hidden;
	font-weight:bold;
}

#searchoverview div.searchbox a.searchitem span.title {
	overflow:hidden;
	white-space:nowrap;
	color:#007acb;
	font-weight:bold;
	display:block;
	width:490px;
	float:left;
}
/*
#searchoverview div.searchbox a.searchitem span.shortcontent {
	text-align:left;
}
*/

/* HOME_CONTENT.HTML */

#homecontent {
	width:558px;
	min-height:272px;
	float:left;
}


/* NEWSOVERVIEW.HTML */

#newsoverview {
	width:558px;
	min-height:272px;
	float:left;
}

#newsoverview a.newsheader {
	background:url('/shared/images/custom/connectivity/template/rssicon.gif') no-repeat center left;
	padding-left:30px;
	font-family:Helvetica,Arial,Verdana;
	font-size:23px;
	color:#007acb;
	/*text-align:left;*/
	text-decoration:none;
}

#newsoverview #newsitems {
	margin-top:15px;
	width:560px;
}

#newsoverview #newsitems a.newsitem {
	display:block;
	height:23px; /* 39 - (top-padding + bottom-padding) */
	padding:8px 0px;
	width:560px;
	border-bottom:1px #e8e8e8 solid;
	overflow:hidden;
	text-decoration:none;
}

#newsoverview #newsitems a.newsitem span.date {
	display:block;
	width:70px;
	height:23px;
	float:left;
	overflow:hidden;
}

#newsoverview #newsitems a.newsitem span.title {
	color:#007acb;
	font-weight:bold;
}
/*
#newsoverview #newsitems a.newsitem span.shortcontent {
	text-align:left;
}
*/
/* CASESOVERVIEW.HTML */

#casesoverview {
	width:558px;
	min-height:272px;
	float:left;
}

#casesoverview div.caseheader {
	font-family:Helvetica,Arial,Verdana;
	font-size:23px;
	color:#007acb;
	/*text-align:left;*/
	text-decoration:none;
}

#casesoverview #caseitems {
	margin-top:15px;
	width:560px;
}

#casesoverview #caseitems a.caseitem {
	display:block;
	height:23px; /* 39 - (top-padding + bottom-padding) */
	padding:8px 0px;
	width:560px;
	border-bottom:1px #e8e8e8 solid;
	overflow:hidden;
	text-decoration:none;
}

#casesoverview #caseitems a.caseitem span.date {
	display:block;
	width:70px;
	height:23px;
	float:left;
	overflow:hidden;
}

#casesoverview #caseitems a.caseitem span.title {
	color:#007acb;
	font-weight:bold;
	display:block;
	width:490px;
	float:left;
}
/*
#casesoverview #caseitems a.caseitem span.shortcontent {
	text-align:left;
}
*/
/*LEFT_MENU.HTML */
#leftmenu {
	width:194px;
	min-height:272px;
	float:left;
	overflow:hidden;
}

#leftmenu #pdmenu {
	width:194px;
}

#leftmenu #pdmenu div.pdheader {
	width:150px; /* 170 -(padding-left+padding-top) */
	padding:0px 10px;
	height:26px;
	line-height:26px;
	background:url('/shared/images/custom/connectivity/template/pdmenuheader2.gif') repeat-x top left;
	font-weight:bold;
	color:white;
	overflow:hidden;
}

#leftmenu #pdmenu a.pditem {
	display:block;
	width:145px; /* 170 -(padding-left) */
	height:26px;
	line-height:26px;
	background: #e6e6e6 url('/shared/images/custom/connectivity/template/pdmenudot.gif') no-repeat 7px center;
	border-top:1px white solid;
	padding-left:25px;
	text-decoration:none;
	overflow:hidden;
}

#leftmenu #pdmenu a.pditem:hover {
	background-color:#c8c8c8;	
}

#leftmenu #prmenu {
	width:194px;
	margin-bottom:10px;
}

#leftmenu #prmenu div.prheader {
	width:150px; /* 170 -(padding-left+padding-top) */
	padding:0px 10px;
	height:26px;
	line-height:26px;
	background:url('/shared/images/custom/connectivity/template/pdmenuheader.gif') repeat-x top left;
	font-weight:bold;
	color:white;
	overflow:hidden;
}

#leftmenu #prmenu a.item,#leftmenu #prmenu a.item_mo {
	display:block;
	width:145px; /* 170 -(padding-left) */
	height:26px;
	line-height:26px;
	background: #e6e6e6 url('/shared/images/custom/connectivity/template/pdmenudot.gif') no-repeat 5px center;
	border-top:1px white solid;
	padding-left:25px;
	text-decoration:none;
	overflow:hidden;
}

#leftmenu #prmenu a.item:hover, #leftmenu #prmenu a.item_mo:hover {
	background-color:#c8c8c8;
}

#leftmenu #prmenu a.item_mo {
	background-image:url('/shared/images/custom/connectivity/template/pdmenudot.gif');
	background-color:#c8c8c8;
}
	
#leftmenu #prmenu a.subitem, #leftmenu #prmenu a.subitem_mo {
	display:block;
	width:145px; /* 170 -(padding-left) */
	height:26px;
	line-height:26px;
	background-color: #e6e6e6;
	border-top:1px white solid;
	padding-left:25px;
	text-decoration:none;
	overflow:hidden;
}

#leftmenu #prmenu a.subitem:hover, #leftmenu #prmenu a.subitem_mo {
	background-color:#c8c8c8;	
}

#leftmenu #pccheck {
	width:194px;
	margin-bottom:10px;
}

#leftmenu #pccheck div.pcheader {
	width:150px; /* 170 -(padding-left+padding-top) */
	padding:0px 10px;
	height:26px;
	line-height:26px;
	background:url('/shared/images/custom/connectivity/template/pdmenuheader.gif') repeat-x top left;
	font-weight:bold;
	color:white;
	overflow:hidden;	
}

#leftmenu #pccheck form.pcbody {
	display:block;
	margin:0;
	padding:0;
	width:150px; /* 170 -(padding-left+padding-top) */
	padding:4px 10px;
	background-color:#e6e6e6;
	overflow:hidden;
}

#leftmenu #pccheck form.pcbody label {
	margin:4px 0px;
	display:block;
	height:22px;
	width:70px;
	font-weight:bold;
	line-height:22px;
	float:left;
}

#leftmenu #pccheck form.pcbody input.text {
	display:block;
	margin:4px 0px;
	padding:0;
	height:18px;
	width:50px;
	line-height:18px;  
	float:left;
	/* NOTICE: for one of the elements the width is done inline */
}

#leftmenu #pccheck form.pcbody input.submit {
	background-image:url('/shared/images/custom/connectivity/template/button.gif');
	background-repeat:no-repeat;
	/*HACK: border:1px.. did not work in IE so I gave the buttons a 2px width and 2px height extra to get a simular effect */
	width:18px; /* 16px -(border-left + border-right) */
	height:18px;/* 16px -(border-left + border-right) */
	border:0px white solid;/*1px white solid;*/
	padding:0;
	margin:0;
	margin-left:5px; /* was 8px in the original design but IE6 did not understand... */
	margin-top:6px;
	cursor:pointer;
	float:left;
}

/* GENERAL */

.clear {
	clear:both;
}