body {
text-align: center;
} 

#main {
border: 3px solid #000;
width: 800px;
height: 600px;
text-align: left;
position: relative;
margin-left: auto;
margin-right: auto;
}

#left {
color: #ffffff;
border: 3px solid #000;
width: 227px;
height: 594px;
text-align: left;
position: absolute;
background-color: #a51e3d;
z-index: -1;
}

#left-g-t {
color: #ffffff;
border: 3px solid #000;
width: 227px;
height: 594px;
text-align: left;
position: absolute;
background-color: #f4d984;
z-index: -1;
}

#left-i-i {
color: #ffffff;
border: 3px solid #000;
width: 227px;
height: 594px;
text-align: left;
position: absolute;
background-color: #c47a21;
z-index: -1;
}

#left-k {
color: #ffffff;
border: 3px solid #000;
width: 227px;
height: 594px;
text-align: left;
position: absolute;
background-color: #00a8b4;
z-index: -1;
}

#noborder {
border-style: none;
}

#smallpic {
width: 50%;
border-style: none;
}

#bleft {
border-style: none;
width: 22px;
position: absolute;
top: 330px;
left: 270px;
z-index: 1;
}

#bright {
border-style: none;
width: 22px;
position: absolute;
top: 330px;
left: 730px;
z-index: 1;
}

#graphicsbox {
width: 460px;
height: 400px;
position: absolute;
top: 155px;
left: 282px;
z-index: 1;
}

#contact {
color: #ffffff;
font-family: "Arial";
font-size: 12px;
width: 150px;
height: 200px;
text-align: left;
position: absolute;
top: 405px;
left: 20px;
z-index: 1;
}

#wat-ik-maak-tekst {
color: #000000;
width: 500px;
height: 400px;
text-align: left;
position: absolute;
top: 150px;
left: 270px;
z-index: 1;
}

#wie-ik-ben-tekst {
color: #000000;
width: 500px;
height: 400px;
text-align: left;
position: absolute;
top: 140px;
left: 270px;
z-index: 1;
}

#wat-ik-bied-tekst {
color: #000000;
width: 500px;
height: 400px;
text-align: left;
position: absolute;
top: 140px;
left: 270px;
z-index: 1;
}

#wat-ik-doorgeef-tekst {
font-size: 15px;
color: #000000;
width: 500px;
height: 400px;
text-align: left;
position: absolute;
top: 140px;
left: 270px;
z-index: 1;
}

#g-t-kop {
color: #a51e3d;
width: 500px;
text-align: left;
position: absolute;
top: 130px;
left: 270px;
z-index: 1;
}

#i-i-kop {
color: #a51e3d;
width: 500px;
text-align: left;
position: absolute;
top: 130px;
left: 270px;
z-index: 1;
}

#k-kop {
color: #a51e3d;
width: 500px;
text-align: left;
position: absolute;
top: 130px;
left: 270px;
z-index: 1;
}

#home {
color: #ffffff;
width: 40px;
text-align: left;
position: absolute;
top: 560px;
left: 30px;
z-index: 1;
}

#home-button {
border-style: none;
width: 40px;
position: absolute;
top: 510px;
left: 28px;
z-index: 1;
}

#right {
border: 3px solid #000;
width: 567px;
height: 594px;
position: absolute;
left: 227px;
text-align: left;
z-index: -1;
}

#ximg {
width: 300px;
position: absolute;
top: 350px;
left: 500px;
z-index: -1;
}

#mimg {
width: 350px;
position: absolute;
top: 10px;
left: 22px;
z-index: 1;
}

#mimg-blauw {
width: 350px;
position: absolute;
top: 10px;
left: 32px;
z-index: 1;
}

#mimg-oranje {
width: 348px;
position: absolute;
top: 10px;
left: 24px;
z-index: 1;
}

#mimg-geel {
width: 350px;
position: absolute;
top: 10px;
left: 25px;
z-index: 1;
}

#main-buttons {
border-style: none;
width: 260px;
position: absolute;
top: 260px;
left: 205px;
z-index: 1;
}

#wat-ik-maak-buttons {
width: 49px;
position: absolute;
top: 200px;
left: 205px;
z-index: 1;
}

#wie-ik-ben-buttons {
width: 48px;
position: absolute;
top: 130px;
left: 206px;
z-index: 1;
}

#wat-ik-bied-buttons {
width: 48px;
position: absolute;
top: 130px;
left: 206px;
z-index: 1;
}

#wat-ik-doorgeef-buttons {
width: 48px;
position: absolute;
top: 130px;
left: 206px;
z-index: 1;
}

#port-grafieken-buttons {
width: 48px;
position: absolute;
top: 117px;
left: 206px;
z-index: 1;
}

#port-info-buttons {
width: 47px;
position: absolute;
top: 117px;
left: 207px;
z-index: 1;
}

#port-kaarten-buttons {
width: 48px;
position: absolute;
top: 117px;
left: 206px;
z-index: 1;
}

#wat-ik-maak-kop {
width: 200px;
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
}

#wie-ik-ben-kop {
width: 160px;
position: absolute;
top: 10px;
left: 30px;
z-index: 1;
}

#wat-ik-bied-kop {
width: 180px;
position: absolute;
top: 10px;
left: 20px;
z-index: 1;
}

#wat-ik-doorgeef-kop {
width: 180px;
position: absolute;
top: 10px;
left: 20px;
z-index: 1;
}

#wat-ik-maak-menu1 {
position: absolute;
top: 212px;
left: 270px;
z-index: 1;
}

#wat-ik-maak-menu2 {
position: absolute;
top: 260px;
left: 270px;
z-index: 1;
}

#wat-ik-maak-menu3 {
position: absolute;
top: 305px;
left: 270px;
z-index: 1;
}

#logo {
width: 260px;
position: absolute;
top: 20px;
left: 490px;
z-index: -1;
}

#links {
position: absolute;
top: 560px;
left: 245px;
z-index: 1;
font-size: 13px;
}

#tablegraph {
text-align: center;
width: 100%;
height: 100%;
}

#tdgraph {
font-family: "Arial";
font-size: 12px;
}

#builder {
font-family: "Arial";
font-size: 10px;
margin-left: auto;
margin-right: auto;
}

a:link {color:#a51e3d; text-decoration:none;}      /* unvisited link */
a:visited {color:#a51e3d; text-decoration:none;}  /* visited link */
a:hover {color:#a51e3d; text-decoration:underline;}  /* mouse over link */
a:active {color:#a51e3d; text-decoration:underline;}  /* selected link */

a.builderl:link {color:#000; text-decoration:none;}      /* unvisited link */
a.builderl:visited {color:#000; text-decoration:none;}  /* visited link */
a.builderl:hover {color:#000; text-decoration:underline;}  /* mouse over link */
a.builderl:active {color:#000; text-decoration:underline;}  /* selected link */