* { margin:0px 0px 0px 0px; border:0; padding:0px 0px 0px 0px; } BODY { height:100%; width:100%; position:relative; background:#FFFFFF url('/images/body_bg.jpg') no-repeat 50% 140px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:100%; color:#434343; } A { text-decoration:none; color:#6D5E52; } IMG { border:none; } INPUT,TEXTAREA { font-family:Arial, Helvetica, sans-serif; font-size:11px; } H1,H2,H3,H4,H5,H6 { display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; } UL { padding:0px 0px 0px 20px; } UL UL { padding:0px 0px 0px 40px; } DIV.clear { clear:both; } @font-face { font-family:'source_sans_pro_bold'; src:url('/incs/source_sans_pro_bold.eot'); src:url('/incs/source_sans_pro_bold.eot?#iefix') format('embedded-opentype'), url('/incs/source_sans_pro_bold.woff') format('woff'), url('/incs/source_sans_pro_bold.ttf') format('truetype'), url('/incs/source_sans_pro_bold.svg#source_sans_pro_bold') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'source_sans_pro_regular'; src:url('/incs/source_sans_pro_regular.eot'); src:url('/incs/source_sans_pro_regular.eot?#iefix') format('embedded-opentype'), url('/incs/source_sans_pro_regular.woff') format('woff'), url('/incs/source_sans_pro_regular.ttf') format('truetype'), url('/incs/source_sans_pro_regular.svg#source_sans_pro_regular') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'source_sans_pro_semibold'; src:url('/incs/source_sans_pro_semibold.eot'); src:url('/incs/source_sans_pro_semibold.eot?#iefix') format('embedded-opentype'), url('/incs/source_sans_pro_semibold.woff') format('woff'), url('/incs/source_sans_pro_semibold.ttf') format('truetype'), url('/incs/source_sans_pro_semibold.svg#source_sans_pro_semibold') format('svg'); font-weight:normal; font-style:normal; } DIV#top { width:100%; min-width:980px; height:140px; position:relative; z-index:10; background:transparent url('/images/top_bg.png') repeat-x 0px 0px; } DIV#top_menu_main { width:640px; height:46px; position:absolute; left:50%; top:72px; z-index:12; margin:0px 0px 0px -150px; } DIV#top_menu_main UL { list-style:none; position:relative; z-index:601; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } DIV#top_menu_main UL LI { display:block; list-style:none; width:auto; height:46px; z-index:602; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } DIV#top_menu_main UL LI:HOVER { position:relative; z-index:603; cursor:default; } DIV#top_menu_main UL LI A { display:block; height:30px; float:left; position:relative; z-index:611; padding:15px 14px 1px 14px; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; color:#0f1f3a; } DIV#top_menu_main UL LI A.menu_sel, DIV#top_menu_main UL LI A:HOVER, DIV#top_menu_main UL LI:HOVER > A, DIV#top_menu_main UL LI A.menu_sel_more { color:#004795; } DIV#top_menu_main UL LI A.more { background:transparent url('/images/arrow_dark_down.png') no-repeat 50% 40px; } DIV#top_menu_main UL LI A.menu_sel_more { background:transparent url('/images/arrow_blue_down.png') no-repeat 50% 40px; } DIV#top_menu_main UL LI A.more:HOVER, DIV#top_menu_main UL LI:HOVER > A.more, DIV#top_menu_main UL LI:HOVER > A.menu_sel_more { border:1px solid #E5E5E5; border-bottom:none; padding:14px 13px 1px 13px; background:#F5F5F5 url('/images/arrow_blue_down.png') no-repeat 50% 39px; } DIV#top_menu_main UL UL { list-style:none; visibility:hidden; width:233px; position:absolute; left:0; top:100%; z-index:604; margin:-1px 0px 0px 0px; border:1px solid #E5E5E5; padding:21px 0px 15px 0px; background-color:#F5F5F5; } DIV#top_menu_main UL UL LI { width:233px; height:auto; position:relative; top:0px; z-index:605; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } DIV#top_menu_main UL UL LI A, DIV#top_menu_main UL UL LI A:HOVER, DIV#top_menu_main UL UL LI:HOVER > A, DIV#top_menu_main UL UL LI A.menu_sel { display:block; height:auto; width:203px; position:relative; z-index:606; padding:7px 10px 7px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-align:left; text-transform:none; color:#444545; } DIV#top_menu_main UL UL LI A:HOVER, DIV#top_menu_main UL UL LI A.menu_sel, DIV#top_menu_main UL UL LI:HOVER > A { color:#1D3B6D; } DIV#top_menu_main UL LI:HOVER UL UL { visibility: hidden; } DIV#top_menu_main UL LI:HOVER UL, DIV#top_menu_main UL UL LI:HOVER UL, DIV#top_menu_main UL UL UL LI:HOVER UL { visibility: visible; } DIV#top_menu_main UL UL UL UL UL UL UL { visibility: hidden; } DIV#top_menu_top { width:720px; height:50px; position:absolute; left:50%; top:0px; z-index:12; margin:0px 0px 0px -490px; } DIV#top_menu_top UL { list-style:none; display:block; height:50px; padding:0px 0px 0px 0px; } DIV#top_menu_top LI { list-style:none; display:block; float:left; height:50px; margin:0px 0px 0px 0px; } DIV#top_menu_top A { display:block; height:38px; float:left; padding:17px 12px 0px 12px; font-size:14px; font-weight:normal; color:#E4E8EF; } DIV#top_menu_top A.menu_sel { font-weight:bold; text-decoration:underline } DIV#top_menu_top A:HOVER { text-decoration:underline } A#top_logo { display:block; width:295px; height:58px; position:absolute; left:50%; top:65px; z-index:13; margin:0px 0px 0px -490px; overflow:hidden; } A#top_inloggen { display:block; height:20px; position:absolute; left:50%; top:13px; z-index:13; margin:0px 0px 0px 280px; padding:4px 0px 0px 23px; background:transparent url('/images/top_inloggen.png') no-repeat 0px 0px; color:#94A1BB; } A#top_inloggen:HOVER { background:transparent url('/images/top_inloggen.png') no-repeat 0px -79px; color:#FFFFFF; } DIV#top_zoeken { height:16px; position:absolute; right:50%; top:9px; z-index:14; margin:0px -265px 0px 0px; } INPUT#top_zoeken_inpt, INPUT#page_zoeken_inp { display:none; width:0px; height:16px; float:left; border:none; padding:8px 8px 8px 8px; background-color:#FFFFFF; font-size:14px; } INPUT#top_zoeken_subm, INPUT#page_zoeken_sub { width:32px; height:32px; float:left; border:none; background:#2F4275 url('/images/top_zoeken_subm.png') no-repeat 6px 5px; cursor:pointer; } DIV#bot { width:100%; min-width:980px; height:300px; position:relative; background:transparent url('/images/bot_bg.png') repeat-x 0px 0px; } DIV#bot_info, DIV#bot_bedrijf { width:300px; height:231px; position:absolute; left:50%; top:0px; margin:0px 0px 0px -490px; line-height:171%; color:#4E4D4D; } DIV#bot_info H4, DIV#bot_bedrijf H4 { height:39px; padding:23px 0px 0px 0px; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#1d3b6d; } DIV#bot_info UL { list-style:none url("/images/arrow_dark_right.png"); } DIV#bot_info A { color:#4E4D4D; } DIV#bot_bedrijf { width:665px; margin:0px 0px 0px -175px; } DIV#bot_bedrijf A { color:#014d97; } DIV#bot_bedrijf STRONG.title { display:block; width:108px; float:left; } DIV#bot_bedrijf SPAN.geo { display:block; height:16px; } DIV#bot_bedrijf STRONG.char { display:block; width:25px; float:left; color:#014d97; } DIV#bot_bedrijf STRONG.kwaliteitsnormen { display:block; width:190px; height:70px; position:absolute; left:435px; top:62px; background:transparent url('/images/bot_kwaliteitsnormen.png') no-repeat 0px 28px; } DIV#bot_bedrijf A#bot_bedrijf_twit, DIV#bot_bedrijf A#bot_bedrijf_face { display:block; width:31px; height:31px; position:absolute; left:435px; top:148px; background:transparent url('/images/bot_socm.png') no-repeat 0px 0px; text-indent:-999px; overflow:hidden; } DIV#bot_bedrijf A#bot_bedrijf_face { left:470px; background:transparent url('/images/bot_socm.png') no-repeat -35px 0px; } DIV#bot_menu { width:980px; position:absolute; left:50%; top:242px; margin:0px 0px 0px -490px; } DIV#bot_menu UL { list-style:none; display:block; padding:0px 0px 0px 0px; } DIV#bot_menu UL LI { list-style:none; display:block; float:left; margin:0px 0px 0px 0px; } DIV#bot_menu UL LI A { display:block; float:left; border-left:1px solid #AEAFB3; padding:0px 17px 3px 17px; font-size:13px; color:#AEAFB3; } DIV#bot_menu UL LI:FIRST-CHILD A { border:none; } DIV#bot_menu UL LI A.menu_sel, DIV#bot_menu UL LI A:HOVER { text-decoration:underline } DIV#home { width:100%; height:950px; position:relative; z-index:1; background:#FFFFFF url('/images/home_bg.png') repeat-x 0px 755px; line-height:171%; } A#home_slider_prev, A#home_slider_next, A#project_media_slider_prev, A#project_media_slider_next { display:block; width:20px; height:33px; position:absolute; left:50px; top:240px; z-index:7; background:transparent url('/images/home_slider_nav.png') no-repeat 0px 0px; cursor:pointer; } DIV#home_slider { width:100%; height:530px; position:relative; overflow:hidden; z-index:2; } DIV#home_slider_items { width:10000px; height:530px; position:absolute; left:0px; top:0px; z-index:3; } DIV#home_slider_items DIV.item { width:2000px; height:530px; position:relative; z-index:4; float:left; overflow:hidden; } DIV#home_slider_items DIV.item IMG { position:absolute; left:0px; top:0px; z-index:5; } DIV#home_slider_items DIV.info { width:700px; position:absolute; top:220px; left:50%; z-index:6; margin:0px 0px 0px -440px; font-family:'source_sans_pro_regular', sans-serif, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; text-shadow:2px 2px 10px rgba(0, 0, 0, 0.65); line-height:118%; color:#FFFFFF; } DIV#home_slider_items DIV.info H5 { padding:0px 0px 5px 0px; font-family:'source_sans_pro_bold', sans-serif, Arial, Helvetica, sans-serif; font-size:54px; font-weight:normal; text-shadow:2px 2px 10px rgba(0, 0, 0, 0.65); text-transform:uppercase; line-height:118%; color:#FFFFFF; } DIV#home_slider_items DIV.info A.more { display:block; float:left; margin:15px 0px 0px 0px; padding:7px 48px 11px 20px; background:#25519F url('/images/arrow_white_right.png') no-repeat 92% 17px; font-size:20px; text-shadow:none; color:#FFFFFF; } A#home_slider_next, A#project_media_slider_next { left:auto; right:50px; background:transparent url('/images/home_slider_nav.png') no-repeat -20px 0px; } DIV#home_mid_blok { width:425px; height:200px; position:absolute; left:50%; top:555px; z-index:10; margin:0px 0px 0px -490px; padding:0px 0px 0px 285px; } DIV#home_mid_blok H1 { width:220px; position:absolute; left:0px; top:0px; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:34px; font-weight:normal; line-height:118%; color:#1d3b6d; } DIV#home_mid_blok A.more, DIV#home_uitgelicht A.more1, DIV#home_uitgelicht A.more2, DIV#home_twitter A.more { display:block; float:left; background:transparent url('/images/arrow_blue_right.png') no-repeat 0px 8px; margin:8px 20px 0px 0px; padding:0px 0px 0px 15px; font-weight:bold; color:#25519F; } DIV#home_werkzaamheden { width:210px; position:absolute; left:50%; top:465px; z-index:11; margin:0px 0px 0px 260px; padding:18px 0px 20px 20px; background-color:#2F4275; } DIV#home_werkzaamheden H2 { padding:0px 0px 17px 0px; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#FFFFFF; } DIV#home_werkzaamheden A { display:block; padding:3px 0px 3px 25px; background:transparent url('/images/arrow_white_right.png') no-repeat 0px 10px; font-weight:bold; color:#D2D8E3; } DIV#home_uitgelicht { width:450px; height:195px; position:absolute; left:50%; top:755px; z-index:12; margin:0px 0px 0px -490px; } DIV#home_uitgelicht H3, DIV#home_twitter H3 { height:25px; padding:21px 0px 12px 0px; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#1d3b6d; } DIV#home_uitgelicht SPAN.img { display:block; width:180px; height:120px; float:left; margin:7px 20px 10px 0px; } DIV#home_uitgelicht SPAN.img IMG { width:180px; max-height:120px; } DIV#home_uitgelicht A.more1, DIV#home_uitgelicht A.more2 { margin:2px 20px 0px 0px; } DIV#home_uitgelicht A.more2 { background:transparent url('/images/arrow_grey_right.png') no-repeat 0px 8px; color:#9B9BA1; } DIV#home_twitter { width:480px; height:195px; position:absolute; left:50%; top:755px; z-index:13; margin:0px 0px 0px 10px; } DIV#home_twitter_mes { font-style:italic; } DIV#home_twitter_mes A { color:#25519F; } DIV#mid { width:940px; min-height:400px; position:relative; z-index:1; margin:60px auto 0px auto; padding:20px 20px 40px 20px; background-color:#FFFFFF; } DIV#page_large, DIV#page_small { position:relative; z-index:2; font-size:14px; line-height:171%; color:#444444; } DIV#page_large H1, DIV#page_small H1, DIV#page_large H2, DIV#page_small H2, DIV#page_large H3, DIV#page_small H3, DIV#page_large H4, DIV#page_small H4 { padding:1px 0px 24px 0px; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:34px; font-weight:normal; line-height:100%; color:#1d3b6d; } DIV#page_large H2, DIV#page_small H2 { padding:6px 0px 6px 0px; font-size:22px; } DIV#page_large H3, DIV#page_small H3 { padding:5px 0px 5px 0px; font-size:18px; } DIV#page_large H4, DIV#page_small H4 { padding:14px 0px 4px 0px; font-size:16px; } DIV#page_large P, DIV#page_small P { padding:0px 0px 15px 0px; } DIV#page_large P.inleiding, DIV#page_small P.inleiding { display:block; margin:0px 0px 10px 0px; padding:15px 15px 15px 15px; background-color:#F3F4F5; font-size:18px; line-height:133%; color:#444545; } DIV#page_large A, DIV#page_small A { font-weight:bold; color:#004795; } DIV#page_large OL, DIV#page_large UL, DIV#page_small OL, DIV#page_small UL { margin:5px 0px 5px 20px; padding:0px 0px 0px 10px; } DIV#page_large OL, DIV#page_large UL, DIV#page_small OL, DIV#page_small UL { margin:5px 0px 5px 20px; padding:0px 0px 0px 10px; } DIV#page_downloads H4, DIV#page_project_kopp H4 { border-bottom:1px solid #E5E5E5; padding:34px 0px 20px 0px; font-size:24px; color:#1d3b6d; } DIV#page_large DIV#page_downloads A.download, DIV#page_small DIV#page_downloads A.download { display:block; height:28px; position:relative; border-bottom:1px solid #E5E5E5; padding:6px 0px 0px 40px; background:transparent url('/images/arrow_blue_right.png') no-repeat 98% 10px; color:#4E4D4D; } DIV#page_large DIV#page_downloads A IMG, DIV#page_small DIV#page_downloads A IMG { height:20px; min-height:20px; position:absolute; left:5px; top:7px; } DIV#page_project_kopp A.ger_project { display:block; height:52px; position:relative; border-bottom:1px solid #E5E5E5; padding:1px 0px 0px 65px; background:transparent url('/images/arrow_blue_right.png') no-repeat 98% 22px; } DIV#page_project_kopp A.ger_project SPAN.imag { display:block; width:50px; height:40px; position:absolute; left:0px; top:6px; } DIV#page_project_kopp A.ger_project SPAN.imag IMG { max-width:50px; max-height:40px; } DIV#page_large DIV#page_project_kopp A.ger_project SPAN.titl, DIV#page_small DIV#page_project_kopp A.ger_project SPAN.titl { display:block; color:#444545; } DIV#page_large DIV#page_project_kopp A.ger_project:HOVER SPAN.titl, DIV#page_small DIV#page_project_kopp A.ger_project:HOVER SPAN.titl { color:#004795; } DIV#page_large DIV#page_project_kopp A.ger_project SPAN.date, DIV#page_small DIV#page_project_kopp A.ger_project SPAN.date { display:block; font-weight:normal; color:#444545; } DIV#page_large { width:940px; } DIV#page_large DIV#page_text { width:730px; float:left; } DIV#page_small { width:710px; float:right; } DIV#page_small DIV#page_text { width:500px; float:left; } DIV#page_media { width:190px; float:right; } DIV#page_media A.img IMG { width:190px; margin:0px 0px 20px 0px; } DIV#page_media DIV.contact { padding:8px 0px 12px 41px; background:#2F4275 url('/images/page_media_contact.png') no-repeat 13px 13px; font-size:14px; font-weight:bold; color:#FFFFFF; } DIV#page_media DIV.contact A { display:block; margin:0px 0px 2px 0px; color:#FFFFFF; } DIV#page_large H3#page_nieuws_titel, DIV#page_small H3#page_nieuws_titel { border-bottom:1px solid #E3E4E6; padding:40px 0px 19px 0px; font-size:24px; } DIV#page_nieuws H4 { height:29px; border-bottom:1px solid #E3E4E6; padding:14px 0px 1px 0px; background:transparent url('/images/arrow_dark_down.png') no-repeat 98% 19px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#444545; cursor:pointer; } DIV#page_nieuws H4.current { border-bottom:none; padding:14px 0px 0px 0px; color:#004c97; } DIV#page_nieuws DIV.paginanieuws { display:none; border-bottom:1px solid #E3E4E6; padding:0px 0px 20px 0px; } DIV#page_nieuws DIV.paginanieuws_media A, DIV#page_nieuws DIV.paginanieuws_media DIV.video { display:block; width:170px; height:130px; float:left; position:relative; overflow:hidden; } DIV#page_nieuws DIV.paginanieuws_media A IMG { min-width:170px; min-height:130px; max-width:250px; max-height:190px; } DIV#page_side { width:210px; float:left; } DIV#page_side_menu { margin:60px 0px 20px 0px; border-top:1px solid #E3E4E6; } DIV#page_side_menu UL { list-style:none; padding:0px 0px 0px 0px; } DIV#page_side_menu UL LI { list-style:none; display:block; border-bottom:1px solid #E3E4E6; padding:0px 0px 0px 0px; } DIV#page_side_menu UL LI A { display:block; padding:7px 20px 10px 0px; font-family:'source_sans_pro_regular', sans-serif, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:140%; color:#444545; } DIV#page_side_menu UL LI A:HOVER, DIV#page_side_menu UL LI.menu_sel A, DIV#page_side_menu UL LI.menu_sel_sub A { color:#004795; } DIV#page_side_menu UL LI.menu_sel A { background:transparent url('/images/arrow_blue_right.png') no-repeat 195px 15px; font-family:"source_sans_pro_semibold", Arial, Helvetica, sans-serif; font-weight:normal; } DIV#page_side_menu UL LI.menu_sel_sub A { } DIV#page_side_menu UL#page_side_menu_sub { margin:2px 0px 15px 0px; } DIV#page_side_menu UL#page_side_menu_sub LI { border:none; } DIV#page_small A.nieuws_item_large { display:block; height:160px; position:relative; padding:0px 0px 0px 220px; } DIV#page_small A.nieuws_item_large SPAN.imag { display:block; width:200px; height:130px; position:absolute; left:0px; top:15px; overflow:hidden; } DIV#page_small A.nieuws_item_large SPAN.imag IMG { max-width:200px; max-height:130px; } DIV#page_small A.nieuws_item_large SPAN.titl { display:block; padding:13px 0px 0px 0px; font-size:18px; font-weight:normal; color:#444545; } DIV#page_small A.nieuws_item_large SPAN.date { display:block; font-size:14px; font-weight:bold; color:#A4A6A9; } DIV#page_small A.nieuws_item_large SPAN.text { display:block; font-size:14px; font-weight:normal; color:#4E4D4D; } DIV#page_small A.nieuws_item_large SPAN.more { display:block; font-size:14px; font-weight:bold; color:#0a4f98; } DIV#page_small A.nieuws_item { display:block; height:43px; position:relative; border-top:1px solid #E3E4E6; padding:11px 0px 0px 65px; line-height:100%; } DIV#page_small A.nieuws_item SPAN.imag { width:50px; height:40px; position:absolute; left:0px; top:7px; overflow:hidden; } DIV#page_small A.nieuws_item SPAN.imag IMG { max-width:50px; max-height:40px; } DIV#page_small A.nieuws_item SPAN.titl { display:block; padding:0px 0px 3px 0px; font-size:14px; font-weight:bold; color:#444545; } DIV#page_small A.nieuws_item:HOVER SPAN.titl { color:#004795; } DIV#page_small A.nieuws_item SPAN.date { font-size:12px; font-weight:normal; color:#444545; } DIV#page_small A#nieuws_terug { display:block; width:159px; height:32px; margin:20px 0px 0px 0px; padding:8px 0px 0px 0px; background-color:#002856; font-family:'source_sans_pro_regular', Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; text-align:center; color:#FFFFFF; } DIV#project_cat { margin:0px 0px 20px 0px; padding:10px 10px 0px 10px; background-color:#F4F4F5; } DIV#project_cat SPAN, DIV#project_cat A { display:block; height:30px; float:left; margin:0px 5px 10px 0px; padding:6px 10px 2px 10px; } DIV#project_cat SPAN { font-family:'source_sans_pro_regular', Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#444545; } DIV#project_cat A { background-color:#FFFFFF; font-weight:normal; color:#444545; } DIV#project_cat A:HOVER { border:1px solid #E4E5E7; padding:5px 9px 1px 9px; color:#2A53A0; } DIV#project_cat A.menu_sel, DIV#project_cat A.menu_sel:HOVER { border:none; padding:6px 10px 2px 10px; background-color:#2A53A0; font-weight:bold; color:#FFFFFF; } DIV#page_large A.project { display:block; width:220px; height:220px; float:left; margin:0px 20px 20px 0px; } DIV#page_large A.project SPAN.img { display:block; width:220px; height:145px; position:relative; z-index:2; text-align:center; overflow:hidden; } DIV#page_large A.project SPAN.img IMG { min-width:220px; min-height:145px; max-width:300px; max-height:200px; position:relative; z-index:3; } DIV#page_large A.project SPAN.img SPAN.hover { display:block; width:30px; height:30px; position:absolute; right:0px; bottom:0px; z-index:3; background:transparent url('/images/project_hover.png') no-repeat 0px 0px; } DIV#page_large A.project:HOVER SPAN.img SPAN.hover { background:transparent url('/images/project_hover.png') no-repeat 0px -30px; } DIV#page_large A.project SPAN.titel { display:block; margin:11px 0px 0px 0px; font-size:16px; color:#4E4D4D; } DIV#page_large A.project:HOVER SPAN.titel { color:#0a4f98; } DIV#projecten_nav { height:30px; border-top:1px solid #E3E4E6; padding:15px 0px 0px 0px; } DIV#projecten_nav A { display:block; width:28px; height:26px; float:right; margin:0px 0px 0px 3px; border:1px solid #E5E6E8; padding:2px 0px 0px 0px; font-weight:normal; text-align:center; color:#979A9D; } DIV#projecten_nav A:HOVER, DIV#projecten_nav A.menu_sel { border:none; padding:3px 1px 1px 1px; background-color:#2A53A0; font-weight:bold; color:#FFFFFF; } DIV#project_media, DIV#project_media_slider, DIV#project_media_slider_items DIV.item, DIV#project_media_slider_items DIV.item IMG { width:700px; height:430px; } DIV#project_media { float:left; position:relative; z-index:2; margin:0px 0px 13px 0px; overflow:hidden; } A#project_media_slider_prev, A#project_media_slider_next { top:200px; z-index:8; } DIV#project_media_slider { position:relative; overflow:hidden; z-index:3; } DIV#project_media_slider_items { width:5000px; height:430px; position:absolute; left:0px; top:0px; z-index:4; } DIV#project_media_slider_items DIV.item { float:left; position:relative; overflow:hidden; z-index:5; } DIV#project_media_slider_items DIV.item IMG { position:absolute; left:0px; top:0px; z-index:6; } DIV#project_media_number { position:absolute; right:0px; bottom:0px; z-index:7; padding:2px 20px 3px 13px; background-color:rgba(255,255,255,0.65); } DIV#project_info { width:200px; float:right; padding:20px 0px 20px 20px; background-color:#F4F4F5; } DIV#project_info H3 { font-size:24px; padding:0px 0px 8px 0px; } DIV#project_info_share { margin:6px 0px 23px 0px; border-top:1px solid #E3E4E6; } DIV#project_info_share SPAN.share { display:block; padding:8px 0px 6px 0px; } A#project_info_prev, A#project_info_next { display:block; } DIV#project_info_more { width:178px; margin:25px 0px 0px 0px; padding:9px 0px 12px 12px; background:#2F4275 url('/images/page_media_contact.png') no-repeat 13px 42px; font-size:14px; color:#FFFFFF; } DIV#project_info_more A { display:block; margin:4px 0px 2px 21px; color:#FFFFFF; } DIV#project_info_more SPAN { display:block; margin:0px 0px 2px 21px; color:#FFFFFF; } DIV#docbeheer_top { width:954px; height:28px; position:absolute; left:0px; top:-40px; padding:12px 26px 0px 0px; background-color:#F3F4F5; font-size:13px; text-align:right; color:#4E4D4D; } DIV#docbeheer_top A { color:#4E4D4D; } DIV#docbeheer_login { padding:20px 120px 20px 20px; background-color:#F3F4F5; } DIV#docbeheer_login_left { width:430px; float:left; } DIV#docbeheer_login_left TD { padding:3px 0px 3px 0px; } DIV#docbeheer_login_left INPUT, DIV#docbeheer_login_left SELECT { width:278px; height:18px; border:1px solid #DEE0E1; padding:10px 10px 10px 10px; box-shadow:inset 3px 3px 4px #EEEEEE; font-size:14px; } DIV#docbeheer_login_left SELECT { width:300px; height:40px; } DIV#docbeheer_login_left INPUT:FOCUS { border:1px solid #C0C3CC; } DIV#docbeheer_login_left INPUT#docbeheer_login_left_submit, DIV#docbeheer_login_left INPUT#docbeheer_login_left_submit:FOCUS { width:140px; height:46px; padding:0px 0px 4px 16px; border:none; box-shadow:none; background:#25519F url('/images/arrow_white_right.png') no-repeat 113px 17px; font-family:'source_sans_pro_regular', Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; text-align:left; color:#FFFFFF; } DIV#docbeheer_login_right { width:320px; float:right; } DIV.docbeheer_titel { margin:0px 0px 15px 0px; padding:12px 20px 14px 20px; background-color:#F3F4F5; font-family:'source_sans_pro_semibold', Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#1d3b6d; } A.docbeheer_project { display:block; height:30px; border-top:1px solid #E3E4E6; padding:5px 0px 0px 0px; background:transparent url('/images/arrow_blue_right.png') no-repeat 98% 13px; } DIV#docbeheer_project_info { width:710px; height:320px; position:relative; z-index:2; margin:0px 0px 20px 0px; overflow:hidden; } DIV#docbeheer_project_info IMG#docbeheer_project_info_bg { width:710px; height:320px; position:absolute; left:0px; top:0px; z-index:3; } DIV#docbeheer_project_info_blok { width:190px; position:absolute; left:0px; top:20px; z-index:4; padding:20px 20px 20px 20px; background-color:#F3F4F5; } DIV#docbeheer_project_info_blok SPAN.logo { display:block; width:190px; margin:0px 0px 12px 0px; } DIV#docbeheer_project_info_blok SPAN.logo IMG { width:190px; } DIV#docbeheer_docs { } DIV#docbeheer_docs DIV.top { display:block; height:35px; position:relative; border-bottom:1px solid #E3E4E6; } DIV#docbeheer_docs DIV.top SPAN { display:block; position:absolute; left:0px; top:3px; font-weight:bold; } DIV#docbeheer_docs DIV.top SPAN.top_date { left:325px; } DIV#docbeheer_docs DIV.top SPAN.top_stat { left:405px; } DIV#docbeheer_docs DIV.top SPAN.top_user { left:545px; } DIV#page_small DIV#docbeheer_docs A.item { display:block; height:49px; position:relative; border-bottom:1px solid #E3E4E6; background:transparent url('/images/arrow_blue_right.png') no-repeat 98% 13px; color:#828284; } DIV#page_small DIV#docbeheer_docs A.item SPAN { display:block; position:absolute; left:0px; top:23px; font-size:12px; font-weight:normal; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_imag { top:15px; left:5px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_imag IMG { max-width:20px; max-height:20px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_docs { left:37px; top:2px; font-size:14px; font-weight:bold; color:#4E4D4D; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_catd { left:37px; font-size:11px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_date { left:248px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_stat { left:328px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_user { left:468px; } DIV#page_side_text { margin:60px 0px 0px 0px; border-top:1px solid #E3E4E6; padding:7px 0px 0px 0px; line-height:175%; } DIV#page_side_text P { padding:0px 0px 15px 0px; } DIV#contactformulier { margin:10px 0px 0px 0px; } DIV#contactformulier TD { padding:2px 0px 2px 0px; } DIV#contactformulier INPUT, DIV#contactformulier TEXTAREA { width:278px; height:18px; border:1px solid #D4D8DC; padding:10px 10px 10px 10px; box-shadow:inset 3px 3px 4px #EEEEEE; font-size:14px; } DIV#contactformulier INPUT:FOCUS, DIV#contactformulier TEXTAREA:FOCUS { border:1px solid #002856; } DIV#contactformulier TEXTAREA { height:92px; } DIV#contactformulier INPUT#contactformulier_submit { width:188px; height:46px; border:none; padding:0px 0px 4px 16px; box-shadow:none; background:#25519F url('/images/arrow_white_right.png') no-repeat 163px 17px; font-family:'source_sans_pro_regular', Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; text-align:left; color:#FFFFFF; } DIV#page_zoeken { width:237px; height:80px; position:relative; margin:0px auto 0px auto; } INPUT#page_zoeken_inp { display:block; width:185px; left:0px; top:42px; margin:0px 0px 0px 0px; border:1px solid #CCCCCC; border-right:none; padding:7px 8px 7px 7px; } INPUT#page_zoeken_sub { left:202px; top:42px; margin:0px 0px 0px 0px; } DIV#zoek_top { position:relative; margin:20px 0px 20px 0px; padding:7px 15px 7px 15px; background-color:#002856; color:#FFFFFF; } DIV#zoek_top_site { float:left; font-weight:bold; } DIV#zoek_top_res { float:right; text-align:right; } DIV.zoek_div { margin:0px 0px 40px 0px; } DIV.zoek_div H2 { padding:0px 0px 11px 0px; font-family:'source_sans_pro_regular', Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; } DIV#page_large DIV.zoek_div H2 A, DIV#page_large DIV.zoek_div A { color:#014d97; } DIV#page_large DIV.zoek_div A { font-weight:normal; color:#002856; } DIV#zoek_paginas { width:100%; height:30px; } DIV#zoek_paginas SPAN { display:block; height:20px; width:45px; float:left; padding:0px 10px 0px 0px; color:#002856; } DIV#zoek_paginas A, DIV#zoek_paginas STRONG { display:block; height:16px; width:18px; float:left; margin:0px 5px 0px 0px; border:1px solid #002856; padding:2px 0px 0px 0px; text-align:center; font-weight:bold; line-height:100%; color:#002856; } DIV#zoek_paginas A:HOVER, DIV#zoek_paginas STRONG { height:17px; width:20px; border:0; padding:3px 0px 0px 0px; background-color:#002856; color:#FFFFFF; } DIV#lightboxOverlay { display:none; position: absolute; top:0px; left:0px; z-index:9999; background-color:#000000; opacity:0.85; } DIV#lightbox { width:100%; position: absolute; left:0px; z-index:10000; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-weight:normal; text-align:center; line-height:0; } DIV#lightbox IMG { width:auto; height:auto; } DIV#lightbox DIV.lb-outerContainer { width:250px; height:250px; position:relative; background-color:white; margin:0px auto 0px auto; border-radius:4px 4px 4px 4px; } DIV#lightbox DIV.lb-outerContainer:after { content:""; display:table; clear:both; } DIV#lightbox DIV.lb-container { padding:10px 10px 10px 10px; } DIV#lightbox DIV.lb-container > DIV.nav { left: 0; } DIV#lightbox DIV.lb-nav { height:100%; width:100%; position:absolute; top:0px; left:0px; z-index:10; } DIV#lightbox DIV.lb-nav A { outline: none; } DIV#lightbox A.lb-prev, DIV#lightbox A.lb-next { display:block; width:49%; height:100%; background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } DIV#lightbox A.lb-prev { left:0px; float:left; } DIV#lightbox A.lb-prev:HOVER { background:transparent url('/images/prev.png') no-repeat left 48%; } DIV#lightbox A.lb-next { right:0px; float:right; } DIV#lightbox A.lb-next:HOVER { background:transparent url('/images/next.png') no-repeat right 48%; } DIV#lightbox DIV.lb-loader { width:100%; height:25%; position:absolute; top:40%; left:0%; text-align:center; line-height:0; } DIV#lightbox DIV.lb-dataContainer { width:100%; margin:0px auto 0px auto; padding-top:5px; border-radius:0px 0px 4px 4px; } DIV#lightbox DIV.lb-dataContainer:AFTER { content:""; display:table; clear:both; } DIV#lightbox DIV.lb-data { padding:0px 10px 0px 10px; color:#BBBBBB; } DIV#lightbox DIV.lb-details { width:85%; float:left; text-align:left; line-height:1.1em; } DIV#lightbox SPAN.lb-caption { font-size:13px; font-weight:bold; line-height:1em; } DIV#lightbox SPAN.lb-number { display:block; clear:left; padding-bottom:1em; font-size:11px; } DIV#lightbox A.lb-close { width:35px; float:right; padding-bottom:0.7em; outline:none; } DIV#lightbox A.lb-close:HOVER { cursor: pointer; } @media screen and (max-width: 600px) { BODY { min-width:320px; background:none; background-color:#FFFFFF; } DIV#top { width:auto; min-width:0px; height:auto; padding:170px 0px 0px 0px; background-color:#FFFFFF; } DIV#top_menu_main, DIV#top_menu_top { display:none; width:auto; height:auto; position:relative; left:auto; top:auto; margin:0px 0px 0px 0px; background-color:#F4F4F5; } DIV#top_menu_main UL, DIV#top_menu_top UL { list-style:none; display:block; height:auto; float:none; padding:0px 0px 0px 0px; } DIV#top_menu_main UL LI, DIV#top_menu_top UL LI { list-style:none; display:block; float:none; height:auto; margin:0px 0px 0px 0px; } DIV#top_menu_main UL LI A, DIV#top_menu_main UL LI A:HOVER, DIV#top_menu_main UL LI A.more, DIV#top_menu_main UL LI A.more:HOVER, DIV#top_menu_main UL LI A.menu_sel, DIV#top_menu_main UL LI A.menu_sel:HOVER, DIV#top_menu_main UL LI A.menu_sel_more, DIV#top_menu_main UL LI A.menu_sel_more:HOVER, DIV#top_menu_main UL LI:HOVER > A, DIV#top_menu_main UL LI:HOVER > A.more, DIV#top_menu_main UL LI:HOVER > A.menu_sel_more, DIV#top_menu_top UL LI A, DIV#top_menu_top UL LI A:HOVER, DIV#top_menu_top UL LI A.menu_sel, DIV#top_menu_top UL LI A.menu_sel:HOVER, DIV#top_menu_top UL LI:HOVER > A, DIV#top_menu_top UL LI:HOVER > A.menu_sel_more { height:auto; float:none; border:none; border-bottom:1px solid #E3E4E6; padding:13px 0px 13px 23px; background:none; font-family:'source_sans_pro_semibold', sans-serif, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; color:#0f1f3a; } DIV#top_menu_main UL UL { display:none; visibility:hidden; } A#top_logo { top:60px; margin:0px 0px 0px -147px; } A#top_inloggen { width:49px; height:50px; left:auto; right:0px; top:0px; border-left:1px solid #94A1BB; padding:0px 0px 0px 0px; overflow:hidden; text-indent:-999px; background-position:18px 13px; } A#top_inloggen:HOVER { border-left:1px solid #FFFFFF; background-position:18px -66px; } DIV#top_zoeken { display:none; } DIV#top_menu_show { display:block; width:100%; height:25px; position:absolute; top:130px; left:0px; border-top:1px solid #E3E4E6; border-bottom:1px solid #E3E4E6; padding:13px 0px 0px 0px; background:transparent url('/images/top_menu_show.png') no-repeat 50% 12px; font-family:'source_sans_pro_semibold', Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; text-align:center; text-transform:uppercase; color:#0f1f3a; cursor:pointer; } DIV#top DIV.top_menu_show_sel { background:transparent url('/images/top_menu_show.png') no-repeat 50% -54px; } DIV#home { height:auto; background:none; background-color:#FFFFFF; } A#home_slider_prev, A#home_slider_next, A#project_media_slider_prev, A#project_media_slider_next { display:none; } DIV#home_slider { height:200px; } DIV#home_slider_items { height:200px; } DIV#home_slider_items DIV.item { height:200px; } DIV#home_slider_items DIV.info { display:none; } DIV#home_mid_blok { width:auto; height:auto; position:relative; left:0px; top:0px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } DIV#home_mid_blok H1 { width:auto; position:relative; padding:0px 0px 10px 0px; font-size:30px; } DIV#home_werkzaamheden { width:auto; position:relative; left:0px; top:0px; margin:0px 0px 0px 0px; padding:10px 10px 10px 20px; } DIV#home_uitgelicht { width:auto; height:auto; position:relative; left:0px; top:0px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } DIV#home_uitgelicht H3, DIV#home_twitter H3 { height:auto; padding:10px 0px 6px 0px; } DIV#home_uitgelicht SPAN.img { width:100px; height:75px; margin:7px 10px 10px 0px; } DIV#home_uitgelicht SPAN.img IMG { width:100px; max-height:75px; } DIV#home_twitter { width:auto; height:auto; position:relative; left:0px; top:0px; margin:0px 0px 0px 0px; border-top:1px solid #E3E4E6; padding:0px 10px 10px 10px; } DIV#home_twitter_mes { font-style:italic; } DIV#home_twitter_mes A { color:#25519F; } DIV#mid { width:auto; min-height:0px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } DIV#page_nav { position:relative; top:auto; } DIV#page_large, DIV#page_small { width:auto; float:none; margin:0px 0px 0px 0px; } DIV#page_large DIV#page_text, DIV#page_small DIV#page_text { width:auto; float:none; } DIV#page_contact SPAN.share { display:none; } DIV#page_contact DIV.buttons { display:none; } DIV#page_media { width:100%; margin:0px 0px 0px 0px; } DIV#page_media A.img IMG { width:100%; } DIV#page_media DIV.contact { display:none; } DIV#page_side { width:auto; float:none; } DIV#page_side_menu { margin:0px 0px 20px 0px; } DIV#page_small A.nieuws_item_large { height:auto; padding:0px 0px 15px 0px; } DIV#page_small A.nieuws_item_large SPAN.imag { width:100px; height:75px; position:relative; top:5px; left:0px; float:left; margin:0px 10px 10px 0px; } DIV#page_small A.nieuws_item_large SPAN.imag IMG { max-width:100px; max-height:100px; } DIV#page_small A.nieuws_item_large SPAN.titl { padding:0px 0px 0px 0px; } DIV#page_small A.nieuws_item_large SPAN.more { display:none; } DIV#page_small A.nieuws_item { padding:11px 0px 6px 65px; } DIV#page_small A#nieuws_terug { margin:20px 0px 20px 0px; } DIV#project_cat { background:none; padding:0px 0px 0px 0px; } DIV#project_cat SPAN, DIV#project_cat A { margin:0px 0px 0px 0px; } DIV#project_cat SPAN { float:none; font-size:18px; color:#1d3b6d; } DIV#project_cat A, DIV#project_cat A:HOVER, DIV#project_cat A.menu_sel, DIV#project_cat A.menu_sel:HOVER { float:none; border-bottom:1px solid #FFFFFF; padding:6px 10px 2px 10px; background-color:#F5F5F5; color:#444545; } DIV#project_cat A:HOVER, DIV#project_cat A.menu_sel, DIV#project_cat A.menu_sel:HOVER { border:none; border-bottom:1px solid #FFFFFF; background-color:#0A4F98; color:#FFFFFF; } DIV#project_cat A.menu_sel { font-weight:bold; } DIV#page_large A.project { width:auto; height:auto; min-height:68px; float:none; position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 90px; border-top:2px solid #F5F5F5; } DIV#page_large A.project SPAN.img { width:80px; height:60px; position:absolute; left:0px; top:4px; } DIV#page_large A.project SPAN.img IMG { min-width:80px; min-height:60px; max-width:120px; max-height:100px; } DIV#page_large A.project SPAN.titel { margin:11px 0px 7px 0px; } DIV#project_media, DIV#project_media_slider, DIV#project_media_slider_items DIV.item, DIV#project_media_slider_items DIV.item IMG { height:195px; } DIV#project_media { width:auto; float:none; } A#project_media_slider_prev, A#project_media_slider_next { display:block; left:15px; top:147px; } DIV#project_media_slider_items { height:195px; } A#project_media_slider_next { left:auto; right:15px; } DIV#project_media_number { display:none; } DIV#project_info { display:none; } DIV#docbeheer_top { width:auto; height:auto; position:relative; left:0px; top:0px; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; line-height:200%; } DIV#docbeheer_top A { color:#4E4D4D; } DIV#docbeheer_login { padding:10px 10px 10px 10px; } DIV#docbeheer_login_left { width:auto; float:none; } DIV#docbeheer_login_left TD { padding:3px 0px 3px 0px; } DIV#docbeheer_login_left INPUT, DIV#docbeheer_login_left SELECT { width:130px; } DIV#docbeheer_login_right { width:auto; float:none; } A.docbeheer_project { display:block; height:30px; border-top:1px solid #E3E4E6; padding:5px 0px 0px 0px; background:transparent url('/images/arrow_blue_right.png') no-repeat 98% 13px; } DIV#docbeheer_project_info { width:auto; height:320px; } DIV#docbeheer_docs { margin:0px 0px 40px 0px; } DIV#docbeheer_docs DIV.top { height:50px; } DIV#docbeheer_docs DIV.top SPAN { } DIV#docbeheer_docs DIV.top SPAN.top_date { left:37px; top:24px; font-size:11px; } DIV#docbeheer_docs DIV.top SPAN.top_stat { left:100px; top:24px; font-size:11px; } DIV#docbeheer_docs DIV.top SPAN.top_user { left:200px; top:24px; font-size:11px; } DIV#page_small DIV#docbeheer_docs A.item { height:auto; padding:2px 20px 40px 37px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_docs { position:relative; top:0px; left:0px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_catd { left:37px; top:auto; bottom:20px; font-size:11px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_date { left:37px; top:auto; bottom:2px; font-size:11px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_stat { left:100px; top:auto; bottom:2px; font-size:11px; } DIV#page_small DIV#docbeheer_docs A.item SPAN.item_user { left:200px; top:auto; bottom:2px; font-size:11px; } DIV#page_side_text { overflow:hidden; } DIV#contactformulier { overflow:hidden; } DIV#contactformulier INPUT, DIV#contactformulier TEXTAREA { width:160px; } DIV#zoek_top { font-size:11px; } DIV#bot { width:auto; min-width:0px; height:auto; background:none; } DIV#bot_info { display:none; } DIV#bot_bedrijf { width:auto; height:auto; position:relative; left:0px; margin:0px 0px 0px 0px; padding:0px 10px 120px 10px; background-color:#F4F4F5; } DIV#bot_bedrijf H4 { height:auto; } DIV#bot_bedrijf A { color:#014d97; } DIV#bot_bedrijf STRONG.title { display:block; width:108px; float:left; } DIV#bot_bedrijf SPAN.geo { display:block; height:16px; } DIV#bot_bedrijf STRONG.char { display:block; width:25px; float:left; color:#014d97; } DIV#bot_bedrijf STRONG.kwaliteitsnormen { left:10px; top:auto; bottom:23px; } DIV#bot_bedrijf A#bot_bedrijf_twit, DIV#bot_bedrijf A#bot_bedrijf_face { left:200px; top:auto; bottom:35px; } DIV#bot_bedrijf A#bot_bedrijf_face { left:240px; } DIV#bot_menu { display:none; } }