html { height: 100%; }
body { background: #FFF url(/img/global/body_bg.png) repeat-x left top; height: 100%; }
body:before { content:""; height:100%; float:left; width:0; /;
margin-top: -32767px; }
.clear { clear:both; height:0; font-size: 1px; line-height: 0px; }
#wrap { min-height: 100%; width: 100%; min-width:980px; float: left; }
#header { background: url(/img/global/topbanner_bg.png) repeat-x center top; margin: 0px auto; padding: 0px; height: 118px; width: 100%; }
.header_content { height: 86px; width: 980px; margin-right: auto; margin-left: auto; }
img.skyline2 { display: inline; margin: 0px; padding: 0px; float: left; height: 86px; width: 340px; border-style: none; }
img.logo { display: inline; margin: 0px; padding: 0px; float: left; height: 86px; width: 306px; border-style: none; }
#seclinks { display: inline; float: left; height: 86px; width: 302px; font: 12px/21px "Times New Roman", Times, serif; color: #FFFFFF; margin-left: 28px; text-align: right; }
#seclinks a:link, #seclinks a:visited { font: 11px/21px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
#seclinks a:hover, #seclinks a:active { color: #FFFFFF; text-decoration: underline; }
#content_wrap { background: url(/img/global/content_bg2.png) no-repeat center top; min-height: 294px; width: 100%; margin-right: auto; margin-left: auto; padding-bottom: 27px; overflow: auto; clear: both; }
div.content { width: 938px; margin-right: auto; margin-left: auto; padding-right: 21px; padding-left: 21px; min-height: 294px; }
div#crumbs { font: 11px/11px Arial, Helvetica, sans-serif; color: #666666; width: 938px; margin-top: 0px; margin-bottom: 8px; border-bottom: 1px dotted #CCCCCC; padding-bottom: 4px; padding-top: 8px; }
#crumbs a:link, #crumbs a:visited { color: #666666; text-decoration: underline; }
#crumbs a:hover, #crumbs a:active { color: #0072BA; text-decoration: none; }
div#crumbs .activeCrumb { font-weight: bold; color: #0072BA; }
#footer { background: #005E96; margin-top: -27px; height: 20px; clear:both; margin-right: auto; margin-left: auto; position: relative; text-align: center; font: 11px/11px Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 7px; }
div#fpc1, div#fpc2 { display: inline; float: left; height: 246px; margin-bottom: 12px; margin-right: 21px; }
div#fpc1 { background: url(/img/global/image.jpg) no-repeat left top; width: 336px; }
#fpc1 .borderfpc1 { background: url(/img/frontpage/border_fpc1.png) no-repeat left top; height: 246px; width: 329px; padding-top: 0px; padding-right: 7px; text-align: right; overflow: hidden; }
#fpc1 ul { height: auto; float: right; display: inline; width: 251px; padding: 0px; list-style-type: none; text-align: right; margin-top: 23px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#fpc1 ul li { height: 30px; width: 180px; float: right; padding: 0px; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; display: inline; }
#fpc1 a:link, #fpc1 a:visited { display: block; height: 24px; width: auto; color: #EBF4FA; text-decoration: none; background: url(/img/frontpage/listfc1.png) no-repeat 0px 0px; margin: 0px; padding: 6px 5px 0px 26px; font: bold 12px/14px Arial, Helvetica, sans-serif; }
#fpc1 a:hover, #fpc1 a:active { color: #FFFFFF; background: url(/img/frontpage/listfc1.png) 0 30px; }
div#fpc2 { background: #FFFFFF url(/img/frontpage/border_fpc2.png) no-repeat left top; width: 330px; }
#fpc2 .fp_text { padding: 9px; height: 228px; width: 311px; overflow: hidden; }
h1 { font: normal 23px/25px "Times New Roman", Times, serif; color: #0072ba; padding-bottom: 6px; }
h2 { font: normal 21px/23px "Times New Roman", Times, serif; color: #666666; padding-bottom: 5px; }
h3 { font: bold normal 16px/21px Arial, Helvetica, sans-serif; color: #666666; padding-bottom: 6px; }
h4 { font: bold normal 12px/21px Arial, Helvetica, sans-serif; color: #666666; padding-bottom: 4px; }
h5 { font: bold normal 12px/21px Arial, Helvetica, sans-serif; color: #0072BA; padding-bottom: 3px; }
h6 { font: bold 11px Arial, Helvetica, sans-serif; color: #005E96; padding: 0px; }
.fp_text p { font: 11px/16px Arial, Helvetica, sans-serif; padding-top: 4px; padding-bottom: 4px; text-align: left; }
#fpc3 { background: #FFFFFF url(/img/frontpage/cycle_news_bg.png) no-repeat scroll left top; float: left; height: 246px; width: 230px; margin: 0px 0px 12px; overflow: hidden; display: inline; }
#fpc3 .newsholder { height: 216px; width: 230px; overflow: hidden; background: transparent; position: relative; top: 30px; margin-top: 30px; }
#fpc3 .newsimage { background: url(/img/test/noimage.png) no-repeat center center; margin: 0px; padding: 0px; height: 161px; width: 216px; z-index: 5; position: absolute; left: 7px; top: 0px; overflow: hidden; }
#fpc3 .newstitledate { background: url(/img/frontpage/newstitledate.png); height: 41px; width: 216px; position: absolute; left: 7px; overflow: hidden; z-index: 300; top: 66px; }
#fpc3 h3 { font: bold 12px/16px Arial, Helvetica, sans-serif; color: #FFFFFF; display: block; height: 31px; width: 202px; overflow: hidden; position: absolute; left: 0px; top: 0px; margin: 0px; padding: 3px 7px 0px; word-wrap:break-word; }
#fpc3 .date { font: bold 11px/13px Arial, Helvetica, sans-serif; display: block; height: 14px; width: 202px; padding-right: 7px; padding-left: 7px; position: absolute; overflow: hidden; left: 7px; top: 52px; color: #FFFFFF; z-index: 700; text-align: right; padding-top: 0px; background: url(/img/frontpage/newsdate.png) repeat; }
#fpc3 .mask2 { height: 201px; width: 230px; left: 0px; top: 0px; position: absolute; z-index: 500; background: url(/img/frontpage/border_newsimage.png) no-repeat center top; overflow: hidden; }
#fpc3 .newsshort { height: 53px; width: 202px; padding-right: 7px; padding-left: 7px; position: absolute; top: 107px; overflow: hidden; z-index: 550; left: 7px; padding-top: 7px; word-wrap:break-word; }
#fpc3 a:link, #fpc3 a:visited { background: url(/img/frontpage/readfull.png) no-repeat left top; display: block; height: 23px; width: 166px; position: absolute; left: 14px; top: 173px; margin: 0px; padding: 0px; z-index: 560; }
#fpc3 a:hover, #fpc3 a:active { background: url(/img/frontpage/readfull.png) no-repeat left bottom; }
#fpc3 p { font: 11px/13px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; display: block; }
#refs { background: url(/img/frontpage/background_refs.png) no-repeat left top; height: 131px; width: 649px; display: inline; float: left; padding-left: 38px; padding-top: 6px; margin-right: 21px; }
.boxgrid { width: 114px; height: 114px; float:left; overflow: hidden; position: relative; cursor: pointer; margin-right: 6px; }
#refs .content:link, #refs .content:visited, #refs .content:hover, #refs .content:active { width: 104px; height: 73px; padding: 4px 5px 0px; text-align: center; background: url(/img/frontpage/ref_background_text.png) no-repeat left top; display: block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.boxgrid span { display: block; width: 104px; font-style: normal; cursor: pointer; }
span.year { color: #00456f; height: 13px; font-size: 12px; line-height: 12px; font-weight: bold; }
span.title { color: #0072ba; height: 39px; font-size: 11px; line-height: 13px; font-weight: normal; padding-top: 2px; word-wrap:break-word; }
span.place { color: #FFFFFF; height: 16px; font-size: 10px; line-height: 13px; font-weight: normal; padding-top: 3px; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; overflow: hidden; }
.boxcaption { float: left; position: absolute; height: 77px; width: 100%; }
.caption .boxcaption { top: 95px; left: 0; height: 77px; overflow: hidden; }
#refs a.refall:link, #refs a.refall:visited { text-decoration: none; background: url(/img/frontpage/ref_bekijkalle.png) no-repeat left top; margin: 0px; padding: 0px; height: 114px; width: 38px; display: inline; float: left; }
#refs a.refall:hover, #refs a.refall:active { text-decoration: none; background: url(/img/frontpage/ref_bekijkalle.png) right top; }
#fpcrb { float: left; height: 129px; width: 216px; margin:0; padding:0 7px 7px 0; overflow: hidden; display: inline; }
#fpcrb p { font: 11px/15px Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px 0px 3px 1px; text-align: right; }
span.hidden { display: none; }
div#spc1 { width: 687px; margin: 0px 21px 12px 0px; display: inline; float: left; }
#spc1 ul { font: 11px/15px Arial, Helvetica, sans-serif; color: #000000; margin: 0; padding: 4px 0px; list-style: none;}
#spc1 li { margin: 0px 0px 0px 12px; padding: 3px 3px 3px 12px; background: url(/img/global/bull1.gif) no-repeat left 7px; }
#spc1 ul li ul { padding: 3px 0px; margin: 0px; }
#spc1 ul li ul li { margin: 0px; padding: 0px 0px 0px 12px; background: url(/img/global/bull2.gif) no-repeat left 4px; }
#spc1 ul li ul li ul { padding: 3px 0px; margin: 0px; }
#spc1 ul li ul li ul li { margin: 0px; padding: 0px 0px 0px 12px; background: url(/img/global/bull2.gif) no-repeat left center; }
#spc1 a:link { color: #000000; }
#spc1 a:visited { color: #666666; }
#spc1 a:hover, #spc1 a:active { color: #0072BA; text-decoration: none; }
#spc1 p { font: 11px/15px Arial, Helvetica, sans-serif; padding-top: 0px; padding-bottom: 8px; text-align: left; text-indent: 4px; }
div#spc2 { float: left; height: auto; width: 230px; margin: 0px 0px 12px; display: inline; background: url(/img/global/bg_subpage.gif) repeat-y left top; }
ul.menu, ul.menu ul { list-style-type:none; padding: 0; width: 223px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0; margin-right: 0; margin-bottom: 0; }
ul.menu { list-style-type:none; padding: 0; width: 216px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display: block; margin: 0 0 7px 7px; }
ul.menu a { display: block; text-decoration: none; }
ul.menu li { margin-top: 0px; }
ul.menu   li span { color: #3183BE; padding: 4px 4px 3px 12px; font-weight: bold; background: url(/img/subnav/bg_menuitem.png) no-repeat left -94px; font-size: 11px; display: block; }
ul.menu  li ul li { margin-top: 0px; list-style: none; }
ul.menu li a, ul.menu ul.menu li a { color: #666666; padding: 4px 4px 3px 12px; font-weight: normal; background: url(/img/subnav/bg_menuitem.png) no-repeat left top; font-size: 11px; }
ul.menu li a:hover, ul.menu ul.menu li a:hover { text-decoration: underline; background: url(/img/subnav/bg_menuitem.png) no-repeat left -94px; }
ul.menu a.selected, ul.menu a.selected:hover { text-decoration: none; background: url(/img/subnav/bg_menuitem.png) no-repeat left -188px; }
ul.menu li ul li a, ul.menu ul.menu li ul li a { color: #2C7EBA; padding-left: 28px; font-weight: normal; background: url(/img/subnav/bg_submenuitem.png) no-repeat left top; line-height: 16px; width: 184px; }
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover { background: url(/img/subnav/bg_submenuitem.png) no-repeat left top; text-decoration: underline; }
ul.menu ul.menu li a:hover { border-left: 0; padding-left: 8px; }
ul.menu ul.menu { border-left: 5px #f00 solid; }
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { text-decoration: none; }
ul.menu div.panel a, ul.menu div.panel li a:hover { display :inline; color: #666; background: none; margin: 0; padding: 0; border: none; font-weight: bold; }
ul.menu div.panel a:hover { color: #000; text-decoration: underline; }
ul.menu.notice li a, ul.menu.notice ul.menu li a { color: #333333; padding: 4px 4px 3px 12px; font-weight: bold; background: url(/img/subnav/bg_menuitem.gif) no-repeat left top; font-size: 11px; }
#faqtext { width: 484px; float: left; display: inline; padding-left: 12px; }
#faqtext p { height: auto; margin-top: 0px; font-size: 11px; line-height: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; text-indent: 0px; }
#faqtext ol, #rubrieken ol { color: #0070B8; display: block; margin-top: 5px; margin-bottom: 5px; margin-right: 0px; margin-left: 23px; padding: 0px; font: 11px/17px Arial, Helvetica, sans-serif; list-style: decimal url(none); }
#faqtext ol li, #rubrieken ol li { background: url(none); margin: 0px; padding: 0px; }
#rubrieken ul { font-size: 11px; color: #0070B8; display: block; margin-top: 5px; margin-bottom: 5px; margin-right: 0px; margin-left: 0px; padding: 0px; line-height: 17px; list-style-type: none; }
#rubrieken ul li { background-image: url(/img/Standard/Textbullet.gif); background-repeat: no-repeat; display: block; background-attachment: scroll; background-position: 0px 3px; padding-left: 16px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
#rubrieken { height: auto; width: 190px; border-right-width: 1px; border-right-style: dotted; border-right-color: #DBEBF5; margin-top: 0px; float: left; display: inline; }
#rubrieken .activeQ { color: #837263; }
#rubrieken a:link, #rubrieken a:visited { color: #0070B8; text-decoration: underline; font-size: 11px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#rubrieken a:hover, #rubrieken a:active { font-size: 11px; color: #94887C; text-decoration: underline; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#referenties { font: 11px Arial, Helvetica, sans-serif; width:687px; }
#referenties .projectnaam { width: 190px; vertical-align: top; }
#referenties .plaats { width: 70px; vertical-align: top; }
#referenties .activiteiten { vertical-align: top; }
#referenties .periode { width: 60px; vertical-align: top; }
#referenties th { font-size: 13px; font-weight: bold; padding: 4px; background: #0072BA; color: #FFFFFF; border-bottom: 6px solid #FFFFFF; }
#referenties td, table#newsList td { padding: 4px; }
#referenties caption { font-weight: bold; padding-bottom: 12px; }
#referenties tr.oddrow { background: #E9E9E9; }
#imgPreviewContainer { background: #222 url(/img/loading.gif) no-repeat center; display: none; position: absolute; z-index: 999; border: 1px solid #000000; width: 130px; overflow: hidden; margin-top: -27px; }
#imgPreviewContainer.loading { height: 112px; width: 130px; }
#lastmodify { margin: 0px; padding: 0px; display: inline; float: none; }
html #lastmodify p { margin: 0px; padding: 0px; font: bold 11px Arial, Helvetica, sans-serif; color: #FFFFFF; display: inline; }
table#newsList { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 687px; margin-top: 12px; }
table#newsList th { font-size: 13px; font-weight: bold; padding: 4px; background: #0072BA; color: #FFFFFF; border-bottom: 6px solid #FFFFFF; }
table#newsList td.date_data { width: 66px; text-align: right; color: #0367C7; }
table#newsList td.message_data { color: #0067C4; }
table#newsList .odd { background-color: #E9E9E9; }
table#newsList a:link, table#newsList a:visited { color: #0067C4; font-weight: bold; }
table#newsList a:hover, table#newsList a:active { color: #02437D; font-weight: bold; }
div#containerp { width:223px; padding-left: 7px; }

html ul#columns { background: url(none); list-style: none; padding: 15px 0px 0px 16px; width: 671px; margin-top: 6px; border-top: 1px solid #0072BA; margin-left: 0px; }
html #columns li { background: url(/img/global/shadethumb.png) no-repeat center bottom; margin: 0px 24px 12px 0px; padding: 0px; height: 119px; width: 110px; overflow: hidden; display: inline; float: left; }
html #columns a:link, html #columns a:visited { display: inline; margin: 0px; padding: 0px; float: left; height: 108px; width: 108px; overflow: hidden; border: 1px solid #999999; }
html  #columns  a:hover, html  #columns  a:active { border: 1px solid #0072BA; }
ul#columns span { display: block; margin: 6px; padding: 0px; height: 96px; width: 96px; overflow: hidden; text-align: center; }
table#refdet { font: 11px Arial, Helvetica, sans-serif; margin-bottom: 12px; }
table#refdet th { padding: 2px; font-size: 11px; font-weight: bold; color: #0072BA; background: #FFFFFF; vertical-align: top; }
table#refdet  td { padding: 2px; font-size: 11px; color: #000000; background: #FFFFFF; vertical-align: top; }
table#refdet p {text-indent:0;}