/* reset */
/*h4, div, ul, li, a {
    margin: 0;
    padding: 0;
}
li {
	list-style:none;
}
*/
/* basic */

/*body{
	width:  960px;
	margin: 50px auto;	
	font-family: helvetica;
	font-size: 16px;
	line-height:26px;
}
*/
.camsBox {
	width: 150px;	
	float: left;
	margin-right: 100px;	
}

/*.title {
		font-size: 16px;
		font-weight: bold;
		padding: 4px;
		line-height:42px;
}
*/

/* link with transition */

span {
	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;
}
.camsBox span:hover {
	background: grey;
	color: gold;
	padding-left: 120px;
	border-radius: 10px;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}


/* modul dropdown menü */

#ddCams ul {
	position: fixed;
	width: 120px;
	opacity:0;
	background: #bbb;
	color: gold;
	-webkit-transition: opacity 0.2s ;
	-moz-transition: opacity 0.2s ;
	-o-transition: opacity 0.2s ;
	transition: opacity 0.2s ;
	
	border-radius: 10px;	
	
}
#ddCams:hover ul {
	opacity:1;
}

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

#ddCams li a {
	display: inline-block;
}

#pos-cams {
	position: fixed;
	top:100px;
	left: -150px;
}