@charset "UTF-8";
/* CSS Document */

*{
padding:0px;
margin:0px;
border:none;
}

/* STYLES BODY (SCROLLBAR COLORS) */

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#e8f3da;
width: 100%;
}

/* STYLES TEKST PAGINAS */

.header1{
font-size: 20px;
font-weight: bold;
color: #8cc63f;
}

.header2{
font-size: 12px;
font-weight: bold;
color: #ffc20e;
}

p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: justify;
color: #000000;
}

/* STYLES ACHTERGROND PAGINAS */

#container{
margin: 0 auto;
background-position: top center;
width: 1008px;
height: 800px;
}

/* STYLES NAVIGATIE */

#container_navigatie_blank{
margin: 0 auto;
background-position: top center;
width: 785px;
height: 25px;
}

#container_navigatie{
margin: 0 auto;
background-position: top center;
width: 785px;
height: 25px;
}

/*buttons*/

#navigatie_button01{ 
margin-left: 15px;
background: url(images/nav_bttn01.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button02{
margin-left: 5px;
background: url(images/nav_bttn02.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button03{
margin-left: 5px;
background: url(images/nav_bttn03.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button04{
margin-left: 5px;
background: url(images/nav_bttn04.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button05{
margin-left: 5px;
background: url(images/nav_bttn05.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button06{
margin-left: 5px;
background: url(images/nav_bttn06.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button07{
margin-left: 5px;
background: url(images/nav_bttn07.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

#navigatie_button08{
margin-left: 5px;
background: url(images/nav_bttn08.png) no-repeat;
background-position: top center;
width: 90px;
height: 25px;
float: left;
}

/* STYLES BANNER */

#container_banner{
margin: 0 auto;
background: url(images/banner_groen.png) no-repeat;
background-position: top center;
width: 785px;
height: 165px;
}

/* -------------------------------------------- INDEX, UITGEVERIJ, OVER ONS -------------------------------------------- */

/* subnavigatie & content*/

#container_subnavigatie_content{
margin: 0 auto;
background-position: top center;
width: 785px;
height: 600px;
}

/*subnavigatie*/

#container_subnavigatie{
margin: 0 auto;
background-position: left;
width: 145px;
height: 600px;
float: left;
}

#subnav_index_boven{
margin-top: 3px;
background: url(images/subnav_boven.png) no-repeat;
background-position: top center;
width: 145px;
height: 15px;
}

#subnav_index_midden{
margin-top: 0px;
background: url(images/subnav_midden.png) repeat;
background-position: top center;
width: 145px;
height: 553px;
}

#subnav_index_onder{
margin-top: 0px;
background: url(images/subnav_onder.png) no-repeat;
background-position: top center;
width: 145px;
height: 12px;
}

/*content*/

#container_content{
margin-top: 3px;
background-position: top;
width: 637px;
height: 550px;
float: right;
}

#content_index{
margin-right: 45px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 550px;
float: right;
}

#content_boven{
margin-top: 0px;
background: url(images/content_boven.png) no-repeat;
background-position: top;
width: 637px;
height: 15px;
float: right;
}

#content_midden_index{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 637px;
height: 550px;
float: right;
}

#content_onder{
margin-top: 0px;
background: url(images/content_onder.png) no-repeat;
background-position: top;
width: 637px;
height: 15px;
float: right;
}

/* -------------------------------------------- HOME SUBPAGINA -------------------------------------------- */

#content_midden_boven2_home{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 150px;
float: left;
}

#content_midden_boven3_home{
margin-top: 0px;
background: url(images/pmswaaier.jpg) no-repeat;
width: 550px;
height: 350px;
float: left;
}

/* -------------------------------------------- DRUKKERIJ PAGINA -------------------------------------------- */

/*subnavigatie*/

#container_subnavigatie{
margin: 0 auto;
background-position: left;
width: 145px;
height: 725px;
float: left;
}

#subnav_drkkrij_midden{
margin-top: 0px;
background: url(images/subnav_midden.png) repeat;
background-position: top center;
width: 145px;
height: 441px;
}

