/* Stilar för nästan alla sidor i full storlek, förutom index sidan */

/* GRUNDLÄGGANDE STILAR (START) */

body {
	background-image: url('index_bilder/bakgrund.png');
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: black;
	margin: 0;
	padding: 0;
	text-align: justify;
}

/* [if IE 7] Det här fixar IE7 buggen med sidorna som annars skulle sakna övre marginal och börja under huvudnavigeringen */
* body { margin-top:160px; }
* #pop_up_body { margin-top:0; }
/* [endif] */

a:link {
	color: #990000;
}

a:visited {
	color: #000099;
}

h1 { /* Rubrik 1, skall endast användas en gång per sida: sidans titel */
	font-size: 1.2em;
	font-weight: bold;
}

h1.h1_pagetop { /* Rubrik 1 -stil om den används i början av en sida (tar bort överlopps tomrum) */
	margin-top: 0;
}

h2 { /* Rubrik 2 - den första underrubriken. Jmf. "sektion 1.3" */
	font-size: 1.0em;
	font-weight: bold;
}

h3 { /* Rubrik 3 - den andra underrubriken. Jmf. "sektion 1.3.2"*/
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
}

ul {
	list-style-type: disc;
}

a.named_anchor { /* Stil för länkar som går till andra ställen på samma sida */
	position: relative;
	top: -150px;
}

/* GRUNDLÄGGANDE STILAR (SLUT) */



/* SIDOSTRUKTUR (START) */

#header { /* Här finns rubrikbilden på varje sida */
	margin: 160px 0 0 200px;
	padding: 0;
	width: 760px;
}

#container { /* Detta är en behållare för de två kolumnerna */
	margin: 0 0 15px 200px;
	padding: 0 0 30px 0;
	width: 760px;
}

#container_index { /* Detta är en behållare för de två kolumnerna med nyheter */
	/* float: left; */
	margin: 0 0 15px 200px;
	padding: 0 0 30px 0;
	width: 760px;
	clear: both;
}

#leftColumn { /* Vänstra kolumnen där navigeringen inom kategorin/ämnet ligger */
  float: left;
  margin: 0 0 100px 0;
  padding: 0;
  width: 275px;
}

#leftColumn_index { /* Placering och storlek på den vänstra kolumnen på startsidan */
  float: left;
  margin: 0;
  padding: 0;
  width: 370px;
}

#rightColumn { /* Högra kolumnen där innehållet sitter. Kolumnen är 485px bred */
  margin: 0 0 0 275px;
  padding: 0;
}

#rightColumn_index { /* Placering på den högra kolumnen på startsidan. Bredden bestäms av marginalen, behållaren och vänstra kolumnen */
  margin: 0 0 0 397px;
  padding: 0;
  clear: right;
}

#footer {
  margin: 20px 0 0 200px;
  padding: 3px 0 20px 0;
  width: 760px;
  font-size: 0.7em;
  text-align: right;
  clear: both;
  border-top: 1px solid black;
}

#footer_index { /* Placering av footer under kolumnerna på startsidan */
  margin: 0 0 0 200px;
  padding: 50px 0 20px 0;
  width: 767px;
  font-size: 0.7em;
  text-align: center;
  clear: both;
}

#pagetitle_image { /* Bestämmer hur kategoribilden/rubrikbilden skall placeras (en div tag som img.menu stilen nedan används inuti). Bilden ska vara 750px bred */
	margin: 10px;
	height: auto;
	width: auto;
	float: left;
	display: inline;
}

img.menu { /* Placering av kategoribilden/rubrikbilden (t.ex. Eloria, Lajv, Bordsrollspel...) */
	border: 0;
	margin-left: 0;
	width: auto;
	height: auto;
}

/* SIDOSTRUKTUR (SLUT) */

