@import "mediaclip.css";
html, body{
        height: 100%;
        font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
}
img {
	display: block;
	border: 0 none;
}

div {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1 {    
margin-top: 10px;
font-family: "Century Gothic",  "Trebuchet MS", sans-serif;
font-size: 24px;
color: #000;
}


h2 {
margin-top: 10px;
font-family: "Century Gothic", "Trebuchet MS", sans-serif;
font-size: 18px;

}       

h3 {
font-size: 14px;
font-weight: bold;
}

h4 {
font-size: 12px;
font-weight: bold;
}

a {     
color: #06C;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}

.fakeLink {
color: #06C;
text-decoration: underline;
cursor: pointer;
}

.fakeLink:hover {
color: #000;
}

/********Dropdown menu *********/
.coolmenu div{
font: bold 12px arial;
padding-left: 0;
margin-left: 0;
background: #f9f9f9; 
width: 110px;
position: relative;
top: -123px;
left: -170px;
}
.coolmenu img { display: inline }
.coolmenu div a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #438ada;
background-color: #f9f9f9;
border: 1px solid #CCCCCC;
width: 120px;
}

.coolmenu div a:hover{
color: #0066CC;
background-color: #f9f9f9;
border-style: outset;
}
.coolmenu span{
font: bold 12px arial;
padding-left: 0;
margin-left: 0;
width: 110px;
}
.coolmenu div a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #438ada;
border: 1px solid #CCCCCC;
width: 120px;
}
.coolmenu span a:hover{
color: #0066CC;
border-style: outset;
}
html>body .coolmenu div a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/*********** THUMBAIL **************/
div.thumbnailWrapper {
float: left; 
width: 120px;
text-align: center;
}

div.thumbnailWrapper div {
/*position: relative; !important;*/
text-align: center;
}

div.thumbnailShadow {
float: left;
background: url(../layout_grafikk/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
text-align: center;
}

div.thumbnailShadow div {
background: url(../layout_grafikk/shadow2.png)  no-repeat left top !important;
background: url(../layout_grafikk/shadow2.gif)  no-repeat left top;
padding: 0px 5px 5px 0px;
text-align: center;
clear: left;
}

div.thumbnailShadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
text-align: center;
display: block;
}



/***** mypage **********/

.mypage{
position: relative; 
height: 400px;
}

#freebiesTop {
background-color: #4697dd;
color: #fff;
text-align: left;
padding: 2px 5px 2px 5px;
}

#freebies {
width: 199px;
border: 1px solid #4697dd;
margin-right: 5px;
}

#freebies table tbody th {
font-weight: bold;
}


div.latestImagesText {
margin-left: 5px;
padding-left: 10px;
font-weight: bold;
border-bottom: 1px solid #438ada;
width: 610px;
}
.albumTextThumb:hover {
/*border: 1px grey dotted;*/
background-color: #ddd;
outline: 1px dotted #aaa;
}


div.myPageImageLink {
float: left;
width: 150px;
text-align: center;
}


/********* SORT IMAGES ********* */
#selectwrapper {
}

div#selectWrapper select#albums {
width: 200px;
height: 300px;
float: left;
margin-right: 15px;
}

#selectWrapper select#images {
width: 200px;
}

.sortImages {
margin-right: 20px;
float: left;
}
/******* LOGIN PAGE *************/

div.loginPageInput {
float: left;
width: 100px;
text-align: right;
margin: 3px;
/*font-weight: bold;*/
margin-right: 6px;
}

input.loginPageInput {
width: 150px;
height: 14px;
font-size: 12px;
}

div#registerUserMain {
background-color: #eee;
border: 1px solid #ccc;
width: 280px;
float: left;
height: 300px;
padding: 0px 0px 10px 10px;

}

div#registerButton {
width: 200px;
height: 40px;
}
div#registerButton div {
margin-top: 15px;
}

div#registerButton div a span {
position: absolute;
color: #000;
margin-top: 10px;
margin-left: 10px;
font-size: 18px;
}

div#registerButton img {
float: left;
}

div#advantagesContainer {
position: absolute;
left: 310px;
width: 200px;
top: 100px;
float: none;
clear: both;
height: 300px;

}


