#preview{
margin-top: -5px;
  border: 1px solid black;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position: absolute;  
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 229px;
  width: 303px;
  font-size: 0.8em;
  left: 0;
  top: 0;
  display:none;
  text-align: center;
  border-radius: 4px;  
  background-color: white;
  font-weight: bold;
	}
#relativ { 
	position:absolute;
	top: 2px;
	left: 0px;	
	width: 100%;
	color: black;
	text-align: center;
	white-space:nowrap;
}
#relativ_bot { 
	position:absolute;
	bottom: 2px;
	left: 0px;	
	width: 100%;
	color: black;
	font-weight: bold; 
	text-align: center;
	white-space:nowrap; 
}  
#preview  img {
  border-radius: 4px; 
    height: 229px;
    width: 303px;  
  } 
ul.thumb {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  float: left;
  min-height: 380px;
  width: 100%;
}
ul.thumb li {
  margin: 18px;
  float:left;
  position: relative;
  padding: 0px;
  width: 196px;
  height: 152px;
  border: 1px solid #CCCCCC;
    background: none repeat scroll 0 0 white;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);  
}
ul.thumb li img {
  margin: 6px;
  margin-top: 6px;
  width: 184px;
  height: 140px;  
  border: 0;
  padding: 0; 
  position: absolute;
  left: 0; top: 0;
}
ul.thumb li:first-child {
  margin: 18px;
  float:left;
  position: relative;
  padding: 0px;
  height: 256px;
  width: 336px;  
 
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  
  margin-top: 50px;
  margin-left: 40px;
  margin-right: 91px;
  
		border: 1px solid #CCCCCC;
		background: none repeat scroll 0 0 white;
		border-radius: 4px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);   
}

ul.thumb li object {
  margin: 6px;
  margin-top: 6px;
  height: 242px;
  width: 322px;
  border: 0;
  padding: 0; 
  position: absolute;
  left: 0; top: 0;
}
ul.thumb li:hover {
  border: 1px solid blue;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);    
}
html.busy, html.busy * {  
  cursor: wait !important;  
}
#smb {
border: 1px solid grey;
border-radius: 4px;
margin-bottom: 20px; 
height: 30px; width:450px !important;
background-repeat:repeat-x;
padding:0;
font-family: Trebuchet MS;
font-weight: bold;
background-color: #E9E9E9;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
max-width: 90% !important;
}
#smb:hover {
border: 1px solid black;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#contents { 
	background-image:url('/inc/arrowt.png'); 
	background-repeat: no-repeat;
	background-position: 60px 39px;
}
#perfinfo {
	float:left;
	padding: 0px;
	width: 188px;
	height: 146px;
	border: none;
	border-radius: 4px;
	text-align:left; 
	display: none;
	position: absolute;   
    left:-1px;
	top: -1px;
    letter-spacing: -1px;
    color: white; font: 18px/25px Berlin Sans FB, Sans-Serif; 
    background: #4A4D4A; 
    padding-left: 10px;  
	padding-top: 8px;
	-khtml-opacity: 0.6;
	opacity: 0.6;
    line-height: 97%;
	font-weight: bold;	
    white-space:nowrap;
	text-decoration: none;
}
#info {
border-radius: 4px;
text-align:left; 
display: none;
position:absolute;   
	height: 209px; 
	width: 283px; 	
left: 10px;
top: 20px;
color: white; 
font: normal normal 19px/25px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
background: #4A4D4A; 
padding: 10px;  
line-height: 112%;
white-space:nowrap;	
}
.isonline {
	position: absolute;
	top: -1px;
	left: 8px;	
	z-index: 1;
}
#relativ img {
  height: 20px;
  width: 20px;  
}

/* for å sentrere fint på siden */

.thumb {
	text-align: center;
}

ul.thumb { 
	float: none;
	display: inline;
	width: 100%
	}

ul.thumb li { 
	float: none;
	display: inline-block;
	}
	
#contents { 
	padding-left: 0;
	padding-right: 0;
	}
#antbox {
	margin-bottom: 1em;
	padding: 0;
	}
#contents p img {
	max-width: 87%;
	height: auto;	/* og bare width i HTML ikke height */
}