/*////////////////////////////////////////////////STYLE OF THE MENU////////////////////////////////////////////////*/

/*
* autor 			: 		Jan Müller
* last update	: 		Sep.08.2008
* name				:			menu.css
*/

/*  DELETE AFTER READING!
*   COPY FOLLOWING LINES IN YOUR HTML CONTENT
*
* <link href="menu.css" rel="stylesheet" media="screen" type="text/css" />
* <script type="text/javascript" src="menu.js"></script>
*/

/*container for the menu*/
#navright{ 
	position: absolute;
	left: 15px; /*<--Space to the left border*/
	top: 35px;	 /*<--Space to the top border*/
	font-family: Arial, Sans-Serif;
	color: white;
	z-index: 1;
	}

/*This is for the letter boxes*/
#alphabet{
	width: 21px;
	height: 21px;
	background-color: #d5d5d5;
	text-align: center;
	line-height: 21px;
	font-weight: normal;
	cursor: pointer;
	font-size: 12px;

}

/*list elements for the countries*/
#sublink{
	background-color: #e1e1e1;
	width: 100px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;

}

/*unsorted list elements*/
ul.list, ul.list ul{
	list-style: none;	
	margin: 0px;
	padding: 0px;
}

ul.list ul{
	position: absolute;
	display: none;
	font-size: 12px;
	margin-top: -21px;
	left: 21px;
}

/*IE BUG FIX*/
* html ul.list ul{
	margin-top: -4px;
	margin-left: 7px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/