div#advantagesContainer {
width: 400px;
float: left;
height: 300px;

}

div#advantagesContainer h2 {
color: #f60;
margin-left: 30px;
}



div#advantagesContainer div {
margin-left: 20px;
font-weight: bold;
}

div#advantagesContainer div img {
margin-left: -20px;
}


div#loginPageAlreadyMember {

}

/*** user_orders.php *****/

td.userOrderDone {
background-color: #6c3;
cursor: pointer;
}

td.userOrderEmpty {
background-color: #ddd;
cursor: pointer;
}



#userOrder tr:hover {
background-color: #ccc !important;
}

#userOrder td:hover {
}


/* .php */
div.uploadImage {
float: left;
text-align: center;
width: 200px;
margin: auto;
}

div.uploadImageText {
}

div.uploadAlternativesLine {
margin-left: 100px;
height: 140px;
}

div#installActivexHelp {
position: absolute !important;
z-index: 19 !important;
top: 0px;
left: 0px;
min-height: 100%;
width: 100%;
background-color: #000;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;


}

#updatingInfo {
background-color: #000;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
color: #fff;
padding: 20px;
border: 2px solid #fff;
}
/******* Bildevisning, ******/

#show_text {
        margin-top: 10px;
}

.addedValueDiv {
float: left;
width: 180px !important;
margin: 0px 11px 0px 11px ;
}

.addedValueDiv .addedValueText {
margin-bottom: 6px;
margin-top: 5px;
font-weight: bold;
font-size: 14px !important;
}

.addedValueDiv .addedValuePrice {
color: #c00;
font-size: 14px;
font-weight: bold;
text-align: right;
margin-bottom: 3px;
}

.addedValuePositioner {
display: hidden;
}

#addedValueBottom {
text-align: right;
width: 620px;
        margin-top: 20px;
}

#addedValueBottom tr td {
        width: 200px;
}

.addedValueBuyButton {
        font-size: 14px;
        font-weight: bold;
        display: list-item;
        list-style-image: url("../layout_grafikk/buy.png");
        color: #000;
        text-decoration: none;
        list-style-position: inside;
        margin-top: -5px;
}
.addedValueBuyButton:hover {
        list-style-image: url("../layout_grafikk/buy_full.png");
}

#registerButton * {
        color: #000;
        font-size: 16px;
}
#registerButton *:hover {
        text-decoration: underline;
}
/****** albunlist.php infobox *********/

#albumsInformation {
position: absolute;
left: 350px;
width: 200px;
font-size: 12px;
color: #fff;
background: #333;
padding: 2px;
visibility: hidden;
display: none;
z-index: 100;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
font-weight: bold;
}

#albumsInformationTop {
position: relative;
font-size: 14px;
padding: 2px;
background-color: #777;
color: #fff;
font-weight: bold;
}

#albumsInformationData {
position: relative; padding: 5px;
font-weight: bold;
}

#descriptionPopup {
position: absolute;
left: 350px;
width: 200px;
font-size: 12px;
color: #fff;
background: #333;
padding: 2px;
visibility: hidden;
display: none;
z-index: 100;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
font-weight: bold;
}


#albumPopupBody {
        position: relative; padding: 5px;
        font-weight: bold;
}

#albumpPopupTop {
        position: relative; 
        font-size: 14px; 
        padding: 2px;
        background-color: #777;
        color: #fff;
        font-weight: bold;
}

/*** init_sharing.php **/
.initSharingBigButton {
float: left;
width: 200px;
text-align: center;
}
.initSharingBigButton a {
        font-size: 16px;
color: #000;
font-weight: bold;
text-decoration: underline;
}
.initSharingBigButton a:hover {
        color: #09c;
}

#footerContainer {
clear: both;
float: none;
}

div.orderPrintsBox {
position: relative; float: left; width: 140px; text-align: center; margin-left: 50px;

}
div.orderPrintsBox div a {
        font-size: 18px;
        font-weight: bold;
color: #000;
}


