body 
{
 margin: 0;
 padding: 0;
 font: normal 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
 color: black;
 text-align: center;
 background: #efefef url(./img/background.jpg) repeat top left; 
}


/* image */
.hoverImage 
{
  display				: none;
}

#ImagePopUp
{
	border-collapse :collapse;
}

#ImagePopUp .hoverImage 
{
  position: absolute;
  z-index : 100 ;
  left: 100px;
  bottom: 0px;
  border: dashed 2px #0142FE; 
}

#ImagePopUp .hover 
{
  float: left;
  position: relative;
  width: 100%;
}


/* Table */
table {
    margin              : 0px;
    padding             : 0px;
    border-style        : none;
    border-collapse     : collapse;
    empty-cells         : show;
    width               : 440;
}


td {
	text-align: left;
	vertical-align: center;
  font: normal 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: black;
}

th {
	text-align: left;
	vertical-align: top;
  font: normal 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: black;
}


ol {
  list-style: insideside;
  font: bold 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
  color: red;
}

.ol_black
{
  color: black;
  font: normal 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
}


/* DIVS */
#wrapper {
 margin: 0 auto;
 padding: 0;
 width: 800px;
 text-align: left;
}
#total {
 margin: 10px 0 0 0;
 padding: 0;
}
#left {
 margin: 0;
 padding: 0;
 float: left;
 width: 150px;
 height: auto;
}

#right {
 margin: 0;
 padding: 0;
 float: right;
 width: 150px;
 height: auto; 
}

#content {
 margin: 25px 25px;
 padding: 0;
 float: left;
 width: 450px;
}
#min-height {
 float: right;
 width: 1px;
 height: 300px;
}

#clear { 
 clear:both;
 height:1px;
 overflow:hidden;
}

#footer {
 margin: 0;
 padding: 0;
 clear: both;
}

#home {
 background-image: url(./img/background_gray.gif);
 background-repeat: no-repeat;
 background-position: center 105px;
 background-attachment: fixed;
}

/* Headings */
h1#header-top 
{
 text-indent: -999em;
 overflow: hidden;
 font-size: 1px;
}

h1#header-home 
{
 margin: -20px 0 0 90px;
 padding: 0;
 width: 300px;
 font: bold 49px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align: center;
}

h1#header-error 
{
 margin: -20px 0 0 90px;
 padding: 0;
 width: 300px;
 font: bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align: center;
}

h2 
{
 padding: 8px;
 font-size: 17px;
 font-weight: bold;
 border-top: 1px solid #0021a0;
 border-bottom: 1px solid #0021a0;
}

h4 
{
 padding: 10px;
 font_size: 6px;
 font_weight: bold;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 text-align: center;
}

/* Hyperlinks */
a, a:visited 
{
 color: blue;
 text-decoration: none;
}

a:hover 
{
 text-decoration: underline;
}

a#reageren, a#reageren:visited 
{
 width: 100px;
 height: 36px;
 text-indent: -999em;
 overflow: hidden;
 background: url(../img/btn-reageren.jpg) no-repeat top left;
}

a#reageren:hover 
{
 background-position: left -36px;
}

/* Lists */

/* Overige */
.left {
 margin: 0 15px 0 0;
 float: left;
}
.right {
 margin: 0 0 0 15px;
 float: right; 
}
.center {
 text-align: center;
} 
.no-border {
 border: 0;
}

.border_10 {
 border: 10;
}

.tuinbouwtext {
 font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;

}


address {
 margin: 0;
 padding: 0;
 font-style: normal;
}

img {
 margin: 5px;
 padding: 0;
 border: 1px solid black;
} 

img#img-right{
  border: 1px solid blue;
  margin: 0 100px 0 0;
}

img#img-left{
  border: 1px solid blue;
  margin: 0 0 0 10px;
} 


/* Navigatie */
ul.nav {
 margin: 0;
 padding: 0;
 width: 135px;
 height: auto;
 text-align: center;
 list-style: none;
}

ul.nav li {
 margin: 40px 0;
 padding: 0;
 display: block;
 width: 135px;
 height: 40px;
}

ul.nav li a {
 margin: 0;
 padding: 0;
 display: block;
 width: 135px;
 height: 40px;
 text-indent: -999em;
 overflow: hidden;
}

ul.nav li a#home {
 background: url(./img/home.png) no-repeat left top;
}
ul.nav li a#hmd {
 background: url(./img/hmd.png) no-repeat left top;
}
ul.nav li a#klanten {
 background: url(./img/klanten.png) no-repeat left top;
}
ul.nav li a#contact {
 background: url(./img/kontakt.png) no-repeat left top;
}
ul.nav li a#werkwijze {
 background: url(./img/werkwijze.png) no-repeat right top;
}
ul.nav li a#produkten {
 background: url(./img/produkten.png) no-repeat right top;
}
ul.nav li a#portfolio {
 background: url(./img/portfolio.png) no-repeat right top;
}
ul.nav li a#aanbod {
 background: url(./img/aanbod.png) no-repeat right top;
}
ul.nav li a#algvoorw {
 background: url(./img/algvoorw.png) no-repeat right top;
}
ul.nav li a#nieuw {
 background: url(./img/nieuw.png) no-repeat right top;
}

ul.nav li a:hover#home,
ul.nav li a:hover#hmd,
ul.nav li a:hover#klanten, 
ul.nav li a:hover#contact,
ul.nav li a:hover#algvoorw {
 background-position: left -40px;
}
ul.nav li a:hover#werkwijze, 
ul.nav li a:hover#produkten, 
ul.nav li a:hover#portfolio, 
ul.nav li a:hover#aanbod,
ul.nav li a:hover#nieuw {
 background-position: right -40px;
}

/* texts */
.hmd_copyright_text
{
	text-align: left;
	vertical-align: top;
	font-family:Palatino, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:8px;
	color:#0f0f0f;
}

/* Informatiebar */

#informationbar{
  position: fixed;
  left: 10%;
  width: 80%;
  text-indent: 15px;
  text-align: center;
  padding: 10px 0;
  background-color: #0080ff;

  border-bottom: 3px solid lightblue;
  border-left: 3px solid lightblue;
  border-right: 3px solid lightblue;
  border-top: 3px solid lightblue;
  font: bold 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
  color : yellow;
}



* html #informationbar{ /*IE6 hack*/
  position: absolute;
  width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}

.scheidingslijn {
 position: inherit;
 margin-top: 25px;
 margin-bottom: 10px;
 float: left;
 width: 250px;
 border: 1px solid #0021a0;
 background-color: #2464fa;
 font: bold 11px/1.4em Verdana, Tahoma, Arial, sans-serif;
 color : yellow;
 padding: 2px;
}

.scheidingslijn_smal {
  position: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  float : center;
  width: 100%;
  height: 5px;
  border: 1px solid #0021a0;
  background-color: #2464fa;
  color : yellow;
  padding: 0px;
}