body {
 margin: 0;
 padding: 0;
 text-align: center;
 background : #f7f7f7 url(bg.gif) repeat-y fixed 50% 50%; 
}
#page {
 margin: auto;
 width: 522px;
 border: 0;
 padding: 0px;
 background-color: #05C7F7;
 text-align: left;
 font : normal 12px/1.4 Tahoma, Verdana, sans-serif;
 color: #ffffff;
}
#minheight {
 float: right;
 width: 1px;
 height: 250px;
}
#minheightclear {
 clear: both;
 height: 1px;
 overflow: hidden;
}
#text {
 padding: 10px;
}
A {
 color: #ffffff;
}
A:Visited {
 color: #ffffff;
}
A:Hover {
 color: #ffffff;
}
img {
border: 0;
}
td {
 font : normal 12px/1.4 Tahoma, Verdana, sans-serif;
 color: #ffffff;
 vertical-align: top;
}
#menu {
 position: absolute;
 left: 50%;
 top: 150px;
 margin-left: 266px;
 text-align: left;
 font : normal 24px Tahoma, Verdana, sans-serif;
 color: #05C7F7;
}
#menu a {
color: #05C7F7;
text-decoration: none;
}
#menu .sub {
 font : normal 18px Tahoma, Verdana, sans-serif;
 padding-left: 20px;
}
h1 {
font-size: 12pt;
text-decoration: none;
}
a h1 {
font-size: 12pt;
text-decoration: underline;
padding: 0;
margin: 0;
}
#tarieven td {
 color: #ffffff;
 background: #0ABAE5;
 width: 40%;
}
#picture {
border: 1px solid #147F99;
}
#picture-r {
float: right;
border: 1px solid #147F99;
}
#picture-c {
align: center;
border: 1px solid #147F99;
}
input[type='text'], textarea {
	width: 280px;
}
ul {
	list-style-type: round;
	padding-left: 13px;
	margin-left: 0px;
	margin-top: 0px;
}



/* Nieuwe popup met productinformatie*/
.info{
behavior: url(hover.htc);
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration: underline;
}
.info:hover, .info.hover{
	z-index:25;
    text-decoration: none;
}

.info span{
	display: none;
}

.info:hover span, .info.hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:25px;
    left:0px;
    border:1px solid #303590;
}