/* CSS Document */

																													  /* Pagina Opmaak */
body
{
  margin: 10px;
  padding: 0;
}

html>body #nav1 li {margin-bottom:5px;}

a:link {color: #297D5A}     /* unvisited link */
a:visited {color: #297D5A}  /* visited link */
																								           /* Tekst En Plaatjes Opmaak */
img.right { 
  z-index: 4;
  position: relative;
  border: 1px solid #297D5A;
  float: right;
  margin: 4px;
}

img.left {
  z-index: 4;
  position: relative;
  border: 1px solid #297D5A;
  float: left;
  margin: 2px 4px 0 2px;
}

img.left2 {
  z-index: 4;
  position: relative;
  border: 1px solid #297D5A;
  float: left;
  margin: 2px 7px 0 2px;
}

h1 {
  color: #297D5A;
  font-family: Trebuchet MS, Tahoma, sans-serif;
  font-size: 14px;
  margin: 7px 0 0 0;
  padding: 0;
}

h2 {
  color: #666666;
  font-family: Trebuchet MS, Tahoma, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

ul.plant 
{
list-style-type: disc;
list-style-position: outside;
}

																													/* Layout Algemeen */
div#container
{
  background-color: #FFFFFF;
  background-image:  url(../images/layout/Logolijnpatroon.jpg);
  background-repeat: repeat-x;
  height: 90px;
  margin: 0;
  padding: 0;
}

div#logo
{
  background-color: #FFFFFF;
  background-image:    url(../images/layout/Logotop.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 90px;
  width: 165px;
  margin: 0;
  padding: 0;
}

div#logoeinde
{
  background-color: #FFFFFF;
  background-image:   url(../images/layout/Logolijneind.jpg);
  background-repeat: no-repeat;
  float: right;
  height: 90px;
  width: 30px;
  margin: 0;
  padding: 0;
}

div#middle
{
  z-index: 1;
  background-color: #FFFFF;
  border-left: 157px solid #297D5A;
  position: relative;
  margin: 0 4px 0 6px;
  
} 

div#logoonder
{
  z-index: 2;
  background-color: #FFFFFF;
  background-image:    url(../images/layout/logoonder3.jpg);
  background-repeat: no-repeat;
  position: absolute;
  height: 31px;
  width: 165px;
  top: 100px;
  left: 8px;
  margin: 0;
  padding: 0;
}

div#menu {
    z-index: 3;
	position: absolute;
	left: 0px;
	top: 90px;
	width: 157px;
 	padding: 0;
	margin: 3px 0 20px 0;
}

div#menu { 
  heigth: 403px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  left: 16px;
  heigth: 380px;
} 

html>body #menu {
  width:380px;
} 

div#contentcontainer
{
  background-color: #FFFFFF;
  border: solid;
  border-color: #2D7F5B;
  position: relative;
  min-height: 300px;
  height: expression((this.parentElement.style.height < "300px") ? "300px" : "auto"); /* Compenseren van MSIE's niet ondersteunen van min-height */
  margin: 0 0 0 1px;
  padding: 7px 7px 7px 7px;
  color: #000000;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
}

div#contentplantcontainer
{
  background-color: #FFFFFF;
  border: solid;
  border-color: #2D7F5B;
  position: relative;
  min-height: 420px;
  height: expression((this.parentElement.style.height < "420px") ? "420px" : "auto"); /* Compenseren van MSIE's niet ondersteunen van min-height */
  margin-top: 0;
  margin-left: 1px;
  padding: 7px 7px 7px 7px;
  color: #000000;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
}

div#bottom
{ 
  background-color: #297D5A;
  position: relative;
  height: 7px;
  top: 1px;
  left: 6px;
  margin-right: 10px;
  overflow: hidden;
}

div#bottom { 
  heigth: 8px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  heigth: 7px;
} 

html>body #bottom {
  heigth: 7px;
} 

																														/* Menu Opmaak */
#nav1 {
	z-index: 3;
	position: absolute;
	top: 50px;
	left: 17px;
	height: 380px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 201px;
	}

#nav1 li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}

#nav1 a {
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win */
	display: block;
	}
	
#nav1 a:hover {
	background-position: 0 -14px;
	}

#nav1 a:active, #nav a.selected {
	background-position: 0 0px;
	}

																												 /* Menu Items Normaal */	
#deamstel a  {
	width: 140px;
	background:   url(../images/buttonsmain/deamstel.jpg) top left no-repeat;
	}

#deamstelb a  {
	width: 140px;
	background:   url(../images/buttonsmain/deamstelb.jpg) top left no-repeat;
	}
	
#assortment a  {
	width: 140px;
	background:   url(../images/buttonsmain/assortment.jpg) top left no-repeat;
	}
	
