/* FileVer:0.33 */


* {margin: 0;
padding: 0;
border: 0;}

body {background: #8FBAD9;
text-align: center;
margin-top: 10px;}

a {color: #000;}

a:hover {text-decoration: none;}
 
h3 a {color: #882409;}


/* ---- divvar ---- */

#login {position: relative;
width: 770px;
height: 80px;
text-align: left;}

#logut {width: 750px;
height: 80px;
text-align: left;
padding-top: 20px;}

.runt, .runtinloggad {width: 750px;
margin: 10px auto 0px auto;
padding: 0px 10px 10px 10px;
background: #E7572D url("bilder/layout/huvud.gif") no-repeat;}

.runtinloggad {background: #E7572D url("bilder/layout/inloggad.gif") no-repeat;}

#huvud {position: relative;
width: 750px;
height: 103px;
margin: 0px auto 0px auto;
text-align: left;}

#sidan {width: 750px;
margin: 0px auto;
text-align: left;}

#logo {text-align: left;
padding-top: 20px;
height: 75px;}

#innehall {float: left;
background-color: #FFF5BE;
width: 580px;}

#kant {position: relative;
float: right;
width: 170px;
background: #E7572D url("bilder/layout/kant.gif") no-repeat;}

#sok, #senaste, #fraga, #reklam, #ko {position: relative;
width: 160px;
padding: 0px 0px 0px 10px;}

/* #sok {background: url("bilder/layout/sok.gif") no-repeat;}

#senaste {background: url("bilder/layout/senaste.gif") no-repeat;}

#fraga {background: url("bilder/layout/fraga.gif") no-repeat;}

#reklam {background: url("bilder/layout/reklam.gif") no-repeat;}*/

#sok {height: 160px;}

#reklam {background: url("bilder/layout/reklam.gif") no-repeat;
padding-top: 50px;
width: 170px;
height: 50px;}

#fraga {background: url("bilder/layout/fraga.gif") no-repeat;
padding-top: 45px;
margin-top: 1px;}

#senaste {padding-bottom: 20px;}

#ko {background: url("bilder/layout/cow.png") center no-repeat;
height: 126px;}

#reklam p {margin: 0px auto;}

#spalth, #spaltv {width: 290px;}

#spaltv {float: left;}

#spalth {float: right;}

.smalarev {float: left;
width: 190px;}

.bredareh {float: right;
width: 390px;}

.bredare {width: 200px;}

.stapel {height: 10px;
background: #882409;
margin-right: 3px;
float: left;}

#spalth #diagram .stapel {margin-top: 2px;
margin-bottom: 4px;}

#resultatdiagram .stapel {height: 15px;
background: #E7572D;
margin-right: 3px;
margin-bottom: 10px;
margin-top: 2px;
float: left;
clear: both;}

#spaltv #resultatdiagram h3 {padding-left: 0px;
margin-bottom: 10px;}

#diagram {font: 10px arial;
margin-top: 3px;}

#resultatdiagram {font: 11px arial;
width: 250px;
padding: 5px 0px 10px 10px;
margin-top: 10px;
margin-left: 20px;
background-color: #FAF4E3;}

#spalth #diagram {margin-left: 10px;
margin-top: 5px;}

#resultatdiagram .procent {font-size: 16px;
font-weight: bold;}

.marginal {width: 780px;
height: 6px;
margin: 0px auto;
padding-top: 4px;
background-color: #8FBAD9;
font: 11px arial;
color: #215d89;}

#kant .dmd {position: absolute;
background: url("bilder/layout/dmd.gif");
width: 86px;
height: 21px;
top: 118px;
left: 16px;}

div.tooltip {border: 1px #FFF5BE solid;
background-color: #E7572D;
padding: 3px 0px 3px 5px;
color: #FFF5BE;
font-family: arial;
text-align: left;
font-size: 11px;}

#innehall div.tooltip p, div.tooltip div p {color: #FFF5BE;
font-family: arial;
font-size: 11px;}

