/**
 * CSS Style -> linke Navigation
 * @author henning <leutz@egotec.com>
 */

/** MENU **/
#menu {
	position	: absolute;
	top			: 215px;
	left		: 10px;
	z-index		: 2;
	width		: 300px;
}

#menu table, #menu tr, #menu td {
	margin	: 0;
	padding	: 0;
}

#menu a:link,
#menu a:active,
#menu a:visited {
	font-family			: VERDANA,ARIAL,HELVETICA; 
	font-size			: 12px;
	color				: rgb(200,200,220);
	text-decoration		: none;
	line-height			: 22px;
	display				: block;
	bottom				: 1px;
	position			: relative;
}

#menu a:hover {
	font-family			: VERDANA,ARIAL,HELVETICA; 
	font-size			: 12px;
	color				: rgb(255,255,255);
	text-decoration		: none;
}


#menu .td_top {
	width				: 20px; 
	background-image	: url('img/menu_line_top.gif');
	background-repeat	: repeat-y;
	vertical-align		: top;
}

#menu .td_middle {
	width				: 20px; 
	background-image	: url('img/menu_line.gif');
	background-repeat	: repeat-y;
	vertical-align		: top;
}

#menu .td_bottom {
	width				: 20px; 
	background-image	: url('img/menu_line_bottom.gif');
	background-repeat	: no-repeat;
	vertical-align		: top;
}

#menu .td_only {
	width 				: 20px; 
	vertical-align		: top;
}

#menu .td_bottom img, 
#menu .td_middle img, 
#menu .td_top img,
#menu .td_only img {
	position	: relative;
	top			: 7px;;
	left		: 0px;
}

.link_pointer {
	cursor	: pointer;
}

/* IE DEBUG */
* html #menu .td_bottom img, 
* html #menu .td_middle img, 
* html #menu .td_top img,
* html #menu .td_only img {
	position	: relative;
	top			: 3px;;
	left		: 0px;
}

* html .after_active {
	position : relative;
	top		 : 1px;
}