/***************** 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:128px; 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:185px; }
.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/software/headerRepeat.jpg); background-repeat:repeat-x; }
img													{ border:none; }
h1													{ font-size:21px; font-family:Arial, Sans-serif; color:#53A76A; margin:10px 0px 10px 0px; padding:0px; }
h2													{ font-size:16px; font-family:Arial, Sans-serif; color:#53A76A; margin:20px 0px 10px 0px; padding:0px; }
h3													{ font-size:16px; font-family:Arial, Sans-serif; color:#53A76A; margin:20px 0px 10px 0px; padding:0px; }
color												{ color: #53A76A; }
form												{ background-image:url(/img/software/header.jpg); background-repeat:no-repeat; background-position:center top; }
.container									{ margin:0px auto; width:948px; }
p.text											{ 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; }
.banner											    { background-image:url(/img/software/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/software/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; font-size:9pt; color:#000000; font-family:Arial, Sans-serif; line-height:18pt; margin:0px 0px 30px 210px; }
.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.selected {background-image:url(/img/software/Arrow.gif); background-repeat:no-repeat; list-style-position:inside;   }
.content	.mainMenu	li:hover{ background-image:url(/img/software/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/software/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/software/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 #359850; background-image:url(/img/software/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/software/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:#359850; 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 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: #53A76A; margin-bottom: 15px;}
.BreadCrumbMenu	a	{ color: #53A76A; 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; }