/*******************/
 /* layout and form */
/*******************/

body { margin: 0; padding: 0; }
a img { border: 0 none; }
form { margin: 0; }
.clear { clear: both; overflow: auto; }
label.hideMe { position: absolute; top: 12px; left: 8px;  }
label.error { width: auto; }
#background { min-height: 700px; }
#siteContainer { margin: 0 auto; padding: 11px 0 0; width: 976px; }

#boxMap { width: 250px; height: 250px; }

#header { width: 976px; height: 286px; position: relative; }
#header.landingsPage { height: 150px; }
	#logo { margin: 0; padding: 0; width: 76px; height: 105px; position: absolute; top: 25px; left: 25px; }
		#logo a { display: block; width: 76px; height: 105px; overflow: hidden; }
	#quickLinks { margin: 0; padding: 20px 0 18px 28px; width: 75px; list-style: none outside; position: absolute; top: 29px; right: 1px; }
		#quickLinks li { margin: 0 0 2px; padding: 0; }
			#quickLinks a { display: block; }
	#slogan { margin: 0; padding: 0; width: 725px; position: absolute; top: 35px; left: 135px; }
		#slogan span { display: block; }
	#menu { margin: 0; border: 1px solid; padding: 0; width: 974px; height: 70px; list-style: none outside; position: absolute; top: 155px; left: 0; }
		#menu li { margin: 0; padding: 0; float: left; }
			#menu a { margin: 0; border-right: 3px solid; border-bottom: 1px solid; padding: 0; width: 136px; height: 35px; display: block; }
			#menu a:hover { border-bottom: 0 none; height: 36px; }
			#menu .selected a { border-bottom: 0 none; height: 36px; }
			#menu .sf-breadcrumb a { border-bottom: 0 none; height: 36px; }
			#menu ul { margin: 0; padding: 0; width: 974px; list-style: none outside;position: absolute; top: 38px; left: 0; display: none; height: 32px; overflow: hidden; }
			#menu .selected ul { display: block; }
			#menu .sf-breadcrumb ul { display: block; }
				/* #menu li:hover ul { display: block; } */
				#menu ul a { margin: 12px 0; border: 0 none; border-right: 1px solid; padding: 0 18px; width: auto; height: 11px; }
				#menu .selected ul a { width: auto; height: 11px; }
				#menu .sf-breadcrumb ul a { width: auto; height: 11px; }
				#menu li:hover ul a { width: auto; height: 11px; }
				#menu ul .top a { width: auto; }
				#menu ul .bottom a { border: 0 none; }
	#crumbPath { margin: 0; padding: 0; list-style: none outside; position: absolute; top: 260px; left: 10px; }
		#crumbPath li { margin: 0; padding: 0; display: inline; }

