/* --- Stylesheet 1016 () --------- */ 

@import url(http://fonts.googleapis.com/css?family=Patrick+Hand);

.memos .memo {
	width: 300px;
	float: left;
	background-color: #f4f4f4;
	position: relative;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 12px 12px 12px 15px;
	margin: 0 20px 30px 110px;
	border: 1px solid #ddd;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaaaaaa')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaaaaa');

}

.memos .memo.highlight { background-color: #303030; border-color:#888; margin: 0 0 50px 100px; }

.memos .memo .message { min-height: 50px; color: #666; font-size:14px; margin-bottom: 10px; }
.memos .memo.highlight .message { margin-bottom: 0px; color: #aaaaaa; }
.memos .memo.highlight .message strong { font-weight:normal; color: #D1BD80; }

.memos .memo .avatar { float: left; width: 50px; margin-right: 15px; }
.memos .memo .user { color: #aaaaaa; font-size: 11px; font-weight: normal; }
#inhalt .memos .memo .user a { text-decoration: none; color: #AAAAAA; }

.memos .memo .info { margin-top: 5px; text-align: right; font-size: 11px; color: #aaaaaa; }
.memos .memo .info a { color: #aaaaaa; }

.memos .memo .ref.storage { width: 300px; }
.memos .memo .ref.youtube { width: 300px; height: 225px; }

.memos .memo .ref.content {  line-height: 140%; color: #999; font-size:14px; }
.memos .memo .ref.content h3 { color: #333 !important;}

.memos .TraminoCommentContent { color: #AAAAAA !important; }

.memos .memo .message .avatar {
	background: url(http://tramino.s3.amazonaws.com/s/oberstaufen/66389/icon-memo.png) top left no-repeat;
	position: absolute;
	top: 5px;
	left: -70px;
	height: 50px;
	width: 50px;
}

.memos .memo .message .user {
	position: absolute;
	top: 60px;
	left: -100px;
	text-align: right;
	width: 80px;
}

.memos .memo .message .divider {
	position: absolute;
	top: 15px;
	left: -17px;
	display: block;
	height: 15px;
	width: 17px;
	background: url(http://tramino.s3.amazonaws.com/s/oberstdorf/93561/divider2.png) top left no-repeat;
	text-indent: -99999px;
}

.memos .highlight .message .divider { background: url(http://tramino.s3.amazonaws.com/s/oberstaufen/62542/divider.png) top left no-repeat; }

.memos .memo .message .text { line-height: 140%; }
.memos .memo .message .text p { margin:0px; }

.memos .memo.highlight .message .text { font-size:18px; line-height:24px; }

.memos .content h3 { padding:0; margin: 15px 0 0 0; }

.memos .memo .message .info {
	position: absolute;
	bottom: 7px;
	right: 12px;
}

.memos .message .topinfo {
	color: #aaaaaa;
	font-size: 11px;
	margin: 0px 20px 10px 0px;
}
#inhalt .memos .message .topinfo a { color: #aaaaaa; }



.memos #autoload-loading { color:#666; }

.memos .sponge.qype, .memos .sponge.tbt, .memos .sponge.facebook, .memos .sponge.youtube, .memos .sponge.twitter, .memos .sponge.flickr {  }

.memos .sponge.qype .message .divider, .memos .sponge.tbt .message .divider, .memos .sponge.facebook .message .divider, .memos .sponge.youtube .message .divider, .memos .sponge.twitter .message .divider, .memos .sponge.flickr .message .divider {
	display: block;
}


.memo .icon {
	position: absolute;
	top: 5px;
	right: 3px;
	height: 32px;
	width: 32px;
	background-image: url(http://tramino.s3.amazonaws.com/s/oberstdorf/91522/socialodorfnew.png);
	background-repeat:no-repeat;
}

.memos .memo .icon {display: none; }
.memos .sponge.facebook .icon { display: block; background-position: 0px -64px; }
.memos .sponge.twitter .icon { display: block; background-position: -32px -64px; }
.memos .sponge.youtube .icon { display: block; background-position: -64px -64px; }
.memos .sponge.flickr .icon { display: block; background-position: -128px -64px; }
.memos .sponge.qype .icon { display: block; background-position: -256px -64px; }
.memos .sponge.tbt .icon { display: block; background-position: -288px -64px; }

.memos .memo.sponge.qype .message .text, .memos .memo.sponge.twitter .message .text, .memos .memo.sponge.facebook .message .text, .memos .memo.sponge.tbt .message .text, .memos .memo.sponge.youtube .message .text, .memos .memo.sponge.flickr .message .text {
	display: block;
	margin: 5px 0px 0px 0px;
	color: #555;
	font-size: 16px;
	font-family: Georgia;
	line-height: 19px;
}

.memos .memo.sponge.qype .addition, .memos .memo.sponge.twitter .addition, .memos .memo.sponge.facebook .addition, .memos .memo.sponge.tbt .addition, .memos .memo.sponge.youtube .addition, .memos .memo.sponge.flickr .addition {
	margin: 5px 0px 0px 0px;
}

.memos .memo .memoalbums {
	max-height: 225px;
	overflow: hidden;
}