/* global styles. for the use of repetetive elements */

/* global layout */
html, body { font:normal 100% Verdana, sans-serif; height:100%; line-height:100%; }
body { width:100%; height:100%; background-color:#eaeaea; margin: 10px 0; }
body.clipboard { margin:0; }

	/* container */
	.page-container { width:880px; margin:0 auto; padding:153px 20px 0 20px; background:#fff url(../img/wrapper-bg.gif) no-repeat top left; position:relative; min-height:200px; height:auto !important; height:200px; }
		.page-container h1 { position:absolute; top:15px; }
	.clipboardWrap { background:#eaeaea url(../img/clipboard-repeat.png) repeat-y center top; position: relative; padding:243px 90px 119px; }
		.clipboardTop { line-height: 1px; font-size: 1px; width: 1060px; height: 490px; top: 0; left: 0px; z-index: 0; background:transparent url(../img/clipboard-top.png) no-repeat left top; position: absolute; display: block; }
		.clipboardBottom { line-height: 1px; font-size: 1px; width: 1060px; height: 196px; bottom: 0; left: 0px; z-index: 0; background:transparent url(../img/clipboard-bottom.png) no-repeat center top; position: absolute; display: block; }
		.clipboardWrap h1 { position:absolute; top:105px; left: 90px; }

	.page-login { width:420px; margin:0 auto; position:relative; background:#fff url(../img/login-top-bg.gif) no-repeat top left; padding:20px; }
	.page-login span.bottom-border { display:block; width:460px; height:3px; background:#fff url(../img/login-bottom-bg.gif) no-repeat top left; font-size:1px; line-height:1px; position:absolute; bottom:0; left:0; }

		.login-wrapper { width:420px; background:#f1f0f1 url(../img/login-wrapper-top-bg.gif) no-repeat top left; position:relative;  margin:20px 0;  }
		.login-wrapper span.bottom-border { display:block; width:420px; height:3px; background:#fff url(../img/login-wrapper-bottom-bg.gif) no-repeat top left; font-size:1px; line-height:1px; position:absolute; bottom:-3px; left:0; }
		.login-wrapper strong { color:#f46e1a; font-size:70%; display:block; padding:15px 0 0 70px; font-weight:bold; }
		.login-wrapper form { padding:20px 0 0 0; }
		.login-wrapper fieldset { padding:0 0 0 20px;  }
		.login-wrapper label { display:block; font-size:70%; margin:10px 0 0 0;}
		.login-wrapper p { padding:20px 0 0 0; color:#807f7f; }
		.login-wrapper input { width:250px; }
		.login-wrapper input.submit { position:absolute; bottom:15px; right:20px; width:auto; text-decoration:underline; border:none; cursor:pointer; background:url(../img/submit-btn-bg.gif) no-repeat top right; padding:0 10px 0 0; text-align:right; font-size:70%; }
	.page-login ul { }
	.page-login ul li { padding:0; margin:0; font-size:100%; }
	.page-login ul li p { padding:0; margin:0; }
	.page-login ul li em { color:#807f7f; font-size:70%; font-weight:normal; }

		/* content */
		.page-content { width:880px; }
		.clipboardWrap .page-content { position: relative; z-index:1; }
		
			/* left coll content */
			.page-content .content { width:650px; float:left; padding:0 10px 0 0; position:relative; }
			.page-content #homeContent { width:565px; }
							
				.content ul { list-style-image:url(../img/content-li-link-bg.gif); list-style-position:outside; margin:0 0 20px 33px; }
				.content ul li { font-size:70%; color:#000; line-height:200%; padding:0; }
				.content ul li a { background:none; padding:0 0 0 0; color:#000; font-size:100%; }

				.actueel ul { margin:0 0 0 18px; }

				/* resetting specific ul's */
				ul.folder, ul.faq, .tagcloud ul, .direct-naar ul, .home-actueel ul, ul.quicklinks, .archive ul, fieldset ul, ul.rapport-quick-data, .form-wrapper ul li { list-style-type:none; list-style-image:none; }
				ul.folder li a, ul.faq li a, .tagcloud ul li a, .direct-naar ul li a, .home-actueel ul li a, ul.quicklinks li a, .archive ul li a, fieldset ul li a, ul.rapport-quick-data li a { background:url(../img/content-li-link-bg.gif) no-repeat top left; padding:0 0 0 11px; color:#000; font-size:100%; }

				/* list items used for donwload/faq enz */
				.content ul.folder { width:645px; background:url(../img/content-ul-bg.gif) no-repeat bottom left; padding:0 0 2px 0; margin:0 0 18px 0; }
				.content ul.folder li { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:5px 20px; font-size:70%; color:#000; line-height:200%; width:603px; position:relative; }
				.content ul.folder li.head { padding:0 !important; border:none; }
				.content ul.folder li a { background:url(../img/content-li-link-bg.gif) no-repeat top left; padding:0 0 0 11px; color:#000; }
				.content ul.folder li a:hover { text-decoration:none; }
				.content ul.folder li span.filesize { color:#807f7f; position:absolute; top:0; right:20px; }
				.content ul.folder li span.city { font-weight:bold; color:#f46e1a; }

				.content ul.faq { border-bottom:6px solid #e2e2e2; border-top:1px solid #e2e2e2; background:none !important; margin:0; }
				.content ul.faq li { border:none; margin:1px 0 0 0 !important; background:#f1f0f1 url(../img/content-li-faq-bg.gif) repeat-x bottom left; width:auto; padding:5px 20px 5px 25px; }
				.content ul.faq li a { padding-left: 15px; }
				.content ul.faq li a:hover { }
				.content ul.faq li a.active { font-weight:bold; color:#f46e1a; text-decoration:none; }
				.content ul.faq li p { padding:19px 10px 30px 15px; margin:0; color:#f46e1a; font-size:100%; line-height:110%; }

					/* quicklink list */
					ul.quicklinks { width:605px; height:50px; background:url(../img/quicklinks-ul-bg-large.gif) no-repeat top left; padding:0 20px; margin:30px 0 0 0; }
						.actueel ul.quicklinks { width:365px; background:url(../img/quicklinks-ul-bg-middle.gif) no-repeat top left; }
					ul.quicklinks li { width:180px; height:32px; float:left !important; border:none; padding:18px 0 0 0;  }
					ul.quicklinks li a { display:block; width:150px; line-height:110%;}

					/* tagcloud */
					.tagcloud { float:left; width:405px; min-height:145px; height:auto !important; height:145px; background:#fffeff url(../img/tagcloud-bg.gif) no-repeat bottom left; padding:15px 0 0 20px; margin:0 15px 0 0; position:relative; }
					.tagcloud span.border-top { overflow:hidden; display:block; width:425px; height:1px; background:#e2e2e2 url(../img/tagcloud-border-top-bg.gif) no-repeat top left; position:absolute; top:0; left:0; font-size:0px; line-height:0px; }
					.tagcloud h2 { font-size: 0.9em !important; background:none !important; width:auto !important; height:auto !important; line-height:100% !important; padding:0 !important; margin:0 0 0 0 !important; color: #F46E1A !important; }
					.tagcloud ul { background:none; margin:10px 0 0 0; padding:0; width:385px; }
					.tagcloud ul li { background:none; border:none; float:left; width:auto; margin:0; padding:0; }
					.tagcloud ul li a { margin:0 5px 0 0; padding:0; background:none; text-decoration:none; color:#000; font-size:140%; font-weight:bold; vertical-align:bottom;}
					.tagcloud ul li a.medium { font-size:120%; font-weight:normal; }

					/* direct naar */					
					.direct-naar, .home-actueel, .home-tevredenheidsmeter { float:left; width:205px; min-height:160px; height:auto !important; height:160px; background:url(../img/direct-naar-ul-bg.gif) no-repeat bottom left; margin:0 0 10px 0; }
					.direct-naar h2 { color:#F46E1A !important; font-size:70% !important; background: #e2e2e2 url(../img/bg_head_panel.gif) no-repeat top left !important; width:auto !important; height:29px !important; line-height:100% !important; padding:19px 0 0 20px !important; margin:0 !important; }
					.home-actueel h2 { font-size:70%; background:url(../img/home-h2-bg.gif) no-repeat top left !important; width:auto !important; height:18px !important; line-height:100% !important; padding:25px 0 0 20px !important; margin:0 !important; }
					.direct-naar ul, .home-actueel ul { background:none; margin:10px 0 0 0; width:163px; }
					.direct-naar ul li, .home-actueel ul li { width:163px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:5px 20px; }
					.direct-naar ul li a, .home-actueel ul li a { display:block; width:150px; vertical-align:top; line-height:120%; padding:0 0 10px 10px; }

					/* vraag bauwke/home actueel/tevredenheidsmeter */
					.vraag-bauwke { float:left; width:430px; min-height:160px; height:auto !important; height:160px; margin:10px 10px 0 0; }
					.vraag-bauwke a { color:#f46e1a; text-decoration:none; }
					.home-tevredenheidsmeter span.border-top { display:block; width:205px; height:1px; overflow:hidden; background:#e2e2e2 url(../img/tevredenheidsmeter-border-top-bg.gif) no-repeat top left; font-size:0px; line-height:0px; }
					
					/* twitter */
					.twtr-widget p { font-size: 11.2px; }

				/* Home */
				.homeBlockBig { height: 320px; padding: 0 23px 4px; background: url(../img/home-block-big.png) no-repeat left top; }
				#homeContent .homeBlockBig h2 { padding: 14px 0 5px 0;font-size: 13px; color: #515151; }
				.homeBlockBig .top { height: 133px; padding: 22px 0 0 199px; position: relative; }
				.homeBlockBig .counter { left: 0px; top: 16px; position: absolute; padding: 5px 0 0 4px; width: 196px; height: 115px; text-align: left; background: url(../img/home-counter.png) no-repeat left top; }
				.homeBlockBig .number { width: 87px; display: inline-block; text-align: right; }
				.homeBlockBig .decimal { width: 43px; display: inline-block; text-align: right;}
				
				.msie-7 .homeBlockBig .tooltipContent { min-width: 250px; }
				.msie-7 .homeBlockBig .number .cufon, .msie-7 .homeBlockBig .decimal .cufon { margin-top: -48px !important; }
				
				.homeBlockBig p { margin-bottom: 11px; }
				.homeBlockBig ul li { line-height: 18px; }
				.homeBlockBig span.number,.homeBlockBig span.decimal  { position: relative; font-size: 80px; color: #fff; }
				.homeBlockBig .counter ul { left: 27px; top: 96px; margin:0; padding: 0;position: absolute; }
				.homeBlockBig .counter li { padding-left: 0px; text-align: left; }
				.homeBlockBig .counter li a { text-decoration: none; }
				 
				.homeBlockBig .bottom h3 { padding: 17px 0 12px 0;}
				.homeBlockBig .bottom ul { margin-left: 15px;}
				
				.tooltipIcon { width: 16px; height: 14px; left: 170px; top: 55px; cursor: pointer; background: url(../img/i-default.png) no-repeat left top; position: absolute; display: block; }
				.tooltipIcon:hover, .tooltipIconActive { background-image: url(../img/i-hover.png); }
				.tooltipWrap { position: relative; width:auto; width: auto; height: 48px; }
				.tooltipWrap .inner { text-align: left; padding: 8px 10px 8px; width:auto; height: 32px; border: 1px solid #c8c8c8; background: url(../img/tooltip-bg.png) repeat-x left top; color: #000; font-size: 11px; line-height: 14px; display: inline-block; 
						-moz-border-radius : 2px; -webkit-border-radius : 2px; border-radius: 2px; 
						-moz-box-shadow: 0px 1px 1px #606060; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 1px #606060; /* Saf3.0+, Chrome */ box-shadow: 0px 1px 1px #606060; /* Opera 10.5, IE9, Chrome 10+ */
				}
				.tooltipWrap .tooltipContent { height: 32px; width:auto; overflow: hidden; white-space: pre; display:inline-block; }
				.tooltipWrap .tail { width: 10px; height: 7px; left: 15px; top: 49px; background: url(../img/tooltip-tail.png) no-repeat left top; position: absolute; display: block; }
				
				 
				/* actueel */
				/*.actueel { width:405px; padding:0 0 0 240px;  }*/
				.actueel { width:390px; padding:0 0 0 20px; float: left; display: inline; }

				/* archive */
				.archive { width:220px; /*position:absolute; top:78px;*/ float: left; display: inline;  left:0; }

				/* rapport forms */

				ul.rapport-quick-data { width:405px; background:none; margin:0; padding:0; }
				ul.rapport-quick-data li { border:none; padding:0; margin:0; line-height:120%; width:auto; }
				ul.rapport-quick-data li p { }
				ul.rapport-quick-data li em { }

				.respons-wrapper { width:405px; min-height:50px; height:auto !important; height:50px; margin:20px 0 0 0; background:url(../img/respons-wrapper-bg.gif) no-repeat top left; position:relative; }
				.respons-wrapper h3 { height:35px; padding:15px 0 0 20px !important; margin:0 !important; }
				.respons-wrapper a.toggle-details { cursor:pointer; position:absolute; top:15px; right:20px;  background:url(../img/content-li-link-bg.gif) no-repeat top left; padding:0 0 0 11px; color:#000; font-size:70%; }
				.respons-wrapper fieldset { margin:-3px 0 0 0; padding:20px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2; background-color:#f1f0f1; }
				.respons-wrapper fieldset td { vertical-align:top; font-size:100%; }
				.respons-wrapper fieldset td span { color:#f46e1a; }
				.respons-wrapper fieldset td .antwoord { background:#e2e2e2 url(../img/antwoord-td-bg.gif) no-repeat top left; padding:10px; vertical-align:middle; position:relative;}
				.respons-wrapper fieldset td .antwoord p { padding:0; margin:0; }
				.respons-wrapper fieldset td .antwoord span.bottom-border { display:block; height:2px; width:363px; background:url(../img/antwoord-td-bottom-bg.gif) no-repeat top left; font-size:1px; line-height:1px; }
				.respons-wrapper fieldset span.bottom-border { display:block; width:410px; height:2px; background:url(../img/respons-span-bottom-bg.gif) no-repeat top left; font-size:1px; line-height:1px; position:absolute; bottom:-2px; left:0; }

				.form-wrapper { width:405px; background:transparent url(../img/rapport-form-bottom-bg.gif) no-repeat bottom left; padding:0 0 2px 0; margin:20px 0 0 0; }
				.form-wrapper h3 { width:385px; height:49px; background:url(../img/raport-form-header-bg.gif) no-repeat top left; line-height:100%; color:#000 !important; margin:0!important; padding:0 0 0 20px !important; line-height:50px; }
				.form-wrapper img { margin:0 !important; border:0 !important; }
				.form-wrapper fieldset { padding:20px 0 20px 20px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2; background-color:#f1f0f1; }
				.form-wrapper fieldset.respons { padding:0 !important; }
				.form-wrapper fieldset a { font-size:70%; background:url(../img/content-li-link-bg.gif) no-repeat top left; padding:0 0 0 11px; color:#000;  }
				.form-wrapper fieldset a:hover { }


					/* global divider */
					span.rapportage-divider { display:block; height:1px; width:403px; border-top:1px solid #e2e2e2; margin:20px 0; font-size:1px; line-height:1px; position:relative; margin-left:-20px;  }

					/* meters */
					.form-wrapper ul.meters { background:none; margin:0 0 20px 0; padding:0; width:360px; }
					.form-wrapper ul.meters li { width:180px !important; border:none; float:left; font-size:70%; clear:none; }
					.form-wrapper ul.meters li em { color:#f46e1a; font-weight:bold; }

					.form-wrapper ul.rapportage li.last { padding:0; margin:10px 0 0 0; }
					.form-wrapper ul.rapportage li p { width:240px; text-align:left !important; }

					.form-wrapper ul.rapportage li { padding:0 5px 10px 0; }

					.form-wrapper ul.resultaten { padding:10px 0 0 0; }
					.form-wrapper ul.resultaten li { padding:0 5px 0px 0; }

					.form-wrapper ul.regio { }
					.form-wrapper ul.regio li { }
					.form-wrapper ul.regio p { width:180px; text-align:left; }

					/* antwoord data */
					ul.antwoord-data { width:360px; margin:0 !important; padding:0 0 10px 0 !important; }
					ul.antwoord-data li {  height:15px; }
					ul.antwoord-data li ul {}
					ul.antwoord-data li ul.answers li { color:#f46e1a; }
					ul.antwoord-data li ul.answers li.title { color:#000; }
					ul.antwoord-data li ul li { float:left; font-size:100%; padding:0 10px 0 0; }
					ul.antwoord-data li ul li.title { width:135px; }

					/* legenda */
					.legenda { width:362px; height:50px; background:url(../img/legenda-bg.gif) no-repeat top left; padding:0 0 15px 0; }
					.legenda ul { padding:10px 0 0 10px !important; width:200px !important;}
					.legenda ul li { font-size:70% !important; padding:0 0 0 15px !important; line-height:120%; }
					.legenda ul li.eigen { background:url(../img/icon-eigen-score.gif) no-repeat top left; }
					.legenda ul li.gemiddelde { background:url(../img/icon-gem-score.gif) no-repeat top left; }

					/* scalable block */
					.content-holder { width:350px; margin:15px 0; min-height:15px; height:auto !important; height:15px; position:relative; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:5px; }
					.content-holder span { display:block; width:362px; height:2px; font-size:1px; line-height:1px; position:absolute; left:-1px; }
					.content-holder span.top-border { background:url(../img/form-content-block-bg-top.gif) no-repeat top left; top:-2px; }
					.content-holder span.bottom-border { background:url(../img/form-content-block-bg-bottom.gif) no-repeat top left; bottom:-2px; }

					/* grafiek */
					.grafiek { width:360px; margin:15px 0; position:relative; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:0; }
					.grafiek p.grafiek { padding:10px !important; width:340px; border:none; clear:both; }
					.grafiek span { display:block; width:362px; height:2px; font-size:1px; line-height:1px; position:absolute; left:-1px; }
					.grafiek span.top-border { background:url(../img/form-content-block-bg-top.gif) no-repeat top left; top:-2px; }
					.grafiek span.bottom-border { background:url(../img/form-content-block-bg-bottom.gif) no-repeat bottom left; bottom:-2px; clear:both; }

						.meters { background-color:#e2e2e2; position:relative; width:202px; height:70px; margin:10px 0; float:left; padding:0 18px; }
						.meters span.grafiek-meter { width:238px; height:26px; display:block; font-size:1px; line-height:1px; position:absolute; bottom:0; left:0; background:url(../img/grafiek-meter.gif) no-repeat top left; }

							div.gemiddeld { height:10px; background:url(../img/bg-grafiek-gem.gif) repeat-x top left; margin:5px 0 0 0; font-size:1px; line-height:1px; }
							div.eigen {  height:10px; background:url(../img/bg-grafiek-eigen.gif) repeat-x top left; margin:10px 0 0 0; font-size:1px; line-height:1px; }

						.data { float:left; margin:10px 0; width:122px; height:44px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
						.data td { font-size:70%; font-weight:bold; text-align:right; vertical-align:top; padding:2px 0 0 10px; }
							tr.gemiddeld td { color:#003359; }
							tr.eigen td { color:#f46e1a; }

				.form-wrapper p { margin:0 0 0 0!important; }
				.form-wrapper p em {  }

				.form-wrapper ul { background:none; /* padding:10px 0 15px 0; */margin:0; width:360px; }
				.form-wrapper ul li { border:none; padding:0; font-size:70%; width:auto; line-height:120%; }
				.form-wrapper ul li p { font-size:100%; text-align:center; }
				.form-wrapper ul li em { font-weight:bold; }
				.form-wrapper ul li span { color:#f46e1a; }

				.form-wrapper table td { vertical-align:top;  }
				.form-wrapper table.gages { }
				.form-wrapper table.gages td { width:180px; text-align:center; vertical-align:bottom;  padding-bottom: 15px; }
				.form-wrapper table.gages td p { margin:0 20px !important;}
				.form-wrapper table.gages td p em { color:#f46e1a; }

					td.averages { padding:10px 0 10px 42px; }
					td.averages ul { width:auto; }
					td.averages ul li { font-size:70%; }
					td.averages ul li span { display:inline; font-weight:bold; }

				.form-wrapper table.scores td { text-align:center; font-size:70%; padding:0 5px; width: 7.5%; }
				.form-wrapper table.scores td.first { padding:0 20px !important; white-space: nowrap; }
				.form-wrapper table.scores td em { color:#f46e1a !important; }


				x.form-wrapper ul li { border:none; padding:0; font-size:100%; width:390px !important; clear:both; }
				x.form-wrapper ul li ul { margin:0; }
				x.form-wrapper ul li ul li { position:relative; float:left !important; width:auto !important; padding:10px 10px 0 0; clear:none; vertical-align:top; line-height:100%; }
				x.form-wrapper ul li ul li input.radio { vertical-align:top; margin:3px 0 0 0; border:none; background-color:transparent; }
				x.form-wrapper ul li ul li em { display:block; }
				x.form-wrapper ul li ul li p {  margin:0 !important; padding:0; line-height:120%; width:300px; }
					xp.indent { width:190px !important; }
				x.form-wrapper ul li ul li select { border:1px solid #e2e2e2; background-color:#fff; }
					x.positioned { position:absolute; top:20px; right:-40px; }

				x.form-wrapper input.submit { text-decoration:underline; border:none; cursor:pointer; background:url(../img/submit-btn-bg.gif) no-repeat top right; margin:30px 20px 15px 0; padding:0 10px 0 0; text-align:right; float:right; font-size:70%; }

			/* right coll content */
			.page-content .information { float:left; }
			.page-content #homeInformation { width:305px; }
				.information .info-block { width:218px; min-height:20px; height:auto !important; height:20px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#fff url(../img/info-block-bg.gif) repeat-x bottom left; position:relative; margin:0 0 12px 0;  }
					.info-block span { display:block; width:220px; height:2px; position:absolute; left:-1px; line-height:1px; font-size:1px; }
					.info-block .block-top { background:url(../img/info-block-top-corners.gif) no-repeat top left; top:-1px;  }
					.info-block ul { }
					.info-block ul li { padding:0 20px 10px 20px; font-size:70%; color:#000; line-height:100%; }
					.info-block ul li a { background:url(../img/info-li-link-bg.gif) no-repeat top left; padding:0 0 0 11px; /* 5px plus image width */ color:#000; }
					.info-block ul li a:hover { text-decoration:none; }
					.info-block .block-bottom { background:url(../img/info-block-bottom-corners.gif) no-repeat top left; bottom:-1px; }
			
			.information .homeLoggedin { width: 206px; height: 39px !important; background: url(../img/home-loggedin.png) no-repeat left top; border: 0; padding: 10px 20px 15px 80px; }
			.information .homeLoggedin .name { margin: 0 0 1px 0; color: #f46e1a; font-weight: bold; height: 30px; }
			.information .homeLoggedin li { padding-left: 0px; }
			.information .homeLoggedin a { color: #807f7f; font-size: 10px; }
			
			.keywords { padding: 1px 0 13px 3px; min-height: 110px; height: auto !important; height: 110px;}
			.keywords:after { content:" "; display:block; height:0; width:100%; clear:both; visibility:hidden; }
			.keywords li { float: left; font-size: 11px; line-height: 15px; padding: 0 8px 2px 0; margin: 0 2px 0 0; background: url(../img/keyword.gif) no-repeat right top;}
			.keywords li a { text-decoration: none; padding: 2px 0 3px 8px; display: block; background:  url(../img/keyword.gif) no-repeat left top; }
			
		/* navigatie */
		.page-navigation { position:absolute; top:83px; left:20px; width:880px; height:40px; background:#fff url(../img/navigation-bg.gif) no-repeat left 2px; }
		.clipboardWrap .page-navigation { top:173px; z-index: 3; left: 90px; }
		.page-navigation ul { }
		.page-navigation ul li { float:left; margin:0 25px 0 0; padding:0 10px 0 0; position:relative; }
		.page-navigation ul li.has-sub { background:url(../img/nav-icon-has-sub.gif) no-repeat top right; }

		.page-navigation ul li a { color:#000; font-weight:bold; text-decoration:none; text-align:left; font-size:70%; }
		.page-navigation ul li a:hover, .page-navigation ul li a.active { color:#f46e1a; }
		.page-navigation ul li ul { width:188px; position:absolute; top:28px; left:-10px; background:transparent url(../img/pulldown-bg.gif) repeat-y top left ; }
		.page-navigation ul li ul li { float:none; height: 24px; }
		.page-navigation ul li ul li.last { background:transparent url(../img/pulldown-bottom.gif) no-repeat bottom left; height:10px; padding:0; margin:0; font-size:1px; line-height:1px; }
		.page-navigation ul li ul li a { display:block; width:130px; line-height:24px; height:24px; padding:0 20px; font-weight:normal; margin:0 9px; }
		.page-navigation ul li ul li a:hover { background-color:#F46E1A; color:#fff;  }


			.noscript-menu, #header #menu { clear: both; }
			.noscript-menu li, #header #menu li { padding: 0 0 0 19px; float: left; display: block; height: 38px; }
			#header #menu li ul.menu-sub { display: none; }
			#header #menu li { position: relative; z-index: 20;}
			#noscript-menu li.first-child,
			#header #menu li.first-child { padding: 0; }
			.noscript-menu li a, .noscript-menu li span,
			#header #menu li a, #header #menu li span.menu-title { padding: 0 10px 0 0; line-height: 38px; color: #000000; font-weight: bold; text-decoration: none; display: block; }
			.noscript-menu li.pulldown span,
			#header #menu li.pulldown span.menu-title { padding: 0 30px 0 0; background: transparent url(../img/menu_pulldown.gif) no-repeat 100% 20px; }
			/* hover and active first level */
			#header #menu li a:hover, #header #menu li:hover span.menu-title,
			.noscript-menu .current a.mainlink, .noscript-menu .current span,
			#header #menu .current a.mainlink, #header #menu .current span.menu-title { color: #F46E1A; }
			/* specific for no script menu */
			.noscript-menu { overflow: hidden; height: 150px; }
			#header .noscript-menu li span { display: none; }
			.noscript-menu li { width: 175px; }
			#noscript-menu li.first-child { width: 0px; }
			/* specific menu items */
			.menuitem3 { width: 174px; }
			.menuitem3 .menu-sub { margin-left: -10px; }
			.menuitem4 { width: 144px; }
			.menuitem4 .menu-sub { margin-left: -10px; }
			.menuitem5 { width: 80px; }
			.menuitem5 .menu-sub { margin-left: -115px; }
			/* pulldown menu's */
			.menu-sub { width: 188px; overflow: hidden; background: transparent url(../img/menu/pulldown-bg.gif) repeat-y 0 0; display: block; position: absolute; z-index: 100; }
			.noscript-menu li li.last-child,
			#header #menu li li.last-child { width: 188px; display: block; position: relative; z-index: 100; height: 35px;  }
			.noscript-menu li li, #header #menu li li { padding: 0 19px 0 0; float: none; padding: 0; margin: 0; height: 24px; white-space: nowrap; }
			.noscript-menu li li a, #header #menu li li a { font-weight: normal; padding: 0 29px 0 10px; margin: 0 9px; display: block; width: 130px; line-height: 24px; }
			 /* hover pulldown menu-items */
			.noscript-menu li li a:hover, #header #menu li li a:hover { background: #F46E1A; color: #FFFFFF; }

		/* breadcrumb */
		.page-breadcrumb { position:absolute; top:127px; left:20px; }
		.clipboardWrap .page-breadcrumb { top:217px; left: 90px; }
		.page-breadcrumb ul { }
		.page-breadcrumb ul li { float:left; }
		.page-breadcrumb ul li a { color:#000; font-size:65%; text-decoration:none; background:url(../img/breadcrumb-li-bg.gif) no-repeat top right; padding:0 8px 0 5px; }
		.page-breadcrumb ul li a.home { text-decoration:underline; color:#000 !important; padding:0 8px 0 0; }
		.page-breadcrumb ul li a:hover { color:#f46e1a; }
		.page-breadcrumb ul li a.active { color:#f46e1a; background:none !important; }

		/* footer */
		.page-footer { width:900px; height:36px; padding:55px 0 0 0; background:url(../img/bg_footerbouwgarant.gif) no-repeat left bottom; position:relative; }
		.page-footer strong { position:absolute; bottom:30px; right:20px; }
		.page-footer ul { }
		.page-footer ul li { float:left; font-size:55%; line-height:24px; background:url(../img/footer-li-bg.gif) no-repeat top right; padding:0 10px 0 0; }
		.page-footer ul li.author { color:#a6a5a5; background:none; padding:0 0 0 10px;}
		.page-footer ul li a { color:#a6a5a5; }
		.page-footer ul li a.hover { }

		.twitterLink { left: 0; top: 30px; width: 65px; height: 17px;  background: url(../img/home-twitter.png) no-repeat left top;  display: block; position: absolute; }

						 
		/* decorative link */
		.page-decorative { width:242px; height:17px; background:url(../img/decorative-bg.gif) no-repeat top right; position:absolute; top:0; right:0; }
		.clipboardWrap .page-decorative { top:90px; left: 745px; background-image: none;}
		.page-decorative a { vertical-align:top; font-size:60%; line-height:120%; text-decoration:none; background:url(../img/content-li-link-bg.gif) no-repeat top right; padding:0 10px 0 0; margin:2px 0 0 100px; display:block; width:115px; }
		.page-decorative a em { vertical-align:top; }

		/* lightbox */
		.overlay-content { width:420px; background:transparent url(../img/overlay-content-top-bg.png) no-repeat top left; position:relative; padding:5px 5px 0 5px; }
		.overlay-content span.bottom-bg { display:block; width:430px; height:5px; background:transparent url(../img/overlay-content-bottom-bg.png) no-repeat top left; position:absolute; font-size:1px; line-height:1px; bottom:-5px; left:0; }
		.overlay-content .inner-content { position:relative; width:380px; background:#fff url(../img/inner-content-top-bg.gif) no-repeat top left; padding:20px; }
		.overlay-content .inner-content span.bottom-bg { display:block; width:420px; height:2px; background:url(../img/inner-content-bottom-bg.gif) no-repeat top left; font-size:1px; line-height:1px; position:absolute; bottom:0; left:0; }
		.overlay-content .inner-content a.close-window { position:absolute; top:10px; right:0; padding:0 15px 0 0; background:url(../img/icon-close-modal.gif) no-repeat top right; font-size:70%; margin:0 10px 0 0; }
		.overlay-content .inner-content strong { font-size:70%; color:#f46e1a; margin:40px 0 20px 0; display:block; }
		.overlay-content .inner-content p { margin:0 0 20px 0; }
		.overlay-content .inner-content ul { margin:0 0 20px 0; }
		.overlay-content .inner-content ul li { font-size:70%; }
		.overlay-content .inner-content ul li a { background:url(../img/content-li-link-bg.gif) no-repeat top left; padding:0 0 0 11px; color:#000; }
		.overlay-content .inner-content ul li a:hover { text-decoration:none; }

			.simplemodal-overlay { background-color:#000; }


/* typography */
h1, h2, h3, h4, h5, h6, cite, blockquote { font-size:100%; font-weight:bold; }
h1 { color:#000; }
h2 { color:#f46e1a; }
h3 { font-size:70%; }
h4 { }
h5 { }
h6 { }

p { font-size:70%; line-height:1.4em; margin:0 0 15px 0; }

blockquote { }
cite { }
em { font-weight:bold; }
strong { }

legend { }
label { }
input, textarea { background-color:#fff; border:1px solid #e2e2e2; }
	input.error { border:1px solid red !important; }
input.radio {  }
select { background-color:#fff; border:1px solid #e2e2e2; }
fieldset button { border:none; cursor:pointer; line-height:100%; font-size:100%; background:url(../img/content-li-link-bg.gif) no-repeat top left; padding:0 0 0 5px; color:#000; height:12px; width:60px; position:absolute; bottom:20px; right:20px; text-align:left; vertical-align:bottom; }

a { color:#000; }
a:hover { }
a:visited { }
a:active { }
a:focus { }
