﻿/***************** 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:108px; 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/landingspage/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; }

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; }

a													  { color:#53A76A; }
form												{ background-image:url(/img/landingspage/header.jpg); background-repeat:no-repeat; background-position:center top; }
.container									{ margin:0px auto; width:948px; }
.banner											{ background-image:url(/img/landingspage/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;}

.leesMeerContainer	{ }	
.leesMeerContainer .leesMeerPijl { float:left; width:13px; height:14px; margin-top:4px; margin-right:7px; background-image:url(/img/standaard/Arrow_Paars.gif); }

/***************** Styles voor de header ***************************************************/
/* Het menu */
.headerMenu									{ position:absolute; right:200px; top:68px; 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/landingspage/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;}
.content											{ }


/***************** Sidebar *******************/
.sidebarElement									{ border:solid 1px #E6E6E6; width:178px; margin-bottom:10px; }
.sidebarElement .sidebarHeader	{ background-image:url(/img/landingspage/sidebarHeader.jpg); background-repeat:no-repeat; height:22px; border-bottom:solid 1px #E6E6E6;
																	color:#FFFFFF; font-size:14px; font:georgia; padding-left:29px; padding-top:4px; overflow:hidden; }
.sidebarElement .sidebarContent	{ padding:10px; width:158px; overflow:hidden; background-image:url(/img/landingspage/sidebarContentFade.jpg); background-repeat:repeat-x; background-position:bottom; }

/* De certified logo's */
.certifiedLogos							{ text-align:center; margin-top:20px; margin-bottom:50px; position:relative;}
.certifiedItem							{  }


.sideBarNewsItem						{margin-right:0px; padding:0px; padding-top:0px; padding-right:5px; padding-bottom:0px; color:#999999;}
.sideBarNewsItem a						{color:#999999; }

/****************** Styles voor het menu onderin *********************************************/
.globalMenu											{ border-top:solid 6px #359850; background-image:url(/img/landingspage/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/landingspage/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 de vervolg pages *********************************************/
.bannerVervolg							{width:760px; height:100px;}
.bannerVervolg							{ float:left; background-image:url(/img/landingspage/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: #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;}

/***************** Styles voor zoekresultaten *****************************************************/
.SearchResultItem					{margin-bottom: 20px;}
.SearchResultItem .Title	{}
.SearchResultItem .Content{}