/* Theme pages */
.themeproduct {
        float: left;
        margin-left: 5px;
        margin-bottom: 10px;
        width: 195px;
        height: 230px;
        border: 1px solid #4d94db;
        text-decoration: none;
}
.themeproductbody {
        text-align: center;
        height: 180px;
}
.themeproductheader {
        background: #4d94db;
        color: #fff;
        padding: 2px;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
}

.themeproductprice {
        position: absolute;
        left: 0px;
        width: 100px;
        text-align: center;
        vertical-align: middle;
        background: #4d94db;
        color: #fff;
}

.themeproductbutton {
        float: left;;
        color: #fff;
        width: 50px;
        font-weight: bold;
        margin-left: 35px;
        border: 1px solid #aaa;
        background: #8dc645;
        color: #fff;
}


/* Cart ppaper production alternatives info */
#productionAlternatives {
	position: relative;
	margin-bottom: 20px;
	/*background: #eee;*/
	height: 230px;
	/*border: 1px solid #4d94db;*/
	
}

#productionMethodContainer {
	position: absolute;
	top: 0px; 
	left: 420px;
	width: 200px;
	/*font-size: 10px;*/
	
	/*height: 140px; 
	margin-bottom: 20px;*/	
}

#productionMethodContainer #fillinImage {
	padding: 15px;
	padding-left: 55px;
	background-image: url( ../layout_grafikk/normal.gif );
	background-repeat: no-repeat;
	background-position: 0 .1em;
}

#productionMethodContainer #classicImage {
	padding: 15px;
	padding-left: 55px;
	background-image: url( ../layout_grafikk/classic.gif );
	background-repeat: no-repeat;
	background-position: 0 .1em;
}

#productionMethodContainer #fitinImage {
	padding: 15px;
	padding-left: 55px;
	background-image: url( ../layout_grafikk/fit-in.gif );
	background-repeat: no-repeat;
	background-position: 0 .1em;
}

#productionMethodContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#productionMethodContainer a {
	padding-left: 100px;
}

#productionMethodContainer #productionMethodLinkContainer {
	text-align: right;
}

#productionMethodContainer #productionMethodAdvanced {
	display: none;
}


#paperQualityContainer {
	position: relative; 
	top: 0px; 
	left: 10px; 
	/*font-size: 10px;*/
	width: 220px;
	border:1px solid #fff;
	
	
}

#paperQualityContainer #paperQualityLinkContainer {
	text-align: right;	
}

#paperQualityContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#paperQualityContainer a {
	padding-left: 140px;
}

.productionMethodOption {
	position: relative;	
}

.productionMethodOption input {
	position: relative;
	top: -20px;
}

.productionMethodOption b {
	position: relative;
	top: -22px;
}

#correctionMethodContainer {
	position: absolute;
	left: 235px;
	top: 0px;
	/*font-size: 10px;*/
	width: 170px;
	text-align: left;
}

#correctionMethodContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#correctionMethodContainer a {
	padding-left: 100px;
}

#extrainfocontainer {
	position: absolute; 
	top: 170px; 
	left: 200px; 
	border: 2px solid #aaa; 
	display: none; 
	background: #fff; 
	z-index: 100;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6
}

div.accessoriesContainer {
  border: 1px dashed #ccc;
  padding: 2px 5px 0px 5px;
  height: 225px;
  width: 275px;
  float: left;
  margin: 10px;
 }
* > div.accessoriesContainer {
 min-height: 150px;
}

div.accessoriesContainer img {
  float: left;
  width: 100px;
  max-width: 100px;
}

div.accessoriesContainer h4 {
  float: right;
  font-size: 1.3em;
  width: 180px;
  text-align: right;
}

div.accessoriesContainer p {
  clear: right;
  text-align: right;
}

div.accessoriesContainer p.price {
  color: #f60;
  font-size: 1.3em;
  font-weight: bold;
}
div.accessoriesContainer div a {
   font-size: 1.2em;
   text-decoration: underline;
   font-weight: bold;
   height: 3em;
   display: block;
   margin-top: .8em;
   margin-top: .3em;
   clear: right;
}

div.accessoriesContainer div {
  text-align: right;
}

div.accessoriesContainer form {
  font-size: 0.8em;
}

