/* --- Stylesheet 1594 () --------- */ 

#folder {
	position: fixed;
	width: 300px; top: 0px; bottom: 0px; left: -200px;
	background: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/377318/textur.jpg) right top repeat-y ;
	box-shadow: inset -10px 0px 20px -15px #000000;
}

#folder .open { display: none; position: absolute; top: 0px; left: 0px; width: 300px;}
#folder .closed { display: block; position: absolute; top: 0px; left: 200px; width: 100px; }

#folder .kuh {
	margin-top: 40px;
	height: 50px;
	background: url(//tramino.s3.amazonaws.com/s/oberstdorf-event/130401/kuh.png) no-repeat center center;
}

#folder .box {
	margin: 20px 20px 20px 20px; min-height: 100px;
	padding: 15px 15px 10px 20px;
	background: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/392636/bg.png);
	border-radius: 10px;
	color: #fff;
}
#folder .box h4 {
	font-family: "Maven Pro", sans-serif;
	font-size: 12px;
	color: #fff;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

#TraminoMemory h3 { display: none; }
#TraminoMemory a { color: #fff; }
#TraminoMemory ul { margin: 5px 0px; padding: 0px; list-style: none; }
#TraminoMemory ul li { position: relative; padding: 0px 0px 5px 0px; margin-top: 5px; }
#TraminoMemory ul a { font-size: 13px;}
#TraminoMemory ul li img { display: inline; width: 32px; height: 32px; vertical-align: top; line-height: 20px; margin-right: 10px; }
#TraminoMemory ul li .delete {
	position: absolute;
	top: 6px; right: 3px;
	width: 16px; height: 16px; cursor: pointer;
	background: url(//tramino.s3.amazonaws.com/tramino/gfx/entypo/delete.png);

}

/* --- Stylesheet 2715 () --------- */ 

@media all and (min-width: 1px) and (max-width: 999px) {
	#folder { display: none; }
}