ul#navigation {
	width:574px;
	height:80px;
	margin:-80px auto 0 auto;
}

ul#navigation li { margin:0 auto; display:block; float:left; height:100%; }
ul#navigation a { display:block; width:100%; height:100%; background-repeat:no-repeat; text-indent:-9999px; outline:none; }

li#navitem1 { width:110px; }
li#navitem2 { width:158px; }
li#navitem3 { width:143px; }
li#navitem4 { width:163px; }

/* Länkarnas bakgrundsbilder */
li#navitem1 a { background-image:url('/_images/navitem1.png'); }
li#navitem2 a { background-image:url('/_images/navitem2.png'); }
li#navitem3 a { background-image:url('/_images/navitem3.png'); }
li#navitem4 a { background-image:url('/_images/navitem4.png');}

/* Hover över menyn */
ul#navigation:hover li#navitem1 a, ul#navigation:hover li#navitem1.active a { background-position:-110px 0; }
ul#navigation:hover li#navitem2 a, ul#navigation:hover li#navitem2.active a { background-position:-158px 0; }
ul#navigation:hover li#navitem3 a, ul#navigation:hover li#navitem3.active a { background-position:-143px 0; }
ul#navigation:hover li#navitem4 a, ul#navigation:hover li#navitem4.active a { background-position:-163px 0; }

/* Hover över länkar */
ul#navigation li#navitem1 a:hover { background-position:-220px 0 !important; }
ul#navigation li#navitem2 a:hover { background-position:-316px 0 !important; }
ul#navigation li#navitem3 a:hover { background-position:-286px 0 !important; }
ul#navigation li#navitem4 a:hover { background-position:-326px 0 !important; }

/* Aktiva länkar = aktuell sida */
ul#navigation li#navitem1.active a { background-position:-220px 0; }
ul#navigation li#navitem2.active a { background-position:-316px 0; }
ul#navigation li#navitem3.active a { background-position:-286px 0; }
ul#navigation li#navitem4.active a { background-position:-326px 0; }



html {
	width:100%; height:100%;
	background:#c9dab1 url('/_images/htmlbg.png') repeat top center;
	overflow-x:auto;
	overflow-y:scroll;
	
	
}

body {
	margin:0 auto;
	width:800px; min-height:100%;
	background:#fff url('/_images/bodybg.png') repeat-y center center;
	
	
	/* Typografi */
	font-size:14px;
	font-family:'Lucida Sans', 'Lucida Grande', 'Arial', sans-serif;

}

div#logo {
	width:800px;
	height:200px;
	background:#FFF url('/_images/logobg.png') no-repeat;
}

div#content {
	padding:60px;
}




h1 {
	color:#c35e1b;
	font-size:1.5em;
	line-height:1.5em;
	letter-spacing:-0.1em;
}

h2 {
	color:#4e781e;
	font-size:1.3em;
	line-height:1.15em;
	margin:1.15em 0;
	font-style:italic;
}

h3 {
	color:#000;
	font-size:1em;
	line-height:1.5em;
	margin:1.5em 0 0 0;
	font-weight:bold;
}

p {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
}


div#intro {
	padding:50px;
	margin:0 10px;
	background:url('/_images/hr2.png') repeat-x left bottom;
}

div#intro p {
	color:#555;
	margin:0;
	font-size:1.1em;
}


/*p {
	color:#000;
	font-size:1em;
	line-height:1.5em;
	margin:1.5em 0;
	
}



/*h2 {
	color:#9d5fb0;
	font-style:italic;
	font-size:125%;
	font-weight:bold;
	margin:0.5em 0;
}*/


table thead th {
	background-color:#edddf3;
	border-top:none;
}

table {
	margin:1.5em 0;
	font-size:1em;
	line-height:1.5em;
	border-collapse:collapse;
}

table td, table th {
	border:solid #ddbde7;
	border-width:4px 0;
	padding:0.5em 1em;
	vertical-align:top;
}

table th {
	font-weight:bold;
}

input {
	font-size:1.1em;
	padding:0.2em;
}

input.text.medium {
	width:10em;
}
input.text.small {
	width:5em;
}
input.text.large {
	width:15em;
}

form table {
	width:80%;
}

form#registrera {
	border:solid #ddbde7;
	border-width:3px 0;
	background-color:#edddf3;
	padding:1.5em;
}


form table th {
	width:40%;
	text-align:right;
}
form table td {
	width:60%;
}

form table td, form table th {
	padding:0.5em;
	border:none;
}


form button {
	padding:0.5em;
	font-size:1.1em;
	border:solid #9d5fb0;
	border-width:7;
	background-color:#fff;
}

form button:hover {
	background-color:#9d5fb0;
	color:#fff;
}

div.message {
	margin:3em;
	padding:1.5em;
	border:3px solid #ccc;
	background-color:#FFF;
}
div.message.error {
	color:red;
	border-color:red;
}















/* Listor */
div#content ul {
	margin:1em;
	padding-left:2em;
}
div#content ul li {
	list-style-type:disc;
	list-style-position:outside;
}





table#kalendarium th { text-align:center; }

table#kalendarium col.col1 {
	width: 20%;
}
table#kalendarium col.col2,
table#kalendarium col.col3 {
  width: 40%;
  border-left: 4px solid #edddf3;
}