div.tooltip a {color: #FFF5BE;}

div.tooltip a.edit {color: #800F00;}

div.tooltip select {font-size: 10px;}

div.senastebild {float: left;
text-align: center;
width: 70px;
line-height: 13px;
margin-left: 20px;
font-family: arial;
font-size: 11px;}

#innehall a.senaste, #innehall a.lankrubrik, #innehall a.artikelrubrik {text-decoration: none;}

.smaartikel h3 {margin-left: 0px;}

.smaartikel p {float: left;}

#innehall a:hover.senaste {text-decoration: underline;}

div#tipsform, div#handelseform {display:none;}

div.smaartikel {width: 90px;
float: left;
height: 70px;
overflow: hidden;
text-align: center;
padding: 0px 10px 0px 10px;
margin-right: 10px;
margin-top: 5px;}

div.smaartikelrubrik {height: 70px;
margin-left: 0px;}

div.youtube {background: #882409;
width: 425px;
padding: 10px;
margin: 0px auto;}

div#bgDiv {width: 580px;
left: 0px;
top: 40px;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
background: #FFF5BE;
z-index: 5;}

div#popupDiv {width: 580px;
left: 0px;
top: 40px;
position: absolute;
text-align: center;
z-index: 15;}

div.banner540 {margin: 0px 0px 10px 20px;}


/* ---- textformat ---- */

#innehall #kant p {margin-top: 0px;
margin-right: 20px;
font: 11px arial;
width: 170px;
padding-bottom: 5px;}

#innehall #kant a, #innehall a.senastetrad {color: #000;
text-decoration: none;}

ul#senastlista {list-style: url("bilder/layout/bullet.gif") inside;}

ul#senastlista li {font: 11px arial;
line-height: 16px;}

#senaste a:hover {text-decoration: underline;}

#login p {font: 10px arial;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: left;
color: #882409;}

#login a {color: #882409;
text-decoration: none;}

#login div {margin-top: 10px;}

#login a:hover {text-decoration: underline;}

#logininfo h2 {position: absolute;
left: 590px;
top: 5px;}

#lista a {color: #FFF5BE;
text-decoration: none;}

#lista td a {color: #000;}

#lista a:hover {color: #000;
text-decoration: underline;}

#lista span {color: #000;
font-weight: bold;}

#lista td.stalle span a {text-decoration: underline;}

p.bredspalt {width: 540px;}

p.forumcitat {width: 540px;
margin: 4px 0px 4px 0px;}

p.forumcitat span {font-style: italic;}

span.edit {font-size: 9px;
font-weight: bold;}

#trad p {margin: 8px 0px 0px 0px;}

#trad p.postarinfo {font: 11px arial;
margin-top: 12px;
margin-bottom: 10px;
margin: 0px;
vertical-align: bottom;
padding-left: 0px;}

#trad p.postare {font: 15px arial;
font-weight: bold;
margin: 5px 0px 10px 0px;
vertical-align: bottom;
padding-left: 0px;}

#trad p.knappar {margin-top: 5px;
margin-bottom: 10px;
padding-left: 0px;}

#trad p.knappar a {text-decoration: none;}

span.status {font: 11px arial;
text-transform: uppercase;
margin: 20px 0px 10px 0px;
vertical-align: bottom;}

div.formtext {float:left;
width: 130px;
margin-top: 20px;}

div.avanceradformtext {float:left;
width: 130px;
height: 250px;
margin-top: 20px;}

div.formularspalt {float:left;
width: 260px;
display: table;}

div#spelpabild {height: 240px;}

p.inloggadperson {font: 11px arial;
text-align: right;
width: 240px;
float: left;
font-weight: bold;
line-height: 17px;
text-transform: uppercase;
color: #882409;}

p.avanceradsok {position: absolute;
top: 83px;
left: 20px;
width: 150px;
text-align: right;}

p.direkt {padding-top: 20px;}

p.inledning {margin-top: 10px;}

br.clearboth {clear: both;}

p.enspalt {width: 420px;}

ol.regler {list-style: decimal outside;
padding-left: 43px;
font-family: arial;
font-size: 11px;
font-weight: bold;
margin-top: 10px;}

ol.regler li {margin-top: 5px;
width: 450px;}

p.testdata {position: absolute;
left: 590px;
top: 45px;}

u {text-decoration: none;
font-style: italic;}


/* ---- grundlŠggande format ---- */

p {font: 11px arial;
line-height: 16px;}

#login p {font: 10px arial;
text-transform: uppercase;
text-decoration: none;
line-height: 11px;
font-weight: bold;
text-align: left;}

