body {
  font-family: "Trebuchet MS", "Verdana", sans-serif;
  text-align: justify;
  font-size: 12px;
  margin: 0px;
  color: #455560;
  background-image: url(../images/Planken.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #637d89;
  min-width: 990px;
  height: 100%;
}

html {
  height: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

th, td {
  padding: 0px;
  font-size: 12px;
}

form {
  margin: 0px;
}

img {
  border: 0px;
}

hr {
  border: 1px solid white;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  height: 2px;
}

a:link, 
a:hover, 
a:active, 
a:visited {
  font-weight: bold;
  color: #0077C0;
  text-decoration: none;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
}

.MFKop,
h1, h2, h3, h4, h5, h6 {
  font-size: 20px;
  font-weight: normal;
  color: #455560;
  padding: 0px;
  margin: 0px;
  padding-bottom: 8px;
}

h1 {
  display: inline;
  color: #0077C0;
  background-image: url( ../images/ArrowBlue.jpg );
  background-repeat: no-repeat;
  background-position: right 7px;
  padding-right: 20px;
}

.MFKop,
h2 {
  display: inline;
  color: #50B948;
  background-image: url( ../images/GreenArrow.jpg );
  background-repeat: no-repeat;
  background-position: right 6px;
  padding-right: 15px;
  font-size: 14px;
}

.MFKop {
  background: none;
}

h2 a:link,
h2 a:hover,
h2 a:active,
h2 a:visited {
  font-weight: normal;
  color: #50B948;
}

p {
  margin: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
}

textarea {
  height: 75px;
}
/*DIVS*/

.MainContent {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1000px;
  height: 600px;
  margin-left: -500px;
  margin-top: -300px;
  background-image: url( ../images/BG.png);
  background-position: center center;
}

#MainContent4,
#MainContent1 {
  background-image: url( ../images/BG_Portfolio.png);
}

.Content {
  position: absolute;
  top: 160px;
  left: 25px;
  height: 380px;
  width: 960px;
}

.Content .Tekst {
  position: absolute;
  left: 600px;
  width: 335px;
  height: 220px;
}

.Content .Links,
.Content .WerkzaamhedenTekst {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 680px;
  height: 420px;
}

.Content .Afbeelding {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 565px;
  height: 360px;
}

.Content .Rechts,
.Content .WerkzaamhedenNavigatie {
  position: absolute;
  top: 8px;
  left: 720px;
  width: 230px;
  height: 420px;
}

.Content .Rechts a:link,
.Content .Rechts a:hover,
.Content .Rechts a:active,
.Content .Rechts a:visited,
.Content .WerkzaamhedenNavigatie a:link,
.Content .WerkzaamhedenNavigatie a:hover,
.Content .WerkzaamhedenNavigatie a:active,
.Content .WerkzaamhedenNavigatie a:visited {
  display: block;
  width: 225px;
  padding-left: 5px;
  height: 25px;
  line-height: 25px;
  background-image: url( ../images/StreepHorizontaal.jpg );
  background-repeat: repeat-x;
  background-position: bottom left;  
  color: #48525B;
  font-weight: normal;
}

.Content .Technieken {
  position: absolute;
  top: 250px;
  left: 600px;
  width: 335px;
}

a.WebsiteLink:link,
a.WebsiteLink:hover,
a.WebsiteLink:active,
a.WebsiteLink:visited {
  display: block;
  position: absolute;
  left: 600px;
  top: 228px;
  background-image: url( ../images/MenuArrow.jpg );
  background-position: right 1px;
  background-repeat: no-repeat;
  width: 90px;
  height: 14px;
  font-size: 11px;
  color: #6E8289;
}

a.WebsiteLink:hover {
  color: #4FBB44;
  background-position: right -10px;
}

.Content .Werkzaamheden {
  position: absolute;
  top: 320px;
  left: 600px;
  width: 335px;
}

.Content .AfbeeldingNav {
  position: absolute;
  top: 400px;
  left: 0px;
}

.Content .ProjectNav a:link,
.Content .ProjectNav a:hover,
.Content .ProjectNav a:active,
.Content .ProjectNav a:visited,
.Content .AfbeeldingNav a:link,
.Content .AfbeeldingNav a:hover,
.Content .AfbeeldingNav a:active,
.Content .AfbeeldingNav a:visited {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  margin-right: 3px;
  background-color: #54636d;
  color: white;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
}

.Content .ProjectNav a:hover,
.Content .AfbeeldingNav a:hover {
  background-color: #74848F;
}

.Content .ProjectNav a.Active:link,
.Content .ProjectNav a.Active:hover,
.Content .ProjectNav a.Active:active,
.Content .ProjectNav a.Active:visited,
.Content .AfbeeldingNav a.Active:link,
.Content .AfbeeldingNav a.Active:hover, 
.Content .AfbeeldingNav a.Active:active, 
.Content .AfbeeldingNav a.Active:visited {
  background-color: #0077C0;
  color: white;
}

.Content .ProjectNav .Naam,
.Content .AfbeeldingNav .Naam {
  float: left;
  margin-right: 3px;
  height: 20px;
  color: white;
  background-color: #a3abb1;
  line-height: 20px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}

.Content .ProjectNav {
  position: absolute;
  top: 400px;
  right: 6px;
}

.ContentHolder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 600px;
  z-index: 3000;
  margin-left: -500px;
  margin-top: -300px;
  left: 50%;
  top: 50%;
}

