body { color: #000; font-size: 10pt; font-family: arial, georgia, "Century Gothic", "trebuchet ms", verdana, tahoma; font-weight: normal; line-height: 15pt; background-color: #008d39; background-image: url(../gfx/achtergrond.jpg); background-repeat: no-repeat; }
a:link { color: #007c00; font-weight: normal; text-decoration: none; }
a:visited { color: #007c00; font-weight: normal; text-decoration: none; }
a:hover { color: #007c00; font-weight: normal; text-decoration: underline; }
a:active { color: #007c00; font-weight: normal; text-decoration: none; }

#head_container { background-image: url(../gfx/shadow_totaal.png); background-repeat: no-repeat; margin: auto; width: 1020px; height: 850px; }
#topfiller { width: 935px; height: 50px; margin-left: 30px; }
#header { background-image: url(../gfx/header.jpg); background-repeat: no-repeat; width: 935px; height: 152px; margin-top: auto; margin-left: 30px; }
#tussenlijn { background-image: url(../gfx/tussenlijn_2px.jpg); background-repeat: no-repeat; position: relative; width: 935px; height: 2px; z-index: 100; margin-left: 30px; }
#tussenlijn2 { background-image: url(../gfx/tussenlijn_2px.jpg); background-repeat: no-repeat; width: 935px; height: 2px; z-index: 0; margin-left: 30px; }
#tussenlijn_Portfolio {
	background-color: #fff;
	background-repeat: no-repeat;
	position: relative;
	width: 935px;
	height: 2px;
	z-index: 100;
	margin-left: 30px; }

#sideImage { position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_visie { background-image: url(../gfx/art/sideart_visie.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_diensten { background-image: url(../gfx/art/sideart_diensten.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_portfolio { background-image: url(../gfx/art/sideart_2.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_contact { background-image: url(../gfx/art/sideart_contact_2.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_grafische { background-image: url(../gfx/art/sideart_grafischevormg_2.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_dtp { background-image: url(../gfx/art/sideart_dtp.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 300px; float: right; }
#sideImage_webdesign { background-image: url(../gfx/art/sideart_webdesign.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_webwinkel { background-image: url(../gfx/art/sideart_webwinkel.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_hosting { background-image: url(../gfx/art/sideart_hosting.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }
#sideImage_drukwerk { background-image: url(../gfx/art/sideart_drukwerk.jpg); background-repeat: no-repeat; position: relative; top: -27px; width: 238px; height: 200px; float: right; }

#artbox { position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_visie { background-image: url(../gfx/art/headerart_visie.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_diensten { background-image: url(../gfx/art/headerart_diensten_2.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_portfolio { background-image: url(../gfx/art/headerart_1.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_contact { background-image: url(../gfx/art/headerart_contact_2.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_grafische { background-image: url(../gfx/art/headerart_grafischevormg_2.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_dtp { background-image: url(../gfx/art/headerart_dtp_4.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_webdesign { background-image: url(../gfx/art/headerart_webdesign.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_webwinkel { background-image: url(../gfx/art/headerart_webwinkel.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_hosting { background-image: url(../gfx/art/headerart_hosting.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_drukwerk { background-image: url(../gfx/art/headerart_drukwerk_2.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_portfolio { background-image: url(../gfx/art/headerart_portfolio.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_portfolio_huisstijl { background-image: url(../gfx/art/headerart_9.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_portfolio_websites { background-image: url(../gfx/art/headerart_1.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_portfolio_webdesigns { background-image: url(../gfx/art/headerart_1.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#artbox_portfolio_diversen { background-image: url(../gfx/art/headerart_6.jpg); background-repeat: no-repeat; position: relative; width: 915px; height: 103px; z-index: 0; margin-left: 40px; }
#submenubox { width: 955px; height: 23px; }
#portfoliobox {
	vertical-align: bottom;
	width: 925px;
	height: 536px;
	margin-left: 10px; }
#content { background-image: url(../gfx/contentart_basis.jpg); background-repeat: no-repeat; width: 935px; height: 406px; margin-left: 30px; }
#contentHome { background-image: url(../gfx/art/homeart_1.jpg); background-repeat: no-repeat; width: 935px; height: 536px; margin-left: 30px; }
#contentPortfolio {
	background-image: url(../gfx/contentart_basis_2.jpg);
	background-repeat: no-repeat;
	vertical-align: bottom;
	width: 935px;
	height: 555px;
	margin-left: 30px; }
#footer { color: #000; font-size: 10pt; font-family: "courier new", courier; background-image: url(../gfx/footer_basis.jpg); background-repeat: no-repeat; width: 935px; height: 48px; margin-left: 30px; padding-top: 23px; padding-left: 45px; }
#footerHome { color: #000; font-size: 10pt; font-family: "courier new", courier; background-image: url(../gfx/footer_home.jpg); background-repeat: no-repeat; width: 935px; height: 48px; margin-left: 30px; padding-top: 23px; padding-left: 45px; }
#footerPortfolio { color: #000; font-size: 10pt; font-family: "courier new", courier; background-image: url(../gfx/footer_basis_2.jpg); background-repeat: no-repeat; width: 935px; height: 29px; margin-left: 30px; padding-top: 2px; padding-left: 45px; }
/*header menu*/
.TableHeader /*agl rulekind: base;*/ { width: 935px; height: 152px; }
.CellMenuEmpty /*agl rulekind: base;*/ { width: 450px; height: 58px; }
.CellMenuEnd /*agl rulekind: base;*/ { width: 45px; height: 58px; }
.CellMenuHome /*agl rulekind: base;*/ { text-align: left; width: 45px; height: 94px; vertical-align: top; }
.CellMenu_1 /*agl rulekind: base;*/ { width: 83px; height: 58px; vertical-align: top; }
.CellMenu_2 /*agl rulekind: base;*/ { width: 124px; height: 58px; vertical-align: top; }
.CellMenu_3 /*agl rulekind: base;*/ { width: 127px; height: 58px; vertical-align: top; }
.CellMenu_4 /*agl rulekind: base;*/ { width: 106px; height: 58px; vertical-align: top; }
#menu1_visie_off { }
#menu2_diensten_off { }
#menu3_portfolio_off { }
#menu4_contact_off { }
/*submenu*/
.submenuText { color: #f7f6f6; font-size: 11px; font-family: Arial; font-weight: bold; text-transform: uppercase; }
a.submenuText:link { color: #ccc; font-weight: bold; text-decoration: none; }
a.submenuText:visited { color: #ccc; font-weight: bold; text-decoration: none; }
a.submenuText:hover { color: #f7f6f6; font-weight: bold; text-decoration: none; }
a.submenuText:active { color: #f7f6f6; font-weight: bold; text-decoration: none; }
.submenuInBox { color: #e6e9ec; font-size: 9px; font-family: arial; font-weight: normal; background-image: url(../gfx/submenu_back.jpg); background-repeat: repeat-x; text-transform: uppercase; margin-left: 40px; padding-top: 2px; padding-left: 50px; }
.pijl { vertical-align: top; position: relative; top: -2px; height: 21px; margin: 2px 0 0; }
#button1_grafischevormg_on { width: 225px; height: 23px; }
#button2_dtp_on { width: 65px; height: 23px; }
#button3_webdesign_on { width: 109px; height: 23px; }
#button4_drukwerk_on { width: 182px; height: 23px; }
#buttonpf1_logo_off { }
#buttonpf2_webdesign_off { }
#buttonpf3_webdesigns_off { }
#buttonpf4_diversen_off { }
/*content*/
.TableContent /*agl rulekind: base;*/ { width: 935px; height: 406px; }
.CellContent /*agl rulekind: base;*/ { text-align: left; vertical-align: top; width: 655px; height: 336px; padding-top: 20px; padding-left: 59px; }
.TableContentPortfolio /*agl rulekind: base;*/ { width: 935px; height: 357px; }
.CellContentPortfolio /*agl rulekind: base;*/ { text-align: left; vertical-align: top; width: 655px; height: 337px; padding-top: 20px; padding-left: 59px; }
.CellContentPortfolio_huisstijl /*agl rulekind: base;*/ { background-image: url(../gfx/portfolio/logo_combi8x.jpg); background-repeat: no-repeat; background-position: 38px 50%; text-align: left; vertical-align: top; width: 655px; height: 337px; padding-top: 20px; padding-left: 59px; }
.CellContentPortfolioImg /*agl rulekind: base;*/ { text-align: left; vertical-align: top; width: 660px; height: 356px; padding-left: 37px; }
.CellContentImg /*agl rulekind: base;*/ { text-align: right; height: 356px; vertical-align: top; }
.CellContentPfText /*agl rulekind: base;*/ { font-size: 8pt; font-family: tahoma, arial; line-height: 13pt; text-align: left; height: 356px; vertical-align: top; padding-top: 12px; padding-right: 30px; padding-left: 0; }
.CellContentFooter /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_visie /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_diensten /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_portfolio /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_contact /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_grafische /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_dtp /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_webdesign /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }
.CellContentFooter_drukwerk /*agl rulekind: base;*/ { background-image: url(../gfx/footers/footerHead_grafische_vormgeving.jpg); background-repeat: no-repeat; text-align: left; width: 655px; height: 50px; }

/*portfolio*/
.TablePortfolio /*agl rulekind: base;*/ { width: 915px; height: 47px; }
.CellPortfolioLinks /*agl rulekind: base;*/ { background-color: #add; width: 76px; height: 47px; }
.CellPortfolioRechts /*agl rulekind: base;*/ { background-color: #add; width: 75px; height: 47px; border-left: 1px solid #000; }
.CellPortfolio /*agl rulekind: base;*/ { background-color: #a2d37a; width: 76px; height: 47px; border-left: 1px solid #000; }
.portfolioOmschrijvingHead /*agl rulekind: base;*/ { font-weight: bold; }
.PortfolioImg /*agl rulekind: base;*/ { width: 635px; height: 357px; }
/*headerarts*/
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/

body { word-wrap: break-word; }