html {
  height: 100%;
}

body { 
  background-color: black;
  position: relative;
  z-index: 0;
  margin: 0px;
  padding: 0px;
  height: 100%;
}

img
{
 border: 0px;   
}

/* De två tabeller som bygger upp sidans struktur */

table.struktur, table.struktur tr, table.struktur tr td {
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  vertical-align: top;
}

table.struktur
{
  border-collapse: collapse;
}

#maintable
{
 width: 90%;
 min-width: 910px;
 margin: auto;
 position: relative; 
 text-align: left;   
}

#headertable
{
 text-align: center;
 position: relative;
 left: 0px; 
 /* top olika för olika bilder, sätt is overall_header.tpl */
 width: 100%;
 min-width: 910px;
 border-spacing: 0px;
}

/* Bakgrundsbilden med träden som fadear till svart */

#bgimage
{
 width: 100%;
 min-width: 910px;
 position:absolute;
 top:0px;
 left:0px;
 z-index:-2;
 margin:auto;
}

/* ??? */

span.index {
 margin-left: 10px;
 display: block;
}

td.index
{
 text-align: left;   
}

/* Rubrikerna på sidorna */

.sidebar .menyrubrik
{
 color: white;
 width: 100%;
 font-size: 16px;
 font-weight: bold;
 font-variant: small-caps;
 /*border-bottom: 2px solid white;*/
 font-family: arial;
 text-decoration: none;
 position:relative;
 top: 1px;
 padding-top: 15px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}

.sidebar .menyrubrik a
{
 color: white;
 text-decoration: none;	
}

.left .menyrubrik
{
 left: 14px;
 text-align: left;
}

.right .menyrubrik
{
 text-align: right;
 left: -14px
}

td div.menyrubrik:first-child
{
 padding-top: 25px;
}

/* De vita linjerna på sidorna */

.ruler
{
 width: 100%;
 height: 2px;
 background-color: white;
 z-index: -1;
 position: relative;
 overflow: hidden;   
}

.left .ruler
{
 left: 12px;   
}

.right .ruler
{
 left: -12px;   
}

/* Faktiska innehållet under rubrikerna på sidorna */

div.meny
{
 color: rgb(150,150,150);
 font-size: 12px;
 position:relative;
 width: 80%;
}

.left div.meny
{
 left: 17px;
}

.right div.meny
{
 left: -17px;
 text-align: right;
 margin-right: 0;
 margin-left: auto;
}

div.meny div
{
 display: block;
 color: rgb(150, 150, 150);
 text-decoration: none;
 padding-top: 5px;
 font-size: 11px;
 font-weight: lighter;
 font-family: arial;
}

div.meny a
{
 color: white;
 text-decoration: none;
}

div.meny a.revert
{
 color: rgb(150, 150, 150);
 text-decoration: none;
 white-space: nowrap;
}

div.meny input
{
 color: RGB(150, 150, 150);
 background-color: transparent;
 border: 1px solid RGB(150, 150, 150);
}

.formline
{
 vertical-align: bottom !important;
 margin: 0 !important;
 padding: 0 !important;   
}

.tight
{
 padding: 0px !important;
 margin: 0px !important;   
}

.tight2
{
  margin:0 !important;
  padding: 4px 0 0 0 !important;   
}

.bottom_air
{
 height: 25px;   
}

/* Layout för mainpage */

table.mainpage_table
{
 margin-top: 10px !important;
}

table.mainpage_table, table.mainpage_table table
{
 border-spacing: 0px;
 border-collapse: collapse; 
}

table.mainpage_table td
{
 padding: 5px 7px 5px 7px !important;  
 margin: 0px !important;
 vertical-align: top !important;   
}

table.mainpage_table table td
{
 padding: 0px 0px 5px 0px !important;  
 margin: 0px !important;
}

table.mainpage_table h2
{
 margin: 0px !important;
 padding: 0px !important;   
}

.leftmost
{
 width: 1px;
}

.image_c
{
}

.content_c
{
 width: 100%;   
}

.image_c img
{
 height: 150px;   
}

.arrow_cell
{
 width: 16px;   
}

/* Layout för attachments i viewtopic */

td.attachrow		{ margin-bottom:100px; font-size:80%; }
td.attachheader     { border-bottom: 1px solid black; font-size:80%; }
table.attachtable	{ width:100%; margin:auto; border-spacing: 0px 3px; }

/* Ingen aning vad detta är... */

.dom_overview_abshidden {
	position: absolute;
	visibility: hidden;
	width: 300px;
}

/* För att visa ramar i olika färger. */

/*

table.struktur td
{
 border: 1px solid red;   
}

table.struktur table td
{
 border: 0px solid red;   
}

table.struktur table table td
{
 border: 1px solid green;   
}

div.dokuwiki
{
 border: 1px solid purple;
}

div.menyrubrik, div.meny
{
 border: 1px solid blue;
}

.huvudtext
{
 border: 1px solid yellow;
}

*/