.Werkzaamheden {
  position: absolute;
  top: 180px;
  left: 25px;
  width: 425px;
}

#Webdevelopment {
  top: 80px;
  left: 85px;
}

#Websiteontwerp {
  top: 260px;
  left: 85px;
}

#Huisstijlontwerp {
  top: 80px;
  left: 528px;
}

#Logoontwerp {
  top: 260px;
  left: 528px;
}

a.Logo:link,
a.Logo:hover,
a.Logo:active,
a.Logo:visited {
  position: absolute;
  top: 45px;
  left: 25px;
  height: 71px;
  width: 350px;
  text-decoration: none;
}

.StreepVerticaal {
  position: absolute;
  background-image: url( ../images/StreepVerticaal.jpg );
  height: 80px;
  width: 2px;
  background-repeat: repeat-y;
  overflow: hidden;
}

.StreepVerticaalHome {
  top: 497px;
  left: 500px;
}

.HomeRight,
.HomeLeft {
  position: absolute;
  top: 495px;
  left: 25px;
  width: 460px;
  height: 75px;
  font-size: 11px;
}

.HomeRight {
  left: 510px;
}

.StreepHorizontaal {
  position: absolute;
  background-image: url( ../images/StreepHorizontaal.jpg );
  height: 2px;
  width: 950px;
  background-repeat: repeat-x;
  overflow: hidden;
}

.StreepTop {
  top: 150px;
  left: 25px;
}

.StreepBottom {
  top: 550px;
  left: 25px;
}

.StreepHome {
  top: 482px;
  left: 25px;
}

#PortfolioItem {
  position: absolute;
  left: 25px;
  top: 160px;
  height: 312px;
  width: 950px;
  background-image: url( ../images/BGLogo.jpg );
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #53616C;
  overflow: hidden;
}

#PortfolioItem .Item {
  position: absolute;
  width: 950px;
  height: 302px;
  left: 950px;
  top: 0px;
  padding-top: 10px;
}

#PortfolioItem .Item h1 {
  display: block;
  height: 24px;
  width: 262px;
  background-image: url( ../images/BGHeaderHome.png );
  background-position: left top;
  color: #0089D1;
  padding: 0px;
  padding-left: 10px;
  margin: 0px;
}

#PortfolioItem .Item .Tekst {
  position: absolute;
  color: white;
  width: 500px;
}

#PortfolioItem .Omschrijving {
  position: absolute;
  top: 25px;
  left: 10px;
  color: white;
  width: 490px;
}

