body {
	background-color: white;
	margin: 0;
	padding: 0;
}
div.grafischevormgeving { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 -1800px; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }
h1.grafischevormgeving { color: #db6821; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2.grafischevormgeving { color: #db6821; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }
div.webdesign { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 -1200px; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }
h1.webdesign { color: #484795; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2.webdesign { color: #484795; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }
div.relatiegeschenken { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 -2400px; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }
h1.relatiegeschenken { color: #a6a040; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2.relatiegeschenken { color: #a6a040; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }
div.contact { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 -600px; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }
h1.contact { color: #bb525f; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2.contact { color: #bb525f; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }
div.webhosting { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 -3000px; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }
h1.webhosting { color: #578d52; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2.webhosting { color: #578d52; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }
div.helpdesk { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 -3600px; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }
h1.helpdesk { color: #4679ba; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2.helpdesk { color: #4679ba; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }

/* PORTFOLIO */
div.portfolio { background-image: url(bg_portfolio.jpg); background-repeat: no-repeat; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; margin-top: -300px; }
#navcontainerportfolio{ background-color: transparent; position: relative; top: 25px; left: 10px; }

#bgportfolio { background-color: transparent; position: relative; width: 600px; height: auto; margin-top: 63px; margin-left: 73px; padding: 0; }

#bgportfolio p {color: silver; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#bgportfolio a:link { color: silver; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#bgportfolio a:visited { color: silver; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#bgportfolio a:hover { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
#bgportfolio a:active { color: silver; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }

#footerportfolio { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; text-align: center; position: absolute; top: 574px; width: 100%; height: 30px; margin: 0; padding: 0; }
#footerportfolio a:link { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footerportfolio a:visited { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footerportfolio a:hover { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footerportfolio a:active { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }



* { margin: 0; padding: 0; }
a:focus { outline: none; }
h1 { color: #0c525b; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; padding: 0 0 0 20px; }
h2 { color: #0c525b; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 20px; }

a:link { color: #373888; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited { color: #373888; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a:active { color: #373888; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }

a.info:link { color: #7d7d7d; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 20px; }
a.info:visited { color: #7d7d7d; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 20px; }
a.info:hover { color: #373888; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(bullet-over.jpg); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 20px;}
a.info:active { color: #7d7d7d; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(bullet.jpg); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 20px;}

#container { background-image: url(bg_container.jpg); background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 50%; top: 50%; width: 750px; height: 600px; margin-left: -375px; /* half of width */
	margin-top: -300px; }

#header { width: 100%; height: 142px; margin: 0; padding: 0; }
#kop { visibility: hidden; margin: 0; padding: 0; }
#kop h1{ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
#kop p{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; }
#content { width: 100%; height: 432px; margin: 0; padding: 0; color: #323232; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; text-decoration: none; }

#bgtekst { background-image: url(bg_teksten.jpg); background-repeat: no-repeat; background-position: 0 0; position: relative; top: 40px; left: 20px; width: 487px; height: 254px; margin: 0; padding: 0; }

.teksten { height: 195px; overflow: auto; padding: 15px; }
.teksten_scroll{ position: relative; top: 3px; height: 217px; width: 450px; overflow: auto; padding: 15px 45px 15px 15px; }
.teksten_scroll p { padding-top: 5px; padding-bottom: 5px; }
.teksten_scroll li {
	margin-left: 30px;
	padding-left: 5px;
	}
.teksten_scroll ul {
	padding-bottom: 10px;
	}
.teksten_scroll ol {
	padding-bottom: 10px;
	}
.tekstenmail { height: 225px; overflow: auto; padding: 15px; }
.meerinfo { text-align: right; height: 20px; padding: 3px 30px 0 0; }
#footer { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footer a:link { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footer a:visited { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footer a:hover { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
#footer a:active { color: #959595; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; width: 100%; height: 30px; margin: 0; padding: 0; }
/* menu */
#navcontainer
{ position: relative; top: 5px; left: 10px; }

#navlist li
{ display: inline; padding-left: 14px; }

#navlist a
{ color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 14px; font-weight: normal; text-decoration: none; }

#navlist a:link, #navlist a:visited
{
padding-left: 14px;
background: url(bullet.jpg) no-repeat 0 3px }

#navlist a:hover
{
color: black;
padding-left: 14px;
background: url(bullet-over.jpg) no-repeat 0 3px } 

/*active state menu */
#navlist a.current:link {
color: black;
padding-left: 14px;
background: url(bullet-over.jpg) no-repeat 0 3px } 
#navlist a.current:visited {
color: black;
padding-left: 14px;
background: url(bullet-over.jpg) no-repeat 0 3px } 
#navlist a.current:hover {
color: black;
padding-left: 14px;
background: url(bullet-over.jpg) no-repeat 0 3px } 
#navlist a.current:active {
color: black;
padding-left: 14px;
background: url(bullet-over.jpg) no-repeat 0 3px } 

/* mail form */
.invulveld { color: #000080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; width: 350px; margin-top: 4px; margin-bottom: 4px; margin-left: 10px; padding: 4px; border: solid 1px #ccc; }
.invulvelderror { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #bf0008; width: 350px; margin-top: 4px; margin-bottom: 4px; margin-left: 10px; padding: 4px; border: solid 1px #ccc; }
.invulvak { color: #000080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; width: 350px; height: 70px; overflow: auto; margin-left: 10px; padding: 4px; border: solid 1px #ccc; }
.verstuurknop { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/bg_verstuur.jpg); background-repeat: no-repeat; text-align: center; width: 90px; height: 25px; margin-top: 10px; margin-left: 10px; padding: 2px 2px 4px; border-style: none; cursor: pointer; }

.verstuurknop:hover { color: #e2a6b2; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/bg_verstuur-over.jpg); background-repeat: no-repeat; text-align: center; width: 90px; height: 25px; margin-top: 10px; margin-left: 10px; padding: 2px 2px 4px; border-style: none; cursor: pointer; }