html, body {
	margin: 0 0 15px 0;
	padding: 0;
	background: #555 url(../media/bg.jpg) top left repeat-y;
}

img {
	border: none;
}

div#header {
	height: 255px;
	background: url("../media/header.jpg") top left no-repeat;
}

div#container {
	max-width: 1024px;
	width: expression(document.body.clientWidth > 1024? "1024px": "auto");
	padding: 1px;
	background: #555 url("../media/nav.jpg") top left repeat-y;
}

	div#divleft {
		float: left;
	}



		div#nav {
			width: 238px;
			border: solid #eee;
			border-width: 5px 0px;
			_border: solid #11C4FF;
			_background-color: #eee;
		}

		div#nav:hover {
			border: solid #11C4FF;
			border-width: 5px 0px;
			background-color: #eee;
		}

			div#nav ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				text-align: right;
				border: solid #fff;
				border-width: 0 0 1px 0;
			}

			div#nav li {
				display: block;
				margin: 0;
				padding: 0;
			}

			div#nav a {
				display: block;
				width: 200px;
				padding: 10px 19px;
				border: solid #fff;
				border-width: 1px 0 0 0;
				font: 13px trebuchet ms, lucida sans unicode, helvetica, sans-serif;
				text-decoration: none;
				color: #555;
			}

			div#nav a:hover, #nav li:hover {
				text-decoration: none;
				color: #fff;
				background-color: #555;
			}

			div#nav a:active {
				text-decoration: none;
				color: #11C4FF;
				background-color: #444;
			}

			div#nav #current {
				text-decoration: none;
				color: #fff;
				background-color: #11C4FF;
				cursor: default;
			}



		div#etc {
			padding: 20px;
			font: 13px trebuchet ms, lucida sans unicode, helvetica, sans-serif;
			color: #555;
			line-height: 24px;
		}

	div#content {
		padding: 0 30px 0 310px;
		font: 13px trebuchet ms, lucida sans unicode, helvetica, sans-serif;
		color: #ddd;
		line-height: 24px;
	}

		#content p a, #footernav a, #dagbok p a, #arkiv a {
			text-decoration: none;
			color: #fff;
			border: solid #11C4FF;
			border-width: 0 0 1px 0;
		}

		#content p a:hover, #footernav a:hover, #dagbok p a:hover, #arkiv a:hover {
			text-decoration: none;
			color: #11C4FF;
			border: none;
		}

		#content p a:active, #footernav a:active, #dagbok p a:active, #arkiv a:active {
			text-decoration: none;
			color: #fff;
		}

		#content p a:visited, div#footernav a:visited, #dagbok p a:visited, #arkiv a:visited {
			text-decoration: none;
			color: #fff;
			border: solid #11C4FF;
			border-width: 0 0 1px 0;
		}

		#content p a:visited:hover, #footernav a:visited:hover, #dagbok p a:visited:hover, #arkiv a:visited:hover {
			text-decoration: none;
			color: #11C4FF;
			border: none;
		}

		#content p a:visited:hover:active, #footernav a:visited:hover:active, #dagbok p a:visited:hover:active, #arkiv a:visited:hover:active {
			text-decoration: none;
			color: #fff;
		}

	div#dagbok {
		padding: 0 30px 0 310px;
		font: 14px book antiqua, georgia, times new roman, helvetica, sans-serif;
		color: #ddd;
		line-height: 24px;
	}

		.datapic {
			float: right;
			height: 70px;
			border: 3px solid #444;
		}

		div#dagbok p {
			margin-right: 150px;
		}

			.data {
				font-weight: bold;
				color: #11C4FF;
			}

		#tab {
			list-style-type: none;
			margin: 0 0 30px 0;
			padding: 20px 0 3px 30px;
			background: url(../media/tabbg.jpg) bottom center repeat-x;
			border-bottom: 1px solid #888;
			font: 20px book antiqua, georgia, times new roman, helvetica, sans-serif;
			text-align: left; /*set to left, center, or right to align the menu as desired*/
		}

			#tab li {
				display: inline;
				margin: 0;
			}

				#tab li a {
					text-decoration: none;
					padding: 3px 10px;
					margin-right: 10px;
					border: 1px solid #666;
					border-bottom: none;
					background-color: #444;
					color: #888;
				}

				#tab li a:visited {
					color: #888;
				}

				#tab li a:hover {
					background-color: #555;
					border: 1px solid #888;
					border-bottom: none;
					color: #bbb;
				}

				#tab li a:active {
					color: #fff;
				}

				#tab li.selected a { /*selected tab effect*/
					position: relative;
					top: 1px;
					padding: 10px 20px 3px 20px;
					background-color: #555;
					border: 1px solid #888;
					border-bottom: none;
					color: #11C4FF;
				}

			#arkiv {
				float: right;
				margin: 0 0 30px 30px;
				padding: 10px 15px 10px 15px;
				list-style-type: none;
				background: #666;
				border: 1px solid #888;
			}

				#arkiv ol {
					list-style-type: none;
					padding: 10px 0 10px 15px;
					margin: 0;
				}

