#jobbal
{
position:absolute;
top:217px;
left:573px;
}
#balal
{
position:absolute;
top:172px;
left:237px;
}
#jobbfel
{
position:absolute;
top:118px;
left:573px;
}
#balfel
{
position:absolute;
top:81px;
left:235px;
}
p
{
	z-index:150;
	position:absolute;
	font-size:20px;
	color:grey;
}

#p1st
{
	top:350px;
	left:150px;
}

#p2nd
{
	top:350px;
	left:540px;
}

#p3rd
{
	top:350px;
	right:150px;
}
.contact
{
	color:grey;
	font-size:25px;
	z-index:150;
	position:absolute;
	top:180px;
	left:30px;
	
}

body
{
background-color:black;
font-family:sans-serif;
text-align:center;
padding:0px;
margin:0px;
}

#alles
{
width:1280px;
height:810px;
margin:0px auto;
}
#head
{
	background-image:url('imgs/header.jpg');
	position:absolute;
	width:1280px;
	height:141px;
	background-color:#202020;
}

#main
{
	position:absolute;
	top:141px;
	width:1280px;
	height:590px;
	background-color:#505050;
	overflow:hidden;

}

#foot
{
	position:absolute;
	top:731px;
	height:79px;
	width:1280px;
	background-color:#808080;
	background-image:url('imgs/footer.jpg');
}
.menu
{
	position:absolute;
	white-space: nowrap;
	top:50px;
	left:380px;
	color:white;
	z-index:150;
	font-size:25px;
	font-family:sans-serif;
	cursor:default;
}

#m_tom,#m_pim,#m_tem,#m_shm,#m_rem
{
	margin:30px;
}

#m_tom:hover
{
	color:#6a88e7;
}

#m_pim:hover
{
	color:#ac222e;
}
#m_tem:hover
{
	color:#cb6ae7;
}
#m_shm:hover
{
	color:#e8b24d;
}
#m_rem:hover
{
	color:#a2e76a;
}
#arrow
{
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-bottom: 30px solid #6a88e7;
		position:absolute;
			top:56px;
			left:50px;
}
#divleft
{
	z-index:150;
	position:absolute;
	left:50%;
	background-color:black;
	margin-left:-640px;
	height:590px;
	width:40px;
	opacity:0.2;
	filter:alpha(opacity=20);

}
#divleft:hover
{
	opacity:0.5;
	filter:alpha(opacity=50);
}

#divright
{
	z-index:150;
	position:absolute;
	right:50%;
	background-color:black;
	margin-right:-640px;
	height:590px;
	width:40px;
	opacity:0.2;
	filter:alpha(opacity=20);

}
#divright:hover
{
	opacity:0.5;
	filter:alpha(opacity=50);
}
#arrowl
{
	width: 0;
	height: 0;
	border-right: 20px solid white;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position:absolute;
		top:50%;
		left:8px;
	
}
#arrowr
{
	width: 0;
	height: 0;
	border-left: 20px solid white;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position:absolute;
		top:50%;
		left:8px;
	
}

#cntnt
{
	white-space: nowrap;
	position:absolute;
	left:0;
}
#circles
{
	z-index:150;
	white-space: nowrap;
	left:50%;
	position:absolute;
}
.circ
{
background-color:grey;
position:absolute;
margin:10px;
width:15px;
height:15px;
display:block;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
}

#c1
{
left:-60px;
width:20px;
height:20px;
}

#c2
{
left:-20px;
}

#c3
{
left:20px;
}

#c4
{
left:60px;
}

.cell
			 {
				display:inline-table;
				border:2px solid white;
				margin:0px;
				border-spacing:0px;
				padding:0px;
	       		width: 24px;
				height: 12px;
			 }
			
.cell:hover{border:2px solid #ac222e;}
tr
{
	margin:0px;
	padding:0px;
	border:0px;
	line-height:0px;
}
#skala
{
			position:absolute;			
			text-align:left;
			z-index:150;
			left:505px;
			top:430px;
}
			 
.bub2
{
	z-index:151;
	position:absolute;
	top:430px;
	left:50px;
}

#fi1
{
	height:52px;
	width:205px;
	left:0;
	top:0;
	background-image:url(imgs/pick/fi.jpg);
}

#fi2
{
	position:absolute;	
	height:51px;
	width:205px;
	left:210px;
	top:20px;
	background-image:url(imgs/pick/fi.jpg);
	background-position: -205px 0;
}

#fi3
{
	height:51px;
	width:204px;
	left:0px;
	position:absolute;
	top:57px;
	background-image:url(imgs/pick/fi.jpg);
	background-position: -410px 0;
}

#fi4
{
	height:33px;
	position:absolute;
	width:205px;
	left:210px;
	top:76px;
	background-image:url(imgs/pick/fi.jpg);
	background-repeat:no-repeat;
	background-position: -615px -106px;
}

#shelf1,#shelf2,#shelf3,#shelf4
{
	position:absolute;
	color:white;
	font-size:18px;
	cursor:default;
}
#shelf1
{
	top:0px;
	left:60px;
}
#shelf2
{
top:0px;
left:60px;
}
#shelf3
{
	top:0px;
	left:76px;
}
#shelf4
{
	top:-12px;
	left:76px;
}
#copy,#buy
{
	position:absolute;
	font-size:15px;
	color:white;
	font-family:
}
#copy
{
	top:30px;
	left:1000px;
}
#buy
{
	top:30px;
	left:50px;
	margin:0px;
	font-family:sans-serif;
}

#social
{
	position:absolute;
	top:25px;
	left:520px;
}
a{text-decoration:none;}
.socic 
{
	margin-left:5px;
	margin-right:5px;
	border:none;
}

.socic:hover{opacity:0.5; filter:alpha(opacity=50);}