@font-face {
	font-family: Museo;
	src: url(museo300.otf);
}

body {
	font-family: Museo;
	font-size:20px;
}

img {
	border:none
}

a {
	border:none;
}

#onas {
	width:300px;
	height:120px;
	background: url(pics/onas_out.png);
}
#onas:hover {
	background: url(pics/onas_over.png);
}
#onas_solid {
	width:300px;
	height:120px;
	background: url(pics/onas_over.png);
}

#portfolio {
	width:300px;
	height:120px;
	background: url(pics/portfolio_out.png);
}
#portfolio:hover {
	background: url(pics/portfolio_over.png);
}
#portfolio_solid {
	width:300px;
	height:120px;
	background: url(pics/portfolio_over.png);
}

#kontakt {
	width:300px;
	height:120px;
	background: url(pics/kontakt_out.png);
}
#kontakt:hover {
	background: url(pics/kontakt_over.png);
}
#kontakt_solid {
	width:300px;
	height:120px;
	background: url(pics/kontakt_over.png);
}

#arrow_right {
	position:absolute;
	cursor: pointer;
	top:280px;
	left:1030px;
	width:70px;
	height:70px;
	background: url(pics/arrow_right_out.png);
}
#arrow_right:hover {
	background: url(pics/arrow_right_over.png);
}
#arrow_left {
	position:absolute;
	cursor: pointer;
	top:280px;
	left:350px;
	width:70px;
	height:70px;
	background: url(pics/arrow_left_out.png);
}
#arrow_left:hover {
	background: url(pics/arrow_left_over.png);
}

.floatLeft {
	float:left;
}

.pic {
	position:absolute; 
	left:430px; 
	top:50px;
	display:none;
}