/* ------------------- General ------------------- */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 0;
	margin: 0;
	color: #b48f00;
	background: #303030;
	text-align: center;
}

img  {
	border: 0;
}

a:link, a:visited, a:active {
	color: #b48f00;
	text-decoration: underline;
}

a:hover {
	color: #b48f00;
	text-decoration: none;
}

/* ------------------- Classes ------------------- */

/* Box */

#distance { 
	width: 1px;
	height: 47%;
	margin-bottom: -150px; /* half of container's height */
	float: left;
}

#container {
	margin:0 auto;
	position: relative; /* puts container in front of distance */
	height: 299px;
	width: 473px;
	clear: left;
	background: #1c1c1c url("/media/images/splash/box_bg.gif") top center no-repeat;
}

		
div#logo {
	font-size: 20pt; 
	display: block;
	width: 395px;
	height: 127px;
	position: absolute;
	left: 41px;
	top: 35px;
}

div#notice {
	font-size: 8pt; 
	display: block;
	width: 391px;
	height: 11px;
	position: absolute;
	left: 43px;
	top: 246px;
}

div#buttons {
	display: block;
	width: 398px;
	height: 26px;
	position: absolute;
	left: 37px;
	top: 190px;
}

div#buttons a {
	display: block;
	height: 43px;
	text-decoration: none;
}

div#buttons #student {
	display: block;
	width: 183px;
	height: 43px;
	position: absolute;
	left: 0;
	top: 0;
}

div#buttons #student a {
	background: #303030 url("/media/images/splash/button_student.gif") top left no-repeat; 
}

div#buttons #student a:link, 
div#buttons #student a:active, 
div#buttons #student a:visited {
	background-position: top;
}

div#buttons div#student a:hover {
	background-position: bottom;
}

div#buttons #bedrift {
	display: block;
	width: 183px;
	height: 43px;
	position: absolute;
	right: 0;
	top: 0;
}

div#buttons #bedrift a { 
	background: #303030 url("/media/images/splash/button_bedrift.gif") top left no-repeat;
}

div#buttons #bedrift a:link, 
div#buttons #bedrift a:active, 
div#buttons #bedrift a:visited {
	background-position: top;
}

div#buttons div#bedrift a:hover {
	background-position: bottom;
}