div.accessoriesContainer div input  {
  border: 1px solid #ccc;
  width: 2em;
  text-align: center;
  margin-left: .5em;
}

div.accessoriesContainer2 {
  _height: 500px;
  width: 600px;
  float: left;
  margin: 10px;
  border: 0px;
  padding: 5px;
}
div.accessoriesContainer2 img {
  float: left;
  width: 300px;
  max-width: 300px;
}
div.accessoriesContainer2 h3 {
  
  font-size: 1.8em;
  width: 500px;
  text-align: left;
}

div.accessoriesContainer2 p {
  clear: right;
  text-align: left;
}

div.accessoriesContainer2 p.price {
  color: #f60;
  font-size: 1.3em;
  font-weight: bold;
}
div.accessoriesContainer2 div a {
   font-size: 1.2em;
   text-decoration: underline;
   font-weight: bold;
   height: 3em;
   display: block;
   margin-top: .8em;
   margin-top: .3em;
   clear: right;
}

div.accessoriesContainer2 div {
  text-align: right;
}

div.accessoriesContainer2 form {
  font-size: 0.8em;
}

div.accessoriesContainer2 div input  {
  border: 1px solid #ccc;
  width: 2em;
  text-align: center;
  margin-left: .5em;
}

br.break {
  clear: both;
}


/* ------------ */

#paperqualityexplanation {
	position: relative;
	width: 600px;
	margin-bottom: 10px;
}

.paperqualitysection{
	position: relative;
	width: 600px;
}

.paperqualitysection  img{
	float: right;
}


.paperqualitysectionimage {
	float: right;
	width: 150px;
	height: 150px;	
}


/*  PRINT ORDER PROCESS */

/* sizeoffer is the popup for choosing image size and forma */

#sizeoffer {
   position: absolute;
   width: 600px; 
   top: 130px;
   background: #fff; 
   border: 1px solid #aaa;
   visibility: hidden; 
   z-index: 110;
   padding: 0px 10px 10px 10px;
   _left: 160px;
}
div#bodyContainerFM.bodyContainer > #sizeoffer {
   position: fixed;
   top: 150px;
   margin: 0 auto 0 auto;
   left: 25%; 
}

#sizeoffer div#closebutton {
float: right;
}

#sizeoffer h3 {
  color: #666;
  line-height: 1.8em;
  font-size: 12px;
}

#sizeoffer h2 {
padding: 0;
margin: 0;
}


#sizeoffer img.optionsimage {
float: right; 
}

#sizeoffer .typecontent {
float: left;
width: 290px;
height: 150px;
padding: 0px;
margin: 0px;
}

#sizeoffer .typecontent div.options {
float: left;
margin: 0;
padding: 0;
}

#sizeoffer .typecontent ul {
list-style: none;
margin-left: 10px;
padding-left: 0px;
float: none;
}
#sizeoffer .typecontent ul li {
list-style-position: outside;
margin-left: 0px;
}

#sizeoffer #buttons {
float: right;
width: 290px !important;

}

#sizeoffer #buttons div.buttonorderprocess  {
margin: 0;
padding-right: none;
width: 280px;
text-align: left;
text-decoration: underline;
}

div#sizeoffer div.buttonorderprocess a#single {
 background: #fff url('/grafikk/icon_ok_single_image.gif') no-repeat left center;

}
div#sizeoffer div.buttonorderprocess a#multi {
 background: #fff url('/grafikk/icon_ok_multiple_images.gif') no-repeat left center;

}

#processinginfo {
   position: fixed;
   height: 120px;
   width: 150px; 
   margin-top: -70px; 
   margin-left: 250px;
   background: #fff;
   border: 2px solid #becfeb; 
   visibility: hidden;
   padding-top: 70px;
   text-align: center;
   z-index: 110;
}


/** Order process imagelist **/

.orderimagebox {
  width: 290px;
  min-height: 140px;
  float: left;
  padding: 10px;
}

.orderimagebox .name {
 font-size: 12px;
 font-weight: normal;
 color: #333;	
 
}

.orderimagebox .thumbnailWrapper {
}

.orderimagebox .sizerow {
  height: 28px;	
  width: 150px;
  padding-bottom: 3px;
  border-bottom: 1px solid #bbb;
  overflow: hidden;
}

