body{
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: 'Trebuchet MS', 'Helvetica';
	font-size: 13px;
	line-height: 20px;
}

h1{
	font-size: 2em;
	margin: 0 0 8px 0;
	padding: 0;
}

h2{
	font-size: 1.5em;
	margin: 0 0 8px 0;
	line-height: 1.2em;
	color: #333;
}

p{
	margin: 5px 0 5px 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #333;
}

#container{
	width: 900px;
	margin: 20px auto;
}

#head{
	margin: 0 0 10px 0;
}

#content{
	height: 650px;
}

#footer{
	clear: both;
	width: 800px;
	margin: 15px auto 0 auto;
	padding: 5px 0 0 0;
	border-top: solid 1px #eee;
	color: #999;
}

	#footer a{
		color: #999;
		text-decoration: underline;
	}

#menu{
	float: left;
	width: 180px;
	background: none;
	min-height: 500px;
	border-right: solid 1px #ccc;
}

	/*
	#menu a{
		text-decoration: none;
		color: #333;
		margin-left: 10px;
		padding-bottom: 1px;
	}

	#menu a.selected{
		border-bottom: solid 3px #006bb4;
	}

	#menu a:hover{
		border-bottom: solid 3px #62bfff;
	}
	*/

ul.menu{
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style-type: none;
}

	ul.menu li{
		padding: 10px 8px;
		display: block;
	}

	ul.menu li.selected{
		background: #f1f1f1;
	}

		ul.menu li:hover{
			background: #dddddd;
		}


#main{
	float: left;
	width: 640px;
	padding: 0 10px;
	background: none;
}

/* BILDSPEL */

.imageInfo{
	float: left; 
	margin-left: 200px;
	display: inline;
}

.film.selected{
	border-bottom: solid 1px #ff0000;
}