/*buttons*/

#subnav_drkkrij_bttn01{
margin-top: 3px;
background: url(images/subnav_drkkrij_bttn01.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_drkkrij_bttn02{
margin-top: 3px;
background: url(images/subnav_drkkrij_bttn02.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_drkkrij_bttn03{
margin-top: 3px;
background: url(images/subnav_drkkrij_bttn03.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_drkkrij_bttn04{
margin-top: 3px;
background: url(images/subnav_drkkrij_bttn04.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

/*content*/

#content_midden_boven_drkkij{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_boven2_drkkij{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 100px;
float: left;
}

#content_midden_links_drkkij{
margin-top: 14px;
background: url(images/drukpers.jpg) no-repeat;
background-position: top;
width: 260px;
height: 350px;
float: left;
}

#content_midden_rechts_drkkij{
margin-top: 10px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 260px;
height: 350px;
float: right;
}

/* -------------------------------------------- DRUKKERIJ/DOCUCOLOR SUB PAGINA -------------------------------------------- */

/*content*/

#content_midden_boven_dcclr{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_boven2_dcclr{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 100px;
float: left;
}

#content_midden_boven3_dcclr{
margin-top: 0px;
background: url(images/docucolor2060infografic.jpg) no-repeat;
background-position: top;
width: 550px;
height: 350px;
float: left;
}

/* -------------------------------------------- DRUKKERIJK OFFESET SUB PAGINA -------------------------------------------- */

#content_midden_boven2_offset{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 120px;
float: right;
}

#content_midden_boven3_offset{
margin-top: 0px;
background: url(images/offsetdruk.jpg) no-repeat;
background-position: top;
width: 550px;
height: 347px;
float: left;
}

/* -------------------------------------------- UITGEVERIJ PAGINA -------------------------------------------- */

/*content*/

#content_midden_boven_uitgvrij{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_boven2_uitgvrij{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_links_uitgvrij{
margin-top: 10px;
background-position: top;
width: 260px;
height: 390px;
float: left;
}

#content_midden_rechts_uitgvrij{
margin-top: 10px;
background-position: top;
width: 260px;
height: 390px;
float: right;
}

/* -------------------------------------------- COPYSHOP -------------------------------------------- */

/*subnavigatie*/

#container_subnavigatie{
margin: 0 auto;
background-position: left;
width: 145px;
height: 600px;
float: left;
}

#subnav_cpyshp_midden{
margin-top: 0px;
background: url(images/subnav_midden.png) repeat;
background-position: top center;
width: 145px;
height: 329px;
}

/*buttons*/

#subnav_cpyshp_bttn01{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn01.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn02{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn02.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn03{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn03.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn04{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn04.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn05{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn05.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn06{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn06.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn07{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn07.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cpyshp_bttn08{
margin-top: 3px;
background: url(images/subnav_cpyshp_bttn08.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

/*content*/

#content_contact{
margin-right: 45px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 690px;
float: right;
}

#content_midden_cpyshp{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 637px;
height: 690px;
float: right;
}

#content_midden_boven_cpyshp{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_boven2_cpyshp{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 90px;
float: left;
}

#content_midden_boven3_cpyshp{
margin-top: 0px;
background-position: top;
width: 550px;
height: 150px;
float: left;
}

#content_midden_boven4_cpyshp{
margin-top: 0px;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

/* TABELEN */

TABLE { 
border: 1px none #FFFFFF;
margin-left: auto; 
margin-right: auto;
}

.TD_header{
background-color: #8CC63F;
text-align: center;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
height: 28px;
width: 90px;
}

.TR_opvulling{ 
background-color: #FFC20E;
text-align: center;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
height: auto;
width: 90px; 
}

/*variable tabel*/

.TD_header2{
background-color: #8CC63F;
text-align: center;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
height: 28px;
width: 110px;
}

.TR_opvulling2{ 
background-color: #FFC20E;
text-align: center;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
height: auto;
width: 110px;
}

