/* ALLMANT */
* {margin:0; padding:0;}
html, body, form {height: 100%;}

body {background:#f0f0f0 url(images/bg.jpg) repeat-x top left; color:#333; font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; height: 100%;}
h1 {font-size:32px;font-weight:normal;}
h1 span {font-size:24px;font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:18px; font-weight:normal;}
p {font-size:12px; line-height:18px; padding:3px 0px 3px 0px;}
p.ingress {font-size:14px;}
a {text-decoration:underline;}
a, a:link, a:visited {color:#4a708b; }
a:hover  {color:#aaa;}
.rensa {clear:both; height:1px;}
.rensa-left {clear:left;}
.rensa-right {clear:right;}
.bold {font-weight:bold;}
.validatorCalloutHighlight {background-color: lemonchiffon; color:Black; }

/* DESIGN RAMVERK DIVAR */

/*#ram {position:absolute; background:#fff url(images/bg_ram.jpg) repeat-y; left:50%; top:0px; width:982px; min-height: 100%; margin-left: -491px;}*/
#ram {background:#fff url(images/bg_ram.jpg) repeat-y; width:982px; min-height:100%; margin:0 auto;}
* html #ram {height:100%;}	
#ram-topp {background:transparent url(images/bg_topp_ny.jpg) no-repeat top left; width:982px; min-height:100%;}
* html #ram-topp {height:100%;}	
#ram-innehall {margin:0px 26px 0px 26px; min-height:100%;}
* html #ram-innehall {height:100%;}	
#logo {float:left; padding:10px 0px 0px 0px; width:230px;}
#snabblankar {float:left; padding:10px 0px 0px 0px; width:690px; text-align:right;}
#snabblankar p {font-size:10px;}
#anpassa {float:right;padding:12px 0px 0px 0px; height:38px; width:50px; }

/* SIDHUVUD MED LOGO OCH TOPPMENY */
#mino-sidhuvud {background:transparent url(images/bg_mino_topp.gif) no-repeat top left; width:930px; margin:10px 0px 0px 0px; height:150px;}
#logo-mino {float:left; width:400px;}
#logo-mino img {margin:10px 0px 0px 10px;}
#meny {float:right; height:28px; padding:122px 20px 0px 10px; font-size:12px;}
#meny ul {margin:0px; padding:0px 0px 0px 0px; list-style:none;}
#meny ul li {float:left; padding:0px; margin:0px 8px 0px 0px; background:url(images/horn-hoger-inaktiv.gif) no-repeat top right;}
#meny li a {font-size:12px;display:block; padding:6px 15px 10px 15px; text-decoration:none; color:#666; float:left; border:0px; background:url(images/horn-vanster-inaktiv.gif) no-repeat top left; cursor:pointer;}
#meny ul li.visa {float:left; background:url(images/horn-hoger.gif) no-repeat top right; padding:0px; margin:0px 10px 0px 0px;}
#meny li.visa a {display:block; padding:6px 15px 10px 15px;  background:url(images/horn-vanster.gif) no-repeat top left; text-decoration:none; color:#333; float:left; border:0px;}
#meny ul a:hover {color:#369;}

/* MAIN FÖNSTRET MED 3 BOXAR */

#innehall {width:930px; min-height:100%; margin:15px 0px 15px 0px;}
* html #innehall {height:100%;}
#innehall h2 {font-weight:normal; padding:0px 0px 7px 0px;}
#innehall p span.grey {color:#666; padding:0px 10px 0px 0px;}
#innehall p.hoger {text-align:left; padding:0px 0px 10px 0px;}
#innehall p.hoger img {margin:0px 10px 0px 0px;}
#innehall p.kalla a {color:#666; padding:5px 10px 0px 0px; text-decoration:none; font-style:italic;}
#vanster {float:left; width:580px; margin:0px 0px 0px 0px; padding:0px; min-height:100%;}
/*#vanster .newpicsbox {width:580px; height:480px;}*/
#vanster .starttextbox {padding:0px 0px 0px 8px;}
#vanster .newpicsbox {background:transparent url(images/bg_newpics_topp.jpg) no-repeat top left; width:580px; height:480px;}
#vanster .newpicsbox .innehallbox {padding:30px 30px 0px 30px;}
#vanster .newpicsbox .innehallbox h2 {float:left;}
#vanster .newpicsbox .innehallbox ul {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; list-style:none; float:left;}
#vanster .newpicsbox .innehallbox ul li {float:left; font-size:10px; color:#666; width:140px; height:131px; background:transparent url(images/bg_fotoram.jpg) no-repeat top left; padding:0px; margin:0px 46px 0px 0px;}
#vanster .newpicsbox .innehallbox ul li.tredje {margin:0px 0px 0px 0px;}
#vanster .newpicsbox .innehallbox ul li img {margin:13px 13px 5px 13px;}
#vanster .newpicsbox .innehallbox ul li img.flagga {margin:0px 10px 0px 13px;}
#vanster p.uploadright {text-align:right; padding:10px 0px 10px 0px; width:250px; float:right;}

div.latestimg {float:left; font-size:10px; color:#666; width:140px; height:131px; background:transparent url(images/bg_fotoram.jpg) no-repeat top left; padding:0px; margin:0px 46px 0px 0px;}
div.latestimg img {margin:13px 13px 5px 13px;}
div.latestimg img.flagga {margin:0px 10px 0px 13px;}
div.clear20 { height:20px; clear:both;}

/*#vanster .newpicsbox h3 {font-weight:normal; padding:0px 0px 3px 0px;}*/
#vanster .newcommentsbox {background:transparent url(images/bg_newcomments_topp.jpg) no-repeat top left; width:580px; height:100%;}
#vanster .newcommentsbox-botten {background:transparent url(images/bg_newcomments_botten.jpg) no-repeat top left; width:580px; height:30px;}
#vanster .newcommentsbox {width:580px; height:100%;}
#vanster .newcommentsbox .innehallbox {padding:30px 30px 0px 30px;}
#vanster .newcommentsbox .innehallbox .comment {padding:0px 0px 10px 0px;}
#vanster .newcommentsbox .innehallbox p span.datum {color:#999;}
#vanster .newcommentsbox .innehallbox p.ref {font-style:italic; padding-bottom:10px;}
#vanster .newcommentsbox .innehallbox p.ref span {color:#999;}

.datumz {color:#999; font-size:10px;}

#hoger {float:right; width:314px; padding:10px; min-height:100%;}
* html #hoger {height:100%;}
#hoger .starttextbox {padding:0px 0px 0px 8px;}
#hoger .starttextbox img.right {float:right;}
#hoger .starttextbox img.left{float:left;}
#hoger .newpostsbox {background:transparent url(images/bg_newposts_topp.jpg) no-repeat top left; width:284px;height:100%; padding:30px 30px 0px 20px;}
#hoger .newpostsbox-botten {background:transparent url(images/bg_newposts_botten.jpg) no-repeat top left; width:334px; height:101px;}
#hoger .posts {padding:0px 0px 20px 0px; border-bottom:1px dashed #dcdcdc;}
#hoger .newpostsbox h3 {font-size:14px; padding-top:5px;}
#hoger .newpostsbox p {padding:0px; margin:0px;}
#hoger .newpostsbox p span.datum {color:#999; font-size:10px;}
#hoger .newpostsbox p.thumbs {background:transparent url(images/bg_thumbs.jpg) no-repeat top left;}
#hoger .newpostsbox p.thumbs img {margin:8px 8px 0px 8px;}
#hoger .newpostsbox p.thumbs span {padding:0px 8px 10px 20px;}
#hoger .newpostsbox p.author {color:#999; font-style:italic;}
#hoger .newpostsbox p.author img {margin:5px 13px 0px 5px;}
#hoger .newpostsbox p.toforum {padding:10px 0px 10px 0px; text-align:right;}

#sidfot {width:930px; padding:0px 0px 20px 0px; }
#sidfot .bannerruta-1 {float:left; width:280px; height:109px;margin:0px 18px 0px 0px;}
#sidfot .bannerruta-2 {float:left; width:280px; height:109px;margin:0px 0px 0px 0px;}
#sidfot .mino {float:right; background:transparent url(images/sidfot-mino.gif) no-repeat top left; width:334px; height:109px;margin:0px 0px 0px 0px;}










/* EXOR */
input.cssFrm { margin:0px; border:1px solid #999999;padding:2px 0px 2px 5px;color:#333; margin:0px 0px 0px 0px; font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; font-size:11px; }
input.txtlarge           { width:300px;}
.uploadright {text-align:right; padding:10px 10px 10px 0px; width:250px; float:right; margin-bottom:10px;}
div.clear {clear:both;}
div.left {float:left;}
div.right {float:right;}
.gray  {color:#5e5e5e;}
a.headersmall{padding:0px 0px 7px 0px;color:#333; text-decoration:none; font-weight:bold;}

/***  GRID FÖR DYNAMIC LAYOUT ************************************/
.tr_top             { display: none; float: left; width: 100%; }
.tr_top .td_01      { display: block; float: left; }
.tr_top .td_02      { display: block; float: left; width: 100%; }
.tr_top .td_03      { display: block; float: left; }

.tr_middle          { display: block; float: left; width: 100%; }
.tr_middle .td_01   { display: none; float: left; }
.tr_middle .td_02   { display: block; float: left; width: 100%; } /* MAIN */
.tr_middle .td_03   { display: none; float: left; }

.tr_bottom          { display: none; float: left; width: 100%; }
.tr_bottom .td_01   { display: block; float: left; width: 330px; }
.tr_bottom .td_02   { display: block; float: left; width: 330px; }
.tr_bottom .td_03   { display: block; float: left; }

.tr_top, .tr_top div { border: solid 0px #cccccc; }
.tr_middle, .tr_middle div { border: solid 0px #cccccc; }
.tr_bottom, .tr_bottom div { border: solid 0px #cccccc; }