#contentContainer { width: 976px; overflow: hidden; }
	.singleColumn { margin: 0; padding: 0 30px 0 12px; width: 300px; min-height: 402px; float: left; overflow: hidden; }
		#contactLink { display: block; }
	.doubleColumn { margin: 0; padding: 0 30px 0 12px; width: 652px; min-height: 402px; float: left; overflow: hidden; }
		#sitemap { margin: 0; padding: 0; list-style: none outside; }
			#sitemap li { margin: 0; padding: 0 0 0 20px; position: relative; }
				#sitemap a { padding: 0 5px; display: block; }
				#sitemap ul { margin: 0 0 0 -20px; padding: 0 0 0 20px; list-style: none outside; }
					#sitemap ul li.top { margin-left: -11px; padding-left: 32px; }
	#content ul, #boxColumn ul {margin: 1em 0; padding: 0 0 0 40px; list-style-type: none; }
	#boxColumn .caseList { padding: 0; }
		#boxColumn ul li, #content ul li { padding: 1px 0 5px 18px; vertical-align: middle; }
	#promoReel { margin: 1em 0; padding: 0 15px; width: 315px; min-height: 402px; float: left; list-style: none outside; }
		#promoReel li { margin: 0 0 3px; padding: 0; }
			#promoReel .promoLink { margin: 0; border: 1px solid; padding:10px 0 0 20px; height: 25px; display: block; }
			#promoReel .promoContent { margin: 3px 0 0; border: 1px solid; padding: 10px; height: 190px; display: none; position: relative; }
				#promoReel .promoContent .logoContainer { overflow: hidden; height: 94px;  margin: 0 15px 0 0; border: 1px solid #CCC; padding: 10px 0; float: left; }
				#promoReel .promoContent p {  display:block; float:left; width:140px; margin: 0 0 1em; }

			#promoReel .selected .promoContent { display: block; position: relative; }

	#interesseBox { float: right; width: 200px;  padding: 0 10px 10px 10px; margin: 10px; }
		#contactButton { width: 132px; height: 24px; display: block; cursor: pointer; }

	#boxColumn { padding: 12px 12px 0 30px; width: 240px; min-height: 402px; float: left; overflow: hidden; }

	#customerBox {
		margin: 20px 0 0 0;
		width: 100%;
		overflow: hidden;
	}
		#customerBox a {
			margin: 0 0 0 20px;
			display: block;
			float: left;
		}

	#portfolioColumn { padding: 12px 30px 0 12px; width: 240px; float: left; }
		#portfolioColumn form { display: none; padding: 5px; }
			#portfolioColumn fieldset { margin: 0; padding: 0; }
				#portfolioColumn form #categories { list-style: none outside; padding: 0; margin: 0; }
				#keywordLi { position: relative; padding: 8px 0 0; }
					#portfolioColumn #keyword { width: 175px; }
				#submitButton { width: 32px; }

		#searchBar { cursor: pointer; padding: 2px; position: relative; }
			#projectTotal { right: 18px; top: 2px; position: absolute; }
		#navigationButtons { margin: 5px 0 0 0; overflow:hidden; }
		#portfolioContainer { position: relative; overflow: hidden; height: 430px; width:240px; margin: 5px 0 0 0;  } /* dimensions are needed for absolute positioned content */
			.portfolioList {
				margin: 0;
				padding: 0;
				width: 240px;
				list-style: none outside;
				position: absolute;
				top: 0;
				left: 0;
			}
				.portfolioList li {
					margin: 0 0 4px;
					position: relative;
					display: block;
				}
					.portfolioList .portfolioItem {
						margin: 0 0 4px;
						border: 1px solid #E8E8E8;
						padding: 4px;
						display: block;
					}
						.portfolioList .portfolioIcon {
							width: 19px;
							height: 19px;
							position: absolute;
							top: 3px;
							right: 6px;
							background: url('/img/2009/promoSprites.png') no-repeat 0 -28px;
						}
						.portfolioList .portfolioDate {
							position: absolute;
							left: 170px;
							top: 6px;
						}
						.portfolioList .portfolioTitle {
							width: 170px;
							display: block;
						}
						.portfolioList .portfolioImage {
							margin: 4px 0 0;
							width: 100%;
							height: 53px;
							display: block;
						}
						.portfolioList .portfolioItem:hover .portfolioIcon, .portfolioList .portfolioItem:focus .portfolioIcon, .portfolioList .selected .portfolioIcon {
							background-position: 0 -53px;
							background-color: #F5F5F5;
						}
						.portfolioList .portfolioItem:hover, .portfolioList .portfolioItem:focus, .portfolioList .selected .portfolioItem {
							color: #777;
							background: #F5F5F5;
						}

		#portfolioColumn .navigation { margin: 0 10px 0 0; border: 1px solid; padding: 4px; width: 105px; float: left; }
		#portfolioColumn #nextList { margin: 0; float: right; }
			#portfolioColumn fieldset { border: 0 none; }

	#portfolioItem { margin: 0; padding: 0 12px 0 30px; width: 652px; min-height: 402px; float: left; overflow: hidden; }
		.loadingImg { position: relative; }
		.loadingImg img { position: absolute; top: 200px; left: 300px; }
		#portfolioImage { float: left; margin: 0 10px 0 0; }
			#portfolioImage img { margin: 0 0 4px; border: 1px solid; padding: 4px; display: block; }
		#portfolioItemDetails { margin: 0 0 1em 1em; border: 1px solid; padding: 10px; float: right; }
			#portfolioItemDetails dd { margin: 0 0 0.5em 0; padding: 0 0 0 2em; }
				#portfolioItemDetails #moduleList { margin: 0; padding: 0 0 0 1em; list-style: disc outside; }
					#portfolioItemDetails li { margin: 0; padding: 0; }


	#partnerProjects { padding: 10px 0 0; clear: both; margin: 10px 0 0 0; }
		#partnerProjects a { display: block; float: left; margin: 20px; width: 120px; }

	/* over Kingsquare */
	#werkwijzeTabel ul, #werkwijzeTabel li { margin: 0; padding: 0; }

	/* route */
	#map_canvas { width: 650px; height: 200px; margin: 24px 0 0 0;  }
	#routePlanForm { position: relative; margin: 0; padding: 0; }
	#routePlanForm fieldset {  border: 0 none; margin: 0; padding: 0; }
		#routePlanForm label.hideMe { top: 23px; }
	#routePlanForm input { width: 200px; margin: 5px 0 0 0; padding: 0 5px; }
		#routePlanForm ol {
			margin: 0;
			padding: 0;
			list-style: none outside;
		}
			#routePlanForm ol input {
				margin-right: 5px;
				padding: 0;
				width: auto;
			}
	#routePlanForm #planReisButton { width: 212px; }


	/* neem contact op */
	.kmtContentForm fieldset { border: 0 none; }
	.kmtContentForm label, .kmtContentForm input, .kmtContentForm textarea { float: left; clear: left; width: 300px; }

	/* lost password */
	.lpForm ol {
		margin: 0 0 1em;
		padding: 0;
		list-style: none outside;
	}
		.lpForm li{
			  margin: 0 0 .5em;
		}
		.lpForm label {
			width: 30%;
			display: inline-block;
			cursor:pointer;
			vertical-align:top;
			*display:inline;
			*zoom:1;
			float: none;
			clear: none;
		}
		.lpForm input {
			margin: 0;
			-webkit-transition: all .25s ease-in-out 0s;
			-moz-transition: all .25s ease-in-out 0s;
			-ms-transition: all .25s ease-in-out 0s;
			-o-transition: all .25s ease-in-out 0s;
			transition:all .25s ease-in-out 0s;
			font-family: arial,helvetica,verdana,sans-serif;
			font-size:1em;
			float: none;
			clear: none;
		}
		.lpForm input[type="text"], .lpForm input[type="email"], .lpForm input[type="password"] {
			border: 1px solid #777;
			padding: 0 .28571429em;
			width: 60%;
			height:1.5em;
			display: inline-block;
			vertical-align: top;
			*display: inline;
			*zoom: 1;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #000;
			background: #f6f6f6;
		}

		.lpForm input[type="text"]:focus, .lpForm input[type="email"]:focus, .lpForm input[type="password"]:focus {
			background: #fff;
			border-color: #659dce;
		}
		.lpForm input[type="submit"] {
			border: 1px solid #659dce;
			padding: 0 .5em .14285714em;
			width: auto;
			height: 1.5em;
			display: inline-block;
			vertical-align: top;
			*display: inline;
			*zoom: 1;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #fff;
			background: #659dce;
			cursor: pointer;
			-webkit-appearance: none;
		}
		.lpForm input[type="submit"]:hover, .lpForm input[type="submit"]:focus {
			background: #659dce;
			border-color: #659dce;
		}
		.lpForm input[type="submit"]:active {
			color: #333;
		}
		.lpForm .buttonRow{
			padding-left: 30.5%;
		}

	/* nieuwsbrief */
	#subscribeForm fieldset { border: 0 none; margin: 0; padding: 0; }
		#subscribeForm li { list-style: none outside; padding: 0; margin: 0; }
		#subscribeForm label { display:inline-block; width:80px;}
		#subscribeForm .sideLabel, #subscribeForm .error { width: auto; }

		#subscribeForm input { margin: 0 5px 5px 0; }
			#subscribeForm #firstName, #subscribeForm #email { width: 174px; }
			#subscribeForm #middleName { width: 20px; }
			#subscribeForm #lastName { width: 143px; }

	.jqmWindow { margin: 0 0 0 0; border: 3px solid; padding: 12px; width: 90%; height: 80%; display: none; position: fixed; top: 10%; left: 3%;  }
		.jqmWindow #jqmTitle { position: relative; }
			.jqmWindow .jqmClose { position: absolute; top: 0; right: 0; }
		.jqmWindow #jqmContent { border: 0 none; width: 100%; height: 90%; overflow: auto; }