.TD_header3{
background-color: #8CC63F;
text-align: center;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
height: 28px;
width: 160px;
}

.TR_opvulling3{ 
background-color: #FFC20E;
text-align: center;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
height: auto;
width: 160px;
}

/* -------------------------------------------- COPYSHOP / KLEUR KOPIEN SUB PAGINA -------------------------------------------- */

/*content*/

#content_contact{
margin-right: 45px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 690px;
float: right;
}

#content_midden_klkopien{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 637px;
height: 690px;
float: right;
}

#content_midden_boven_klkopien{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_boven2_klkopien{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 90px;
float: left;
}

#content_midden_boven3_klkopien{
margin-top: 0px;
background-position: top;
width: 550px;
height: 115px;
float: left;
}

#content_midden_boven4_klkopien{
margin-top: 0px;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

/* -------------------------------------------- COPYSHOP / KLEUR KOPIEN SUB PAGINA -------------------------------------------- */

#content_midden_boven2_afwerking{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 60px;
float: left;
}

#content_midden_boven3_afwerking{
margin-top: 0px;
background-position: top;
width: 550px;
height: 160px;
float: left;
}

/* -------------------------------------------- COPYSHOP / KLEUR KOPIEN SUB PAGINA -------------------------------------------- */

#content_midden_boven3_speciaalpapier{
margin-top: 0px;
background-position: top;
width: 550px;
height: 180px;
float: left;
}

#content_midden_boven4_klspeciaalpapier{
margin-top: 0px;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

/* -------------------------------------------- COPYSHOP / T-SHIRT SUB PAGINA -------------------------------------------- */

#content_midden_boven2_tshirt{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 35px;
float: left;
}

#content_midden_boven3_tshirt{
margin-top: 0px;
background-position: top;
width: 550px;
height: 170px;
float: left;
}

#content_midden_boven4_tshirt{
margin-top: 0px;
background-position: top;
width: 550px;
height: 200px;
float: left;
}

/* -------------------------------------------- GRAFISCHE STUDIO PAGINA -------------------------------------------- */

/*subnavigatie*/

#container_subnavigatie{
margin: 0 auto;
background-position: left;
width: 145px;
height: 725px;
float: left;
}

#subnav_grfsch_midden{
margin-top: 0px;
background: url(images/subnav_midden.png) repeat;
background-position: top center;
width: 145px;
height: 469px;
}

/*buttons*/

#subnav_grfsch_bttn01{
margin-top: 3px;
background: url(images/subnav_grfsch_bttn01.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_grfsch_bttn02{
margin-top: 3px;
background: url(images/subnav_grfsch_bttn02.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_grfsch_bttn03{
margin-top: 3px;
background: url(images/subnav_grfsch_bttn03.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_grfsch_bttn04{
margin-top: 3px;
background: url(images/subnav_grfsch_bttn04.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_grfsch_bttn05{
margin-top: 3px;
background: url(images/subnav_grfsch_bttn05.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

/*content*/

#content_grfsch{
margin-right: 45px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 690px;
float: right;
}

#content_midden_grfsch{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 637px;
height: 400px;
float: right;
}

/* -------------------------------------------- GRAFISCHE STUDIO SUB PAGINA -------------------------------------------- */

#content_midden_boven2_grfsch{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 180px;
float: right;
}

#content_midden_boven3_grfsch{
margin-top: 0px;
background: url(images/imacs.jpg) no-repeat;
background-position: top;
width: 550px;
height: 260px;
float: left;
}

/* -------------------------------------------- GRAFISCHE STUDIO DTP SUB PAGINA -------------------------------------------- */

#content_midden_boven2_dtp{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 130px;
float: right;
}

#content_midden_boven3_dtp{
margin-top: 0px;
background: url(images/desktop.jpg) no-repeat;
background-position: top;
width: 550px;
height: 350px;
float: left;
}

/* -------------------------------------------- GRAFISCHE STUDIO DTP SUB PAGINA -------------------------------------------- */

#content_midden_bovenlinks_huisstijl{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 275px;
height: 220px;
float: left;
}

#content_midden_bovenrechts_huisstijl{
margin-top: 0px;
background: url(images/huisstijlboven.jpg) no-repeat;
background-position: top;
width: 275px;
height: 220px;
float: right;
}

#content_midden_onderlinks_huisstijl{
margin-top: 30px;
background: url(images/huisstijlonder.jpg) no-repeat;
background-position: top;
width: 275px;
height: 220px;
float: left;
}