#assortmentb a  {
	width: 140px;
	background:   url(../images/buttonsmain/assortmentb.jpg) top left no-repeat;
	}

#contact a  {
	width: 140px;
	background:   url(../images/buttonsmain/contact.jpg) top left no-repeat;
	}

#contactb a  {
	width: 140px;
	background:   url(../images/buttonsmain/contactb.jpg) top left no-repeat;
	}

#route a  {
	width: 140px;
	background:   url(../images/buttonsmain/route.jpg) top left no-repeat;
	}

#routeb a  {
	width: 140px;
	background:   url(../images/buttonsmain/routeb.jpg) top left no-repeat;
	}
	
#sitemap a  {
	width: 140px;
	background:   url(../images/buttonsmain/sitemap.jpg) top left no-repeat;
	}

#sitemapb a  {
	width: 140px;
	background:   url(../images/buttonsmain/sitemapb.jpg) top left no-repeat;
	}
	
#home a  {
	width: 140px;
	background:   url(../images/buttonsmain/home.jpg) top left no-repeat;
	}


	
																												 /* Menu Items Planten */
#plants a  {
	width: 140px;
	background:   url(../images/buttonsplants/plants.jpg) top left no-repeat;
	}
	
#plantsb a  {
	width: 140px;
	background:   url(../images/buttonsplants/plantsb.jpg) top left no-repeat;
	}
	
#shapes a  {
	width: 140px;
	background:   url(../images/buttonsplants/shapes.jpg) top left no-repeat;
	}

#shapesb a  {
	width: 140px;
	background:   url(../images/buttonsplants/shapesb.jpg) top left no-repeat;
	}
	
#cylinders a  {
	width: 140px;
	background:   url(../images/buttonsplants/cylinders.jpg) top left no-repeat;
	}

#cylindersb a  {
	width: 140px;
	background:   url(../images/buttonsplants/cylindersb.jpg) top left no-repeat;
	}	

#screens a  {
	width: 140px;
	background:   url(../images/buttonsplants/screens.jpg) top left no-repeat;
	}

#screensb a  {
	width: 140px;
	background:   url(../images/buttonsplants/screensb.jpg) top left no-repeat;
	}
	
#cains a  {
	width: 140px;
	background:   url(../images/buttonsplants/cains.jpg) top left no-repeat;
	}

#cainsb a  {
	width: 140px;
	background:   url(../images/buttonsplants/cainsb.jpg) top left no-repeat;
	}	
	
#plant1 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button1.jpg) top left no-repeat;
	}
	
#plant1b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button1b.jpg) top left no-repeat;
	}											

#plant2 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button3.jpg) top left no-repeat;
	}

#plant2b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button3b.jpg) top left no-repeat;
	}
	
#plant3 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button4.jpg) top left no-repeat;
	}

#plant3b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button4b.jpg) top left no-repeat;
	}

#plant4 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button5.jpg) top left no-repeat;
	}
	
#plant4b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button5b.jpg) top left no-repeat;
	}

#plant5 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button6.jpg) top left no-repeat;
	}
	
#plant5b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button6b.jpg) top left no-repeat;
	}
	
#plant6 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button7.jpg) top left no-repeat;
	}
	
#plant6b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button7b.jpg) top left no-repeat;
	}
	
#plant7 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button16.jpg) top left no-repeat;
	}
	
#plant7b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button16b.jpg) top left no-repeat;
	}
	
#plant8 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button8.jpg) top left no-repeat;
	}
	
#plant8b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button8b.jpg) top left no-repeat;
	}
	
#plant9 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button9.jpg) top left no-repeat;
	}
	
#plant9b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button9b.jpg) top left no-repeat;
	}
	
#plant10 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button10.jpg) top left no-repeat;
	}
	
#plant10b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button10b.jpg) top left no-repeat;
	}
	
#plant11 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button11.jpg) top left no-repeat;
	}
	
#plant11b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button11b.jpg) top left no-repeat;
	}
	
#plant12 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button12.jpg) top left no-repeat;
	}
	
#plant12b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button12b.jpg) top left no-repeat;
	}
	
#plant13 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button13.jpg) top left no-repeat;
	}
	
#plant13b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button13b.jpg) top left no-repeat;
	}
	
#plant14 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button14.jpg) top left no-repeat;
	}

#plant14b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button14b.jpg) top left no-repeat;
	}
	
#plant15 a  {
	width: 140px;
	background:   url(../images/buttonsplants/button15.jpg) top left no-repeat;
	}

#plant15b a  {
	width: 140px;
	background:   url(../images/buttonsplants/button15b.jpg) top left no-repeat;
	}