h1, h2, h4 {text-transform: uppercase;
letter-spacing: 0.04em;}

h1 {font: 21px arial black, arial bold;
line-height: 23px;
margin-top: 10px;}

h2 {font: 18px arial black, arial bold;;
line-height: 20px;
margin-top: 20px;}

h2.huvudartikel {font: 18px arial black;
line-height: 20px;
margin-top: 5px;}

h3, h6 {font: 15px arial;
font-weight: bold;
line-height: 21px;
margin-top: 8px;
color: #882409;}

h6 {font: 13px arial;
font-weight: bold;
line-height: 18px;}

#innehall a.youtube {color: #FFF5BE;
text-decoration: none;
margin: 0px auto;}

#innehall a:hover.youtube {text-decoration: underline;}

h4 {font: 12px arial;
line-height: 23px;
font-weight: bold;
margin-top: 10px;}

p.komihag {position: absolute;
left: 590px;
top: 3px;}

p.inloggsom {position: absolute;
left: 590px;
top: 15px;}

#innehall h1, #innehall h2, #innehall h3, #innehall h4, #innehall h6, #innehall p {padding-left: 20px;
margin-right: 20px;}

#spalth h1, #spalth h2, #spalth h3, #spalth h4, #spalth p {padding-left: 10px;
margin-right: 20px;}

#spaltv h1, #spaltv h2, #spaltv h3, #spaltv h4, #spaltv p {padding-left: 20px;
margin-right: 10px;}

#innehall #lista h3 {padding-left: 0px;}

#spaltv h5, #spalth h5 {display: block;
color: #FFF5BE;
height: 13px;
background: #E7572D;
font: 13px arial;
line-height: 13px;
font-weight: bold;
text-transform: uppercase;
margin: 11px 10px 5px 20px;
padding-left: 2px;
vertical-align: bottom;}

#spalth h5 {margin-left: 10px;
margin-right: 20px;}

#innehall table p {margin-left: 0px;}

span.fet {font-weight: bold;
color: #000;}

span.stor {font-size: 14px;}

span.liten {font-size: 10px;}

table div p {font-size: 14px;}

span.signatur {font: 11px arial;
color: #882409;
vertical-align: bottom;}

span.citattecken {font-size: 60px;
vertical-align: sub;}

blockquote {line-height: 14px;
width: 330px;
color: #882409;
font-style: italic;
margin-top: 10px;
margin-bottom: 10px;}

hr.smal, hr.bred {height: 3px;
background-color: #882409;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 20px;}

hr.bred {margin-left: 20px;}

/* ---- span ---- */

.nyhetsdatum {font-weight: bold;}


/* ---- bilder ---- */

img.nyhet, img.spelbild, img.nyhetliten {float: left;
width: 260px;
margin-left: 20px;
margin-bottom: 10px;
margin-top: 10px;}

img.spelbild {width: 255px;
background: #E7572D;}

img.nyhetliten {width: 130px;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 5px;}

img.spelrum {width: 260px;
margin-left: 10px;
margin-top: 10px;}

img.huvudartikel {width: 260px;
background: #fff;}

img.smaartikel {height: 70px;}

#galleri img.spelgalleri {width: auto;
height: auto;
float: left;}

#innehall table img.ikon {height: 14px;
width: 19px;
margin-right: 6px;
margin-bottom: 2px;
padding-top: 2px;
vertical-align: middle;}

img.citat {margin-top: 5px;
margin-bottom: 5px;}

img.annonsmini {height: 100px;
margin-right: 15px;}

#sidan table {width: 540px;
margin-left: 20px;
border-collapse: collapse;
margin-top: 15px;
margin-bottom: 15px;}

td.amne img {padding: 2px 5px 2px 0px;
float: left;}

img.logo {width: 500px;
height: 70px;
float: left;}

#innehall table img.edit {width: 26px;
height: 11px;
margin-bottom: 1px;}

