html body {
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
}

#container {
  position: relative;
  width: 773px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
}

img {
  border-width: 0;
}
/*--------------------------------- header ---------------------------------*/

#header {
  margin-top:0;
  padding: 0;
  width: 100%;
  height: 100px;
  background-color: #7D7805;
  position: relative;
}

#header #header-left {
  text-align: left;
  width: 44px;
  height: 100px;
  background: url( "../img/header-left.jpg" ) no-repeat;
}
#header #header-center {
  text-align: left;
  height: 100px;
  background: url( "../img/background.jpg" ) repeat-x;
}

#page-title {
  padding: 20px 0 0 0;
  white-space: nowrap;
  text-align: center;
  font-size: 2.5em;
  font-weight: normal;
  margin: 0 10px 0 0;
  color: #fff;
}

#header #header-right {
  background: url( "../img/header-right.jpg" ) no-repeat;
  text-align: right;
  width: 248px;
  height: 100px;
}

#logo-image {
  padding: 0;
  margin: 0;
}

/*--------------------------------- main ---------------------------------*/

#main {
  min-height: 450px;
  width: 100%;
  height: 450px;
  padding: 0;
  margin: 0;
  background-color: white;
}

/*--------------------------------- banner ---------------------------------*/
#banner {
  vertical-align: top;
  min-height: 39em;
  width: 180px;
  margin: 0;
  padding: 0;
  /*background-image: url("../img/menu-content-separator.gif");*/
  /*background-repeat: repeat-y;*/
  /*background-position: 175px 0;*/
  border-right: solid gray 1px;
}

#menu {
  text-align: left;
  padding: 0;
  margin: 10px 0 0 0;
  display: block;
}

ul#menu, #menu ul {
  list-style-type: none;
  margin: 0;
}

ul#menu {
  padding-left: 20px;  
}

ul#menu > li {
  vertical-align: middle;
  color: #fff;
  width: 140px;
  /*height: 35px;*/
  margin: 0 0 5px 0;
  padding: 8px 0 8px 10px;
  text-decoration: none;
  border: 0;
  background: url( ../img/link-bg.jpg) no-repeat;

}

ul#menu > li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#menu .submenu {
  margin-top: 10px;
  padding-left: 5px;
  color: #958671;
  line-height: 1.5em;
}

#menu .submenu a {
  color: #958671;
  text-decoration: underline;
  font-weight: bold;
}

#menu .submenu .subsubmenu {
  display: none;
  padding-left: 30px;
  color: #958671;
  line-height: 1.5em;
}

#menu .submenu li:hover .subsubmenu {
  display: block;
}

#menu .submenu ul {
  padding-left: 0;
}

#menu .submenu .subsubmenu a {
  color: #958671;
  text-decoration: underline;
  font-size: 0.9em;;
  font-weight: normal;
}

.pdfIcon {
  margin-left: 0;
  padding-left: 20px;
  background: url( ../img/pdf_icon.gif) no-repeat;
  display: block;
}

/*--------------------------------- content ---------------------------------*/

#content {
  vertical-align: top;  
  margin: 5px 10px 5px 0 ;
  padding: 0;
  padding-left: 20px;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.6em;
}

.paragraph-header {
  color: #958671;
  font-weight: bold;
  font-size: 115%;
}

a {
  color: #958671;
  text-decoration:underline;
  font-weight: bold;
}

.more {
  font-size: smaller;
}

ol li {
  margin-bottom: 5px;
}

.photo {
  padding: 1px;
  /*border: 2px solid gray;*/
  margin: 1px;
}
/*--------------------------------- footer ---------------------------------*/


#footer {
  margin:0;
  padding: 0;
  width: 100%;
  height: 60px;
  color: #ffffff;
  font-size: 85%;
  background-color: #CC6600;
  position: relative;
}

#footer #footer-left {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 40px;
  height: 60px;
  background: url( "../img/footer_left.jpg" ) no-repeat;
}

#footer #footer-center {
  text-align: left;
  width: 700px;
  height: 60px;
  background: url( "../img/footer_bk.jpg" ) repeat-x;
}

#footer #footer-right {
  text-align: right;
  width: 34px;
  height: 60px;
  background: url( "../img/footer_right.jpg" ) no-repeat;
}

.portfolio { width:224px; }
.portfolio h2 { margin:20px 0px 10px 0px; padding-bottom:3px; border-bottom:2px solid #333; font-weight:bold; font-size:14px; }

.portfolio img { float:left; margin-right:10px; }
.portfolio img.last { margin-right:0px; }

.floatleft { float:left; }
.floatright { float:right; }

.clear { clear:both; }

.meer { float:right; font-size:9px; color:#000000; }

.large { float:left; margin-right:10px; }
.thumbs { float:left; width:250px; }
.thumbs img { float:left; margin-right:10px; margin-bottom:10px; }