/*=== Överallt ===*/

	html {
	  padding: 0;
	  margin: 0;
	}
	
	#everything {}

	body {
		background-color: #fcfcfc;
		color: #222;
		min-width: 480px;
		margin: 0;
		padding: 0;
	}
	
	a {
		color: #19e;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover, a:active {
		color: #169;
	}
	
	img {
		border: 0;
	}
	
	input[type="text"], input[type="password"], textarea {
		border: 1px solid silver;
	}
	
	input[type="submit"] {
		margin: 1.5em 0;
	}
	
	p {
		margin-bottom: 1em;
	}
	
	table {
		border-collapse: collapse;
	}
	
	th {
		text-align: left;
		padding: 1em 0;
	}
	
	td {
		padding: 0 2em 0.5em 0;
	}
	
	textarea {
		display: block;
	}
	
/*=== Sidhuvud ===*/

	div#header {
		background: url(../images/background-top.jpg) no-repeat center bottom;
		position: relative;
		font: 75%/1.4em 'Lucida Grande', Verdana, Sans-serif;
	}
	
	h1 {
		text-indent: -9000px;
		position: absolute;
		right: 20px;
	}

	h1 a {
		display: block;
		background: url(../images/logo.png) no-repeat center top;
		width: 130px;
		height: 94px;
	}

/*=== Inloggning ===*/

	div#login-box {
		margin-bottom: 1em;
	}

	div#login-box label {
		display: block;
	}

	div#login-box label span {
		display: block;
	}

	div#login-box label input.textfield {
		border: 1px solid silver;
	}

	div#login-box label.login-checkbox {
		margin: 0.5em 0;
	}

	div#login-box label.login-checkbox input {
		float: left;
		margin-right: 0.5em;
		margin-top: 3px;
	}

	div#login-box input.submit-button {
		margin-bottom: 0.5em;
	}
	
	div#login-box #login-misc a {
		margin-right: 0.5em;
	}
	
	div#logout-box {
		margin-bottom: 1em;
	}

/*===== Meny =====*/

	ul#menu {
		margin: 0 1em;
		padding: 8em 0 0 0;
		list-style: none;
	}

	ul#menu li {
		float: left;
		margin: 0;
		padding: 0;
		text-transform: lowercase;
	}

	ul#menu li a {
		display: block;
		background: #fff;
		-moz-opacity: .7;
		background: rgba(255, 255, 255, 0.7);
		padding: 0.4em 1em;
		margin: 0 1px 0 0;
		color: #000;
		text-decoration: none;
		-moz-border-radius-topleft:8px;
		-webkit-border-top-left-radius:8px;
		-moz-border-radius-topright:8px;
		-webkit-border-top-right-radius:8px;
		font-weight: normal;
	}
	
	ul#menu li a:hover {
		-moz-opacity: 1;
		background: rgba(255, 255, 255, 1);
	}
	
	ul#menu li.current a {
		background: #000;
		-moz-opacity: .7;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		text-shadow: 0 0 0 #000;
	}
	
	div#menu-bar {
		background: #000;
		-moz-opacity: .7;
		background: rgba(0, 0, 0, 0.7);
		height: 3em;
		color: #fff;
		text-shadow: 0 0 0 #000;
		position: relative;
	}
	
	br.clear {
		clear: both;
	}
	
	#breadcrumbs {
		position: absolute;
		left: 1.7em;
		top: 1em;
		text-transform: lowercase;
	}
	
	#breadcrumbs a {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
	}
	
	#breadcrumbs a:hover {
		color: grey !important;
	}
	
	#search {
		position: absolute;
		right: 1.7em;
		top: 0.5em;
	}
	
/*=== Innehåll ===*/

	h2 {
		font-family: 'Times New Roman', Times, serif;
		font-size: 2.5em;
		margin: 0 0 0.3em 0;
		color: #19e;
		line-height: 100%;
	}
	
	h2.accessibility {
	  font-size: 1px;
	  height: 0px;
	  overflow: hidden;
	  text-indent: -9000px;
	  margin: 0;
	}
	
	h3 {
		font-family: 'Lucida Grande', Verdana, Sans-serif;
		font-size: 1.6em;
	}
	
	#content-for-layout {
		font: 70%/0.8em 'Lucida Grande', Verdana, Sans-serif;
		line-height: 1.3em;
	}
	
	#content {
		margin-right: -25em;
		width: 100%;
		float: left;
	}
	
	#main {
		margin-right: 25em;
		padding: 2.5em 2em 3em 4em;
		overflow: hidden;
	}
	
	#side {
		width: 20em;
		padding: 3.5em 4em 3em 1em;
		float: right;
		color: #555;
		font-size: 0.9em;
		overflow: hidden;
	}
	
	.watch {
		background: #f3f3f3;
		border: 2px solid #ccc;
		padding: 0.5em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}
	
	.notice {
		padding: 1em 0 0 4em;
	}
	
/*=== Sidfot ===*/

	div#footer {
		padding: 1em;
		clear: both;
		font: 70%/0.8em 'Lucida Grande', Verdana, Sans-serif;
	}