#innehall table div.galleritn70, #innehall div.galleritn70 {width: 70px;
height: 70px;
float: left;
padding: 2px 2px 2px 2px;
margin: 0px 2px 2px 0px;
background: center no-repeat;
cursor: pointer;}

#innehall div.galleritn70 {border: 1px solid #000;}


/* ---- tabeller ---- */

#lista {padding-right: 0px;
margin-right: 0px;}

#sidan th {background: #E7572D;
text-align: left;
height: 11px;
margin: 10px 0px 0px 0px;
font: 13px arial;
line-height: 10px;
font-weight: bold;
text-transform: uppercase;
text-indent: 6px;
border-width: 5px 0px 6px 0px;
border-style: solid;
border-color: #E7572D;
vertical-align: bottom;}

#sidan tr {text-align: left;
height: 19px;
margin: 10px 0px 0px 0px;
font: 11px arial;}

#sidan table td.varannan {} /* kan anvŠndas om man vill ha olika utseende pŒ varannan rad*/

#sidan td {border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: #E7572D;
height: 21px;
padding-left: 6px;
vertical-align: middle;}

table#galleri {margin-bottom: 0px;}

#galleri td {vertical-align: top;
padding: 10px 0px 10px 0px;}

#galleri td.bilden {width: 255px;}

th.amne {width: 250px;}

th.svar {width: 40px;}

th.medlem {width: 90px;}

th.namn {width: 180px;}

th.tag {width: 40px;}

th.stad {width: 90px;}

th.spel {width: 60px;}

th.galleri {width: 40px;}

th.hs {width: 70px;}

th.varde, th.hemma, th.bilder {width: 50px;}

th.utstallt {width: 30px;}
 
th.titel {width: 200px;}

th.tillv {width: 90px;}

th.ar {width: 50px;}

th.funktioner {width: 180px;}

th.forum {width: 120px;}

th.soktrad {width: 180px;}

th.datum {width: 130px;}

th.tradav {width: 110px;}

th.speltitel {width: 160px;}

th.speltitel2 {width: 200px;}

th.tillverkare {width: 60px;}

th.top {width: 40px;}

th.spelbeskrivning {width: 300px;}

table#lista td.soktinlagg a {color: #000;
text-decoration: none;}

td.senast, td.startad, td.postare, td.funkikon, td.svar, td.kommentar, td.spel, td.galleri, td.hs, td.varde, td.hemma, td.utstallt, td.bilder, td.spelbeskrivning, td.ljus, td.stalle, td.stallestad, td.utstallare, td.stalledatum {background: #FAF4E3;}

td.svar, td.startad, td.senast {text-align: center;}

#lista td.spelbeskrivning p {padding: 10px 0px 10px 0px;}

td.funkikon {width: 24px;}

td.svar {width: 40px;}

td.inlagg {width: 430px;}

td.poang {width: 100px;}

td.inneh {width: 180px;}

td.spel {width: 60px;}

td.galleri {width: 40px;}

td.hs {width: 40px;}

td.stalle {width: 210px;}

#sidan td.stallespel {border: 0px;}

td.stallestad {width: 90px;}

td.utstallare {width: 120px;}

td.stalledatum {width: 120px;}

td.postare {width: 110px;
vertical-align: top;}

td.amne {width: 250px;
padding-left: 0px;}

td.kommentar {width: 220px;
padding-top: 5px;
padding-bottom: 5px;}

td.soktinlagg {padding-top: 5px;
padding-bottom: 10px;}

.forumhr {background: #882409;
height: 1px;
width: 300px;
margin: 5px 0px 0px 0px;}

#trad td {border: 0px;}

#trad td.inlagget , #trad td.inlaggetnytt {position: relative;
font: 12px arial;
line-height: 17px;
margin: 10px 20px 0px 0px;
width: 420px;
padding-top: 5px;
vertical-align: top;}

#trad td.inlaggetnytt {border-bottom: solid #FAF4E3;}

#trad tr td.signatur {padding-top: 5px;
padding-bottom: 2px;
vertical-align: bottom;}

#trad tr td.signatur p {padding-left: 0px;
padding-bottom: 8px;}

