html, body
{
	font-family: sans, arial, verdana;
	font-size: 10px;
	margin:0px;
	height:100%;
	background: #ffe080 url('loading.gif');
	overflow: hidden;
}

#container
{
	height:100%;width:100%; overflow: visible; position:relative; z-index:2;
}


#kart
{
	position: absolute;
	width: 2000px;
	height: 2000px;
	background: url('sjitkart.jpg');
	left: 0px;
	top: 0px;
}
#kvalitetskart
{
	width: 2000px;
	height: 2000px;
	background: url('billigkart.jpg');
}

#bottombar
{
	position: absolute;
	height: 188px;
	z-index: 3;
	background: #000000 url('bg.jpg') right no-repeat;
	color: #ffffff;
	right: 0px; bottom: 0px; left: 0px;
	padding: 10px;
}
#controlz
{
	position: absolute; /** fixed **/ 
	width: 80px;
	height: 80px;
	z-index: 3;
	top: 10px; right: 10px; bottom: auto; left: auto;
	background: #000000;
	color: #ffffff;
	text-align: center;
}

img
{
	border: 0px;
}
a
{
	color: #ffffff;
}
a:hover
{
	color: #4080e0;
}

iframe
{
	border: 0px;
	height: 150px;
	width: 100%;
}

ol
{
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
li
{
	color: #4080e0;
}

li a
{
	color: #ffffff;
	text-decoration: none;
}
li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}




h1 
{
	font-weight: normal;
	margin: 0px;
}

/****************
 * The Controlz *
 ****************/


#controlz img
{
	background-color: #ffffff;
}
#controlz img:hover
{
	background-color: #203080;
}

/************
 * The Dotz *
 ************/

.turid
{

	position: absolute;
}
.lordgraga
{
	display:block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #203080;
}
.lordgraga:hover
{
	background-color: #000000;
	color: #4080e0;
}

.grillj
{
	position: absolute;
	visibility: hidden;
	background-color: #000000;
	color: #ffffff;
	padding: 10px;
	width: 0px;
	height: 0px;
	z-index: 2;
}

.grillj h2
{
	margin: 0px;
}