#PortfolioItem .Omschrijving p {
}

#PortfolioItem .Item a:link,
#PortfolioItem .Item a:hover,
#PortfolioItem .Item a:active,
#PortfolioItem .Item a:visited {
  color: white;
}

#PortfolioItem .Item .Bekijk {
  position: absolute;
  top: 150px;
  right: 0px;
  text-align: right;
}

#PortfolioItem .Item .Technieken {
  position: absolute;
  top: 200px;
}

#PortfolioItem .Item .HomeWerkzaamheden {
  position: absolute;
  left: 0px;
  top: 257px;
}

#PortfolioItem .Item .Afbeelding {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 415px;
  height: 290px;
}

#PortfolioItem .Item .Afbeelding img {
}

a.Button:link,
a.Button:hover, 
a.Button:active, 
a.Button:visited {
  position: absolute;
  display: block;
  height: 33px;
  width: 17px;
  top: 271px;
  text-decoration: none;
}

.Left {
  background-image: url( ../images/ArrowLeft.gif );
  left: 10px;
}

.Right {
  background-image: url( ../images/ArrowRight.gif );
  left: 975px;
}

a.Badge:link,
a.Badge:hover, 
a.Badge:active, 
a.Badge:visited {
  position: absolute;
  display: block;
  background-image: url( ../images/Badge.png );
  width: 217px;
  height: 110px;
  left: 0px;
  top: 0px;
  text-indent: -9999px;
  z-index: 9999;
}

.MenuHolder {
  position: absolute;
  top: 86px;
  left: 620px;
  width: 370px;
}


/* MENU */

.MenuHolder ul  {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.MenuHolder ul li  {
  display: inline;
  padding: 0px;
  margin: 0px;
}

.MenuHolder ul li a.Up:link,
.MenuHolder ul li a.Up:hover,
.MenuHolder ul li a.Up:active,
.MenuHolder ul li a.Up:visited,
.MenuHolder ul li a:link,
.MenuHolder ul li a:hover,
.MenuHolder ul li a:active,
.MenuHolder ul li a:visited {
  display: block;
  font-size: 10px;
  color: #53616C;
  margin-left: 20px;
  font-weight: normal;
  text-transform: uppercase;
  background-image: url( ../images/MenuArrow.jpg );
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 12px;
  height: 14px;
  line-height: 14px;
  float: left;
}

.MenuHolder ul li a.Up:link,
.MenuHolder ul li a.Up:hover,
.MenuHolder ul li a.Up:active,
.MenuHolder ul li a.Up:visited {
  color: #0077C0;
  background-image: url( ../images/MenuArrowBlue.jpg );
}

.MenuHolder ul li a:hover {
  color: #50B948;
  background-position: left -11px;
}

/*MAILFORMULIER*/

.MailForm {
  position: absolute;
  top: 100px;
  left: 50px;
}

.MFErrorMessage {
  color: red;
}

.MFSubmitButton, .MFCancelButton {
  width: 99px;
  height: 19px;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #455560;
  border: 1px solid #455560;
}

.MFSubmitTD {
  text-align: center;
}

.MFDataTD {
  text-align: left;
}

.MFTD,
.MFTD2  {
  width: 180px;
  vertical-align: top;
  font-weight: normal;
}

.MFTD2 {
  font-weight: bold;
  font-size: 12px;
}

.MFNaamType, .MFEmailType, .MFFileType {
  border: 1px solid #7b797a;
  width: 250px;
  padding-left: 3px;
  font-family: "Trebuchet MS", "Verdana", sans-serif;
  font-size: 12px;
  margin-bottom: 3px;
}

.MFExtraUitleg {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}

.MFVerplichtTD {
  color: red;
  font-weight: bold;
  vertical-align: top;
  padding-top: 5px;
  width: 10px;
}

.MFFileType {
  color: #7b797a;
  border: 1px solid #46003F;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  width: 304px;
}