#footer { padding: 55px 0 0; width: 976px; height: 160px; }
	#footer p { margin: 0; }
	#footerLinks { margin: 0; padding: 0 0 43px; list-style: none outside; }
		#footerLinks li { margin: 0 1px 0 0; border-right: 1px solid; padding: 0 4px 0 0; display: inline; }
		#footerLinks li.bottom { margin: 0; padding: 0; border: 0 none; }
	#logoPlaceholder { margin-top: 18px; width: 976px; height: 46px; }

/*jsc64 */
#loadingProgress { clear: both; float: left; }
#whatIsThis { margin-top: 300px; clear: both; }
#pauseButton { display: block; }
#controls { float: right; width: 220px; display: none;  height: 270px; overflow: hidden; border: 1px solid; }
#jsc64Container { float: left; position: relative; height: 284px; }


/* landingspage */
#contactForm { margin: 0; padding: 0; }
	#contactForm fieldset { margin: 0; border: 1px solid; padding: 19px 13px 14px 12px; }
		#contactForm h2 { margin: 0 0 18px; padding: 0 0 0 32px; }
		#contactForm ol { margin: 0; padding: 0; list-style: none outside; }
			#contactForm li { margin: 0 0 6px; }
				#contactForm label { margin: 0 7px 0 0; width: 60px; float: left; }
				#contactForm .text, #contactForm textarea { border: 1px solid; padding: 2px; width: 199px; }
				#contactForm textarea { display: inline; }
				#contactForm .honey { display: none; }
				#submitContactForm { border: 0 none; width: 185px; height: 23px; }



  /********************/
 /* color and images */
