/* 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 {display:block; padding:6px 15px 10px 15px; line-height: 2.5 em; 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 .kategori {background:transparent url(images/bg_newcomments_topp.jpg) no-repeat top left; width:580px;}
#vanster .kategori-botten {background:transparent url(images/bg_newcomments_botten.jpg) no-repeat top left; width:580px; height:31px;}

#vanster .kategori-2 {background:transparent url(images/bg_forum_topp.jpg) no-repeat top left; width:580px;}
#vanster .kategori-2-botten {background:transparent url(images/bg_forum_botten.jpg) no-repeat top left; width:580px; height:31px;}

#vanster .kategori .innehallbox {padding:25px 30px 0px 30px; clear:left;}
#vanster .kategori-2 .innehallbox {padding:25px 30px 0px 30px; clear:left;}
.kategoridet .innehallbox h2 {float:left;}

#vanster .kategori .innehallbox ul, #vanster .kategori-2 .innehallbox ul {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; list-style:none; float:left;}
#vanster .kategori .innehallbox ul li, #vanster .kategori-2 .innehallbox ul li {float:left; font-size:12px; color:#333; width:330px; height:auto; padding:0px;}
#vanster .kategori .innehallbox ul li.bild, #vanster .kategori-2 .innehallbox ul li.bild {width:140px; height:131px; /*background:transparent url(images/bg_fotoram.jpg) no-repeat top left;*/ padding:0px; margin:0px 15px 0px 0px;}
#vanster .kategori .innehallbox ul li img,#vanster .kategori-2 .innehallbox ul li img {margin:5px 13px 5px 13px;}
#vanster .kategori .innehallbox ul li ul, #vanster .kategori-2 .innehallbox ul li ul {border-top:1px solid #ccc; margin:5px 0px 0px 0px;}
#vanster .kategori .innehallbox ul li ul li, #vanster .kategori-2 .innehallbox ul li ul li {font-size:10px; color:#666; padding:5px 0px 3px 0px;}
#vanster .kategori .innehallbox ul li ul li.toforum, #vanster .kategori-2 .innehallbox ul li ul li.toforum {font-size:14px; color:#666; padding:0px 0px 0px 0px; text-align:right;}


/*Special då olika masterpages i Annettes css*/
#vanster .kategoridet {background:transparent url(images/bg_newcomments_topp.jpg) no-repeat top left; width:580px;}
#vanster .kategori-botten {background:transparent url(images/bg_kategori_botten.jpg) no-repeat top left; width:580px; height:20px;}

#vanster .kategori-2 {background:transparent url(images/bg_kategori2_topp.jpg) no-repeat top left; width:580px;}
#vanster .kategori-2-botten {background:transparent url(images/bg_kategori2_botten.jpg) no-repeat top left; width:580px; height:21px;}

#vanster .kategoridet .innehallbox {padding:30px 30px 0px 20px; clear:left;}
#vanster .kategori-2 .innehallbox {padding:30px 30px 0px 20px; clear:left;}

#vanster .kategoridet .innehallbox ul {margin:0px 0px 10px 0px; padding:20px 0px 0px 0px; list-style:none; float:left;}
#vanster .kategoridet .innehallbox ul li {float:left; font-size:12px; color:#333; width:530px; height:auto; padding:0px;}
#vanster .kategoridet .innehallbox ul li input.report {float:right;}

#vanster .kategoridet .innehallbox ul li ul.pics {border:0px; margin:10px 0px 0px 0px; list-style:none;}
#vanster .kategoridet .innehallbox ul li ul.pics li {float:left; font-size:12px;}
#vanster .kategoridet .innehallbox ul li ul.pics li.thumbs {background:transparent url(images/bg_thumbs.jpg) no-repeat top left; width:50px; margin-right:20px; }
#vanster .kategoridet .innehallbox ul li ul.pics li.thumbs img {margin:5px 8px 8px 8px;}
#vanster .kategoridet .innehallbox ul li ul.pics li.thumbs span {padding:0px 8px 0px 20px;}
#vanster .kategoridet .innehallbox ul li ul.pics li.author {width:350px;}
#vanster .kategoridet .innehallbox ul li ul.pics li.author img {margin:3px 8px 10px 8px;}

ul.pics {border:0px; margin:10px 0px 0px 0px; list-style:none;}
ul.pics li {float:left; font-size:12px;}
ul.pics li.thumbs {background:transparent url(images/bg_thumbs.jpg) no-repeat top left; width:50px; margin-right:20px; }
ul.pics li.thumbs img {margin:5px 8px 8px 8px;}
ul.pics li.thumbs span {padding:0px 8px 0px 20px;}
ul.pics li.author {width:350px;}
ul.pics li.author img {margin:3px 8px 10px 8px;}

