/* Algemeen */
html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #282622; background: #FFFFFF url(../resources/background.jpg) center top repeat-x;}
body { width: 1004px; margin: 0 auto; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
/* DIV's */
#header { width: 100%; height: 390px; background-color: #CCCCCC; margin: 5px 0px 5px 0px; repeat center top; clear: both; display: block; }
#content { width: 100%; min-height: 200px; padding-top: 5px; margin-bottom: 30px; position: relative; }
#footer { clear: both; width: 1004px; font-size: 11px; height: 20px; text-align: center; color: #99918A; padding-top: 10px; }
#footer img { margin: 0px 5px 0px 5px; border: 0; }
#footer p { margin: 0; }
.footer_l { float: left; width: 260px; margin-left: 10px; text-align: left; }
.footer_r { float: right; width: 738px; margin-right: 10px; text-align: center; }
#menu { clear: both; width: 100%; height: 60px; background: #dad9cf url(../resources/menu_bg.png) center top no-repeat; }
.menu { float: left; margin: 10px; margin-right: 20px; font-size: 14px; padding-top: 12px; }
.menu:link, .menu:visited { color: #736561; text-decoration: none; }
.menu:hover, .menu:active { color: #736561; text-decoration: none; color: #000000; }
.ghk_logo { float: right; margin-right: 20px; margin-top: 5px; }
.ghk_logo img { border: 0; }
.klogo { padding: 5px 35px 5px 0px; display: block; float: left; }
.footer_m a:link, .footer_m a:visited { color: #A5907D; text-decoration: none; }
.footer_m a:hover, .footer_m a:active { color: #736561; text-decoration: underline; }
.clear { clear: both; }
.foutmelding { width: 1004px; height: 390px; text-align: center; color: #726561; }
.foutmelding h1 { padding-top: 100px; }
/* HOME */
div#main_blokken { width: 250px; min-height: 320px; float: left; color: #cdbeba; }
div#main_content { width: 729px; min-height: 405px; float: left; background-color: #FFFFFF; color: #736561; padding: 10px; padding-top: 0px; }
div#main_content a:link { color: #504643; text-decoration: underline; }
div#main_content a:visited { color: #A5907D; text-decoration: none; }
div#main_content a:hover, div#main_content a:active { color: #000000; text-decoration: none; }
div#main_content h3 { font-size: 16px; }
div#main_tekst { width: 500px; float: left; line-height: 1.5em; padding-right: 5px; border-right: #C2B59B 1px solid; }
div#main_tekst h2 { padding-top: 10px; margin-top: 2px; font-size: 16px; }
div#main_nieuws { width: 210px; min-height: 290px; float: right; color: #A5907D; background-color: #FFFFFF; padding: 5px; }
div#main_nieuws h2 { margin: 10px 0px 18px 0px; font-size: 16px; }
div#main_nieuws h3 { margin: 0px 0px 0px 0px; font-size: 12px; }
div#main_nieuws p { font-size: 10px; }
div#main_nieuws a:link { text-decoration: none; }
div#main_nieuws a:visited { text-decoration: none; }
div#main_nieuws a:hover, div#main_nieuws a:active { color: #000000; text-decoration: underline; }
.home_meernieuws { float: right; font-size: 14px !important;}
.home_blok { width: 230px; margin: 0px 0px 5px 5px; height: 90px; overflow: hidden; background-color: #736561; padding: 5px; display: block; font-size: 11px; }
.home_blok h2 { padding: 0px; margin: 5px 0px 0px 0px; font-size: 14px; }
.home_blok h3 { margin: 10px 0px 0px 0px; padding: 0; font-size: 12px; font-weight: bold; }
.home_blok:link, .home_blok:visited { color: #d5cecc; text-decoration: none; }
.home_blok:hover, .home_blok:active { color: #FFFFFF; background-color: #a6907d; text-decoration: none; }
.home_blok_sel { width: 235px; margin: 0px 0px 5px 5px; height: 90px; overflow: hidden; background-color: #a6907d; padding: 5px; display: block; font-size: 11px; cursor: default; }
.home_blok_sel h2 { padding: 0px; margin: 5px 0px 0px 0px; font-size: 14px; }
.home_blok_sel h3 { margin: 10px 0px 0px 0px; padding: 0; font-size: 12px; font-weight: bold; }
.home_blok_sel:link, .home_blok_sel:visited { color: #ffffff; text-decoration: none; }
.home_blok_sel:hover, .home_blok_sel:active { color: #FFFFFF; background-color: #a6907d; text-decoration: none; }
.home_slideshow_first { position: absolute; top: 5px !important; z-index: 1; display: none; }
.home_slideshow { position: absolute; top: 5px !important; z-index: 1; display: none; }
.home_c1 { width: 110px; float: left; margin-right: 10px; }
.home_c2 { width: 110px; float: left; }
.home_dblok { width: 230px; margin: 0px 0px 5px 5px; height: 90px; overflow: hidden; background-color: #736561; padding: 5px; display: block; font-size: 11px; }
.home_dealer { margin-bottom: 10px; }
.home_komlangs { text-align: center; font-weight: bold; margin-top: 30px; }
.home_nwslink { clear: both; width: 100%; display: block; }
.home_nwslink a:link, .home_nwslink a:visited { color: #A5907D; text-decoration: none !important; }
.home_nwslink a:hover, .home_nwslink a:active { color: #000000; text-decoration: underline !important; }
.home_nws1 { float: left; width: 60px; margin-right: 5px; }
.home_nws2 { float: left; width: 145px; }
/* WERKWIJZE */
.werkwijze_img { margin-top: 5px; }
div#werkwijze_content { width: 100%; min-height: 200px; padding-top: 5px; margin-bottom: 30px; position: relative; background-color: #ffffff; }
#werkwijze_lk { width: 250px; min-height: 330px; float: left; background-color: #FFFFFF; }
/* CONTACT */
div#contact_intro { width: 490px; padding-left: 5px; padding-right: 5px; min-height: 200px; display: block; float: left; border-left: #C2B59B 1px solid; border-right: #C2B59B 1px solid; }
div#contact { width: 100%; min-height: 200px; padding-top: 5px; margin-bottom: 30px; color: #726561; }
div#contact a:link, div#contact a:visited { color: #4f4643; text-decoration: none;}
div#contact a:hover, div#contact a:active { color: #726561; }
div#contact ul { padding: 0px 0px 0px 20px; list-style-type: square }
.c1 { float: left; width: 50%; }
.c2 { float: left; width: 50%; }
#contact_alp { float: left; width: 500px; height: 390px; margin: 5px 0px 5px 0px }
#contact_lei { float: right; width: 499px; height: 390px; margin: 5px 0px 5px 0px }
#contact_f1 { float: left; width: 485px; min-height: 305px; margin: 5px 0px 5px 5px; padding: 5px; background-color: #FFFFFF; }
#contact_f2 { float: right; width: 484px; min-height: 305px; margin: 5px 5px 5px 0px; padding: 5px; background-color: #FFFFFF; }
.contact_ot { float: left; width: 260px; height: 140px; margin-right: 4px; clear: both; }
.contact_ba { float: left; width: 220px; height: 84px; }
.contact_tel { float: left; width: 220px; }
.contact_rb { float: left; clear: both; width: 484px; }
.contact_gt { }
#contact_mail { clear: both; width: 984px; min-height: 300px; padding: 5px; background-color: #FFFFFF; margin: 5px; }
.contact_button { clear: both; display: block; width: 215px; color: #FFFFFF; background-color: #726561; margin-bottom: 5px; padding: 5px; font-size: 14px; font-weight: bold; padding-top: 14px; padding-bottom: 14px; }
.contact_button:link, .contact_button:visited { text-decoration: none; color: #FFFFFF !important; }
.contact_button:hover { background-color: #a6907d; text-decoration: none; }
#contact_mo { cursor: pointer; }
#contact_emailons { clear: both; display: block; margin-bottom: 10px; }
#contact_af { float: left; width: 230px; }
#contact_email { width: 490px; padding-left: 5px; padding-right: 5px; min-height: 200px; display: block; float: left; border-left: #C2B59B 1px solid; border-right: #C2B59B 1px solid; display: none; }
#verzonden { width: 490px; padding-left: 5px; padding-right: 5px; min-height: 200px; display: none; float: left; border-left: #C2B59B 1px solid; }
#contact_og { float: left; width: 230px; min-height: 100px; float: right; color: #A5907D; padding: 5px; padding-top: 0px; padding-right: 0px; font-size: 11px; }
#contact_og h4 { padding: 0px; margin: 0px; }
.contact_og1 { float: left; width: 95px; margin-right: 5px; }
.contact_og2 { float: left; width: 130px; }
.contact_erow { clear: both; width: 100%; min-height: 36px; }
.contact_row { clear: both; width: 100%; min-height: 12px; }
.contact_btw { clear: both; min-height: 12px; padding-bottom: 12px; }
.contact_postadres { clear: both; min-height: 24px; padding-bottom: 12px; }
.contact_boms { clear: both; min-height: 24px; padding-top: 10px; }
.googlemaps { margin-left: 76px; }
.contact_c1 { float: left; width: 100px; margin-right: 5px; }
.contact_c2 { float: left; width: 125px; margin-right: 25px; border: #b7d295 1px solid; }
.contact_c2r { float: left; width: 125px; margin-right: 29px; }
.contact_c3 { float: left; width: 80px; margin-right: 5px; }
.contact_c4 { float: left; width: 125px; margin-right: 10px; border: #b7d295 1px solid; }
.contact_c5 { float: left; width: 250px; margin-right: 10px; }
.contact_c5s { float: left; width: 100px; margin-right: 10px; }
.contact_c6 { float: left; width: 210px; margin-right: 10px; border: #b7d295 1px solid; }
.contact_c6t { float: left; width: 208px; height: 100px; margin-right: 10px; margin-bottom: 10px; border: #b7d295 1px solid; }
.contact_betreft { width: 375px; border: #b7d295 1px solid; }
.contact_vraag { width: 375px; height: 100px; border: #b7d295 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.contact_sbm { width: 130px; margin: 20px 0px 10px 105px; }
.contact_radio1 { width: 20px; }
.contact_radio2 { width: 20px; }
.contact_servsbm { width: 210px; margin: 0px 0px 10px 260px; }
.contact_blok { width: 230px; margin: 0px 0px 5px 5px; min-height: 90px; overflow: hidden; background-color: #736561; padding: 5px; display: block; font-size: 11px; }
.contact_li { padding: 0px 0px 5px 5px; }
div#afspraak_content { width: 729px; min-height: 365px; float: left; background-color: #FFFFFF; color: #736561; padding: 10px; padding-top: 0px; }
.afspraak_button { clear: both; display: block; width: 207px; color: #FFFFFF; background-color: #726561; margin-bottom: 5px; padding: 5px; }
.afspraak_button:link, .afspraak_button:visited { text-decoration: none; font-size: 14px; font-weight: bold; padding-top: 14px; padding-bottom: 14px; color: #FFFFFF !important; }
.afspraak_button:hover { background-color: #a6907d; text-decoration: none; font-size: 14px; font-weight: bold; padding-top: 14px; padding-bottom: 14px; }
#afspraak_melding { float: left; width: 360px; height: 100px; border: #b7d295 1px solid; margin-bottom: 10px; display: block; }
#service_melding { float: left; width: 470px; height: 150px; border: #b7d295 1px solid; margin-bottom: 10px; display: block; }
/* NIEUWS */
div#nieuws_content { width: 729px; min-height: 362px; float: left; background-color: #FFFFFF; color: #736561; padding: 10px; padding-top: 0px; }
div#nieuws_content a:link { color: #504643; text-decoration: underline; }
div#nieuws_content a:visited { color: #A5907D; text-decoration: none; }
div#nieuws_content a:hover, div#nieuws_content a:active { color: #000000; text-decoration: none; }
#nieuwsachtergrond { width: 100%; height: 390px; background: #ffffff url(../resources/nieuwsachtergrond.jpg) center center no-repeat; margin: 5px 0px 5px 0px; clear: both; display: block;}
#nieuwsafb { width: 100%; height: 390px; }
#nieuwsafbeelding { width: 100%; height: 390px; margin: 0px; clear: both; display: block; }
.nieuws_img { margin-left: 5px; }
/* PROJECTEN */
#projectenheader { width: 100%; height: 390px; margin: 5px 0px 5px 0px; clear: both; display: block; position: relative; }
#projectenheader p { color: #FFFFFF; }
#projectenafbeelding { width: 100%; height: 390px; margin: 0px; clear: both; display: block; }
#projecten_intro { width: 220px; min-height: 405px; float: left; background-color: #b7d295; color: #383230; padding: 0px 10px 10px 10px; margin: 0px 5px 0px 5px; }
#project_tekstvlak { position: absolute; z-index: 11; width: 240px; height: 390px; margin: 0px 5px 0px 5px; background: url(../resources/project_tekstvlak.png) left top repeat; color: #FFFFFF; }
#project_tekstvlak h1 { color: #FFFFFF; margin: 5px 0px 5px 5px; padding: 5px 0px 0px 0px; font-size: 16px; }
#project_tekstvlak a:link, #project_tekstvlak a:visited { color: #cac8bc; text-decoration: none; }
#project_tekstvlak a:hover, #project_tekstvlak a:active { color: #FFFFFF; text-decoration: underline; }
.project_big { cursor: pointer; }
.project_tekst { width: 220px; margin: 0px 0px 0px 15px; padding-right: 10px; padding-bottom: 10px; height: 290px; overflow: auto; clear: both; margin-top: 20px; }
#project_bibg { width: 1004px; height: 390px; background-color: #000000; }
#project_hdt { position: absolute; top: -28px; z-index: 14; width: 985px; background: url(../resources/project_tekstvlak.png) left top repeat-x; display: block; color: #FFFFFF; font-size: 16px; font-weight: normal; text-transform: uppercase; padding: 2px 4px 2px 15px; display: none; }
.project_h1 { background-color: #726561; color: #FFFFFF; margin: 0; padding: 0px 0px 0px 15px; }
.prj_row { width: 230px; margin: 0px 5px 0px 5px; clear: both; color: #cac8bc; }
.prj_c1 { float: left; width: 75px; margin-right: 5px; }
.prj_c2 { float: left; width: 140px; }
.prj_tekst { width: 225px; margin: 0px 0px 0px 5px; padding-right: 10px; padding-bottom: 10px; height: 290px; overflow: auto; clear: both; margin-top: 20px; }
.prj_holder1 { float: left; width: 230px; min-height: 170px; margin-right: 36px; position: relative; }
.prj_holder2 { float: left; width: 230px; min-height: 170px; position: relative; }
.prj_img { position: absolute; clip: rect(0px 230px 100px 0px); }
.prj_naam { font-weight: bold; }
.prj_plaats { position: absolute; top: 120px; }
.slideshow { height: 400px; position: relative !important; }
.prj_slideshow { clip: rect(5px 1004px 395px 0px); }
div#project_nav { clear: both; background-color: #726561; width: 500px; min-height: 18px; font-weight: bold; text-align: right; }
div#project_nav a:link, div#project_nav a:visited { color: #FFFFFF; text-decoration: none; }
div#project_nav a:hover, div#project_nav a:active { color: #FFFFFF; background-color:#FFFFFF; color: #a6707d; text-decoration: none; }
/* KEUKENS */
div#keuken_tekst { width: 518px; float: left; line-height: 1.5em; }
.keuken_slideshow_first { position: absolute; top: -235px !important; clip: rect(240px 1004px 630px 0px); z-index: 1; display: none; }
.keuken_slideshow_only { position: absolute; top: -235px !important; clip: rect(240px 1004px 630px 0px); z-index: 1; display: block; }
.keuken_slideshow { position: absolute; top: -235px !important; clip: rect(240px 1004px 630px 0px); /*top: 5px !important; height: 390px;*/ z-index: 1; display: none; }
#keuken_titel { position: absolute; top: -380px; left: 0px; color: #FFF; margin: 0px; padding: 2px 4px 2px 15px; z-index: 100; font-size: 16px; width: 985px; background: url(../resources/project_tekstvlak.png) left top repeat-x; text-transform: uppercase; font-weight: normal; display: none; z-index: 120; }
#keuken_otitel { position: absolute; top: 20px; left: 0px; color: #FFF; margin: 0px; padding: 2px 4px 2px 15px; z-index: 100; font-size: 16px; width: 985px; background: url(../resources/project_tekstvlak.png) left top repeat-x; text-transform: uppercase; font-weight: normal; z-index: 120; }
.keuken_link { clear: both; margin-bottom: 15px; margin-left: 40px; display: block }
.keuken_meernieuws { float: right; font-size: 14px !important;}
.keuken_blok { width: 230px; margin: 0px 0px 5px 5px; height: 90px; overflow: hidden; background-color: #b7d295; color: #383230; padding: 5px; display: block; font-size: 11px; }
.keuken_blok h2 { padding: 0px; margin: 5px 0px 0px 0px; font-size: 14px; }
.keuken_blok h3 { margin: 10px 0px 0px 0px; padding: 0; font-size: 12px; font-weight: bold; }
.keuken_blok:link, .keuken_blok:visited { color: #383230; text-decoration: none; }
.keuken_blok:hover, .keuken_blok:active { color: #FFFFFF; background-color: #a6907d; text-decoration: none; }
.keuken_blok_sel { width: 230px; margin: 0px 0px 5px 5px; height: 90px; overflow: hidden; background-color: #a6907d; padding: 5px; display: block; font-size: 11px; cursor: default; }
.keuken_blok_sel h2 { padding: 0px; margin: 5px 0px 0px 0px; font-size: 14px; }
.keuken_blok_sel h3 { margin: 10px 0px 0px 0px; padding: 0; font-size: 12px; font-weight: bold; }
.keuken_blok_sel:link, .keuken_blok_sel:visited { color: #ffffff; text-decoration: none; }
.keuken_blok_sel:hover, .keuken_blok_sel:active { color: #FFFFFF; background-color: #a6907d; text-decoration: none; }
#keuken_header { position: absolute; z-index: 10; height: 390px; }
.keuken_big { }
#keuken_bi { cursor: url(resources/zoom.cur); }
#keuken_tekstvlak { position: absolute; z-index: 11; width: 240px; height: 390px; margin: 0px 5px 0px 5px; background: url(../resources/project_tekstvlak.png) left top repeat; color: #FFFFFF; }
#keuken_zoom { position: absolute; z-index: 12; top: 20px; right: 20px; cursor: pointer; }
#keuken_tekstvlak h1 { color: #FFFFFF; margin: 5px 0px 5px 5px; padding: 5px 10px 0px 0px; font-size: 16px; }
.keuken_tekst { width: 220px; margin: 0px 0px 0px 5px; padding-right: 10px; padding-bottom: 10px; height: 290px; overflow: auto; clear: both; margin-top: 20px; }
#keuken_bibg { width: 1004px; height: 390px; background-color: #000000; }
#keuken_hdt { position: absolute; top: -28px; z-index: 14; width: 985px; background: url(../resources/project_tekstvlak.png) left top repeat-x; display: block; color: #FFFFFF; font-size: 16px; font-weight: normal; text-transform: uppercase; padding: 2px 4px 2px 15px; display: none; }
.ksm_row { height: 100px; clear: both; margin-bottom: 5px; background-color: #726561; }
.ksm_row:hover { background-color: #a6907d; }
.ksm_holder { width: 125px; height: 100px; border-right: #FFFFFF 5px solid; float: left; position: relative; }
.ksm_bgimg { width: 120px; height: 85px; }
.ksm_holder_lst { width: 125px; height: 100px; margin-right: 0px; float: left; position: relative; }
.ksm_imgh { display: block; }
.ksm_img { position: absolute; z-index: 1; display: block; height: 100px; clear: both; clip: rect(0px 120px 85px 0px); }
.ksm_naam { display: block; padding: 0px 2px 0px 2px; width: 116px; height: 16px; font-size: 0.8em; position: absolute; bottom: 0px; z-index: 2; color: #FFFFFF }
.ksm_sholder { width: 120px; height: 90px; margin: 10px 7px 20px 0px; float: left; position: relative; background-color: #726561; }
.ksm_sholder_lst { width: 120px; height: 90px; margin: 10px 0px 20px 0px; float: left; position: relative; background-color: #726561; }
.ksm_olnaam { display: block; font-size: 10px; background-color: #726561; position: absolute; top: 85px; height: 16px; width: 118px; color: #FFFFFF; padding-left: 2px; }
.keuken_cselect { padding-left: 0px !important; padding-bottom: 0px !important; width: 739px !important; }
.keuken_select { border: #a6907d 2px solid; padding-left: 5px; width: 509px !important; height: 410px !important; }
.keuken_nieuws { border: 0 !important; }
.keuken_nieuws h2 { margin-left: 35px !important; }
div#keuken_nav { clear: both; background-color: #726561; width: 502px; min-height: 18px; font-weight: bold; text-align: right; position: absolute; top: 380px; }
div#keuken_nav a:link, div#keuken_nav a:visited { color: #FFFFFF; text-decoration: none; }
div#keuken_nav a:hover, div#keuken_nav a:active { color: #FFFFFF; background-color:#FFFFFF; color: #a6707d; text-decoration: none; }
.nav_pg { padding: 2px 6px 2px 6px; }
.nav_pg_sel { padding: 1px 6px 2px 6px; height: 16px; background-color: #ffffff; color: #383230; }
#ookuwkeuken { border-bottom: #a6907d 1px solid; margin-bottom: 30px; }
.wb_slideshow_first { top: 0px !important; clip: rect(5px 1004px 395px 0px); z-index: 1; display: none; }
.wb_slideshow_only { top: 0px !important; clip: rect(5px 1004px 395px 0px); z-index: 1; display: block; }
.wb_slideshow { top: 0px !important; clip: rect(5px 1004px 395px 0px); /*top: 5px !important; height: 390px;*/ z-index: 1; display: none;}
#showroomkeuken_tekstvlak { position: absolute; top: 65px; z-index: 100; width: 220px; padding: 0px 10px 10px 10px; height: 380px; margin: 0px 5px 0px 5px; background: url(../resources/showroom_tekstvlak.png) left top repeat; color: #726561; }
#showroomkeuken_tekstvlak h1 { color: #726561; margin: 40px 0px 5px 0px; padding: 5px 10px 0px 0px; font-size: 16px; }
#overlay { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: url(../resources/overlay.png) repeat; display: none; }