html,body {
 text-align: center;
 background-color: #ffffff;
 margin: 0px;
 padding: 0px;
 height: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
 font-size: 85%;
 }

table, td, tr {
 vertical-align: top;
 }

input, textarea {
 background-color: #f9f9f9;
 border: 1px solid #222222;
 }

img {
border: 0px solid black;
margin: 0px;
padding: 0px;
}

#container {
 margin: 0 auto;
 width: 775px;
 height: 100%;
 text-align: left;
 border-width: 0px 1px;
 border-style: solid;
 border-color: #222222;
 background: #efefef url(layout/images/right.jpg) top right no-repeat;
 }




/* header */
#top {
 background-image: url(images/top.jpg);
 width: 230px;
 height: 115px;
 float: left;
 }

.name {
 width: 250px;
 height: 115px;
 float: left;
 }



/* menu */
#menu_boven {
 float: left;
 background-image: url(images/left_1.jpg);
 width: 135px;
 height: 83px;
 }

#menu {
 clear: left;
 float: left;
 with: 135px;
 float: left;
 }

#menu_onder {
 float: left;
 background-image: url(images/left_2.jpg);
 width: 135px;
 height: 60px;
 }

.button {
 display: block;
 width:135px;
 height:21px;
 }

a#button_home {
 background-image:url(images/button_home.jpg);
 }
a#button_home:hover {
 background-image:url(images/button_home_f2.jpg);
 }

a#button_color {
 background-image:url(images/button_color.jpg);
 }
a#button_color:hover {
 background-image:url(images/button_color_f2.jpg);
 }

a#button_abstract {
 background-image:url(images/button_abstract.jpg);
 }
a#button_abstract:hover {
 background-image:url(images/button_abstract_f2.jpg);
 }

a#button_figuratief {
 background-image:url(images/button_figuratief.jpg);
 }
a#button_figuratief:hover {
 background-image:url(images/button_figuratief_f2.jpg);
 }

a#button_blackandwhite {
 background-image:url(images/button_blackandwhite.jpg);
 }
a#button_blackandwhite:hover {
 background-image:url(images/button_blackandwhite_f2.jpg);
 }

a#button_portretten {
 background-image:url(images/button_portretten.jpg);
 }
a#button_portretten:hover {
 background-image:url(images/button_portretten_f2.jpg);
 }

a#button_overige {
 background-image:url(images/button_overige.jpg);
 }
a#button_overige:hover {
 background-image:url(images/button_overige_f2.jpg);
 }

a#button_contact {
 background-image:url(images/button_contact.jpg);
 }
a#button_contact:hover {
 background-image:url(images/button_contact_f2.jpg);
 }


/* midden */


/* foto-navigatie */
#foto_nav_left {
margin-left: 25px;
float: left;
text-align: left;
width: 180px;
height: 31px;
background-image: url(images/line.gif);
background-repeat: repeat-x;
font-weight: bold;
}

#foto_nav_center {
float: left;
width: 140px;
}

#foto_nav_right {
vertical-align: bottom;
float: left;
text-align: right;
width: 180px;
height: 31px;
background-image: url(images/line.gif);
background-repeat: repeat-x;
font-weight: bold;
}

.foto_nav {
font-weight: bold;
background-image: url(images/line.gif); background-repeat: repeat-x; height: 31px; width: 180px;
}

.foto_nav {
float: left;
width: 35px;
}

#text {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 70%;
vertical-align: top;
min-height: 100%;
}

#midden_foto {
width: 600px;
vertical-align: top;
}

#midden {
width: 605px;
vertical-align: top;
margin: 0px 10px 10px 15px;
}