/* 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;}
div {font-size:12px; }
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 .picsbox {background:transparent url(images/bg_pics_topp.jpg) no-repeat top left; width:580px; height:100%;}
#vanster .picsbox .innehallbox {padding:30px 30px 0px 30px;}
#vanster .picsbox .innehallbox .storfotoram {background:transparent url(images/bg_fotoram_stor.jpg) no-repeat top left; margin:0px 0px 20px 0px;width:514px; height:406px; text-align:center;}
#vanster .picsbox .innehallbox .storfotoram img {margin:18px 15px 10px 18px;}
#vanster .picsbox .innehallbox .storfotoram p {padding:0px 0px 0px 18px;}

#vanster .picsbox .innehallbox p.uploadleft {padding:10px 0px 10px 0px; float:left;}
#vanster .picsbox .innehallbox p.uploadright {text-align:right; padding:10px 0px 10px 0px; width:250px; float:right;}
#vanster .picsbox .innehallbox ul {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; list-style:none; float:left;}
#vanster .picsbox .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 .picsbox .innehallbox ul li.tredje {margin:0px 0px 0px 0px;}
#vanster .picsbox .innehallbox ul li img {margin:13px 13px 5px 13px;}
#vanster .picsbox .innehallbox ul li img.flagga {margin:0px 10px 0px 13px;}
#vanster .picsbox-botten {background:transparent url(images/bg_pics_botten.jpg) no-repeat top left; width:580px; height:63px;}
#vanster .picsbox .innehallbox p.paging {clear:left; text-align:right; padding:10px 0px 10px 0px; width:510px;}


#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:30px 30px 0px 30px; clear:left;}
#vanster .kategori-2 .innehallbox {padding:50px 30px 0px 30px; clear:left;}

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

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

#vanster .kategori .innehallbox ul li ul {margin:10px 0px 0px 0px;}
#vanster .kategori .innehallbox ul li ul li {font-size:10px; color:#666; padding:5px 0px 5px 0px;}
#vanster .kategori .innehallbox ul li ul li.reply {font-size:14px; color:#666; padding:5px 0px 0px 0px; text-align:right; width:520px;}


#vanster .kategori .innehallbox img {float:left; margin:0px 10px 0px 0px;}
#vanster .kategori .innehallbox h2 {padding:0px 0px 7px 170px;}
#vanster .kategori .innehallbox h3 {padding:0px 0px 7px 0px;}
#vanster .kategori .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;}

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


#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:284px;height:100%; padding:70px 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 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;}

#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 */
/***  GRID FÖR DYNAMIC LAYOUT ************************************/
/*Photos*/
.imglarge {margin:18px 15px 10px 18px;}
.uploadleft {padding:10px 0px 10px 0px; float:left; width:320px; float:left;}
.uploadright {text-align:right; padding:10px 10px 10px 0px; width:250px; float:right; margin-bottom:10px;}

span.splitter { font-size: 10px; color:#8b8b8b;}
span.splitterdark { font-size: 10px; color:#6c6c6c;}
div.clear {clear:both;}
div.left {float:left;}
div.right {float:right;}
div.btnleft { float:left; width:270px; margin:0px 0px 0px 8px; font-size:10px; color:#808080; }
div.btnright { float:left; width:200px; margin:0px 18px 0px 0px; text-align:right;}
div.picBottom a, a:link, a:visited {color:#4a708b; font-size:11px; text-decoration:none; }

.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; }