#trad td.andra {font: 12px arial;
margin: 0px 0px 0px 0px;
vertical-align: top;}

#trad td.inlagghuvud {width: 540px;
height: 13px;
margin: 20px 0px 0px 20px;
background: #E7572D;
font: 12px arial;
color: #FFF5BE;
line-height: 13px;
font-weight: bold;
text-transform: uppercase;
text-indent: 2px;
vertical-align: bottom;
clear: both;}

#trad td.postaren {width: 110px;
margin: 0px 10px 0px 0px;
vertical-align: top;
padding-bottom: 20px;}

#trad tr {height: 100%;}

#trad tr.nytt {background: #FAF4E3;}

div.postad, div.bredrubrik {width: 540px;
height: 13px;
margin: 20px 0px 0px 20px;
background: #E7572D;
color: #FFF5BE;
font: 12px arial;
line-height: 13px;
font-weight: bold;
text-transform: uppercase;
text-indent: 6px;
vertical-align: bottom;
clear: both;}

#innehall table th a:hover {text-decoration: none;}


/* ---- formulŠr ---- */

textarea, input {border: 0px;
font-size: 11px;}

textarea {border: 1px #000 solid;}

input[type=button], input[type=text], input[type=submit], input[type=password] {border: 1px #000 solid;}

textarea.enkeltforum {width: 420px;
height: 130px;
margin: 20px 0px 0px 10px;}

textarea.beskrivning {width: 200px;
height: 80px;}

textarea.signatur {width: 400px;
height: 60px;}

textarea.mail {width: 400px;
height: 100px;}

textarea.spelbeskrivning {width: 400px;
height: 80px;
font-family: arial, sans-serif;}

textarea.forum {width: 420px;
height: 130px;
margin: 20px 0px 0px 0px;}

textarea.artikeled {width: 520px;
height: 320px;
margin: 10px 0px 0px 20px;}

textarea.artikelfed {margin-top: 10px;
width: 200px;
height: 50px;}

textarea.spel, textarea.spelkommentar, textarea.presentation, textarea.spelkommentar2, textarea.spelkommentar3 {width:250px;}

textarea.spelkommentar, textarea.presentation {color: #555;
border: 2px solid #E7572D;}

textarea.tips {width: 258px;}

textarea.spelkommentar, textarea.spelkommentar2, textarea.spelkommentar3 {height: 50px;}

textarea.spelkommentar2 {margin-left: 10px;}

textarea.spelkommentar3, textarea.tips {margin-left: 20px;}

textarea.tips {height: 110px;
font-family: arial, sans-serif;
color: #555;}

textarea.stallekommentar {width: 330px;
height: 100px;
margin-top: 10px;
margin-bottom: 5px;}

input.enkeltforum {border: 1px #000 solid;
margin: 5px 0px 0px 140px;}

input.forum {border: 1px #000 solid;
margin: 5px 0px 0px 0px;}

input.kort, input.postnr, input.ort {border: 1px #000 solid;
margin: 5px 0px 0px 0px;
width: 50px;}
input.postnr {width: 40px;}

input.ort {width: 97px;}

input.adress, input.tid {border: 1px #000 solid;
width: 142px;}

input.tid {width: 20px;}

input.artikeled {border: 1px #000 solid;
margin-top: 5px;}

input.artikeled[type=submit] {margin-left: 20px;}

input.hiscoretag {margin: 5px 0px 0px 0px;
padding: 0px 2px 0px 2px;
width: 20px;}

input#pw1, input#pw2, input#nsym, input#fn, input#en, input#un, input#kanelen, input#regem, input#adress, input#titel, input#rubrik, input#plats, input#lank {border: 1px #000 solid;}



input.avanceradsok {border: 1px #000 solid;
margin: 5px 0px 10px 0px;
font-size: 13px;
width: 190px;}

textarea.redigera {width: 400px;
height: 130px;
margin: 5px 0px 0px 0px;}

input.redigera {border: 1px #000 solid;
margin: 5px 0px 0px 275px;}

input.redigerarubr {border: 1px #000 solid;
width: 300px;
margin: 5px 0px 0px 0px;}

select.select {width: 250px;}

select.sortering {width: 150px;}

.loginstl, .loginlosen {position: absolute;
font-size: 10px;
width: 160px;
height: 16px;
left: 590px;
top: 22px;
border: 1px #882409 solid;
background: #FFF5BE;
color: #882409;}

.loginlosen {top: 42px;}

p.glomt {position: absolute;
left: 635px;
top: 66px;}

p.loggaut {position: absolute;
left: 590px;
top: 50px;}

.loginknapp {position: absolute;
width: 39px;
height: 29px;
left: 590px;
top: 62px;
border: 0px;
float: left;}

.logutknapp {margin-top: 35px;
margin-left: 195px;
width: 45px;
height: 20px;}

.sok, .sokval, .select, .sokknapp, .knapp, .knapp2 {border: 1px #000 solid;
font-size: 10px;
margin-top: 5px;}

.sok {height: 16px;
width: 160px;
border: 1px #882409 solid;
background: #FFF5BE;
margin-top: 39px;}

.sokval {position: absolute;
top: 60px;
left: 10px;
width: 100px;}

.sokknapp {position: absolute;
top: 60px;
left: 120px;
width: 50px;}

.select {margin-bottom: 5px;}

.artikel {margin-left: 20px;
margin-top: 10px;}

.knapp {margin-left: 10px;}

.knapp2 {margin-left: 20px;}



/* ---- menyn ---- */

div#meny2 {background-color: #E7572D;
width: 580px;
height: 40px;
margin-bottom: 10px;
position: relative;}

.inremeny {padding-left: 12px;}

#menu2 ul {display : none;}

#menu2 li {display: inline;}

#menu2 li:hover ul,#menu2 #active ul {display: block;
position: absolute;
z-index: 10;
top: 18px;
left: 20px;
width: 560px;
background-color: #E7572D;}

#meny2 a {color: #FFF5BE;
font: 14px arial;
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
font-size: 13px;
display: inline;
text-transform: uppercase;
text-decoration: none;
list-style-type: none;}

#meny2 ul ul li a {font-size: 11px;
z-index: 1;
color: #000;
padding-left: 0px;
padding-right: 6px;
line-height: 8px;
text-transform: none;}

#meny2 a.aktiv {color: #882409;}

#meny2 ul ul li a.andrad {text-decoration: underline;}
	
#meny2 ul ul li a:hover {text-decoration: underline;
padding-left: 0px;
z-index: 10;}

#meny2 a:hover {z-index: 10;
color: #000;}


/* ---- varningsrutan ---- */

#progress {width: 305px;
background: #8FBAD9;
border: 10px #882409 solid;
z-index: 99}