/* HUVUD- och SIDONAVIGERING (START) */
.huvud_nav_link { display: block; text-indent: -9999px; background: url('index_bilder/huvudnavigering_sprite.png') no-repeat; position: absolute; }
.sido_nav_link { display: block; text-indent: -9999px; background: url('index_bilder/sidonavigering_sprite.png') no-repeat; position: absolute; }
ul#startnavigering { list-style: none; display: block; width: 199px; height: 203px; background: url('index_bilder/huvudnavigering_sprite.png'); position: fixed; top: 0; left: 0; padding: 0; margin: 0; }
ul#startnavigering li { background: none; }
#start_link { height: 186px; width: 185px; top: 9px; left: 7px; background-position: -7px -9px; }
#start_link:hover, #start_link.hover { background-position: -977px 0; }
ul#huvudnavigering { list-style: none; display: block; width: 778px; height: 142px; background: url('index_bilder/huvudnavigering_sprite.png') -199px 0; position: fixed; top: 0; left: 199px; padding: 0; margin: 0; z-index: 10; }
ul#huvudnavigering li { background: none; }
#eloria_link { height: 58px; width: 109px; top: 73px; left: 70px; background-position: -269px -73px; }
#eloria_link:hover, #eloria_link.hover { background-position: -199px -142px; }
#lajv_link { height: 58px; width: 87px; top: 73px; left: 225px; background-position: -424px -73px; }
#lajv_link:hover, #lajv_link.hover { background-position: -308px -142px; }
#rollspel_link { height: 58px; width: 145px; top: 73px; left: 358px; background-position: -557px -73px; }
#rollspel_link:hover, #rollspel_link.hover { background-position: -395px -142px; }
#forum_link { height: 58px; width: 117px; top: 73px; left: 549px; background-position: -748px -73px; }
#forum_link:hover, #forum_link.hover { background-position: -540px -142px; }
ul#sidonavigering { list-style: none; display: block; width: 162px; height: 333px; background: url('index_bilder/sidonavigering_sprite.png') 0 0; position: fixed; top: 203px; left: 24px; padding: 0; margin: 0; z-index: 10; }
ul#sidonavigering li { background: none; }
#kalender_link { height: 43px; width: 120px; top: 3px; left: 16px; background-position: -16px -3px; }
#kalender_link:hover, #kalender_link.hover { background-position: 0 -333px; }
#bibliotek_link { height: 43px; width: 120px; top: 51px; left: 16px; background-position: -16px -51px; }
#bibliotek_link:hover, #bibliotek_link.hover { background-position: 0 -376px; }
#galleri_link { height: 25px; width: 120px; top: 105px; left: 16px; background-position: -16px -105px; }
#galleri_link:hover, #galleri_link.hover { background-position: 0 -419px; }
#lankar_link { height: 25px; width: 120px; top: 141px; left: 16px; background-position: -16px -141px; }
#lankar_link:hover, #lankar_link.hover { background-position: 0 -444px; }
#uthyrning_link { height: 29px; width: 120px; top: 177px; left: 16px; background-position: -16px -177px; }
#uthyrning_link:hover, #uthyrning_link.hover { background-position: 0 -469px; }
#login_link { height: 22px; width: 28px; top: 233px; left: 62px; background-position: -62px -233px; }
#login_link:hover, #login_link.hover { background-position: -120px -333px; }
/* HUVUD- och SIDONAVIGERING (SLUT) */

/* VERTIKALNAVIGERING (START) */
#vertical-list-container { width: 260px; }
#vertical-list-container a { border: none; }
#vertical-list-container a:hover img { visibility: hidden; }
#vertical-list { margin: 0;	padding: 0;	list-style: none; }
#vertical-list li {	margin: 0; padding: 0; }
#vertical-list li a { display: block; height: auto; border: none; text-decoration: none; }
#vertical-list li a img { border: none;	vertical-align: bottom; /* for IE6 */}
#vertical-list li a:hover img {	visibility: visible; }
#vertical-list li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* VERTIKALNAVIGERING (SLUT) */

/* INDEX SPECIFIKA STILAR (START) */

div.nyhet { /* Stil för nyhetsinlägg i de båda kolumnerna */
	padding-top: 5px;
	margin-top: 5px;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.welcome_image { /* Bestämmer hur den slumpmässiga välkomstbilden skall placeras */
	margin: 10px;
	height: auto;
	width: auto;
	float: left;
	display: inline;
}

div.welcome_image img { /* Bestämmer hur den slumpmässiga välkomstbilden skall se ut */
	border: 2px solid black;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 0;
	width: auto;
	height: auto;
}

div.welcome_image a:hover img { /* Stil för välkomstbilden på mouse-over */
	border: 2px solid #990000;
	padding: 1px;
}

#welcome_text { /* Bestämmer hur välkomsttexten bredvid bilden skall placeras */
	margin: 10px;
	height: auto;
	width: auto;
	float: left;
	display: inline;
}

