﻿#imgpos1
{
float:left;
margin-top: 20px;
margin-left:0px;
background-color:#dddddd;
}

ul.spotcont1
{
background:transparent url(photos/qualth.jpg) top left no-repeat;
position:relative;
width:100px;
height:75px;
list-style:none;
margin:0;
padding:0;	
}	

#imgpos2
{
float:left;
margin-top: 20px;
margin-left:1px;
background-color:#dddddd;
}

ul.spotcont2
{
background:transparent url(photos/rg10th.jpg) top left no-repeat;
position:relative;
width:100px;
height:75px;
list-style:none;
margin:0;
padding:0;	
}	

#imgpos3
{
float:left;
margin-top: 20px;
margin-left:1px;
background-color:#dddddd;
}

ul.spotcont3
{
background:transparent url(photos/rome25th.jpg) top left no-repeat;
position:relative;
width:100px;
height:75px;
list-style:none;
margin:0;
padding:0;	
}	

#imgpos4
{
float:left;
margin-top: 20px;
margin-left:1px;
background-color:#dddddd;
}

ul.spotcont4
{
background:transparent url(photos/rome30th.jpg) top left no-repeat;
position:relative;
width:100px;
height:75px;
list-style:none;
margin:0;
padding:0;	
}	

#imgpos5
{
float:left;
margin-top: 20px;
margin-left:1px;
background-color:#dddddd;
}

ul.spotcont5
{
background:transparent url(photos/stgilgen1th.jpg) top left no-repeat;
position:relative;
width:100px;
height:75px;
list-style:none;
margin:0;
padding:0;	
}	

#imgpos6
{
float:left;
margin-top: 20px;
margin-left:1px;
background-color:#dddddd;
}

ul.spotcont6
{
background:transparent url(photos/sunset04th.jpg) top left no-repeat;
position:relative;
width:100px;
height:75px;
list-style:none;
margin:0;
padding:0;	
}	

li.spot, li.spot a
{
position:absolute;
border:none;
}

li.spot a span
{
display:none;	
}

li.spot a:hover
{
border:none;
}

ul spotcont1:hover li
{
border:1px solid #dddddd;
}

ul spotcont2:hover li
{
border:1px solid #dddddd;
}

li.spot a:hover span
{
display:block;
position:absolute;
color:white;
background-color:#dddddd;
border:1px solid #dddddd;
padding:0px;	
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
text-align:center;
}

li.spot a:hover, a:link, a:visited, a:active
{
text-decoration:none;
background-color:transparent;
}

li.spot a
{
top:-1px;
left:-1px;
}

li.spot1, li.spot1 a
{
top:0px;
left:0px;
width:100px;
height: 75px;
}

li.spot1 a span
{
top:100px;
left:2px;
width:600px;
height:450px;
background:url(photos/qual.jpg);
}

li.spot2, li.spot2 a
{
top:0px;
left:0px;
width:100px;
height: 75px;
}

li.spot2 a span
{
top:100px;
left:-98px;
width:600px;
height:450px;
background:url(photos/rg10.jpg);
}

li.spot3, li.spot3 a
{
top:0px;
left:0px;
width:100px;
height: 75px;
}

li.spot3 a span
{
top:100px;
left:-200px;
width:600px;
height:450px;
background:url(photos/rome25.jpg);
}

li.spot4, li.spot4 a
{
top:0px;
left:0px;
width:100px;
height: 75px;
}

li.spot4 a span
{
top:100px;
left:-301px;
width:600px;
height:450px;
background:url(photos/rome30.jpg);
}

li.spot5, li.spot5 a
{
top:0px;
left:0px;
width:100px;
height: 75px;
}

li.spot5 a span
{
top:100px;
left:-402px;
width:600px;
height:450px;
background:url(photos/st_gilgen1.jpg);
}

li.spot6, li.spot6 a
{
top:0px;
left:0px;
width:100px;
height: 75px;
}

li.spot6 a span
{
top:100px;
left:-503px;
width:600px;
height:450px;
background:url(photos/sunset04.jpg);
}






