body { font-family:Helvetica,Arial,sans-serif; font-size:14px; margin:0; padding:0; }
input, select, textarea { font-family:Helvetica,Arial,sans-serif;	font-size:14px; padding:2px; margin:1px 0; }
textarea { 
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a, a:visited { color:#ff8400; text-decoration:none; }
a:hover, a:active { color:#ff8400; text-decoration:none; }
a.active { color:#000; font-weight:700; }

#header-gradient { height:85px;
  background-color: #f60000;
  background: url('/img/header-bg-fallback.png'); 
	background: -moz-linear-gradient(top, #F60000, #FF8400);
	background: -webkit-gradient(linear, left top, left bottom, from(#F60000), to(#FF8400));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF60000, endColorstr=#FFFF8400);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF60000, endColorstr=#FFFF8400)";
}
#header { width:800px; height:85px; margin:0 auto; }
#header a { float:left; }

#nav { list-style:none; margin:0 0 0 312px; padding:64px 0 0 0; }
#nav li { float:left; margin:0; padding:0; }
#nav li a { display:block; text-align:center; padding:2px; margin:0 3px; width:110px; height:18px; background:transparent; color:#fff; }
#nav li a:hover, #nav li a.active { font-weight:500; background:#fff; font-weight:700; color:#ff8400; }

#subnav { list-style:none; margin:0; padding:0; }
#subnav li { float:left; margin:0; padding:0; }
#subnav li a { display:block; text-align:center; padding:2px; margin:0 3px -2px 0; width:80px; height:16px; background:#fff; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; }
#subnav li a:hover, #subnav li a.active {  background:#000; color:#fff; font-weight:600; }

.login-field { height:24px; width:180px; font-size:18px; font-weight:700; color:#333; margin:4px 0 16px 0; padding:2px; }
.login-label { color:#333; font-size:14px; font-weight:700; display:block; }
.submit-button { height:24px; background:#ff8400; border:1px solid #666; color:#fff; font-weight:700; margin:0; padding:0px 10px 0px 10px; }

#container { width:800px; margin:auto; text-align:left; }

.index-content { margin:20px 0; }
.index-content h1 { font-size:18px; font-weight:700; letter-spacing:2px; }
.index-content p { line-height: 1.4em; margin:20px 0 20px 0; }
.index-content img { float:left; margin-top:20px; }
.index-content form { margin:0 0 0 140px; }

.old-links { margin:auto; text-align:center; }
.old-links a { margin:0 10px 0 10px; }

.subnav { text-align:center; margin:0 0 20px 0; }
.msg { cursor:pointer; cursor:hand; width:800px; padding:0 2px; border-bottom:1px solid #ccc; margin:0; clear:both; }
.msg:hover { background:#ffdfbd; }
.msg-unread { font-weight:700; background:#eee; }
.msg-author { width:140px; display:block; float:left; margin:0; padding:2px 0; }
.msg-subject { color:#ff8400; display:block; width:500px; float:left; margin:0; padding:2px 0; }
.msg-date { width: 160px; display:block; text-align:right; margin:0 0 0 640px; padding:2px 0; color:#888; }
.msg-content { margin:10px 160px 10px 140px; }
.msg-open { background:#ffdfbd; border-bottom:1px solid #ccc; }

#compose-msg { margin:10px 160px 20px 140px; }
#message-post { width:500px; height:50px; }

#design-history { list-style:none; margin:0; text-align:center; padding:0; color:#666; font-style:italic; }
#design-history li { margin:10px 0 10px 0; padding:0; }

/* #footer { border-top:1px solid #aaa; width:100%; background:#fff url('img/footer.png') top left repeat-x; text-align:center; } */
#footer p { text-align:center; font-size:11px; color:#888; } 

.feed { padding:10px; min-height:135px; } 
.feedphoto { width:100px; margin:0 0 20px 0; float:left; text-align:center; }
.feedcontent { margin:0 0 0 110px; min-height:120px; overflow:hide; }
.feedinfo { color:#888; font-size:12px; margin-top:0; }
.choose-feed { margin:0; font-size:12px; }
.choose-feed select { font-size:12px; }
.likes { display:inline; }
.video { width:160px; height:120px; cursor:pointer; }
.video-shot { width:160px; height:120px; margin:0; border:0; padding:0; }
.play-button { width:48px; height:48px; position:relative; top:-60px; left:5px; }

#loading { text-align:center; margin:50px; }

.feed-post textarea { width:100%; height:60px; padding:2px; }
.feed-post input[type=text] { width:792px; margin:2px 0; }
input[type=file] { margin:0 0 15px 0; }
input[type=radio] { margin:6px 2px 6px 10px; }
.feed-post { margin-bottom:30px; }

fieldset { margin-top:20px; width:780px; border:1px solid #aaa;
	-webkit-box-shadow:0px 2px 5px #bbb;
	-moz-box-shadow:0px 2px 5px #bbb;
	-o-box-shadow:0px 2px 5px #bbb;
	-ms-box-shadow:0px 2px 5px #bbb;
	box-shadow:0px 2px 5px #bbb;
}
fieldset legend { text-align:right; padding:5px; font-weight:600; }
fieldset label { font-size:12px; font-weight:600; margin:0 0 5px 200px; display:block; }
#type6 input, #type6 textarea { width:400px; margin:0 0 20px 200px; }
#type6 select { margin:0 0 20px 200px; }

.items { border:1px solid #eee; margin:0 0 10px 0; }
.items:hover, .items-new { 
	border:1px solid #aaa;
	-webkit-box-shadow:0px 2px 5px #bbb;
	-moz-box-shadow:0px 2px 5px #bbb;
	-o-box-shadow:0px 2px 5px #bbb;
	-ms-box-shadow:0px 2px 5px #bbb;
	box-shadow:0px 2px 5px #bbb;
}

.opinions { line-height:1.4em; padding:0; margin:0; }
.comments { margin:20px 0 0 0; }
.comments-new { font-size:1.2em; font-weight:700; }
.comment { clear:both; margin-bottom:10px; }
.comment a.photo { display:block; text-align:right; }
.triangle-border { width:560px; clear:both; float:left;	position:relative; padding:10px; margin:0; border:1px solid #aaa;	color:#333;	background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px;	border-radius:10px; margin-bottom:10px; text-align:left; }
.triangle-border:before {	content:"";	display:block; position:absolute; bottom:-40px; left:40px; width:0; height:0; border:20px solid transparent; border-top-color:#aaa; }
.triangle-border:after { content:""; display:block; position:absolute; bottom:-26px; left:47px; width:0; height:0; border:13px solid transparent; border-top-color:#fff;}
.triangle-border.right:before {	top:10px; right:-20px; bottom:auto; left:auto; border-width:10px 0 10px 20px;	border-style:solid;	border-color:transparent #aaa; }
.triangle-border.right:after { top:11px; right:-18px;	bottom:auto; left:auto; border-width:9px 0 9px 20px; border-style:solid; border-color:transparent #fff; }
.comment-user { text-align:right; }
.com_text { width:100%; }

.infos { color:#666; margin:2px 0 10px 0; font-size:12px; }

.feed-type { overflow:hidden; }
.input-note { color:#aaa; }
#special-content { width:70%; margin:0 10px 0 0; float:left; }
#film-author { width:300px; float:left; margin-right:4px; }
#film-jahr { float:left; margin:2px 4px 0 0;}
#film-cast { width:413px; }
#buch-title { width:390px; margin-right:4px; float:left; }
#buch-origtitle { width:390px; }
#buch-author { width:724px; float:left; margin:1px 4px 0 0; }
label { margin:0; }

.smileys-link { float:left; }
.smileys-box { position:absolute; margin-top:16px; margin-left:0; width:300px; min-height:150px; background:#fff url('/img/loading.gif') center no-repeat; padding:5px; border:1px solid #aaa;
	-webkit-box-shadow:0px 2px 5px #bbb;
	-moz-box-shadow:0px 2px 5px #bbb;
	-o-box-shadow:0px 2px 5px #bbb;
	-ms-box-shadow:0px 2px 5px #bbb;
	box-shadow:0px 2px 5px #bbb;
}
.smileys-box ul, .smileys-box li { list-style:none; margin:0; padding:0; }
.smileys-box li { float:left; display:block; padding:2px; }

.lt { text-align:left; }
.rt { text-align:right; }
.ct { text-align:center; }

#usr_street, #usr_city { width:250px; }
#usr_number, #usr_zip { width:50px; }
#usr_name, #usr_email, #usr_phone, #usr_mobile, #pwd_old, #pwd_new1, #pwd_new2 { width:312px; }
#usr_signature { width:320px; }
#save_thumb { margin:20px 0 0 0; }
.mg-bt { margin-left:165px; }
.done { color:#ff8400; font-weight:700; }

.formrow { padding:2px; margin:2px; }
label.formlabel { display:block; width:150px; float:left; margin:5px; text-align:right; }

.cb { clear:both; }

.profile-card { float:left; width:150px; min-height:350px; }
.profile-card h1 { margin:0; }
.profile-card p { color:#666; margin:0 0 15px 0; font-size:12px; }
.profile-card img { margin:0 0 10px 0; }
.profile-infos { margin-left:150px; min-height:350px; width:650px; }
.pf-selected { background:#ff8400; color:#fff; font-weight:700; }