#content_midden_onderrechts_huisstijl{
margin-top: 30px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 275px;
height: 220px;
float: right;
}

/* -------------------------------------------- SIGNING -------------------------------------------- */

#content_midden_bovenlinks_signing{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 275px;
height: 220px;
float: left;
}

#content_midden_bovenrechts_signing{
margin-top: 0px;
background: url(images/signing1.jpg) no-repeat;
background-position: top;
width: 275px;
height: 220px;
float: right;
}

#content_midden_onderlinks_signing{
margin-top: 30px;
background: url(images/signing2.jpg) no-repeat;
background-position: top;
width: 275px;
height: 220px;
float: left;
}

#content_midden_onderrechts_signing{
margin-top: 30px;
background: url(images/signing3.jpg) repeat;
background-position: top;
width: 275px;
height: 220px;
float: right;
}

/* -------------------------------------------- OVERONS HOOFD PAGINA -------------------------------------------- */

#content_midden_links_overons{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 275px;
height: 270px;
float: left;
}

#content_midden_rechts_overons{
margin-top: 0px;
background: url(images/stencilmachine.jpg) no-repeat;
background-position: top;
width: 275px;
height: 270px;
float: right;
}

#content_midden_boven3_overons{
margin-top: 0px;
background-position: top;
width: 550px;
height: 230px;
float: left;
}

/* -------------------------------------------- CONTACT HOOFD PAGINA -------------------------------------------- */

/*subnavigatie*/

#container_subnavigatie{
margin: 0 auto;
background-position: left;
width: 145px;
height: 590px;
float: left;
}

#subnav_contact_midden{
margin-top: 0px;
background: url(images/subnav_midden.png) repeat;
background-position: top center;
width: 145px;
height: 469px;
}

/*buttons*/

#subnav_cntct_bttn01{
margin-top: 3px;
background: url(images/subnav_cntct_bttn01.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cntct_bttn02{
margin-top: 3px;
background: url(images/subnav_cntct_bttn02.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

#subnav_cntct_bttn03{
margin-top: 3px;
background: url(images/subnav_cntct_bttn03.png) no-repeat;
background-position: top center;
width: 145px;
height: 25px;
}

/*content*/

#content_midden_boven_cntct{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_links_cntct{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 275px;
height: 220px;
float: left;
}

#content_midden_rechts_cntct{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 275px;
height: 220px;
float: right;
}

#content_midden_onder_cntct{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 50px;
float: left;
}

#content_midden_boven3_contact{
margin-top: 0px;
background: url(images/contact.jpg) no-repeat;
background-position: top;
width: 550px;
height: 280px;
float: left;
}

/* -------------------------------------------- CONTACT/ALGEMENEVOORWAARDEN SUB PAGINA -------------------------------------------- */

/*subnavigatie*/

#container_subnavigatie_algemvoorwaarden{
margin: 0 auto;
background-position: left;
width: 145px;
height: 3525px;
float: left;
}

#subnav_algemvoorwaarden_midden{
margin-top: 0px;
background: url(images/subnav_midden.png) repeat;
background-position: top center;
width: 145px;
height: 3428px;
}

/*content*/

#content_algemvoorwaarden{
margin-right: 45px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 550px;
height: 3489px;
float: right;
}

#content_midden_algemvoorwaarden{
margin-top: 0px;
background: url(images/content_midden.png) repeat;
background-position: top;
width: 637px;
height: 3509px;
float: right;
}