html {
	overflow: auto;
    overflow: -moz-scrollbars-vertical;
	}

body {
	height: 100%;
	text-align : center;
	margin: 0px 0px 0px 0px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;	
	background-image: url(Images/Background-R.jpg);
	background-repeat: repeat;
	line-height: 1;
}
a:link {	color: #990000;}
a:visited {	color: #345105;}
a:hover {	color: #FF0000;}
a:active {	color: #990000;}

p {
margin: 1.0em 0;
}

.style1 {
	line-height: 0px;
}

#Flowerpiece {
	position: absolute;
	height: 174px;
	width: 176px;
	top: 50%;
	left: 50%;
	margin: -299px 0px 0px -502px;
	background-image: url(Images/Bloem.jpg);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 2;
}

#Top {
	position: absolute;
	height: 168px;
	width: 827px;
	top: 50%;
	left: 50%;
	margin: -298px 0px 0px -326px;
	background-image: url(Images/Top.gif);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 2;
}

#Menu {
	position: absolute;
	height: 389px;
	width: 162px;
	top: 50%;
	left: 50%;
	margin: -125px 0px 0px -498px;
	background-image: url(Images/Menu.gif);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 2;
}

#Knoppen {
	position: absolute;
	height: 180px;
	width: 102px;
	top: 64px;
	left: 18px;
	margin: 0px 0px 0px 0px;
	background-image: url(Images/Knoppen/Knopbackground.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
}

ul#Knoppenlijst {
  Position: absolute;
  top: 16px;
  left: 12px;
}

ul#Knoppenlijst li {
  background-position: 0px -30px;
}

ul#Knoppenlijst li {
  background-repeat: no-repeat;
}
ul#Knoppenlijst li a:hover {
  background: transparent none;
}
ul#Knoppenlijst li.link1,ul.bgimage-switch li.link1 a {
  background-image: url(Images/Knoppen/Aanleg.jpg);
}
ul#Knoppenlijst li.link2,ul.bgimage-switch li.link2 a {
  background-image: url(Images/Knoppen/Onderhoud.jpg);
}
ul#Knoppenlijst li.link3,ul.bgimage-switch li.link3 a {
  background-image: url(Images/Knoppen/Tuinen.jpg);
}
ul#Knoppenlijst li.link4,ul.bgimage-switch li.link4 a {
  background-image: url(Images/Knoppen/Wiezijnwij.jpg);
}
ul#Knoppenlijst li.link5,ul.bgimage-switch li.link5 a {
  background-image: url(Images/Knoppen/Contact.jpg);
}

#Plattegrondknop {
	position: absolute;
	height: 50px;
	width: 50px;
	top: 50%;
	left: 50%;
	margin: -171px 0px 0px 409px;
	z-index: 3;
}

ul#Plattegrondknoplist {
  Position: absolute;
  top: 0px;
  left: 0px;
}

ul#Plattegrondknoplist li {
  background-position: 0px -50px;
}

ul#Plattegrondknoplist li {
  background-repeat: no-repeat;
}
ul#Plattegrondknoplist li a:hover {
  background: transparent none;
}

ul#Plattegrondknoplist li.plattegrond,ul.plattegrondswitch li.plattegrond a {
  background-image: url(Images/Knoppen/Plattegrond.jpg);
}


#Mainframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 907px;	
	margin: -190px 0px 0px -407px;
	padding-top: 0px;
	text-align: center;
	background-image: url(Images/Paper.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	z-index: 1;
}



#Content {
	height: 424px;
	width: 907px;	
	margin: 30px 0px 0px 0px;
	text-align: center;
	z-index: 1;
}

html>body #Content {
	height: auto;
	min-height: 424px;
}

#Bottomframe {
	clear: both;
	width: 907px;
	height: 35px;
	overflow: visible;
	background-image: url(Images/Paper.jpg);
	background-repeat: repeat;	
	z-index: 1;
}

#Atomdesign {
	clear: both;
	height: 43px;
	width: 79px;
	bottom: 0px;
	left: 453px;
	margin: 0xp;
	text-align: center;
	z-index: 2;
}

#Plattegrond {
	position: absolute;
	top: 50%;
	left:50%;
	width: 810px;
	height: 430px;
	margin: -164px 0px 0px -360px;
	text-align: center;
	z-index: 2;
}

/* Rollover Effect
 ------------ */
 
.rollover {
	display: block;
	float: right;
	background-image: url(Images/Knoppen/AtomdesignA.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.rollover a {
	display: block;
	width: 128px;
	height: 34px;
	float: right;
	margin: 0;
	padding: 0;
}

.rollover img {
	width: 100%; 
	height: 100%; 
	border: 0; 
}

* html a:hover {
	visibility: visible;
}

.rollover a:hover img {
	visibility: hidden;
}