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

body { margin: 0; padding: 0; }
a img { border: 0 none; }
form { margin: 0; }
.hr hr { display: none; }
.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; }
	#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 { position: absolute; top: 632px; }
	.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; }
			#promoReel .readMore {  }

	#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; }
	#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: 0px; margin: 0px; }
				#keywordLi { position: relative; padding: 8px 0 0; }
					#portfolioColumn #keyword { width: 175px; }
				#submitButton { width: 32px; }

		#searchBar { cursor: pointer; padding: 2px; position: relative; }
			#projectTotal { left: 200px; top: 1px; 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 */
			#portfolioContainer .portfolioList { margin: 0; padding: 0; width: 240px; list-style: none outside; position: absolute; top: 0; left: 0; }
				#portfolioContainer .portfolioList li { margin: 0 0 4px; position: relative; display: block; }
					#portfolioContainer .portfolioDate { position: absolute; left:170px; position:absolute; top:6px; }
					#portfolioContainer .portfolioTitle { margin: 0 0 4px; border: 1px solid; padding: 4px; display: block; }
						#portfolioContainer .portfolioList img { display: block; margin: 4px 0 0; }
		#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: 0px 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: 0px none; margin: 0; padding: 0; }
		#routePlanForm label.hideMe { top: 21px; }
	#routePlanForm input { width: 200px; margin: 5px 0 0 0; padding: 0px 5px; }
	#routePlanForm #planReisButton { width: 212px; }


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

	/* nieuwsbrief */
	#subscribeForm fieldset { border: 0px none; margin: 0; padding: 0; }
		#subscribeForm li { list-style: none outside; padding: 0px; margin: 0px; }
		#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; }

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

body { color: #474747; background: white url('/download/?id=10921753') repeat-x center top; }
p a { color: #659DCE; }
a { color: #474747; }
a:hover { color: #777777; }
h1, h1 a {  color: #659DCE; }
.hr { background: url('/download/?id=12773191') no-repeat 0px -9px; }
label.hideMe { color: #BBB; }
label.error { color: #F00; }

#background { background: url('/download/?id=10921750') no-repeat center top; }
#logo { background: url('/download/?id=10922286') no-repeat left top; }
#quickLinks { background: url('/download/?id=10922307') no-repeat left top; }
#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/menuSprite.png') repeat-x left -36px; }
	#menu li { background-color: #5F9CD1;  }
		#menu a { color: #373737; border-right-color: white; border-bottom-color: #97b6c1; background: url('/img/menuSprite.png') repeat-x left -36px; }
		#menu a:hover { background: url('/img/menuSprite.png') repeat-x left top; }
		#menu .selected a { background: url('/img/menuSprite.png') repeat-x left top; }
		#menu .sf-breadcrumb a { background: url('/img/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('/download/?id=10982817') no-repeat 333px top; }

	#contactButton { background: url('/img/neemContactOpButton.png') no-repeat left top; }
	#boxColumn ul li, #content ul li { background: url('/img/bullet.png') no-repeat left 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/promoSprites.gif') no-repeat 0 -35px; }
#promoReel .promoLink:hover { background-color: #f5f5f5; }
#promoReel .selected .promoLink { background: #f5f5f5 url('/img/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/arrowOpen.png'); }
#portfolioContainer .portfolioTitle { border-color: #e8e8e8; background: white url('/download/?id=10982906') no-repeat 210px -25px; }
#portfolioContainer .selected .portfolioTitle { color: #777777; background: #f5f5f5 url('/download/?id=10982906') no-repeat 210px -50px; }
#portfolioContainer .portfolioTitle:hover { color: #777777; background: #f5f5f5 url('/download/?id=10982906') no-repeat 210px -50px; }
#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('/download/?id=10982817') no-repeat -7px top; }
	#portfolioImage img { border-color: #e8e8e8; }
	#portfolioItemDetails { border-color: #e8e8e8; background: #f5f5f5; }

#partnerProjects { background:transparent url(/download/?id=12773191) no-repeat scroll 210px -9px; }

#boxColumn { background: url('/download/?id=10982817') no-repeat -9px top; }

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

#footer, #footer a { color: #5d5d5d; }
#footerLinks { background: url('/download/?id=10922298') no-repeat center bottom; }
#logoPlaceholder { background: url('/img/logos.jpg') no-repeat center top; }

  /*****************/
 /* 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 0px 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 { 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;  }
#footerLinks a { text-decoration: none; }
#footerLinks a:hover { text-decoration: underline; }