﻿/***************** Styles voor het indelen en plaatsen van de globale elementen ************/
html, body, form						        { width:100%; margin:0px; padding:0px; }
.contentContainer						        { width:948px; margin:0px auto; position:relative; }
.header											{ width:948px; height:95px; position:relative; }
.header-link                            {display:block; width:370px; height:70px; position:absolute; left:50px; top:30px; }
.headerVervolg							        { width:948px; height:130px; position:relative; }
.banner											{ width:948px; height:223px; }
.content									    { width:948px; margin-bottom:25px; }
.globalMenu									{  }

/***************** Styles die website-wide gelden, zoals background images en lettertypes **/
body											{ font-family:Tahoma; font-size:12px; background-image:url(/img/ict/headerRepeat.jpg); background-repeat:repeat-x; }
img												{ border:none; }
h1												{ font-size:21px; font-family:Arial, Sans-serif; color:#724DA5; margin:10px 0px 10px 0px; padding:0px; }
h2												{ font-size:16px; font-family:Arial, Sans-serif; color:#724DA5; margin:20px 0px 10px 0px; padding:0px; }
h3												{ font-size:16px; font-family:Arial, Sans-serif; color:#724DA5; margin:20px 0px 10px 0px; padding:0px; }
a												  { color:#724DA5; }
p											    { font-size:9pt; color:#000000; font-family:Arial, Sans-serif; margin:0px 0px 30px 0px;}

div.centerContent, 
div.centerContent th,
div.centerContent div,
div.centerContent td,
div.centerContent ul,
div.centerContent ol,
div.centerContent a,
div.centerContent p       { line-height:18pt; }

li.text										{ font-size:9pt; color:#000000; font-family:Arial, Sans-serif; margin:0px; line-height:18pt; }
form											{ background-image:url(/img/ict/header.jpg); background-repeat:no-repeat; background-position:center top; }
.container								{ margin:0px auto; width:948px; }
.banner										{ background-image:url(/img/ict/banner.jpg); background-repeat:no-repeat; }
.clear										{ clear:both; }

.contactGlobal						            { font-family:Tahoma; font-size:12px; color:#A19FAA; position:absolute; right: 0px; top: 5px; width:180px; }

/***************** Styles voor de header ***************************************************/
/* Het menu */
.headerMenu									    { position:absolute; right:200px; top:57px; color:#A19FAA;}
.headerMenu a								    { color:#A19FAA; text-decoration: none; }
.headerMenu a:hover					            { text-decoration:underline; }


/* Zoek gedeelte */
.searchButton								    { position:absolute; right:160px; top:68px;}
.zoekVeld									    { position:absolute; right:2px; top:66px; border:0px; height:14px; line-height:14px; font-size:12px; width:151px; }

.tabs										    { position:absolute; top:0px; left:545px; background-image:url(/img/ict/tabs.jpg); background-repeat:no-repeat; width:221px; height:42px; }
.tabs .tabItem							{ display:block; position:absolute; padding-top:4px; padding-left:10px; font-size:10px; color:#CCCCCC; text-decoration:none; width:58px; height:30px; }
.tabs .tabItem:hover				{ font-weight:bold; color:#FFFFFF; }
.tabs .tabSoftware				  { left:6px;  }
.tabs .tabWebdesign					{ left:74px;  }
.tabs .tabICT								{ left:142px;}
.tabs .activeTab					  { color:#FFFFFF; font-weight:bold; }



/***************** Styles voor het content gedeelte ****************************************/
.menuEnLogos									{ width:180px; float:left; }
.centerContent								{ margin-left:205px; width:538px;  line-height:1.4em; }
.sidebar											{ width:180px; float:right; }
/*.content	.mainMenu				    		{ margin-bottom:10px; }
.content	.mainMenu	            ul	li a	{ text-align:right; font-family:Arial; font-size: 12pt; color:Gray; text-decoration: none; margin-right:10px; border-bottom-style:dotted; border-bottom-color:Gray; border-bottom-width:2px;}
.content	.mainMenu	            ul  li		{ width:180px; padding-bottom:3px; padding-top:3px;  float:right;}
.content	.mainMenu           ul li div ul li {width:180px; padding-bottom:3px; padding-top:3px; float:right; }
.content	.mainMenu    ul li div ul li  a span{ margin-right:10px; }
.content	.mainMenu	               li:hover { background-image:url(/img/ict/Arrow.gif); background-repeat:no-repeat; list-style-position:inside;   }*/
.content	.subMenu						{ margin-bottom:10px; }
.content	.logos							{ text-align:center; padding-top:30px;}
.content	.logos .separator				{ height:20px; }

/***************** Sidebar *******************/
.sidebarElement									{ border:solid 1px #E6E6E6; width:178px; margin-bottom:10px; }
.sidebarElement .sidebarHeader	{ background-image:url(/img/ict/sidebarHeader.jpg); background-repeat:no-repeat; height:22px; border-bottom:solid 1px #E6E6E6;
																	color:#FFFFFF; font-size:14px; font-family:Georgia; padding-left:29px; padding-top:4px; overflow:hidden; }
.sidebarElement .sidebarContent	{ padding:10px; width:158px; overflow:hidden; background-image:url(/img/ict/sidebarContentFade.jpg); background-repeat:repeat-x; background-position:bottom; }

.sideBarNewsItem						{margin-right:0px; padding:0px; padding-top:0px; padding-right:5px; padding-bottom:0px; color:#999999;}
.sideBarNewsItem a						{color:#999999; }
.sideBarNewsList								{ margin:0px; padding:0px; }
.divSidebarImg									{ text-align:center; }

/****************** Styles voor het menu onderin *********************************************/
.globalMenu											{ border-top:solid 6px #724DA5; background-image:url(/img/ict/bottomMenuBgRepeat.jpg); background-repeat:repeat-x; position:relative;
																	font-size:0.8em; background-position:bottom; padding-bottom:24px; background-color:#434343; position:relative; }
.globalMenu .noHeader						{ margin-top:24px; }
.globalMenuOptions							{ width:948px; background-image:url(/img/ict/bottomMenuBg.jpg); background-repeat:no-repeat; margin:0px auto; background-position:bottom; }
.globalMenuBlokContent					    { float:left; position:relative; margin-right:12px; width:163px; height:184px; padding:12px; padding-top:10px; padding-right:5px; padding-bottom:0px; color:#999999; }
.globalMenuBlokContent a				    { color:#999999; text-decoration:none; }
.globalMenuBlokContent a:hover          	{ text-decoration:underline; }
.globalMenuBlokContent a.blueLink		    { color:#68A4D6; text-decoration:none; }
.globalMenuBlokContent a.blueLink:hover     { text-decoration:underline; }
.globalMenuBlokContent.last			        { margin-right:0px; }
.globalMenuBlokContent h1				    { color:#724DA5; font-size:19px;}
.globalMenuBlokContent ul,
.globalMenuBlokContent li				    { padding:0px; margin:0px; list-style-type:square;}
.globalMenuBlokContent ul				    { margin-left:16px; }
.globalMenuBlokContent li				    { padding-bottom:3px; padding-top:3px; border-bottom-style:dotted; border-bottom-width:1px; }
.globalMenu .firstListItem			        { padding-top:0px; }


.copyrightEnDisclaimer						{ position:absolute; margin:0px auto; bottom:7px; color:Gray; width:924px; padding-left:12px; padding-right:12px; }
.copyrightEnDisclaimer .disclaimer	        { float:left;}
.copyrightEnDisclaimer .copyright		    { float:right; }
.copyrightEnDisclaimer a					{ color:Gray; text-decoration:none; }
.copyrightEnDisclaimer a:hover			    { text-decoration:underline; }



/****************** Styles voor de vervolg pages *********************************************/
.bannerVervolg							{width:760px; height:100px;}
.bannerVervolg							{ float:left; background-image:url(/img/ict/banner.png); background-repeat:no-repeat; }



/***************** Styles voor CloudTag *****************************************************/
.tagCloud .size4						{color:#68A4D6; text-decoration:none; font-size:9px;  }
.tagCloud .size3						{color:#68A4D6; text-decoration:none;font-size:11px; font-weight:bold; }
.tagCloud .size2						{color:#68A4D6; text-decoration:none; font-size:14px; font-weight:bold; }
.tagCloud .size1						{color:#68A4D6; text-decoration:none; font-size:16px; font-weight:bold;  }
.tagCloud a:hover						{text-decoration:underline; }	

/***************** Overige Sidebar styles *****************************************************/
.sidebarElement a { color:#68A4D6; text-decoration:none; }
.sidebarElement a:hover  { text-decoration:underline; }
.sidebarElement ul { list-style-type:none; padding: 0px; }

/***************** BreadCrumb styles *****************************************************/
.BreadCrumbMenu		{ color: #724DA5; margin-bottom: 15px;}
.BreadCrumbMenu	a	{ color: #724DA5; text-decoration:none;}
.BreadCrumbMenu a:hover { text-decoration: underline; }

/***************** Contactformulier styles *****************************************************/
.tblContactForm tr th { text-align:left; vertical-align:top; font-weight:normal; width:150px;}
.tblContactForm tr td { padding-bottom: 10px;}
.tblContactForm tr td.value input { width: 250px; }
.tblContactForm tr td.value textarea {width: 250px; height:100px; }
.tblContactForm tr td.buttons { padding-top: 5px;}

/***************** News styles *****************************************************/
.newsOverviewBlock .newsBlockTitle		{ margin: 0px; }
.newsOverviewBlock .newsBlockSummary	{ margin-bottom:20px; margin-top:0px; }
.newsOverviewBlock .newsBlockDate			{ color:#808080; font-size:8pt; line-height:10pt; }