* {
   margin: 0;
   padding: 0;
}

a:link {
   color: #85a24d;
   text-decoration: none;
}

a:visited {
   color: #85a24d;
   text-decoration: none;
}

a:hover {
   color: #14285F;
   text-decoration: none;
}

a:hover .portfolio-thumb-img {
   border: 1px solid #f7e614;
}

a:active {
   color: #14285F;
   text-decoration: none;
}

body {
   background: #FFFFFF url(../images/bg.gif) no-repeat;
   color: #575757;
   font: 0.8em Arial, Helvetica, sans-serif;
}

h1 {
   font-size: 1.4em;
   font-weight: normal;
   letter-spacing: 0.1em;
   margin-bottom: 0.7em;
}

h2 {
   font-size: 1.2em;
   font-weight: normal;
   letter-spacing: 0.1em;
}

p {
   margin-bottom: 1em;
}

ul, ol {
   margin-bottom: 1em;
   margin-left: 1em;
   padding-left: 1em;
}

.portfolio-thumb-img {
   border: 1px solid #FFFFFF;
   vertical-align: bottom; /* Ter voorkoming extra bottom marge in Firefox */
}

.vorige-volgende-icon-img {
   border: 0;
   margin: 0 5px;
}

#banner-div {
   margin: 25px 0 0 103px;
}

#content-div {
   left: 40px;
   line-height: 1.3em;
   position: absolute;
   top: 94px;
   width: 456px;
}

#hoofdmenu-div ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#hoofdmenu-div ul li {
   display: inline;
}

#hoofdmenu-div ul li a {
   font-size: 1em;
   font-weight: bold;
   letter-spacing: 0.05em;
   margin-right: 42px;
   text-decoration: none;
}

#hoofdmenu-div ul li a.active {
   color: #14285F;
}

#hoofdmenu-div ul li a:hover {
   color: #14285F;
}

#ogen-div {
   left: 645px;
   position: absolute;
   top: 389px;
   z-index: 1;
}

#over-tarsus-div {
   font-size: 0.9em;
   font-weight: bold;
   height: 16px;
   left: 676px;
   position: absolute;
   top: 46px;
   width: 104px;
   z-index: 2;
}

#over-tarsus-div a.active {
   color: #14285F;
}

#portfolio-detail-img-table td {
   height: 440px;
   text-align: center;
   vertical-align: middle;
   width: 100%;
}

#portfolio-detail-thumbnail-table {
   border-collapse: collapse;
   width: 100%;
}

#portfolio-detail-thumbnail-table td {
   vertical-align: top;
   width: 50%;
}

#portfolio-detail-thumbnail-table td.separator {
   height: 15px;
}

#portfoliolinks-home-div {
   left: 14px;
   position: absolute;
   top: 426px;
}

#portfoliolinks-home-div  ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#portfoliolinks-home-div  ul li {
   display: inline;
}

#portfoliolinks-home-drukwerk-li a {
   background-image: url(../images/home-portfolio-drukwerk.gif);
   display: block;
   float: left;
   height: 139px;
   width: 117px;
}

#portfoliolinks-home-drukwerk-li a:hover {
   background-image: url(../images/home-portfolio-drukwerk-hl.gif);
}

#portfoliolinks-home-fotografie-li a {
   background-image: url(../images/home-portfolio-fotografie.gif);
   display: block;
   float: left;
   height: 139px;
   width: 117px;
}

#portfoliolinks-home-fotografie-li a:hover {
   background-image: url(../images/home-portfolio-fotografie-hl.gif);
}

#portfoliolinks-home-huisstijl-li a {
   background-image: url(../images/home-portfolio-huisstijl.gif);
   display: block;
   float: left;
   height: 139px;
   width: 117px;
}

#portfoliolinks-home-huisstijl-li a:hover {
   background-image: url(../images/home-portfolio-huisstijl-hl.gif);
}

#portfoliolinks-home-webdesign-li a {
   background-image: url(../images/home-portfolio-webdesign.gif);
   display: block;
   float: left;
   height: 139px;
   width: 117px;
}

#portfoliolinks-home-webdesign-li a:hover {
   background-image: url(../images/home-portfolio-webdesign-hl.gif);
}

#portfoliolinks-overzicht-drukwerk-td a {
   background-image: url(../images/portfolio-drukwerk-groot.jpg);
   display: block;
   float: left;
   height: 157px;
   width: 123px;
}

#portfoliolinks-overzicht-drukwerk-td a:hover {
   background-image: url(../images/portfolio-drukwerk-groot-hl.jpg);
}

#portfoliolinks-overzicht-fotografie-td a {
   background-image: url(../images/portfolio-fotografie-groot.jpg);
   display: block;
   float: left;
   height: 157px;
   width: 123px;
}

#portfoliolinks-overzicht-fotografie-td a:hover {
   background-image: url(../images/portfolio-fotografie-groot-hl.jpg);
}

#portfoliolinks-overzicht-huisstijl-td a {
   background-image: url(../images/portfolio-huisstijl-groot.jpg);
   display: block;
   float: left;
   height: 157px;
   width: 123px;
}

#portfoliolinks-overzicht-huisstijl-td a:hover {
   background-image: url(../images/portfolio-huisstijl-groot-hl.jpg);
}

#portfoliolinks-overzicht-webdesign-td a {
   background-image: url(../images/portfolio-webdesign-groot.jpg);
   display: block;
   float: left;
   height: 157px;
   width: 123px;
}

#portfoliolinks-overzicht-webdesign-td a:hover {
   background-image: url(../images/portfolio-webdesign-groot-hl.jpg);
}

#portfolio-overzicht-thumbnail-table {
   width: 468px;
}

#portfolio-overzicht-thumbnail-table td {
   height: 180px;
   vertical-align: top;
   width: 50%;
}

#submenu-div {
   margin-top: 8px;
}

#submenu-div ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#submenu-div ul li {
   display: inline;
}

#submenu-div ul li a {
   font-size: 0.9em;
   font-weight: bold;
   margin-right: 18px;
   text-decoration: none;
}

#submenu-div ul li a.active {
   color: #14285F;
}

#submenu-div ul li a:hover {
   color: #14285F;
}

#toelichting-tekst-div {
   color: #142E5B;
   font-size: 0.85em;
   height: 116px;
   left: 532px;
   line-height: 1.4em;
   position: absolute;
   top: 94px;
   width: 229px;
   z-index: 2;
}

#vorige-volgende-div {
   margin-top: 6px;
   text-align: center;
}