#progress h3 {padding-top: 5px;}

#progress p {padding-bottom: 10px;
font-size: 13px;}

#progress a {display: block;
color: #E7572D;
width: 70px;
height: 17px;
padding-top: 3px;
margin: 10px auto 10px auto;
background: #882409;
font: 13px arial;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;}

#progress a.knappv {float: left;
margin-left: 60px;}

#progress a.knapph {float: right;
margin-right: 60px;}


#progress a:hover {color: #882409;
background: #E7572D;}

.hide { position:absolute; visibility:hidden;}
.show { position:absolute; visibility:visible;}





/* ----- till artiklarna ----- */

div#artikel {width: 450px;
margin: 20px;
text-align: left;
font: 11px arial;
line-height: 16px;
color: #000;}

#artikel p {text-align: left;
width: 450px;
margin-top: 5px;
font: 11px arial;
line-height: 16px;
padding: 0px;
color: #000;}

#artikel table p {width: 300px;
padding: 0px;}

#artikel h1, #artikel h2, #artikel h3, #artikel h4, #artikel h5 {font: 15px arial;
text-align: left;
font-weight: bold;
line-height: 21px;
margin: 0px;
padding: 0px;
margin-top: 8px;
text-transform: none;
color: #882409;}

#artikel ul, #artikel ol {margin-left: 20px;}

#artikel table td {border: 0px;
background: #FFF5BE;
padding: 0px;
margin: 0px;
text-align: left;
font: 11px arial;
line-height: 16px;
color: #000;
padding-right: 10px;}