/* Keulers & Partners Advocaten - CSS */

* {
  margin:0;
  padding:0;  
}

body {
  background: #eee url(../images/background.gif) repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
}

a {
  color: #333;
}

a:link,
a:visited {
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
  background-color: #91fd3f;
}

#top a:link,
#top a:visited {
  text-decoration: underline;
  color: 333;
}

#top a:hover,
#top a:actove {
  text-decoration: none;
  color: 000;
}

#footer a:link,
#footer a:visited {
  text-decoration: underline;
  color: #666;
}

#footer a:hover,
#footer a:active {
  text-decoration: none;
  color: 333;
  background-color: #ddd;
}

div#line {
  width: auto;
  height: 0px;
  padding-top: 7px;
  overflow: hidden;
  background: #333;
  maring 0 auto;
}

#container
{
width: 720px;
background: url(../images/menu_top.gif) left top no-repeat;
}

#spacer {
height: 50px;
}

#top
{
background-color: #fff;
width: 670px;
margin-left: 55px;
padding: 5px;
}

div#top_image {
  float: left;
  left: 5px;
  top: 5px;
  width: 450px;
  height: 245px;
  background-image: url(../images/image.jpg);
}

div#top_right {
  height: 245px;
}

h1#logo {
  margin:0;
  height: 0;
  width: 210px;
  padding-top: 55px;
  overflow: hidden;
  background: #fff url(../images/logo.gif) no-repeat;
}

ul#specialisaties {
  padding-top: 20px;
  text-indent: 40px;
}
/* Menu */

#leftnav
{
float: left;
padding-top: 43px;
width: 230px;
list-style-type: none;
display: block;
height: 150px;
width: 230px;
}

ul#menu li {
  display: inline; 
  float: left;
}

ul#menu li a {
  text-decoration: none;
  display: block;
  padding-top: 30px;
  height: 0px;
  border: 0px;
  overflow: hidden;
}

ul#menu li a:hover {
}

ul#menu li#m01 a {
  background: url(../images/menu_01_kantoor.gif) no-repeat;
  width: 230px;
}

ul#menu li#m01 a:hover {
  background: url(../images/menu_01_kantoor_over.gif) no-repeat;
  width: 230px;
}

ul#menu li#m02 a {
  background: url(../images/menu_02_medewerkers.gif) no-repeat;
  width: 230px;
}

ul#menu li#m02 a:hover {
  background: url(../images/menu_02_medewerkers_over.gif) no-repeat;
  width: 230px;
}

ul#menu li#m03 a {
  background: url(../images/menu_03_specialisatie.gif) no-repeat;
  width: 230px;
}

ul#menu li#m03 a:hover {
  background: url(../images/menu_03_specialisatie_over.gif) no-repeat;
  width: 230px;
}

ul#menu li#m04 a {
  background: url(../images/menu_04_tarieven.gif) no-repeat;
  width: 230px;
}

ul#menu li#m04 a:hover {
  background: url(../images/menu_04_tarieven_over.gif) no-repeat;
  width: 230px;
}

ul#menu li#m05 a {
  background: url(../images/menu_05_contact.gif) no-repeat;
  width: 230px;
}

ul#menu li#m05 a:hover {
  background: url(../images/menu_05_contact_over.gif) no-repeat;
  width: 230px;
}



#content
{
margin-left: 280px;
max-width: 450px;
padding-top: 50px;
padding-bottom: 50px;
line-height: 200%;
}

#footer
{
clear: both;
margin-left: 230px;
padding: 10px;
height: 55px;
width: 100%-230px;
background: #ddd;
border-top: 5px solid #bbb;
color: #666;
}

.medewerker {
  margin: 0px;
  width: 100%;
  padding: 10px;
  background: #fff;
}

.medewerker_foto {
  float: left;
  width: 110px;
}

.field {
  background-color: #ddd;
  border-left: #bbb 1px solid;
  border-top: #bbb 1px solid;
  border-bottom: #fff 1px solid;
  border-right: #fff 1px solid;
  padding: 3px;
  font-size: 11px;
  color: #333;
}


/* Extragratis toegankelijkheid */
.verborgen {
  height: 0;
  overflow: hidden;
}