body{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; /* = 10px */
color: #999966;
text-align: center;
}

p{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em; /* = 10px */
font-weight: bold;
color: #999966;
text-align: justify;
padding: 10px 20px 0 20px; /* boven rechts onder links */
}

h1{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: green;
font-weight: bold;
} 

h1.white{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: white;
font-weight: bold;
} 

h1.vertical{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-weight: bold;
writing-mode: tb-rl;
filter: fliph flipv;
padding: 0 0 375px 0; /* boven rechts onder links */
}

h2{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: white;
font-weight: bold;
} 

h2.vertical{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: white;
font-weight: bold;
writing-mode: tb-rl;
filter: flipv fliph;
}

h3{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: #999966;
font-weight: bold;
} 

h3.vertical{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
color: white;
font-weight: bold;
writing-mode: tb-rl;
filter: flipv fliph;
}

div#header{
width: 100%;
height: 100px;
}

div#image{
width: 100%;
height: 100%;
}

div#side{
background: #999966;
float: left;
width: 11%;
height: 600px;
}

div#s_area1{
background: url(images/bgarea1.jpg) 1%;
float: left;
width: 10%;
height: 600px;
}

div#s_area2{
background: url(images/bgarea2.jpg) 1%;
float: left;
width: 9%;
height: 600px;
}

div#s_area3{
background: url(images/bgarea3.jpg) 1%;
float: left;
width: 9%;
height: 600px;
}

div#s_area4{
background: url(images/bgarea4.jpg) 1%;
float: left;
width: 10%;
height: 600px;
}

div#m_area1{
background: url(images/bgarea1.jpg) 1%;
border: solid thin;
float: left;
width: 20%;
height: 600px;
}

div#m_area2{
background: url(images/bgarea2.jpg) 1%;
border: solid thin;
float: left;
width: 19%;
height: 600px;
}

div#m_area3{
background: url(images/bgarea3.jpg) 1%;
border: solid thin;
float: left;
width: 19%;
height: 600px;
}

div#m_area4{
background: url(images/bgarea4.jpg) 1%;
border: solid thin;
float: left;
width: 19%;
height: 600px;
}

div#large{
float: left;
width: 39%;
height: 600px;
}

div#footer{
width: 100%;
height: 25px;
}

a:link{
color: #999966;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:visited{
color: #999966;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:hover{
color: #999966;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:active{
color: #999966;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a.white:link{
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a.white:visited{
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a.white:hover{
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a.white:active{
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

table{
width: 400px;
border: 1px solid green;
margin-left: auto;
margin-right: auto;
}

td{
border: 1px solid #999966;
} 

img{
height: 100px;
width: 100px;
border: 1px solid green;
}

img.large{
height: 100%;
width: 100%;
border: 1px solid green;
}

img.medium{
height: 60%;
width: 90%;
align: center;
}