h1.bildrubrik_index { display:block; text-indent: -9999px; width: 283px; height: 30px; margin: 0 auto 0 auto; }
h1#forum_text { width: 330px !important; background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat -400px 0; }
h1#aktuellt_text { background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat -400px -30px; }
h1#hemsidan_text { background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat -400px -60px; }
h1#lajv_text { background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat -400px -90px; }
h1#rss_text { background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat -400px -120px; }
h1#arkiv_text { background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat -400px -150px; }
h1#valkomst_text { display:block; text-indent: -9999px; width: 400px; height: 200px; background:transparent url('index_bilder/index_bildrubriker_sprite.png') no-repeat 0 0; }

#valid_icons { overflow: auto; margin: 0 auto 10px auto; width: 261px; }
#valid_icons p { text-indent: -9999px; width: 80px; height: 15px; padding-right: 3px !important; padding-left: 4px !important; float: left; }
#valid_icons a { display:block; width:100%; height:100%; }
#valid_icons a#xhtml { background:transparent url('index_bilder/validation_icons_sprite.png') no-repeat 0 0; }
#valid_icons a#css { background:transparent url('index_bilder/validation_icons_sprite.png') no-repeat 0 -15px; }
#valid_icons a#rss { background:transparent url('index_bilder/validation_icons_sprite.png') no-repeat 0 -30px; }

#RSS_icon { /* Placering av RSS iconbilden */
	border: 0;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

/* INDEX SPECIFIKA STILAR (SLUT) */



/* POP-UP FÖNSTER (START) */

#pop_up_body {
	background-image: url('index_bilder/pop_up_bakgrund.jpg');
}

div.single_centered_column_620px { /* Behållare för pop-up fönster. Denna är 620px bred. */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 620px;
}

div.single_centered_column_530px { /* Behållare för pop-up fönster. Denna är 530px bred. */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 530px;
}

div.single_centered_column_450px { /* Behållare för pop-up fönster. Denna är 450px bred. */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 450px;
}

div.single_centered_column_280px { /* Behållare för pop-up fönster. Denna är 280px bred. */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 280px;
}

#pop_up_window_footer {
  margin: 0;
  padding: 15px 0 0 0;
  border-top: 1px solid black;
  width: 100%;
  font-size: 0.7em;
  text-align: right;
}

#pop_up_window_footer p {
	padding: 0;
	margin: 0;
}

/* POP-UP FÖNSTER (SLUT) */



/* BILDSTILAR (START) */

div.centered_image img { /* För bilder i högra kolumnen; genomskinlig padding och svart ram, centrerad. REKOMMENDERAD bildstil om bilden också är en länk! */
	display:block;
	border: 2px solid black;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	width: auto;
	height: auto;
}

div.centered_image a:hover img { /* För länkbilder i högra kolumnen; röd ram */
	border: 2px solid #990000;
	padding: 1px;
}

div.centered_image p { /* Textförklaring på bilder i högra kolumnen */
	text-align: center;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
}

img.centered { /* För bilder som används i kolumnerna. Centrerad utan ramar i egen "paragraf" (block). */
    display: block;
	border: 0;
    margin-left: auto;
    margin-right: auto;
	width: auto;
	height: auto;
}

img.inline_left { /* Bild utan ramar i textkolumnerna. "Inline" med texten och fast i vänstra marginalen. (t.ex. flaggorna) */
	display: inline;
	border: 0;
	width: auto;
	height: auto;
	padding-right: 5px;
}

img.float_left { /* Flytande placering av bilder i textkolumner (fast i vänstra marginalen). Får texten att flyta runt bilden. */
	float: left;
	display: inline;
	border: 0;
	width: auto;
	height: auto;
	padding-right: 0.5em;
}

img.float_right { /* Flytande placering av bilder i textkolumner (fast i högra marginalen). Får texten att flyta runt bilden. */
	float: right;
	display: inline;
	border: 0;
	width: auto;
	height: auto;
	padding-left: 0.5em;
}

img.border_centered { /* Centrerade bilder med svart ram, ingen padding. T.ex. bilderna på styrelsemedlemmarna */
	border: 2px solid black;
	width: auto;
	height: auto;
    margin-left: auto;
    margin-right: auto;
}

img.bottom_aligned {
	vertical-align: bottom;
}

/* BILDSTILAR (SLUT) */



/* PARAGRAFSTILAR (START) */

#footer p, #footer_index p {
	padding: 0;
	margin: 0;
}

.p_pagetop { /* Används i högra kolumnen på dess första paragraf om sidan saknar h1 rubrik. Tar bort tomrum. */
	margin-top: 0;
}

.p_small_font { /* Paragraf med mindre fontstorlek */
	font-size: 0.8em;
}