.orderimagebox .sizerow div {
  width: 45px;
}

.orderimagebox .sizerow a.plus{
 cursor: pointer;
 margin: 1px !important;
 display: inline;
 text-align: none;
 float: none;
 clear: none;
 padding: 1px !important;
 margin-left: 3px;
}
.orderimagebox .sizerow a.minus{
 cursor: pointer;
 margin: 1px !important;
 display: inline;
 text-align: none;
 float: none;
 clear: none;
 padding: 1px !important;
}

.orderimagebox .sizerow a.plus img{
 display: inline; 
 float: none;
}
.orderimagebox .sizerow a.minus img{
 float: none;
 display: inline;
}

.orderimagebox .orderimageformdata {
 width: 150px;
 float: right;
}

div.headline {
   font-size: 8px;
   color: #ccc;
}

div.headline div {
   font-size: 10px;
}
.orderimagebox a {
 display: block;
 padding: 3px;
 margin-top: 0.5em;
 clear: right;
 float: right;
}

.orderimagebox .sizerow input {
 width: 1.5em;
 border: 1px solid #ccc;
 color: #666;
 margin: 3px 0px 0px 2px;
 text-align: center;
 padding: 2px !important;
}

.orderimagebox .orderimageformdata img.smiley {
	margin-left: 5px;
}

.orderimagebox .orderimageformdata div {
 float: left;
 padding-top: .5em;
}
.orderimagebox .orderimageformdata div.headline {
float: none;
padding-top: none;
padding: none;
margin: none;
}
div.headlinechild1 {
 display: inline;
width: 50px;
 overflow: hidden;
padding: none;
margin: none;
}

div.headlinechild2 {
 display: inline;
 width: 40px;
 overflow: hidden;
padding: none;
margin: none;
}

div.headlinechild3 {
 display: inline;
 overflow: hidden;
padding: none;
margin: none;
}

div #imageinfolinks #quality {
	background-color: #fcc;
	border: 1px solid #c00;
	padding: 10px;
	font-weight: bold;
	color: #000;
	margin-right: 10px;
}

div #imageinfolinks #quality a {
	color: #c00;
	text-decoration: underline;
}

div#imageinfolinks #remove a {
	background: #fff url('/grafikk/icon_delete.gif') no-repeat scroll left center;
	height: 30px;
	width: 200px;
	padding-left:  30px;
	padding-top: 15px;
	color: red;
	clear: left;
	float: left;
}
div#imageinfolinks #backbutton a {
	background: #fff url('/grafikk/icon_back.gif') no-repeat scroll left center;
	height: 30px;
	width: 200px;
	padding-left:  30px;
	padding-top: 15px;
	color: #000;
	float: right;
	clear: right;
}

div#imageinfolinks #backbutton a:hover {
	text-decoration: underline;
}
#pagenumbers {
 clear: both;
 float: none;
}
#pagenumbers div {
 display: block;
 padding: 4px;
 float: left;
 border: 1px solid #4697dd;
 margin: 3px;
 background-color: #fff;
 min-width: 1em;
 text-align: center;
 cursor: pointer;
}
#pagenumbers div.current {
 color: white;
 background-color: #4697dd;
}
#pagenumbers div.inactive {
 color: #ccc;
 cursor: default;
 background-color: #fff !important; 
}
#pagenumbers div a {
 cursor: pointer;
}
#pagenumbers a:visited {
 color: #4697dd;
 cursor: pointer;
}

#pagenumbers a:hover {
 color: #4697dd;
 text-decoration: none;
}

#pagenumbers div:hover {
 background-color: #9cf;
}

a.lightboxiconlink {
 display: block;
 position: absolute;
 border: none;
 margin: -17px;
}
a.lightboxiconlink img {
 background-color: transparent;
 border: none;
}

div.buttonorderprocess a {
 color: #000;
 display: block;
 background: #fff url('/grafikk/icon_next.gif') no-repeat right center;
 height: 1.5em;
 font-weight: bold;
 font-size: 16px;
 color: #000;
 margin: 10px;
 text-align: right;
 padding-right: 40px;
 padding-top: 5px;
 cursor: pointer;
 /* more whitespace top and bottom */
 margin-top: 20px;
 margin-bottom: 20px;
}

