/* CSS � Harald Halvorsen / Refleks Media 2009 */

/* DIVERSE */
body {
	background-image: url(img/bg.png);
	background-position: top left;
	background-repeat: repeat;
	color: #222;
	margin: 0;
	text-align: left;
}

#c { background-color: #00ffff; height: 20px; width: 14px; position: relative; top: 17px; }
#m { background-color: #ff00ff; height: 20px; width: 14px; position: relative; top: 17px; }
#y { background-color: #ffff00; height: 20px; width: 14px; position: relative; top: 17px; }
#k { background-color: #000000; height: 20px; width: 14px; position: relative; top: 17px; }
#w { background-color: #ffffff; height: 20px; width: 14px; position: relative; top: 17px; }

#elg {
	background-image: url(img/elg.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 339px;
	width: 300px;
	position: absolute;
	top: 450px;
	left: 220px;
}

#sensur { background-color: #000000; height: 20px; width: 86px; position: relative; top: 180px; left: 104px; }


/* TYPOGRAFI */

h1 {
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-top: 100px;
	margin-bottom: 45px;
}

p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}

.hvit {
	padding: 4px 10px;
	background-color: #f0f0f0;
}

.indent {
	text-indent: 10px;
	position: relative;
	top: -18px;
}

.geo {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 20px;
}

.left {
	position: relative;
	left: 30px;
}

.top {
	position: relative;
	top: 17px;
}

.red {
	border-top: #ff0000 solid 2px;
	border-bottom: #ff0000 solid 2px;
}

/* LINKS */
a:link { color:#777; text-decoration: none; }
a:visited { color:#777; text-decoration: none; }
a:hover { color:#ff0000; text-decoration: none; }
a:active { color:#777; text-decoration: none; }