.p_centered { /* Paragraf med centrerad text */
	text-align: center;
}

.p_left_aligned { /* Paragraf med vänsterjusterad text */
	text-align: left;
}

.right_aligned_text { /* Högerjusterad text */
	text-align: right;
}

.no_margins { /* Kan användas för att skriva flera paragrafer efter varandra utan tom rad emellan */
	margin-top: 0;
	margin-bottom: 0;
}

.one_line_top_padding { /* Gör en tom rad ovanför elementet som klassen används på */
	padding-top: 20px;
}

.red_text {
	color:#FF0000;
}

.dark_red_text {
	color:#990000;
}

.blue_text {
	color:#0000CC;
}

/* PARAGRAFSTILAR (SLUT) */



/* ANMÄLNINGBLANKETTEN (START) */

table#anmalningsblankett { /* Stil för tabellen i anmälningsblanketten */
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-spacing: 1px;
	border: 0;
	padding: 0;
	width: 95%;
	font-size: 0.9em;
}

table#anmalningsblankett td {
	width: 25%;
}

td.td_top_aligned {
	vertical-align: top;
}

td.etikett_kolumn {
	width: 115px;
	text-align: right;
}

td.etikett_kolumn_smal {
	width: 95px;
}

td.centrerad_kolumn {
	text-align: center;
}

#blankett input.text_field, #blankett textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 99%;
}

#blankett input.text_field_shorter {
	width: 70%;
}

#blankett textarea.textarea_3rows {
	height: 45px;
}

#blankett textarea.textarea_4rows {
	height: 60px;
}

#blankett textarea.textarea_8rows {
	height: 120px;
}

/* Nedräkningens stil */
#countdown_timer {
	font-family: "Courier New", Courier, mono;
	font-size: 24pt;
	text-align: center;
	font-weight: bold;
}

/* ANMÄLNINGBLANKETTEN (SLUT) */



/* TABELLEN MED KOMMANDE LAJV (START) */

table#kommande_lajv { /* Stil för tabellen med kommande lajv */
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid black;
	background-color: #CCCCCC;
	width: 90%;
	text-align: left;
}

tr.handelserad1 { /* Färg för tabellrad #1 */
	background-color:#FCF6CF;
}

tr.handelserad2 { /* Färg för tabellrad #2 */
	background-color: #FFFFFF;
}

td.datumkolumner {
	padding-right: 3px;
	width: auto;
	vertical-align: top;
}

td.handelsekolumn {
	padding-left: 3px;
	width: auto;
}

td.handelsekolumn a {
	font-style: italic;
	color: #000000;
	text-decoration: none;
}

td.handelsekolumn a:hover {
	font-style: italic;
	color: #990000;
	text-decoration: none;
}

/* TABELLEN MED KOMMANDE LAJV (SLUT) */



/* TABELLEN MED SENASTE INLÄGG PÅ FORUMET (START) */

table#recent_forum_posts { /* Stil för tabellen med senaste inlägg på forumet */
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid black;
	background-color: #CCCCCC;
	width: 90%;
	text-align: left;
	font-size:  0.9em;
}

td.topic_kolumner {
	padding-left: 5px;
	width: auto;
	vertical-align: middle;
}

td.tids_kolumner {
	font-size: 0.8em;
	width: 135px;
	text-align: center;
}

td.tids_kolumner img {
	margin-right: 0;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	padding: 0;
}

td.topic_kolumner a {
	font-style: italic;
	color: #000000;
	text-decoration: none;
}

td.topic_kolumner a:hover {
	font-style: italic;
	color: #990000;
	text-decoration: none;
}

/* TABELLEN MED SENASTE INLÄGG PÅ FORUMET (SLUT) */



/* ÖVRIGA STILAR (START) */

ol.numbered_w_margins li { /* En numrerad lista vars items har tomrum mellan sig */
	margin-top: 0;
	margin-bottom: 1.0em;
}

ul.unnumbered_w_margins li { /* En onumrerad lista vars items har tomrum mellan sig */
	margin-top: 0;
	margin-bottom: 1.0em;
}

a.knapp_ny { /* En liten röd knapp med vit text. Kan användas t.ex. för att markera nytt material och länka till det. */
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background-color: #990000;text-decoration:none;margin:4px;
}

a.knapp_ny:hover {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color: #FFFFCC;background: #990000;text-decoration:none;margin:4px;
}

/* ÖVRIGA STILAR (SLUT) */