div#footer {
	max-width: 1024px;
	width: expression(document.body.clientWidth > 1024? "1024px": "auto");
	height: 100px;
	padding: 1px;
	background: url("../media/footer.jpg") top left no-repeat;
	font: 13px trebuchet ms, lucida sans unicode, helvetica, sans-serif;
	color: #777;
	line-height: 20px;
}

	div#footer #creds {
		float: left;
		padding: 80px 0 0px 50px;
		width: 180px;
		font-size: 9px;
	}

		#creds a {
			text-decoration: none;
			color: #444;
			border: solid #11C4FF;
			border-width: 0 0 1px 0;
		}

		div#creds a:hover {
			text-decoration: none;
			color: #11C4FF;
			border: none;
		}

		div#creds a:active {
			text-decoration: none;
			color: #444;
		}

		div#creds a:visited {
			text-decoration: none;
			color: #444;
			border: solid #11C4FF;
			border-width: 0 0 1px 0;
		}

		div#creds a:visited:hover {
			text-decoration: none;
			color: #11C4FF;
			border: none;
		}

		div#creds a:visited:hover:active {
			text-decoration: none;
			color: #444;
		}

	div#footer #footernav {
		margin: 80px 30px 0px 350px;
		padding: 1px;
		font-size: 9px;
		border-top: 1px solid #888;
	}
input {
	margin: 0;
	padding: 0;
	width: 200px;
	border: 1px solid #aaa;
	font: 11px lucida sans unicode, georgia, times new roman, sans-serif;
	color: #555;
	}
	
	textarea {
	margin: 0;
	padding: 0;
	border: 1px solid #aaa;
	font: 11px lucida sans unicode, georgia, times new roman, sans-serif;
	color: #555;
	}
	
	
	h1 {
		font: 20px trebuchet ms, lucida sans unicode, helvetica, sans-serif;
		font-weight: bold;
		margin: 0;
		padding: 0;
		color: #ddd;
	}
	
	h2 {
		font: 16px trebuchet ms, lucida sans unicode, helvetica, sans-serif;
		font-weight: bold;
		margin: 0;
		padding: 0;
		color: #ddd;
	}
	#bild{
	border: 1px solid #444;
	}
	
	#bildArk a:link.bild, #bildArk a:visited.bild {
	border-bottom:none;
	text-decoration:none;
	}


	#bildArk dl {
	float:left; 
	margin:0 5px 9px 4px;
	}

	#sponsor{
	border: 0px;
	}
	.list {
	padding:5px;
	background:#444;
	border:1px solid;
	border-color:#444 #444 #444 #444;
	margin:5px 15px 5px 0;
	border-bottom:none;
	}
	#list-a {
	border: 0px;
	}
