/*   	CSS dokument för Efactorum, Finlands Svenska Rollspelsförening Eloria rf.
	Design (c) Sebastian Köhler 2007, dejan_winterfield(at)hotmail(dot)com
 */

/* Grundläggande layout */

body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;

	background-image: url(../haunting_bakgrund.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
}

p.p_centered {
	text-align: center;
}

p.p_small_font {
	font-size: 0.8em;
}

a:link {
	color: #CCCCCC;
}

a:visited {
	color: #999999;
}

#container {
	position: absolute;
	left: 50%;
	top: 0%;
	margin-top: 0;
	margin-left: -500px;
	padding: 0;
	width: 1000px;
	height: 590px;
	overflow: hidden;
}

#text_container {
	position: absolute;
	left: 50%;
	top: 215px;
	margin-top: 0;
	margin-left: -300px;
	padding: 10px;
	width: 600px;
	height: 350px;
	overflow: auto;
}

#meny_imap dd {
  position:absolute;
  top: auto;
  left: auto; 
  padding:0; 
  margin: auto auto;
}

#meny_imap #bild_inledning {
  left:109px;
  top:146px;
  z-index:20;
}

#meny_imap #bild_allmant {
  left:269px;
  top:138px;
  z-index:20;
}

#meny_imap #bild_praktisk_info {
  left:427px;
  top:146px;
  z-index:20;
}

#meny_imap #bild_roller {
  left:642px;
  top:146px;
  z-index:20;
}

#meny_imap #bild_regler {
  left:778px;
  top:146px;
  z-index:20;
}

#meny_imap #bild_spoke {
  left:228px;
  top:175px;
  z-index:20;
}

#meny_imap #bild_text {
  left:543px;
  top:174px;
  z-index:20;
}

#meny_imap a#inledning {
  display:block; 
  width:132px; 
  height:29px; 
  background:transparent url(../menybilder/haunting_inledning.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#allmant {
  display:block; 
  width:129px; 
  height:36px; 
  background:transparent url(../menybilder/haunting_allmant.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#praktisk_info {
  display:block; 
  width:188px; 
  height:28px; 
  background:transparent url(../menybilder/haunting_praktisk_info.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#roller {
  display:block; 
  width:110px; 
  height:28px; 
  background:transparent url(../menybilder/haunting_roller.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#regler {
  display:block; 
  width:113px; 
  height:29px; 
  background:transparent url(../menybilder/haunting_regler.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#spoke {
  display:block; 
  width:286px; 
  height:32px; 
  background:transparent url(../menybilder/haunting_spoke.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#text {
  display:block; 
  width:225px; 
  height:33px; 
  background:transparent url(../menybilder/haunting_text.jpg) -300px -300px no-repeat; 
  text-decoration:none; 
  z-index:20;
}

#meny_imap a#inledning:hover, #meny_imap a#allmant:hover, #meny_imap a#praktisk_info:hover, #meny_imap a#roller:hover, #meny_imap a#regler:hover, #meny_imap a#spoke:hover, #meny_imap a#text:hover {
	background-position: 0 0;
}