body
{
	background-image: url(../bilder/jupiter_bg.jpg);
}

#saturnSystemWrapper
{
	position: relative;
	top:0;
	left:0;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
	overflow:hidden;
	height: 700px;
}

#saturnMoonWrapper
{
	position: relative;
	top:0;
	left:0;
	float:left;
	width: 360px; 
	height: 700px;
	z-index: 900;
}


#titan
{
	position: relative;
	top:0;
	left:0;
	cursor: pointer;
	height: 150px; 
	width: 150px; 
	margin-right: 2em;
	margin-top: 1em;
}

#titan #videoplayer
{
	height: 150px; 
	width: 150px; 

}


#rhea
{
	position: relative;
	top:0;
	left:0;
	cursor: pointer;
	height: 100px; 
	width: 100px; 
	margin-right: 2em;
	margin-top: 1em;
}

#rhea #videoplayer
{
	height: 100px; 
	width: 100px; 

}

#dione
{
	position: relative;
	top:0;
	left:0;
	cursor: pointer;
	height: 100px; 
	width: 100px; 
	margin-right: 2em;
	margin-top: 1em;
}

#dione #videoplayer
{
	height: 100px; 
	width: 100px; 

}

#tethys
{
	position: relative;
	top:0;
	left:0;
	cursor: pointer;
	height: 100px; 
	width: 100px; 
	margin-right: 2em;
	margin-top: 1em;
}

#tethys #videoplayer
{
	height: 100px; 
	width: 100px; 

}

#iapetus
{
	position: relative;
	top:0;
	left:0;
	cursor: pointer;
	height: 100px; 
	width: 100px; 
	margin-right: 2em;
	margin-top: 1em;
}

#iapetus #videoplayer
{
	height: 100px; 
	width: 100px; 

}


#saturnMoon img
{
	width:100%;
	
}

#saturnWrapper
{
	position: relative;
	top:0;
	left:0;
	float:left;
	width: 600px; /* 540px/960 */
	height: 700px;
}

#saturn
{
	position: relative;
	top:0;
	left:0;
	cursor: pointer;
	margin-top: 120px;
	height: 580px;
}