select#quickchange{
 width: 130px;
}

input#quickchangeamount {
 width: 2em;
 text-align: center;
}

#nameform input {
 border: 1px solid rgb(70, 151, 221) !important;
}
#nameform div select {
 border: 1px solid rgb(70, 151, 221) !important;
}
.optionsimage {
  float: right;
}
div #registerButton div a {
	cursor: pointer !important;
}

#imageinfolinks h2 {
  font-size: 12px;
  line-height: 1.8em;
  color: #666;
}
div.orderprocessbutton a{
 color: #000;
 display: block;
 background: #fff url('/grafikk/icon_magicwand.gif') no-repeat left center;
 height: 1.3em;
 font-weight: bold;
 font-size: 12px;
 color: #000;
 margin: 10px;
 text-align: left;
 padding-left: 40px;
 padding-top: 5px;
 cursor: pointer;
}
.fullwidth { width: 820px }

/* PRODUCTS PAGE */
.productpageProductcategory {
	float: left;
	margin: 0 5px 10px 5px;
}
.productpageProductcategory img { float: left }
.productpageProductcategory h3, .productpageProductcategory div { margin-left: 55px }
.productpageProductcategory h3 { margin: 3px 0 2px 55px }

.productpageProductcategory a.productpageChooseThis {
	background: #fff url('/grafikk/productpage_chooseme.gif') no-repeat;
	font-size: 9px;
	float: right;
	width: 64px;
	height: 14px;
	text-align: center;
	padding-top: 2px;
	margin-right: 10px;
	color: #333;
}
span.productpagePrice {
	position: relative;
	left: 125px;
	color: #fff;
	padding-top: 2px;
	color: #ff0000;
	text-align: right;
	font-size: 11px;

}
.productpageProductcategory .productpageChooseThis:hover {
	background-image: url('/grafikk/productpage_chooseme_hover.gif');
	text-decoration: none;
	color: #000;
}
ul.productpageLastDesigns {
	float: left;
	width: 385px;
	margin: 0;
	padding: 0;
	margin: 0 10px 0 0;
}
ul.productpageLastDesigns li {
	background: #ccc url('/grafikk/productpagelist_dark.gif') repeat-x;
	border-bottom: 1px solid #d7d7d7;
	padding: 5px;
	list-style-position: inside;
}
ul.productpageLastDesigns li.even {
	border-top: 1px solid #fff;
	background: #ccc url('/grafikk/productpagelist_light.gif') repeat-x top;
}
ul.productpageLastDesigns li a { padding: 12px 0; width: 180px; }
ul.productpageLastDesigns li span { display: block; float: right; margin-top: -17px; }

div.basketCheckout{
	padding-left: 5px;
	padding-top: 1px;
	width: 590px;
	margin: 2px 5px 5px 2px;
}
.basketCheckout span{
	position: relative;
	left: 360px;
	top: -35px;
}

/********* Flash on frontpage **************/
#flash-saker {
        background-color: #ffffff;
        position: absolute;
        left: 0px;
        margin: 0px;
        padding: 0px;
        border: none;
}       
#flash-saker div {
        position: absolute;
        margin: 0px;
        padding: 0px;
        border: none;
}       
#toppsak {
        top: 0px;
        left: 0px;
        width: 620px;
        height: 310px;
}       
#sak2 {
        top: 310px;
        left: 0px;
}       
#sak3 {
        top: 310px;
        left: 310px;
}       
#sak4 {
        top: 310px;
        left: 619px;
}       
#sak5 {
        top: 465px;
        left: 0px;
}       
#sak6 {
        top: 465px;
        left: 310px;
}       
#sak7 {
        top: 619px;
        left: 0px;
}       
#sak8{
        top: 619px;
        left: 310px;
}  
#sak9 {
        top: 619px;
        left: 619px;
}  
#sak10 {
        top: 775px;
        left: 0px;
}  
#sak11{
        top: 775px;
        left: 310px;
}
#sak12{
	top: 0px;
    left: 619px;
}