﻿body {
	background-image: url(../images/kakel.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin: 0px;
}
/* diven som låser lagret */
#center {
	height: 1px;
	width: 1px;
}
/*lagret som håller siten */
#site {
	/* top ska vara 0 px så den ligger högst upp i webläsaren */
    top:0px;
	position:absolute;
	width:1px;
	height:1px;
	z-index:1;
	visibility: visible;
}
/*sitens bredd - för att få positiva värden på position*/
#SiteBredd {
	position:absolute;
	/*sitens hela bredd */
	width:600px;
	/*left ska vara negativt halva värdet av "width" (sitens bredd) */
	left:-300px; /*används så siten hamnar i mitten.*/
	/*left:300px;*/ /*används för att kunna editera siten.*/
	height:1px;
	z-index:1;
}
/*sidans innehåll */
#content {
	position:absolute;
	/*left och top kommer att ligga relaterat till siteBredd,  left:0px; top:0px; - är uppe i vänstra hörnet*/
	left:92px;
	top:7px;
	width:600px;
	height:51px;
	z-index:1;
}
.bredtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
}

#meny {
	position:absolute;
	left:-12px;
	top:30px;
	width:229px;
	height:400px;
	z-index:8;
	text-align: left;
}
#gemplattameny {
	position:absolute;
	left:5px;
	top:120px;
	width:180px;
	height:100px;
	z-index:8;
	text-align: left;
}

#banner {
	position:absolute;
	left:-230px;
	top:129px;
	width:266px;
	height:114px;
	z-index:4;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #707070;
	border-left-color: #707070;
}
#bestallsprak {
	position:absolute;
	left:-310px;
	top:0px;
	z-index:5;
}
#gem {
	position:absolute;
	left:406px;
	top:270px;
	width:125px;
	height:76px;
	z-index:30;
}
#klipp {
	position:absolute;
	left:29px;
	top:15px;
	width:537px;
	height:106px;
	z-index:15;
}
#mannen {
	position:absolute;
	left:-104px;
	top:340px;
	width:171px;
	height:377px;
	z-index:50;
}
#text {
	position:absolute;
	left:433px;
	top:17px;
	width:205px;
	height:175px;
	z-index:40;
}
#klippplatta {
	position:absolute;
	left:29px;
	top:105px;
	width:320px;
	z-index:10;
	background-color: #EFF0F1;
	border: 1px solid #707070;
	padding-top: 50px;
	padding-left: 35px;
	padding-right: 180px;
	text-align: left;
	padding-bottom: 48px;
	background-image: url(../images/xxx2_150x4.gif);
	background-repeat: repeat-y;
	background-position: 365px top;
}
#bannerplatta {
	position:absolute;
	left:-230px;
	top:231px;
	width:264px;
	height:524px;
	z-index:3;
	background-color: #EFF0F1;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #707070;
	border-left-color: #707070;
}
#gemplatta {
	position:absolute;
	left:406px;
	top:326px;
	width:194px;
	height:275px;
	z-index:20;
	border: 1px solid #707070;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../images/fragor_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FDFDFD;
}
#gemplatta_blank {
	position:absolute;
	left:406px;
	top:326px;
	width:194px;
	height:275px;
	z-index:20;
	border: 1px solid #707070;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	text-align: left;
	background-color: #FDFDFD;
}
#bg4x4 {
	position:absolute;
	left:402px;
	top:129px;
	width:148px;
	height:724px;
	z-index:10;
	background-image: url(../images/xxx_4x4.gif);
	visibility: hidden;
}
#bggrey {
	position:absolute;
	left:392px;
	top:77px;
	width:158px;
	height:81px;
	z-index:11;
	background-color: #EFF0F1;
}


.buttonscontainer {width: 250px;}

.buttons a {color: #74706b;

padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #74706b;
font: 12px Verdana, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #eff0f1;
color: #000000;
text-decoration: none;}

.buttons a:active {background-color: #eff0f1;
color: #000000;
text-decoration: none;}
/* vänstra menyns csser */
#menycontainer ul{list-style-type: none;}
#menycontainer ul li a{background: transparent url("../images/symbol.gif") left center no-repeat; padding-left: 15px; 
font: 80% Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000;}
#menycontainer ul li a:hover{background: transparent url("../images/symbol-over.gif") left center no-repeat;}
#menycontainer ul li a#current{
	background: transparent url("../images/symbol-over.gif") left center no-repeat;
	color: #333333;
	text-decoration: underline;
}
h1 {font: 100% Verdana, Arial, Helvetica, sans-serif;}
.img_stor {
	border: 1px solid #70706F;
	padding: 5px;
	background-color: #d2d2d2;
}
.bg_bild_fragor {
	background-image: url(../images/Hamta_filmfiler_bg.jpg);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
}
.color {
	font-weight: bold;
	color: #FF0000;
}
.fet {
	font-weight: bold;
}
#pixel {
	position:absolute;
	left:-231px;
	top:758px;
	width:279px;
	height:16px;
	z-index:51;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
}
.referenser {
	padding-top: 7px;
	padding-left: 5px;
}
.ladda {
	padding-top: 6px;
}
