body {
margin: 20px;
padding: 5px;
font-family:verdana,sans-serif; 
font-size:82%; 
text-align:center;
margin:10px 0;


background:#ffffff
text-align:center;
background-color: #ffffff;
}


#container {
width: 770px;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 1px solid #fff;
text-align:left;
}

#content {
border: 0px solid #ccc;
padding: 0;
background-color:#fff;
background-repeat: repeat-y;
background-position: left top;
}


#left {
float:left;
border-right:0px solid #dddad1;
width:199px;
clear:both;
}

#right {
float:left;
width:565px;
border-left:1px solid #fff;
margin-left:1px;
}


#foto {
position:relative;
left:6px;
}

#header, #footer {
background:#fff;
text-align:center;
}

#header h1, #footer h1 {margin:0}

#footer {background:#fff;}

#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
width: 12em;
padding: 0;
margin-bottom: 1em;
margin-left: 1em;
background-color: #fff;
color: #000;
}

#navigatie ul {
list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 0;
}

#navigatie ul li a {
display: block;
padding: 1px 2px 1px 4px;
border-left: 10px solid #e5e825;
background-color: #fff;
color: #000000;
text-decoration: none;
width: 100%;
}

html>body #navigatie ul li a {
width: auto;
}

#navigatie ul li a:visited {
border-left: 10px solid #bd4d23;
background-color: #fff;
color: #868383;
}


#navigatie ul li a:hover {
border-left: 10px solid #e1c44a;
background-color: #ccc;
color: #fff;
}



a:link {color:#ef4014; text-decoration: none;}
a:visited {color:#888888; text-decoration: none;}
a:hover {color:#FF9999;text-decoration: none;}
a:active {color: #990033; text-decoration: none;}

p  {margin:0; padding:0px 8px 4px 8px;}

p.vet  {margin:0; padding:10px 8px 3px 8px; color:#BD4D23; font-weight:bold;}

p.footer {
text-align:center;
padding:10px 0px 0px 0px;
color:#808080;
font-size:10px;
}

p.klein {
text-align:left;
margin-left: 7px;
padding: 4px 0px 4px 0px;
color:#000;
font-size:10px;
}


h1 {
font-size:120%;
font-weight:bold;
color:#BD4D23;
text-align:center;
padding: 4px 0px 0px 0px;
}

ul {
 list-style: outside none none;
}

li.midden {
 list-style:disc;
margin: 0 0 0 0px;
padding: 0 0 1px 1px;
}

li.vetbruin {
color: #BD4D23;
font-weight:bold;
list-style:none;
margin: 0 0 0 0px;
padding: 0 0 1px 1px;
font-size:90%;
font-family:verdana,sans-serif; 
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: none;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
bottom: 100px;
left: -270px; 

}


