#vanster .kategoridet .innehallbox ul li ul {margin:0px 0px 0px 0px; list-style:none;}
#vanster .kategoridet .innehallbox ul li ul li {float:left; font-size:10px; color:#666; padding:0px 0px 0px 0px;}
#vanster .kategoridet .innehallbox ul li ul li.reply {font-size:14px; color:#666; padding:0px 0px 0px 0px; text-align:right; width:520px;}

#vanster .kategoridet .innehallbox img {float:left; margin:0px 10px 0px 0px;}
#vanster .kategoridet .innehallbox h2 {padding:0px 0px 7px 170px;}
#vanster .kategoridet .innehallbox h3 {padding:0px 0px 7px 0px;}
a.header{padding:0px 0px 7px 0px;color:#333; text-decoration:none;}

#vanster .kategoridet .innehallbox p {padding:0px 0px 7px 170px;}

#vanster .kategoridet .innehallbox img {float:left; margin:0px 10px 0px 0px;}
#vanster .kategoridet .innehallbox h2 {padding:0px 0px 7px 170px;}
#vanster .kategoridet .innehallbox p {padding:0px 0px 7px 170px;}

#vanster .reply-topp {background:transparent url(images/bg_reply_topp.jpg) no-repeat top left; width:580px; height:75px;}
#vanster .reply-mitten {background:transparent url(images/bg_reply_mitten.jpg) repeat-y top left; width:580px; height:100%;}
#vanster .reply-mitten .answer {padding:0px 0px 15px 0px;}
#vanster .reply-mitten .innehallbox h3 {padding:0px 0px 7px 30px; font-size:16px;}
#vanster .reply-mitten .innehallbox p {padding:0px 30px 7px 30px;}
#vanster .reply-mitten .innehallbox p img {margin:1px 8px 0px 0px;}
#vanster .reply-mitten div.report {float:right; padding:0px 30px 7px 30px;}
#vanster .reply-mitten .innehallbox div.streck {margin:0px 30px 0px 30px; border-bottom:1px solid #ccc; height:15px;}
#vanster .reply-botten {background:transparent url(images/bg_reply_botten.jpg) no-repeat top left; width:580px; height:31px;}



#hoger {float:right; width:314px; padding:10px; min-height:100%;}
* html #hoger {height:100%;}

#hoger .rulesbox {background:transparent url(images/bg_rules.jpg) no-repeat top left; width:294px;height:100%; padding:90px 30px 0px 25px;}
#hoger .rulesbox-botten {background:transparent url(images/bg_rules_botten.jpg) no-repeat top left; width:334px; height:31px;}
#hoger .rulesbox h2, #hoger .rulesbox p {color:#fff;}
#hoger .rulesbox p {padding:0px 0px 7px 0px;}
#hoger .rulesbox a {color:#fff;}

#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 15px 0px;}
#hoger .newpostsbox .innehallbox .post {padding:5px 0px 15px 0px;}
#hoger .newpostsbox .innehallbox h3 {font-size:16px;}
#hoger .newpostsbox p span.datum {color:#999;}
#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;}

/* lite mindre för att linjera */
#hoger .newpostsbox-small {background:transparent url(images/bg_newposts_topp_small.jpg) no-repeat top left; width:274px;height:100%; padding:30px 30px 0px 30px;}
#hoger .newpostsbox-botten-small {background:transparent url(images/bg_newposts_botten_small.jpg) no-repeat top left; width:334px; height:101px;}
#hoger .posts {padding:0px 0px 15px 0px;}
#hoger .newpostsbox-small .innehallbox .post {padding:5px 0px 15px 0px;}
#hoger .newpostsbox-small .innehallbox h3 {font-size:16px;}
#hoger .newpostsbox-small p span.datum {color:#999;}
#hoger .newpostsbox-small p.thumbs {background:transparent url(images/bg_thumbs.jpg) no-repeat top left;}
#hoger .newpostsbox-small p.thumbs img {margin:8px 8px 0px 8px;}
#hoger .newpostsbox-small p.thumbs span {padding:0px 8px 10px 20px;}
#hoger .newpostsbox-small p.author {color:#999; font-style:italic;}
#hoger .newpostsbox-small p.author img {margin:5px 13px 0px 5px;}
/*---------------------- */

#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.txtlarge           { width:300px;}
.uploadright {text-align:right; padding:10px 10px 10px 0px; width:auto; /*float:right;*/ margin-bottom:10px; font-size:14px;}
div.clear {clear:both;}
div.left {float:left;}
div.right {float:right;}
.gray  {color:#5e5e5e;}
p.paging {clear:left; text-align:right; padding:10px 0px 10px 0px; }


/***  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; }