/********************/

body { color: #474747; background: white url('/img/2009/gradient.png') repeat-x 50% 0; }
p a { color: #659DCE; }
a { color: #474747; }
a:hover { color: #777777; }
h1, h1 a {  color: #659DCE; }
label.hideMe { color: #BBB; }
label.error { color: #F00; }

#background { background: url('/img/2009/background.jpg') no-repeat 50% 0; }
#logo { background: url('/img/2009/logoKingsquare.png') no-repeat 0 0; }
#quickLinks { background: url('/img/2009/shadowEdgeSmall.png') no-repeat 0 0; }
#quickLinks a { color: #474747; }
#sloganTitle { color: #31292b; }
#sloganBody { color: #31292b; }
#menu { border-top-color: #aac4cb; border-right-color: #73a0b2; border-bottom-color: #5F9CD1; border-left-color: #73a0b2; background: #5F9CD1 url('/img/2009/menuSprite.png') repeat-x 0 -36px; }
	#menu li { background-color: #5F9CD1;  }
		#menu a { color: #373737; border-right-color: white; border-bottom-color: #97b6c1; background: url('/img/2009/menuSprite.png') repeat-x 0 -36px; }
		#menu a:hover { background: url('/img/2009/menuSprite.png') repeat-x left top; }
		#menu .selected a { background: url('/img/2009/menuSprite.png') repeat-x left top; }
		#menu .sf-breadcrumb a { background: url('/img/2009/menuSprite.png') repeat-x left top; }
			#menu ul a { color: white; background: transparent; }
			#menu ul a:hover { color: white; background: transparent; }
				#menu .selected ul a { color: white; background: transparent; }
				#menu .sf-breadcrumb ul a { color: white; background: transparent; }
				#crumbPath, #crumbPath a { color: #31292b; }

	.singleColumn { background: url('/img/2009/shadowEdgeSprite.png') no-repeat 333px 0; }

	#contactButton { background: url('/img/2009/neemContactOpButton.png') no-repeat 0 0; }
	#boxColumn ul li, #content ul li { background: url('/img/2009/bullet.png') no-repeat 0 2px; }
	#boxColumn ul li li, #content ul li li { background: none; }
	#interesseBox { background-color: #f5f5f5; }

#promoReel .promoLink, #promoReel .promoContent, #promoReel .readMore { color: #474747; border-color: #e8e8e8; }
#promoReel .promoLink { background: white url('/img/2009/promoSprites.gif') no-repeat 0 -35px; }
#promoReel .promoLink:hover { background-color: #f5f5f5; }
#promoReel .selected .promoLink { background: #f5f5f5 url('/img/2009/promoSprites.gif') no-repeat 0 0; }

#searchBar { background: #777 url('/img/arrowClosed.png') no-repeat 227px 5px; color: #FFF; }
#searchBar.open { background-image: url('/img/2009/arrowOpen.png'); }

#portfolioColumn .navigation { border-color: #e8e8e8; }
#portfolioColumn .navigation:hover { background: #f5f5f5; }
	#portfolioColumn form { background-color: #F5F5F5; border: 1px solid #777; }
			#submitButton { background-color: #F5F5F5; border: 1px solid #777; }

	#portfolioItem { background: url('/img/2009/shadowEdgeSprite.png') no-repeat -7px 0; }
	#portfolioImage img { border-color: #e8e8e8; }
	#portfolioItemDetails { border-color: #e8e8e8; background: #f5f5f5; }

#partnerProjects { background:transparent url('/img/2009/shadowEdgeSpriteHorizontal.png') no-repeat scroll 210px -9px; }

#boxColumn { background: url('/img/2009/shadowEdgeSprite.png') no-repeat -9px 0; }

.jqmWindow { background-color: #f5f5f5; border-color: #e8e8e8; }
.jqmOverlay { background-color: black; }
#jqmTitle #openLink { color: #777777; }

#footer, #footer a { color: #5d5d5d; }
#footerLinks { background: url('/img/2009/shadowEdgeBottom.png') no-repeat 50% 100%; }
#logoPlaceholder { background: url('/img/2009/logos.jpg') no-repeat 50% 0; }

/* landingsPage */
#contactForm { color: #303030; }
	#contactForm h2 { background: url('/img/contactArrow.png') no-repeat 10px 50%; }
	#contactForm fieldset { border-color: #8fd8a3;background: #c6e6cf; }
		#contactForm .text, #contactForm textarea { border-color: #a4b4a9; background: #e3f3e7; }
		#submitContactForm { background: transparent url('/img/contactButton.png') no-repeat 0 0; cursor: pointer; }

  /*****************/
 /* text and type */
/*****************/

body { font-size: 12px; font-family: arial, verdana, sans-serif; }

h1 { display: block; font-size: 1.5em; font-weight: bold; margin: 12px 0; }
h2 { display: block; font-size: 1.2em; font-weight: bold; margin: 12px 0;  }
h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
h4 { display: block; font-size: 1em; font-weight: bold; margin: 1.33em 0; }
h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }

p { font-size: 12px; line-height: 1.5em; }
p.first { display: block; background-color: #EEEEEE; padding: 10px; font-size: 13px; font-weight: bold; }
p a { font-weight: bold; }
.cmsImage { margin: 5px; }
.cmsImageLeft { margin: 0 10px 4px 0; float: left; }
.cmsImageRight { margin: 0 0 4px 10px; float: right; }

#logo a { text-indent: -999em; }
#sloganTitle { font-size: 32px;  }
#sloganBody { font-size: 19px; }
#quickLinks a { text-decoration: none; font-size: 10px; line-height: 14px; }
#quickLinks a:hover { text-decoration: underline; }
#menu a { text-decoration: none; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 36px; font-weight: bold; }
	#menu ul a { line-height: 11px; }
	#menu ul a:hover { text-decoration: underline; }
	#menu ul .sf-breadcrumb a { text-decoration: underline; }
#crumbPath a { text-decoration: none; }

/* home make sure footer doesnt wiggle */
#page_10921457 #contentContainer { min-height: 450px; overflow: hidden; }
#promoReel a { text-decoration: none; }
#promoReel p { line-height: 1.25em; }
#promoReel .readMore { font-weight: bold; }
#promoReel .readMore:hover { text-decoration: underline; }

/* portfolio pages */
#portfolioContainer .portfolioTitle { text-decoration: none; font-weight: bold; }
#portfolioColumn .navigation { text-decoration: none; }
#portfolioColumn #nextList { text-align: right; }
#portfolioItemDetails dt { font-weight: bold; }
#jqmTitle a { text-decoration: none; }
#jqmTitle #openLink { font-size: 12px; }

/* product pages */
#interesseBox h3, #interesseBox p, #interesseBox a { color: #FFF; }
	#contactButton { text-indent: -999em; }

#footer, #footer p { text-align: center; font-size: 1em; font-weight: bold; }
#footerLinks { font-size: 0.9em; font-weight: normal;  }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* landingspage */
#contactForm ol { text-align: right; }
#contactForm h2 { line-height: 18px; }

  /*************/
 /* IE6 fixes */
/*************/

/* png fix for some items */
* html #content, * html .singleColumn, * html #boxColumn, * html #portfolioContainer .portfolioTitle  { background: none; background-image:'/img/empty.gif'; }
* html #logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/2009/logoKingsquare.png', sizingMethod='crop'); }
* html #quickLinks { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/2009/shadowEdgeSmall.png', sizingMethod='crop'); }
* html #boxColumn ul li, * html #content ul li { background: none; list-style: square inside; }
* html iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }