body{
line-height:150%;
text-align:center;
color:#333;
font-size:80%;
background:#446666;
font-family:sans-serif;
}

a img{border:0px;}

/* STRUKTUR */

#banner{
position:absolute;
margin:0px;
padding:10px 0px 10px 0px;
text-align:left;
top:0px;
left:0px;
right:0px;
height:130px;
border-bottom:4px solid;
z-index:1;
}

#divwrap,#divfilmruta{
position:absolute;
overflow:hidden;
right:0px;
left:0px;
top:150px;
bottom:0px;
}

#divhuvudtext,#divpaket{
position:absolute;
padding:5px 20px 40px 20px;
margin-top:4px;
background: #E3D5BB;
background-image:url(bilder/bakgrund-papper-4.jpg);
width:45%;
top:0px;
left:0px;
bottom:29px;
vertical-align:top;
overflow:auto;
border-right:4px solid;
}

#divhuvudtavla{
vertical-align:top;
padding:20px 20px 0px 20px;
width:48%;
float:right;
text-align:center;
}

#footer{
height:25px;
position:absolute;
bottom:0px;
left:0px;
right:0px;
border-top:4px solid;
}

.druta2{padding-top:10px;}

#divhuvudtavla table,.druta2 table{
margin-left:auto;
margin-right:auto;
overflow:hidden;
table-layout:static;
}

#tdhuvudtavla table{
margin-bottom:10px;
}

/* BILDNAV */

#bildnav{
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
position:relative;
bottom:40px;
overflow:hidden;
height:78px;
}

#bildnav table{
border-collapse:collapse;
}

.tdbildtext{
vertical-align:top;
}

.tdpil{
width:55px;
padding:0px;
vertical-align:top;
padding-top:33px;
}

.tdpil img, .bildnavlank{
cursor:pointer;
}

#tdpilvanster{text-align:left;}
#tdpilhoger{text-align:right;}

.bildnavlankar{
vertical-align:top;
width:40px;
padding-top:40px;
}

.bildnavlank{
background:#CDC9A5;
padding:1px;
line-height:15px;
font-size:11px;
font-weight:bold;
border:2px solid #6D6945;
}

.bildnavlank:hover{
background:#eee;
}

.btextmitt{
width:170px;
padding:5px;
background:#FFF;
font-family:'book antiqua','times';
font-weight:bold;
font-size:14px;
background-image: url('bilder/goldplate-middle-2.png');
}

.btexttop{
background-image: url('bilder/goldplate-top-2.png');
height:3px;
padding:0px;
}
.btextbottom{
padding:0px;
background-image: url('bilder/goldplate-bottom-2.png');
height:3px;
}

/* RAMAR */

.rambild{
padding:0px;
margin-top:10px;
margin-bottom:10px;
border-collapse: collapse;
}

.rambild2{
padding:0px;
margin:10px;
background:white;
border-right:3px solid #444444;
border-bottom:3px solid #333333;
border-collapse: collapse;
position:relative;
float:right;
}

.rambild td{
margin:0px;
padding:0px;
}

.rammitt{
overflow:hidden;
background:#666666;
}

#bsrambild{
margin:0px;
opacity:1.0; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
}

.ramvt{
width:24px;
min-width:24px;
height:24px;
min-height:24px;
}

.ramhb{
width:30px;
min-width:30px;
height:30px;
min-height:30px;
}

.ramvt,.ramt,.ramv{background-position:top left;}
.ramht,.ramh{background-position:top right;}
.ramvb,.ramb{background-position:bottom left;}
.ramhb{background-position:bottom right;}

.ramvt{background-image:url('bilder/guldh2_vt.png');}
.ramhb{background-image:url('bilder/guldh2_hb.png');}
.ramht{background-image:url('bilder/guldh2_ht.png');}
.ramt{background-image:url('bilder/guldk2_t.png');}
.ramv{background-image:url('bilder/guldk2_v.png');}
.ramh{background-image:url('bilder/guldk2_h.png');}
.ramb{background-image:url('bilder/guldk2_b.png');}
.ramvb{background-image:url('bilder/guldh2_vb.png');}

/* TEST-TAVLA */

#divtavla{
margin-left:auto;margin-right:auto;
max-width:370px;
height:220px;
}

hr{
clear:both;
margin:0px;
padding:0px;
display:none;
visibility:hidden;
}

#divtavla div{
margin:0px;
}

.tavelvt,.tavelht,.tavelvb,.tavelhb{width:24px;height:24px;}
.tavelvt,.tavelvb,.tavelv{float:left;}
.tavelht,.tavelhb,.tavelh{float:right;}
.tavelv,.tavelh{
width:24px;
height:100%;
}
.tavelt,.tavelb{
height:24px;
margin-left:24px;
margin-right:24px;
float:none;
}

.tavelmitt{
overflow:hidden;
}

.tavelvt,.tavelt,.tavelv{background-position:top left;}
.tavelht,.tavelh{background-position:top right;}
.tavelvb,.tavelb{background-position:bottom left;}
.tavelhb{background-position:bottom right;}

.tavelvt{background-image:url('bilder/guldh2_vt.jpg');}
.tavelhb{background-image:url('bilder/guldh2_hb.jpg');}
.tavelht{background-image:url('bilder/guldh2_ht.jpg');}
.tavelt{background-image:url('bilder/guldk2_t.jpg');}
.tavelv{background-image:url('bilder/guldk2_v.jpg');}
.tavelh{background-image:url('bilder/guldk2_h.jpg');}
.tavelb{background-image:url('bilder/guldk2_b.jpg');}
.tavelvb{background-image:url('bilder/guldh2_vb.jpg');}



/* BILDSPEL */

#bildspel{
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url('bilder/bggratransp.png');
z-index: 20;
}

#bildspelcontent table{
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
}

#bildspelcontent{
display:none;
position:absolute;
bottom:20px;
right:0px;
left:0px;}

#bildspelskontroll{
height:60px;}
#bildspelskontroll td{
vertical-align:top;}

.bsktd{
text-align:right;
width:150px;
padding-top:5px;
}

.bsktd table{
width:110px;
text-align:center;}

#bsbildnr{
text-align:left;
font-family:sans-serif;
font-size:1.3em;
font-weight:bold;
}

#bsplay{
display:none;
}

#bsknapp{
display:none;
margin-top:10px;
background:#CCC;
background-image:url('bilder/bggratransp.png');
}


#bsknapp:hover{
background-image:none;
}

/* FILM */
#divfilmruta{
background-image:url('bilder/bggratransp.png');
padding-top:6px;
}

#tdvisafilm{
background:#333333;
font-size:1.2em;
font-style:italic;
padding:4px 5px 4px 5px;
}

/* BASTA VARDEN */
#bastavarden
{
background:#dddd66;
position:absolute;
right:190px;
top:5px;
z-index:100;
padding:2px;
border:2px solid #666611;
}


/* REDIGERA */
.redknapp{
padding:2px;
font-family:"arial narrow";
float:right;
}/* OVRIGT */#ga_control{background:transparent;opacity:0.3;}