.red {
	background-color: #222226;
	cursor: pointer;
}

.green {
	background-color: #222226;
	cursor: pointer;
}

.navi_spacer {
	margin-left: 80px;
}

/* --------------------LEFTNAVI-------------------- */

#leftnavi div {
	margin-bottom: 17px;
	padding: 14px 0 0 7px;
	background-position: center right;
	float: right;
	background-repeat: no-repeat;
}

#leftnavi .red:hover {
	border-left: #af0000 7px solid;
}

#leftnavi .green:hover {
	border-left: #5baf00 7px solid;
}

#portfolio {
	margin-left: 40px;
	background: url(./gfx/navi/portfolio.png);
	width: 24px;
	height: 149px;
}

#d_art {
	margin-left: 40px;
	background-image: url(./gfx/navi/3d_art.png);
	width: 73px;
	height: 26px;
}

#coding {
	margin-left: -5px;
	background-image: url(./gfx/navi/coding.png);
	width: 137px;
	height: 26px;
}

#misc {
	margin-left: 20px;
	background-image: url(./gfx/navi/any_design.png);
	width: 57px;
	height: 26px;
}

#contact {
	margin-left: 10px;
	background: #222226 url(./gfx/navi/contact.png);
	width: 93px;
	height: 26px;
	cursor: pointer;
}

#contact:hover {
	background-color: #222226;
	border-left: #8f8f8f 7px solid;
}

#impressum {
	margin-left: -5px;
	background: #222226 url(./gfx/navi/impressum.png);
	width: 137px;
	height: 26px;
	cursor: pointer;
}

#impressum:hover {
	background-color: #222226;
	border-left: #121214 7px solid;
}

/* --------------------RIGHTNAVI-------------------- */

#rightnavi div {
	margin: 0 100px 17px 0;
	padding: 14px 7px 0px 0;
	background-position: center left;
	background-repeat: no-repeat;
}

#rightnavi .green:hover {
	border-right: #5baf00 7px solid;
}

#rightnavi .red:hover {
	border-right: #af0000 7px solid;
}

#about {
	background-image: url(./gfx/navi/about.png);
	width: 24px;
	height: 110px;
}

#florian_dootz {
	background-image: url(./gfx/navi/florian_dootz.png);
	width: 152px;
	height: 26px;
}

#chillout_sofa {
	background-image: url(./gfx/navi/chillout_sofa.png);
	width: 146px;
	height: 26px;
}

#also_on {
	background-image: url(./gfx/navi/also_on.png);
	width: 24px;
	height: 135px;
}

#deviantart {
	background-image: url(./gfx/navi/deviantart.png);
	width: 124px;
	height: 26px;
}


#flickr {
	background-image: url(./gfx/navi/flickr.png);
	width: 66px;
	height: 26px;
}