/****** GLOBALA ******/
/*
 * Kanske fixa om h3 till nån div så vi får ner #bar h1 osv till globala, sparar os lite :) 
 * 
*/
* {
	margin: 0; 
	padding: 0
}

BODY {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #E7E7E7 url('../img/background.gif') repeat-y center 
}

A {text-decoration: none}
LI {list-style-type: none}
IMG {border: none}
INPUT, TEXTAREA, DIV, LI, A, TD, TH, HR {border: #C9C9C9 1px}

INPUT, TEXTAREA {
	font-size: 10px;	
	font-family: inherit;
	border-style: solid
}

P {
	padding: 5px 5px;
	text-align: justify
}

A:link, A:visited	{color: #6A0A78}
A:hover				{color: #A10FB6; text-decoration: underline}

DIV#container {
	width: 700px;
	margin-left: -350px;
	position: relative;
	left: 50%
}

DIV#logo {
	width: 700px;
	height: 200px;
	background: #F5F5F5 url('../img/logo.jpg');
	border-bottom-style: solid
}

DIV#footer {
	width: 700px;
	margin-left: -350px;
	position: relative;
	left: 50%
}

/****** HEADINGS ******/
DIV#main H1, DIV#main H2, DIV#main H3, DIV#main H5, DIV#bar H1, DIV#bar H2, DIV#calendar SPAN#today {color: #6A0A78}
H1 + P, H2 + P, DIV.newsitem > P {margin-top: -4px}
DIV#main H1 {font-size: 17px}

DIV#main H2 {
	font-size: 14px;
	margin-top: 5px
}

DIV#main H3 {font-size: 13px}

DIV#main H4 {
	color: #787878;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	margin: -4px 0 10px 10px
}

DIV#main H5 {
	font-size: 12px;
	padding-left: 10px
}

DIV#bar DIV#submenu H1 {
	width: 60%;
	font-size: 12px;
	margin-top: 2px;
	border-bottom: solid 1px #C9C9C9;
	cursor: default
}

DIV#bar DIV#nextarr H2 {
	font-size: 12px;
	text-align: center;
	margin: 5px 0 6px 0
}

/****** MENU ******/
DIV#menu {
	height: 18px;
	background-color: #FCFCFC;
	border-bottom-style: dashed
}

DIV#menu LI {float: left}					/* Bör ses över */
DIV#menu LI:first-child A, DIV#menu A#active {border: none} /* , DIV#menu LI#active + LI A, för att skapa samma pixelfel i Ff som i IE */

DIV#menu A {
	float: left;
	display: inline;
	padding: 2px 25px 3px 24px;
	border-left-style: solid;
	text-decoration: none
}

DIV#menu A:hover {
	color: #000000;
	background-color: #C9C9C9
}

DIV#menu li#active A {
	color: #FFFFFF;
	background-color: #6A0A78
}

/****** FULL ******/
DIV#full {background-color: #FCFCFC}
TABLE#map TD, DIV#full TH {text-align: center}

TABLE#map TD {
	font-size: 9px;
	border-bottom-style: dashed
}

TABLE#map TH {
	color: #6A0A78;
	background-color: #F5F5F5;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	border-bottom-style: solid
}

/* TABLE#map TR + TH {border-right-style: solid}  lägga till kant till höger */
/* Kanske lägga till TABLE#map TH + TH */
/****** MAIN ******/
DIV#main {
	width: 497px;
	background-color: #FCFCFC;
	padding: 5px;
	float: left
}

DIV.newsitem {
	padding: 2px 0 30px 5px;
	position: relative;
	clear: both
}

DIV.posted {
	color: #676767;
	float: left
}

DIV.comment {float: right}
P.adress {margin: 10px 25px}
DIV#pres {padding: 10px 0 10px 40px}

DIV#login {
	width: 220px;
	background-color: #F5F5F5;
	text-align: center;
	margin-left: -110px;
	position: relative;
	left: 50%;
	border-style: solid
}

DIV#pres IMG {
	width: 105px;
	height: 105px;
	margin: 15px;
	float: left;
	border: solid 1px #E8E9EB
}

DIV#left {
	width: 265px;
	float: left
}

DIV#right {
	width: 232px;
	float: left /* Skumt att den floatar vänster ;), ska användas tillsammans med #left för att då bli högerlagret */
}

DIV#href {
	float: right;
	padding: 10px;
	font-size: 14px
}

DIV#right INPUT, DIV#right TEXTAREA, DIV#left INPUT, DIV#left TEXTAREA {
	width: 85%;
	margin-left: 20px
}

DIV#right UL {padding: 5px}
DIV#right UL LI DIV SPAN {color: #A00000} /* Läskig :P */


DIV#center {
	width: 100%;
	text-align: center;
	clear: both
}

DIV#right LI DIV {
	font-size: 10px;
	display: none;
	margin: 0 0 0 10px
}

TABLE.gallery TD {text-align: center}

/****** BAR ******/
DIV#bar {
	width: 188px;
	font-size: 10px;
	background-color: #F5F5F5;
	float: right
}

DIV#bar HR {
	height: 1px;
	width: 70%;
  margin: 10px 0;
	background-color: #C9C9C9;
	border-style: none
}

/* Firefox-"bugg" :-O ful lösning men det funkar iaf */
DIV#bar > HR {
	margin: 10px -35%;
	position: relative;
	left: 50%
}

/****** BAR: SUBMENU ******/
DIV#submenu {padding: 5px}
DIV#submenu UL {padding: 2px 2px 2px 14px}
/*DIV#bar DIV#submenu LI:first-letter {text-transform: capitalize} Den här blir skum vid hover */

/****** BAR: NEXT ARR ******/
DIV#nextarr {
	height: 130px;
	padding: 5px;
	cursor: default
}

DIV#nextarr IMG {
	width: 80px;
	float: left;
	border: solid 1px #AEAEAE
}

DIV#nextarr LI {
	color: #676767;
	padding: 1px 0 1px 3px;
	border-top-style: dashed
}

DIV#nextarr UL {margin: 14px 0}
DIV#nextarr UL:first-child LI {border-top-style: none}

/****** BAR: CALENDAR ******/
DIV#calendar {
	padding: 5px 13px;
	cursor: default
}

DIV#calendar TABLE {
	width: 158px;
	text-align: center
}

DIV#calendar TH {
	font-size: 12px;
	font-weight: bold;
	color: #6A0A78
}

DIV#calendar TH:first-letter {text-transform: capitalize}
DIV#calendar TR#days TH {font-size: 10px}

DIV#calendar TD {
	color: #676767;
	padding: 1px 3px;
}

DIV#calendar TD A {
	text-decoration: underline;
	font-weight: bold
}

DIV#calendar A:link, DIV#calendar A:visited {color: #676767}
DIV#calendar A:hover {color: #898989}


/******** NYA GREJER, SKA SLIMMAS SENARE ********/

UL#list {padding: 2px 0 0 6px}

UL#list LI.preview {
	color: #676767;
	margin: 0 0 4px 12px
}

SPAN.small {font-size: 10px; font-style: italic} /* Var faan används denna? :S */

DIV#arrimage {
	float: left;
	padding: 5px;
	width: 150px
}

DIV#arrdescription {clear: both}

TEXTAREA.mail
{
	width: 485px;
	height: 250px;
}