body{
	background-color: #eeee;
}
a:link {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: gray;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: gray;
  background-color: transparent;
  text-decoration: underline;
}
h1 { 
   font-family:Verdana, sans-serif;
}
.hover_group:hover
    {
        opacity:1;
    }
    #projectsvg 
    { 
        position: relative;
        width: 100%; 
        padding-bottom: 77%;
        vertical-align: middle; 
        margin: 0; 
        overflow: hidden; 
    }
    #projectsvg svg 
    { 
        display: inline-block;
        position: absolute; 
        top: 0; 
        left: 0; 
    }
	
	/*		<figure id="projectsvg">
			<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 1080" preserveAspectRatio="xMinYMin meet" >
				<image width="1920" height="1080" href="Images/InteractiveMap.png"></image>
				<text x="526" y="430" font-size="30">Family Rides</text>
				<text x="885" y="560" font-size="30">Kiddie Rides</text>
				<text x="707" y="330" font-size="30">Water Rides</text>
				<text x="1280" y="490" font-size="30">Restaurant</text>
				<text x="1090" y="440" font-size="30">Games</text>
				<text x="1330" y="660" font-size="30">Thrill Rides</text>				
				<g class="hover_group" opacity="0">
					<a xlink:href="http://www.wooh.be/shop/mobilier/wooh-original-office-home/giroflex-353.html">
						<rect x="502" y="274" opacity="0.4" fill="#FFFFFF" width="194" height="137"></rect>
					</a>
				</g>
				<g class="hover_group" opacity="0">
					<a xlink:href="/shop/mobilier/wooh-original-office-home/giroflex-353.html">
						<rect x="749" y="419" opacity="0.4" fill="#FFFFFF" width="411.2" height="119"></rect>
					</a>
				</g>
				<g class="hover_group" opacity="0">
					<a xlink:href="/shop/mobilier/wooh-original-office-home/giroflex-353.html">
						<rect x="707" y="167" opacity="0.4" fill="#FFFFFF" width="210" height="140"></rect>
					</a>
				</g>
				<g class="hover_group" opacity="0">
					<a xlink:href="/shop/mobilier/wooh-original-office-home/giroflex-353.html">
						<rect x="1084" y="279" opacity="0.4" fill="#FFFFFF" width="101" height="140"></rect>
					</a>
				</g>
				<g class="hover_group" opacity="0">
					<a xlink:href="/shop/mobilier/wooh-original-office-home/giroflex-353.html">
						
						<rect x="1206" y="331" opacity="0.4" fill="#FFFFFF" width="288" height="135"></rect>
					</a>
				</g>
				<g class="hover_group" opacity="0">
					<a xlink:href="/shop/mobilier/wooh-original-office-home/giroflex-353.html">
						<rect x="1280" y="538" opacity="0.4" fill="#FFFFFF" width="224" height="92"></rect>
					</a>
				</g>
			</svg>
		</figure>*/