body {
	background: #ffffff;
}

.center {
  margin-left: auto;
  margin-right: auto;
}


input[type="file"] {
/*  display: block; */
        margin: 0;
/*        width: 100%;*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color: black;
        background-color:rgba(216,240,218,0.5);
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: 0;
        display: none;
	z-index: 30;

}
#file {
/*        margin: auto;*/
/*        width: 100%;*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color: black;
	background-color: white;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: 0;
        display:block;
	top: 0px;
	z-index: 30;
}

#helptext {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: black;

}


#chess {
	padding: 0px;
	border-collapse: collapse;

	/* centreringen */
/*	position:fixed;*/
/*	margin-left:-450px; /* rutans storlek * 8 / 2 */
/* 200 bred thumb */
/*	margin-top:-400px;*/
	top:50%;
	left:50%;

}
#chess tr{
        margin: 0 auto;
        padding: 50px;
        border-collapse: collapse;
}
#chess td{
        margin: 0 auto;
        padding: 50px;
        border-collapse: collapse;
}

.helper {
	/* för att centrera bilden innuti imagebox */
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.img {
	vertical-align: middle;
/*	width: 100%;*/
	max-width:100%;
	max-height:100%;
}

#imagebox {
        position: sticky;
	top: 0px;
	left: 0px;
        margin: auto auto auto auto;
        width: 100%;
        height: 100%;
        z-index: 20;

	background-color: #ffffff;

}

.bildcontainer{
	position: relative;
	text-align: center;
	color: white;
}

.pricetag {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 15px;
        color: white;
	text-shadow: black 0em 0.1em 0.2em;
	position: absolute;
	bottom: 1px;
	right: 5px;
}

.sizetag {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: white;
	text-shadow: black 0em 0.1em 0.2em;
	position: absolute;
	bottom: 1px;
	left: 5px;
}

.edit {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 15px;
        color: white;
        text-shadow: black 0em 0.1em 0.2em;
        position: absolute;
	top: 1px;
	left: 1px;
	transform: translate(-50%, -50%);
}

.headertext {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 77px;
	color: black;
}

.footertext {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 20px;
        color: black;
}
.contactbox {
	display: none;
	z-index:300;


	    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);

     width: 400;
     height: 200;
}
.contactformbox {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 20px;
        color: black;
	position: relative;
	top: 1 px;
	left: 5 px;
	width: 350;
	height: 200;
vertical-align: middle;
}
.contactformbutton {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 20px;
        color: black;
	position: relative;
	top: 1 px;
        right: 5 px;
	width: 50;
	height: 200;
	vertical-align: middle;
}