/*
 * NAVIGATION
 **************************/


/* WORK 
**********************/
.work_link:link,
.work_link:visited {
	display:block;
	height:37px;
	background-image:url(../images/navi/navi_work.gif);
	background-repeat:no-repeat;
}
.work_link:hover {
	background-image:url(../images/navi/navi_work_ho.gif);
	background-repeat:no-repeat;
}

.work_link_active:link,
.work_link_active:visited,
.work_link_active:hover {
	display:block;
	height:37px;
	background-image:url(../images/navi/navi_work_ho.gif);
	background-repeat:no-repeat;
}

/* contact 
**********************/
.contact_link:link,
.contact_link:visited {
	display:block;
	height:33px;
	background-image:url(../images/navi/navi_contact.gif);
	background-repeat:no-repeat;
}
.contact_link:hover {
	background-image:url(../images/navi/navi_contact_ho.gif);
	background-repeat:no-repeat;
}

.contact_link_active:link,
.contact_link_active:visited,
.contact_link_active:hover {
	display:block;
	height:33px;
	background-image:url(../images/navi/navi_contact_ho.gif);
	background-repeat:no-repeat;
}

/* designer 
**********************/
.designer_link:link,
.designer_link:visited {
	display:block;
	height:25px;
	background-image:url(../images/navi/navi_designer.gif);
	background-repeat:no-repeat;
}
.designer_link:hover {
	background-image:url(../images/navi/navi_designer_ho.gif);
	background-repeat:no-repeat;
}

.designer_link_active:link,
.designer_link_active:visited,
.designer_link_active:hover {
	display:block;
	height:25px;
	background-image:url(../images/navi/navi_designer_ho.gif);
	background-repeat:no-repeat;
}

#navi_work {
	height:37px;
}

#navi_contact {
	height:33px;
}

#navi_designer {
	height:25px;
}

#navi_work_table {
	width:201px;
	height:92px;
	border-bottom:1px solid #ffed00;
	border-left:1px solid #ffed00;
	border-top:1px solid #ffed00;
}

.navi_cell {
	width:100px;
	height:18px;
	
	font-size:11px;
	
	background-color:#ffed00;
	border-left:1px solid #ffed00;
	border-right:1px solid black;
	border-bottom:1px solid black;
}

.navi_link:link,
.navi_link:visited,
.navi_link:active,
.navi_link:focus {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.navi_link:hover {
	color:#666666;
}

.navi_link_active:link,
.navi_link_active:visited,
.navi_link_active:active,
.navi_link_active:focus,
.navi_link_active:hover {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

.navi_cell_top {
	padding-left:3px;
}
.navi_cell_top_active {
	padding-left:3px;
	background-color:#000000;
}

.navi_cell_bottom {
	padding-right:3px;
	border-bottom:1px solid #ffed00;
}

.navi_cell_bottom_active {
	padding-right:3px;
	background-color:#000000;
	border-bottom:1px solid #ffed00;
}

.navi_sub_cell {
	padding-left:20px;
	height:50px;
	color:#FFFFFF;
	
	font-size:11px;
}

.navi_sub:link,
.navi_sub:active,
.navi_sub:focus,
.navi_sub:visited {
	display:block;
	background-image:url(../images/navi/navi_pfeil.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:20px;
	color:#FFFFFF;
	text-decoration:none;
}

.navi_sub:hover {
	background-image:url(../images/navi/navi_pfeil_ho.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	color:#ffed00;
}

.navi_sub_active:link,
.navi_sub_active:visited,
.navi_sub_active:active,
.navi_sub_active:focus,
.navi_sub_active:hover {
	display:block;
	background-image:url(../images/navi/navi_pfeil_ho.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:20px;
	color:#ffed00;
	text-decoration:none;
}