.menuBox {
	width: 10px;	
	float: left;
	margin-right: 100px;	
}

.title {
		position:fixed;

		top: 50px;
		left: 0px;

		font-size: 16px;
		font-weight: bold;
		padding: 4px;
		line-height:42px;
		width: 10px;
}


/* link with transition */

/*a {
	background: none;	
	text-decoration: none;
	color: grey;
	padding-left: 10px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
a:hover {
	background: grey;
	color: gold;
	padding-left: 20px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
*/

/* modul dropdown menü */

#ddMenu  ul {
	position: fixed;

	top: -45px;
	left: 5px;

/*	width: 422px;
	height: 300px;*/


	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-color:black;
	border-style: solid;
	-webkit-box-shadow: 0 15px 10px -10px #333;
	-moz-box-shadow: 0 15px 10px -10px #333;
	box-shadow: 10px 10px 10px -10px #555;


/*	opacity:0;     */
	background: beige;
	color: gold;
	-webkit-transition: opacity 1s ;
	-moz-transition: opacity 1s ;
	-o-transition: opacity 1s ;
	transition: opacity 1s ;
}
#ddMenu:hover ul {
	opacity:1;
}

#ddMenu li  {
	height: 0;
	-webkit-transition: height .2s ease ;
	-moz-transition: height .2s ease ;
	-o-transition: height .2s ease ;
    transition: height .2s ease ;	
} 
#ddMenu:hover li {
	height: 30px;
}

#ddMenu li a {
	display: block;
}
a:focus {
  outline: none;
}