/* @override 
	http://weelike.digicol.de/weelike-dev/branches/weelike-dev/css/weelike.css
	http://dev.welike.com/css/weelike.css
	http://dev.welike.com/profil/css/weelike.css
	http://dev.welike.com/profil/own/message_details/css/weelike.css
	http://dev.welike.com/profil/own/musicfanhater/9/1/css/weelike.css
	http://dev.welike.com/specials/css/weelike.css
	http://dev.welike.com/static/css/weelike.css
	http://dev.welike.com/mitglied/empfehlungen/carlito/overall/css/weelike.css
	http://dev.welike.com/mitglied/empfehlungen/carlito/musik/css/weelike.css
	http://dev.welike.com/mitglied/empfehlungen/carlito/buch/css/weelike.css
	http://dev.welike.com/details/BLOOD,SUGAR,SEX,MAGIK/css/weelike.css
	http://dev.welike.com/mitglied/annea/css/weelike.css
	http://dev.welike.com/details/Herbie-Hancock/488983/css/weelike.css
	http://dev.welike.com/details/100th-Window/css/weelike.css
	http://dev.welike.com/details/Massive-Attack/631586/css/weelike.css
*/

/* @group ====== GENERIC ====== */



html, body {
	padding: 5px 0 20px 0;
	margin: 0;

	background: #eae9e9 url('../images/body-bg.png') repeat-x;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	}

h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0; padding: 0;
	}

strong, em, big {
	font-family: Arial, Helvetica, sans-serif;
	}

small {
	font-size: 11px;
	}

a {
	text-decoration: none;
	color: #333333; /* QS */
	}

a:hover {
	text-decoration: underline;
	color: #666666;
	}
a.red {
	color: #ce331f;
	}

a.orange:hover {
    text-decoration: underline;
    color: #f98016;
}

IMG { border: 0px solid white; }

ul, li {
	list-style-type: none;
	}


.clearer { clear: both; }
.left { float: left; }
.right { float: right; }
.hide { display: none;}
.show-block { display: block;}
.show-inline { display: inline;}

.kill-margins { margin: 0 !important; }

.important { color: #b1350f; }

.is-friend { border-color: #f48669 !important; }

.cursor-pointer,
.bad-content,
.delete-comment,
.delete-rezension,
.deletereviewcomment,
.forth IMG, .back IMG { cursor: pointer; }


#ajax-feedback {
	background-color: #eeff00 !important;
	color: #000000 !important;
	padding: 2px 4px !important;
	background-image: none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	line-height: 100%;
	}


.systemtext {
	background-color: #f5f5f5;
	border: 2px solid #eaeaea !important;
	padding: 4px 8px !important;
	font-size: 10px !important;
	line-height: 12px !important;
	float: none !important;
	height: auto !important;
}
.recommendations-to .systemtext {
	width: 60% !important;
	margin: 0 0 0 12% !important;
}

.tab .systemtext,
#friends-list.container .systemtext { width: auto !important; }

.tab .systemtext { margin-right: 0px !important; }
.new-recommendations .systemtext { margin-right: 10px !important; }
.new-recommendations .columne-last .systemtext { margin-right: 4px !important; }
.back-to-top {
	margin: -0.5em 0 0.5em 0!important; padding: 0;
}


/* @group ...... GENERIC::Table ...... */

.container TD {
	/* überschreibt teilweise Matts CSS
	um bei Titel-Listen die Borders links + rechts
	zu eliminieren. Hoffe ich kicke damit nicht zuviel */
	border-left: 0px solid white;
	border-right: 0px solid white;
}

/* .container TR.odd TD { background-color: #ffffff; } /* odd ist grau -Matt */


/* @end */


/* @end */







/* @group ====== LAYOUT ====== */

#header {
	position: relative;
	height: 76px;
	width: 966px; /* 930px + 36px links; */
	margin: 0;
	padding: 0;
	}

#page {
	width: 930px;
	margin: 0 0 0 36px;
	padding: 0;
	color: #333333;
	}

#navigation {
	height: 28px;
	color: #ffffff;
}


/* @group ....... NAV::Subnav ...... */
#subnavigation-wrapper {
	position: relative;
}
#subnavigation {
	background-image: url('../images/subnavigation-bg.png');
	height: 16px;
	padding: 4px 0 0 0;
	border-bottom: 1px solid #a3a3a3;
	font-size: 11px;
	color: #666666;
	text-align: left;
	text-transform: uppercase;
	}
#subnavigation.profile { padding-left: 410px; }
#subnavigation.music { padding-left: 40px; }
#subnavigation.movies { padding-left: 134px; }
#subnavigation.books { padding-left: 230px; }
#subnavigation.member { padding-left: 374px; }
/* Provisorium bis neuer Controller kommt */
#subnavigation.match { text-align: center; }
#subnavigation.charts { text-align: center; }

#subnavigation.sub-mysettings #link-preferences,
#subnavigation.sub-activityfeed #link-activities,
#subnavigation.sub-mindeslist #link-merkliste,
#subnavigation.sub-messages #link-messages { text-decoration: underline;}
/* Provisorium bis neuer Controller kommt */
#subnavigation.match.sub-music #link-match,
#subnavigation.match.sub-movies #link-match,
#subnavigation.match.sub-books #link-match,
#subnavigation.match.sub-member #link-match { text-decoration: underline;}
#subnavigation.charts.sub-music #link-charts,
#subnavigation.charts.sub-movies #link-charts,
#subnavigation.charts.sub-books #link-charts,
#subnavigation.charts.sub-member #link-charts { text-decoration: underline;}

/* @end */

#bigsize-one {
	margin-left: 36px;
}

#widesky-one {
	position: absolute;
	top: -28px;
	left: 940px;
}
#widesky-one-home {
	position: absolute;
	top: 10px;
	left: 940px;
}
#content {
	padding: 35px 21px;
	background-color: #ffffff;
	position: relative;
	color: #666666;
	min-height: 1800px;
	}

#content.content-login {
	min-height: 400px;
	}

#footer {
	height: 156px; /* 174px-18px; */
	color: #b5b6b8;
	text-align: center;
	font-size: 11px;
	background-image: url('../images/footer-bg.png');
	background-repeat: no-repeat;
	padding: 15px 6px 0 6px;
	/* margin-left: 36px; */
	line-height: 16px;
	}

#banner-top {
	margin-left: 138px;
	}

.banner-leaderboard {
	height: 90px;
	width: 728px;
	background-color: #616161;
	}

/* @end */



/* @group ====== HEADER ====== */

#header #login {
	width: 400px; /* 290px */
	margin: 0 0 0 auto;
	font-size: 11px;
	padding: 16px 0 7px 0;
	text-align: right;
	text-transform: uppercase;
	}

#header #login A {
	color: #ffffff;
	}

#header #login DIV {
	float: right;
	margin: 0 0 8px 0;
	}

#header #login DIV.text {
	color: #cccccc;
	width: 400px;
	}

#header #login DIV.button {
	margin: 0 0 0 4px;
	}

#header #search {
	width: 404px; /* 317px; */
	clear: both;
	float: right;
}

#header #search .search-select {
	float: left;
	width: 120px;
	margin: 0 8px 0 0;
}
#header #search .search-select SELECT {
	width: 120px;
}
#header #search INPUT.form-text {
	display: block;
	margin: 1px 0 0 0;
	height: 13px;
	border: 0px solid black;
}
#header INPUT.form-text {
	float: left;
	display: block;
	border: 1px solid #acacac;
	font-size: 11px;
	color: #535353;
	padding: 2px;
	width: 180px;
	}
#header #search .form-submit {
	float: left;
	display: block;
	margin: 1px 0 0 0;
}


/* @group --- Logo im Header --- */
/* Unsichtbare A-Box im Header übern Logo legen um Logo anklickbar zu machen */
#homeclicker {
	position: absolute;
	top: 0;
	left: 0;
	}

#homeclicker a {
	width: 440px;
	height: 68px;
	display: block;
	}

/* @end */



/* @group --- Report Bug --- */
/* Button im Header für Beta-Phase, zum Melden von Bugs */
#report_error {
	margin: 0 0 0 0;
	text-align: right;
	position: absolute;
	top: 16px;
	left: 450px;
	}

#report_error a {
	color: #c7350f;
	}

.report-error #TB_ajaxContent p {
	width: 300px;
	margin: 0 auto;
	}

.report-error #TB_ajaxContent textarea {
	margin: 16px 0 0 0;
	width: 340px;
	}

/* @end */


/* @end */


/* @group ====== FOOTER ====== */


#footer A {
	color: #b5b6b8;
	}

/* @end */



/* @group  ====== FORMs  ====== */


/* @group ........... Text::Reviews, About-Me, Comments */
.container .write-text H3 {
	margin: 8px 0 8px 0;
}

.container .write-text .write-text-body {
	background-color: #e7e7ea;
	border: 3px solid #cccccc;
	padding: 8px;
}
.container .write-text .write-text-body #count-chars {
	font-size: 10px;
}
.container .write-text .write-text-body TEXTAREA {
	border: 1px solid #cccccc;
	width: 100%;
	height: 142px;
}

.container .write-text .write-text-body .button {
	float: none;
	text-align: right;
	margin: 8px 0 0 0;
}

#content.content-login .login-text {
	width: 560px;
	margin: 0 0 50px 0;
}

/* @end */


/* @end */





/* @group ====== TAB-SKINNING ====== */
.ui-tabs-selected.music,
.ui-tabs-selected.music A {
	color: #f98016 !important;
	font-weight: bold;
}

.ui-tabs-selected.movies,
.ui-tabs-selected.movies A {
	color: #51ac2f !important;
	font-weight: bold;
}

.ui-tabs-selected.books,
.ui-tabs-selected.books A {
	color: #3a89a3 !important;
	font-weight: bold;
}
/* @end */




/* @group ====== TAB-LOGIC ====== */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide { display: none; }
	}

/* Hide useless elements in print layouts... */

@media print {
    .ui-tabs-nav { display: none; }
	}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
	}

/* ... Alle Tabs ... */

.ui-tabs-nav li {
    /* float: left;
    margin: 0;
    font-weight: bold;
	background-repeat: no-repeat;
	background-position: right top; */
	}

/* ... Alle Tabs ... */
.ui-tabs-nav a, .ui-tabs-nav a span {
    /* float: left; /* fixes dir=ltr problem and other quirks IE */
    /* padding: 0 8px; */
}

.ui-tabs-nav a {
    /* xxxmargin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    /* padding-left: 0;
    margin-right: 5px;
    background-position: 100% 0;
    text-decoration: none;/ */
    /* white-space: nowrap; /* @ IE 6 */
    /* outline: 0; /* @ Firefox, prevent dotted border after click */
	/* background-repeat: no-repeat;
	background-position: left top; */
	}

.ui-tabs-nav .ui-tabs-selected a {
    /* xxxposition: relative;
	xxxtop: 1px;
    z-index: 2;
    margin-top: 0; */
	}

.ui-tabs-nav a span {
    /* padding-top: 1px;
    padding-right: 0; */
    margin-left: 15px;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
	}

.ui-tabs-nav .ui-tabs-selected A SPAN {
    padding-top: 0;
    /* xxxheight: 27px;
    xxxbackground-position: 0 -23px;
    xxxline-height: 27px; */
	}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    /* cursor: text; */
	}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    /* cursor: pointer; */
	}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
	}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
	}

.ui-tabs-panel {
    /* xpadding: 10px; */
    /* background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */
	}

/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */

* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
	}

*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
	}

/* @end */



/* @group ====== SIDEBAR ====== */

.sidebar {
	width: 300px;

	background-color: #ffffff;
	}



.sidebar-right {

	position:  absolute;

	right:  20px;

	top:  28px;

}

.sidebar .container {
	width: 100%;
	}


.sidebar-right .container {
	margin: 0 0 50px 0;
	}

/* @end */

/* @group ====== Seite: Get-Started ====== */
.container.register {
	margin: 30px 0 0 0;
}

.container.register P {
	margin: 10px 0;
}


.container.register LI {
	clear: both;
	margin: 12px 0 0 0;
}
.container.register .box-error {
	color:#CE331F;
	list-style-type: disc;
	font-size:11pt;
	line-height:14pt;
}
.container.register LABEL {
	width: 100px;
	display: block;
	float: left;
	margin: 7px 0 0 0;
}

.container.register .fake-label {
	width: 100px;
	display: block;
	float: left;
}
.container.register INPUT.form-text {
	border: 1px solid #cccccc;
	font-size: 16px;
	padding: 4px 8px;
	width: 400px;
	color: #333333;
}
.container.register .zeile-checkbox LABEL {
	width: auto;
	display: inline;
	float: none;
	padding: 0 16px 0 0;
}

#thickbox-copyright-alert P {
	margin: 0 48px 0 0;
	color: #666666;
}
#thickbox-copyright-alert .content {
	margin: 20px 0 0 0;
}
#thickbox-copyright-alert LI {
	margin: 2px 0;
}
#thickbox-copyright-alert LABEL {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0 10px 0 0;
	color: #666666;
}
#thickbox-copyright-alert INPUT[type="text"],
#thickbox-copyright-alert TEXTAREA {
	border: 1px solid #cccccc;
	font-size: 16px;
	padding: 4px 8px;
	width: 400px;
	color: #333333;
}

#thickbox-copyright-alert .form-submit {
	text-align: right;
	margin: 20px 44px 0 0;
}

.get-started #stepper,
.register #stepper,
.profile #stepper {
	float: right;
	margin: 0 48px 16px 0;
	}

.get-started #content-header {
	margin: 0 0 16px 24px;
	height: auto;
	}
.get-started #content-header .box-double {
	width: 560px;
	margin: 0 0 50px 0;
	}

.get-started #content-header h2 {
	clear: both;
	}

.get-started #content-header h2 small {
	color: #333333;
	}

.get-started .sidebar {
	position: absolute;
	top: 212px;
	right: 48px;
	width: 256px;
	background-image: url('../images/sidebar-wide-bg.png');
	}
.get-started .sidebar .button {
	text-align: center;
	}

.sidebar .box-bottom {
	background-image: url('../images/sidebar-wide-bottom-bg.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	}

.get-started .picture {
	text-align: center;
	float: none;
	margin: 24px 0 0 0;
	}

.get-started .sidebar .text {
	clear: both;
	width: 178px;
	margin: 0 auto;
	}

.get-started .box.music,
.get-started .box.movies,
.get-started .box.books {
	width: 522px;
	height: 100px;
	clear: both;
	float: left;
	padding: 16px;
	margin: 0 0 8px 20px;
	}

.get-started .box.music {
	background-image: url('../images/getstarted-music-bg.png');
	background-repeat: no-repeat;
	}

.get-started .box.movies {
	background-image: url('../images/getstarted-movies-bg.png');
	background-repeat: no-repeat;
	}

.get-started .box.books {
	background-image: url('../images/getstarted-books-bg.png');
	background-repeat: no-repeat;
	}

.get-started .box.music h3,
.get-started .box.movies h3,
.get-started .box.books h3 {
	color: #999999;
	font-size: 12px;
	}

.get-started .box.music h3 img,
.get-started .box.movies h3 img,
.get-started .box.books h3 img {
	float: left; margin: 0 8px 0 0;
	}

.get-started .box.music .text,
.get-started .box.movies .text,
.get-started .box.books .text {
	float: right;
	width: 160px;
	}

.get-started .box.music .text h4,
.get-started .box.movies .text h4,
.get-started .box.books .text h4 {
	font-size: 16px;
	}

.get-started .box.music .text h4 {
	color:  #f98016;
	}

.get-started .box.movies .text h4 {
	color:  #51ac2f;
	}

.get-started .box.books .text h4 {
	color:  #3a89a3;
	}

.get-started .asset-thumbnails {
	float: left;
	}

.get-started .box.music .asset-thumbnails {
	width: 50px;
	height: 50px;
	}

.get-started .box.movies .asset-thumbnails,
.get-started .box.books .asset-thumbnails {
	width: 50px;
	height: 70px;
	}


/* @group ...... CONT::Profiling ...... */

.container.profiling-header {
	width: 750px;
	margin: 30px auto;
}

.container.profiling {
	border: 2px solid #cccccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	width: 750px;
	margin: 30px auto;
	padding: 20px 20px;
}
.container.music.profiling { border: 2px solid #f98016; }
.container.movies.profiling { border: 2px solid #51ac2f; }
.container.books.profiling { border: 2px solid #3a89a3; }


.container.profiling-header LI {
	clear: both;
	margin: 12px 0 0 0;
}

.container.profiling-header LABEL {
	width: 100px;
	display: block;
	float: left;
	margin: 7px 0 0 0;
}

.container.profiling-header .fake-label {
	width: 100px;
	display: block;
	float: left;
}
.container.profiling-header INPUT.form-text {
	border: 1px solid #cccccc;
	font-size: 16px;
	padding: 4px 8px;
	width: 400px;
	color: #333333;
}

.profiling .but-submit {
	float: left;
	border: 1px solid #dadada;
	background-color: #ffffff;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 4px;
}
.profiling.music .but-submit { background-color: #f98016; }
.profiling.movies .but-submit { background-color: #51ac2f; }
.profiling.books .but-submit { background-color: #3a89a3; }

.profiling .but_add_to_favs { cursor: pointer; }

.profiling .sort {
	text-align: right;
	margin: 0 12px 8px 0;
	font-size: 10px;
}
.profiling .alphabeta {
	text-align: left;
	margin: 0 12px 8px 12px;
	font-size: 12px;
	font-weight: bold;
	color: #a4a4a4;
}
.profiling .alphabeta A { color: #3a89a3; }

.profiling .item {
	float: left;
	margin: 0 7px 60px 7px;
	width: 136px;
	height: 200px;
}

.profiling .item .thumb SPAN {
	display: block;
	width: 90px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	border: 1px solid #d1d1d1;
}

.profiling .item IMG.pic {
	border: 1px solid #dcdcdc;
	display: block;
	margin: 0 auto;
}
.profiling P {
	text-align: center;
	padding: 4px;
	height: 30px;
	line-height: 14px;
}
.profiling .columne {
	float: left;
	margin: 16px 0 16px 8px;
	padding: 0 8px 0 16px;
	width: 150px;
	font-size: 10px;
}
.profiling .columne + .columne {
	border-left: 1px dotted #a4a4a4;
}
.profiling .columne H3 {
	background-color: #3a89a3;
	color: #ffffff;
	text-align: center;
	padding: 4px 0 4px 0;
	margin: 0 0 16px 0;
}
.profiling .suvbnav {
	margin: 12px 0;
}
.profiling .more-items {
	text-align: right;
	margin: 0 12px 8px 0;
	float: left;
}
.profiling .nextstep {
	text-align: right;
	margin: 0 12px 8px 0;
	float: right;
}


.profiling .rate-item {
	margin: -16px 0 0 0;
}

/* @end */

/* @end */


.fanhate {
	background:transparent url(../images/fanhate-bg.png) no-repeat scroll 0 0;
	font-weight:bold;
	height:38px;
	padding:20px 0 0;
	text-align:center;
	text-transform:uppercase;
	width:150px;
}



/* @group ====== CONTAINER ====== */

/* @group ------ CONTAINER Generic ------ */

P {
	line-height: 150%;
}

H2 /* "Hallo" */ {
	color: #383d43;
	font-size: 22px;
	font-weight: normal;
	line-height: 100%;
	margin: 0 0 8px 0;
	}

H1.music, #content H2.music, #content H3.music { color: #f98016; }
H1.movies, #content H2.movies, #content H3.movies { color: #51ac2f; }
H1.books, #content H2.books, #content H3.books { color: #3a89a3; }
H1.members, #content H2.members, #content H3.members { color: #7a3b99; }


.color-2-, .color-5-2 { color: #f98016; }
.color-3-, .color-5-3, .color-5-4 { color: #51ac2f; }
.color-1-, .color-5-1 { color: #3a89a3; }
.color-4- { color: #7a3b99; }

H3 {
	color:#ce331f;
	font-size: 18px;
	font-weight: normal;
	line-height: 100%;
	}

.container {
	position:relative;
	width: 560px;
	margin: 0 0 50px 0;
	}
.container.new-recommendations { margin-bottom: 30px;}
.me .container.new-recommendations { margin-bottom: 60px;}

.container-top {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 3px solid #cccccc;
	}

.top-items .container-top {
	margin-bottom: 15px;
}

.container-body {
	position: relative;
	}
.container.big-text {
	font-size: 12px;
	line-height: 18px;
}
.container-bottom {
	clear: both;
	}

LI.trenner { /* Für den Puck-Button als Trenner zwischen Tabs */
	margin: 2px 0 0 0;
	}


.more {
	position:absolute;
	right: 0px;
	top: 6px;
	padding: 0 0 0 18px;
	height: 13px;
	background: url('../images/but-circle.png') no-repeat left 0px;
	text-transform:uppercase;
	font-size: 12px;
	}
.new-recommendations .more { right: 3px;} /* QS */

.more-at-bottom { /* Gleicher Button wie .more, aber nicht per POSITION oben angetackert */
	position: relative;
	float: right;
	padding: 1px 0 0 18px;
	height: 13px;
	background: url('../images/but-circle.png') no-repeat left 0px;
	text-transform:uppercase;
	}


.rank {
	font-size: 11px;
	line-height: 11px;
	height: 17px;
	margin: 0 0 8px 0;
}
.rank SPAN {
	display: inline;
	padding: 3px 5px;
	background-color: #616161;
	color: #ffffff;
}
.name {
	font-weight: bold;
	padding: 2px 0 0 0;
	display: inline;
	}

.action {
	color: #ce331f;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 6px 19px;
	background-image: url('../images/puck-red.png');
	background-repeat: no-repeat;
}
.action A {
	color: #ce331f;
}

/* @end */



/* @group ------ CONTAINER Layout ------ */
/*	Für Sonderfälle, wie z.B. halbbreite Container "Vorbilder"/"Nachfolger"
	auf Singer/Biographie-Phononet-Seite
 */

.container#predecessors {
	width: 265px;
	float: left;
	margin-right: 20px;
}
.container#successors {
	width: 285px;
	margin-left: 285px;
}

/* @end */




/* ====== Drei Spalten: Film, Musik, Buecher ====== */

.container-body .columne {
	float: left;
	}



/* @group ------ CONT::Meta ------ */

#meta {
	width: 560px;
}
#meta .cover-wrapper {
	float: left;
	width: 160px;
}
#meta .cover-picture {
	float: left;
	width: 160px;
	height: 205px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center center;
}
#meta .cover-wrapper .cover-picture {
	float: none;
}

#meta .copyrights {
	width: 170px;
	margin: 4px 0 0 0;
}
#meta .copyright-wikicommons-logo {
	width: 72px;
	float: right;
	margin: 0 0 0 4px;
}
#meta .action-copyright-alert {
	margin: 2px 0;
}


#meta .container-top,
#meta .container-body,
#meta .container-bottom {
	margin: 0 0 0 196px;
	}
#meta .container-top {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 4px;
	}

#meta .container-top H3 {
	margin: 0px 0 0 0;
	padding: 4px 0 0 0;
	}
#meta .container-top H3.music { color: #f98016;}
#meta .container-top H3.movies { color: #51ac2f;}
#meta .container-top H3.books { color: #3a89a3;}

#meta .type {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	}

/* @group ...... CONT::Meta::Data ...... */
#meta .data { width: 224px; }
#content #meta .data-items { width: 194px; }

#meta .data H4 {
	padding: 4px 0;
	font-size: 10px;
}

#meta .data LI,
#popup LI {
	padding: 4px 0;
	clear: both;
	}

.legende { float: left; }
.rating { float: right; }

.my-rating-box .legende {
	padding: 8px 0 0 0;
}
.rating-text {
	font-size: 9px;
	text-align: center;
}

#meta LI.fanhate,
#popup LI.fanhate,
.flyout-body LI.fanhate {
	height: 58px;
	width: auto;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	background-image: url('../images/fanhate-bg.png');
	background-repeat: no-repeat;
	background-position: center 6px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
#meta LI.fanhate {
	margin: 4px 0 0 0;
}
.flyout-body LI.fanhate {
	width: 150px;
	margin-left: 30px;
}
.details .flyout-body LI.fanhate {
	background-position: center 24px;
}
#flyout-status-fan,
#flyout-status-hate,
#flyout-status-switch { margin-left: -38px;}
#flyout-status-fan,
#flyout-status-hate { padding-top: 45px !important;}

#popup LI.fanhate.fan,
#popup LI.fanhate.hate,
.flyout-body  LI.fanhate.fan,
.flyout-body  LI.fanhate.hate  {
	padding: 22px 0 0 0;
}
#meta LI.fanhate.fan,
#meta LI.fanhate.hate {
	padding: 27px 0 0 0;
	color:  #de2c16;
}

LI.fanhate-buttons .legende {
	float: none;
	font-weight: normal;
	text-transform: none;
	font-size: 10px;
	margin: 0 0 13px 0;
	text-align: left;
	width: auto;
}

/* @end */




/* @group ------ CONT::Meta.Members ------ */

.members #meta .container-top {
	margin-bottom: 16px;
	}

.members #meta H3 { color:  #7f528f; font-size: 21px; }

.members #meta .columne.stats {
	width: 174px;
	margin: 0 34px 0 0;
	}

.members #meta .action {
	background: none;
	border: 0px solid white;
	color: #666666;
	font-size: 10px;
	margin: 8px 0 0 0;
	padding: 0;
	text-align: center;
	}

/* @group ...... Meta.Members.Stats ...... */
.members #meta TD,
.members #meta TH {
	border-bottom: 1px solid #cccccc;
	border-width: 0 0 1px 0;
	padding: 4px 0;
	background-color: transparent;
	color: #666666;
	height: auto;
	}
.members #meta TD {
	text-transform: uppercase;
	}

.members #meta TD.number {
	width: 24px;
	}

.members #meta TD.important A {
	font-weight: bold;
	color: #ce331f;
	}

.members #meta TR.trenner TD {
	height: 22px;
	line-height: 12px;
	}
/* @end */

/* @group ...... Meta.Members.Activities ...... */
.members #meta .columne.activities {
	color: #999999;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 16px;
}
.members.others #meta .columne.activities { width: 182px; }
.members #meta .columne.activities P {
	line-height: 11px;
	margin: 6px 0;
}
.members #meta .columne.activities H4 {
	font-size: 10px;
	font-weight: normal;
}
.members #meta .columne.activities UL + H4 { margin-top: 36px; }

.members #meta .columne.activities LI {
	clear: both;
}

.members #meta .columne.activities .legende {
	width:  48px;
	}

#meta.container-protected {
	margin: 0 auto;
	width: 400px;
}
#meta.container-protected .container-top { margin: 0 0 10px 0; }
#meta.container-protected .container-body { margin: 0; }
#meta.container-protected .container-bottom { margin: 0; }
#meta.container-protected .actions {
	margin: 16px auto 0 auto;
	float: none;
}
/* <div style="border: 1px solid #ff0000;margin: 20px; padding: 20px; font-size: 14px; line-height: 17px;"> */

/* @end */



/* @end */



/* @group ...... CONT::Meta::Actions ...... */
#meta .actions {
	float: right;
	width:  136px;
	}
.others.members #meta .actions { width:  174px; }

#meta .actions H4 {
	border-bottom: 1px solid #d1d1d1;
	padding: 4px 0;
	font-size: 11px;
	}

#meta .actions LI {
	border-bottom: 1px solid #d1d1d1;
	text-transform: uppercase;
	padding: 5px 0 4px 16px;
	}

#meta .actions LI.addthis {
    border-bottom: 1px solid #d1d1d1;
    text-transform: uppercase;
    padding: 8px 0 4px 0px;
    }

#meta .actions LI.add-actual-fav,
#meta .actions LI.add-fav-list,
#meta .actions LI.add-list,
#meta .actions LI.write-msg,
#meta .actions LI.add-friend,
#meta .actions LI.add-clipboard {
	background: url('../images/but-action-add.png') no-repeat left center;
}


#meta .actions LI.link-compare {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin: 60px 0 0 0;
	background: url('../images/but-action-add.png') no-repeat left center;
}

#meta .actions LI.buy-item {
	background: url('../images/actions-buy-item-red.png') no-repeat left center;
	color: #ce331f !important;
	font-weight: bold;
}
#meta .actions LI.buy-item A {
	color: #ce331f !important;
}


#meta .actions LI.add-actual-fav.active,
#meta .actions LI.add-list.active,
#meta .actions LI.write-msg.active,
#meta .actions LI.add-friend.active,
#meta .actions LI.add-clipboard.active { background: url('../images/actions-checked.png') no-repeat left center;
}
#meta .actions LI.add-actual-fav.pending,
#meta .actions LI.add-list.pending,
#meta .actions LI.write-msg.pending,
#meta .actions LI.add-friend.pending,
#meta .actions LI.add-clipboard.pending { background: url('../images/actions-pending.png') no-repeat left center;
}
#meta .actions LI.add-recommendation {
	background: url('../images/but-action-recommend.png') no-repeat left center;
	}
#meta .actions LI.trenner {
	height: 10px;
	}
#meta .actions LI.trenner-buy-item {
	height: 28px;
	}

/* @end */


/* @end */




/* @group ------ CONT::Nav-In-Page ------ */
#nav-in-page {
	margin: 50px 0 18px 0;
}

#nav-in-page .container-top {
	border: 0px solid white;
	margin: 0;
	padding: 0;
	display: none;
}
#nav-in-page.activity-feeds-friends .container-top {
	border-bottom: 3px solid #cccccc;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	display: block;
}
#nav-in-page UL {
	border-bottom: 1px solid #d1d1d1;
	height: 22px;
}

#nav-in-page LI {
	/* display:inline geht nicht, weil Screendesign Padding auf LI bzw. A braucht. Spacko! */
	float: left;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0px 18px 0;
	padding: 4px 8px;
	/* border-bottom: 1px solid #d1d1d1; */
	}

#nav-in-page LI A {
	color: #666666;
	}

#nav-in-page LI.active {
	border: 1px solid #d1d1d1;
	border-bottom: 1px solid #ffffff;
	}

#nav-in-page.music LI.active A { color: #f98016;}
#nav-in-page.movies LI.active A { color: #51ac2f;}
#nav-in-page.books LI.active A { color: #3a89a3;}
#nav-in-page.members LI.active A { color: #7f528f;}

#nav-in-page .container-body LI.music A { color: #f98016;}
#nav-in-page .container-body LI.movies A { color: #51ac2f;}
#nav-in-page .container-body LI.books A { color: #3a89a3;}
#nav-in-page .container-body LI.members A { color: #7f528f;}

/* @end */


/* @group ------ CONT::Thumbnails ------ */
.container.thumbnails.recommended .container-top {
	border: 0px solid white;
	margin: 0;
}
.new-recommendations .columne {
	width:181px;
	padding: 0 0 0 11px; /* QS */
 	border-right: 1px solid #ccc;
}

.container.thumbnails.recommended .columne.first,
.columne-first { padding-left: 0;}
.container.thumbnails.recommended .columne.last,
.columne-last { padding-right: 0; border: 0; width:  174px;}

.container.thumbnails.recommended .all-types {
	clear: both;
	padding: 10px 0 0 0;
}

.container.thumbnails.recommended .all-types LI { padding: 0 6px 0 6px; }


.container.thumbnails LI {
	float: left;
	margin: 0 24px 10px 0;
	padding: 1px;
	font-size: 10px;
	line-height: 11px;
}
.container.thumbnails #tabs-charts LI.trenner {
	font-size: 14px;
}
.container.thumbnails #tabs-charts .ui-tabs-nav {
	margin-bottom: 14px;
}

.container.thumbnails .download-links LI,
.flyout-container-downloads .download-links LI {
	margin-bottom: 0;
	margin-right: 0;
}

/* @group ...... CONT::Top-Items/Top-Produkte ...... */
.container.thumbnails.top-items LI {
	width: 285px;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 20px;
}
.container.thumbnails.top-items LI.music90 { height: 100px; }
.container.thumbnails.top-items LI.movies90,
.container.thumbnails.top-items LI.books90 { height: 140px; }

/* @end */



.container.thumbnails LI .text { width: 50px; }

.container.thumbnails LI.members,
.container.list LI.members .picture {
	height: 28px;
	width: 28px;
	margin: 0 5px 5px 0;
}
.sidebar .container.thumbnails LI.members {
	margin: 0 1px 1px 0;
}


.container.thumbnails LI.music,
.container.thumbnails LI.albums { height: 120px; width: 60px; }

.container.thumbnails LI.music90 { height: 150px; width: 280px; }
.container.thumbnails LI.albums90 { height: 100px; width: 280px; }

.container.thumbnails LI.movies,
.container.thumbnails LI.movie,
.container.thumbnails LI.books,
.container.thumbnails LI.persons,
.container.thumbnails LI.members { height: 120px; width: 60px;}

.container.thumbnails.actorlist LI.movies,
.container.thumbnails.actorlist LI.movie,
.container.thumbnails.actorlist LI.books,
.container.thumbnails.actorlist LI.persons,
.container.thumbnails.actorlist LI.members { margin: 0 18px 10px 0; }

.container.thumbnails.gallery LI.members { height: auto; width: auto;}

.container.thumbnails UL.tabs LI { height: auto; width: auto; }

.container.thumbnails LI.movies90,
.container.thumbnails LI.movie90,
.container.thumbnails LI.books90,
.container.thumbnails LI.persons90 { height: 150px; width: 280px;}

.container.thumbnails.actorlist LI.movies90,
.container.thumbnails.actorlist LI.movie90,
.container.thumbnails.actorlist LI.books90,
.container.thumbnails.actorlist LI.persons90 { height: 184px; width: 112px;}

.container.thumbnails.actorlist LI.movies90 .text { width: 100px; text-align: center; }

.container.thumbnails LI.music90 .content,
.container.thumbnails LI.albums90 .content,
.container.thumbnails LI.movies90 .content,
.container.thumbnails LI.movie90 .content,
.container.thumbnails LI.books90 .content,
.container.thumbnails LI.persons90 .content {
	width: 160px;
	line-height: 120%;
	margin: 5px 0 0 100px;
	float:  none;
}

.container.thumbnails LI.members .thumb {
	height: 28px;
	width: 28px;
	margin: 0 8px 0 0;
	padding: 2px;
	text-align: center;
	border: 1px solid #cccccc;
}
.sidebar .container.thumbnails LI.members .thumb {
	margin: 0;
}
.sidebar #sidebar-charts LI.members .thumb {
	height: 28px;
	width: 28px;
	margin: 0 8px 0 0;
	padding: 2px;
	text-align: center;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	float: left;
}

.container.thumbnails LI.members50 .thumb {
	height: 50px;
	width: 50px;
	margin: 0 8px 0 0;
	padding: 2px;
	text-align: center;
	border: 1px solid #cccccc;
}
.container.thumbnails LI.members90 .thumb {
	height: 90px;
	width: 90px;
	margin: 0 8px 20px 0;
	padding: 2px;
	text-align: center;
	border: 1px solid #cccccc;
}
.container.thumbnails LI.albums .thumb {
}

.container.thumbnails LI.music .thumb,
.container.thumbnails LI.albums .thumb,
.container.thumbnails LI.music50 .thumb,
.container.thumbnails LI.albums50 .thumb,
#search-results .music .thumb,
#search-results .music50 .thumb,
#charts-wrapper .music .thumb,
#charts-wrapper .music50 .thumb {
	height: 58px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x50.png') no-repeat;
	margin: 0 auto; /* margin: 0 4px 0 0; QS */
	padding: 5px 1px 0 3px;
	text-align: center;
}
#search-results .albums .thumb,
#search-results .albums50 .thumb,
#charts-wrapper .albums .thumb,
#charts-wrapper .albums50 .thumb {
	height: 54px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x50.png') no-repeat;
	margin: 0 auto; /* margin: 0 4px 0 0; QS */
	padding: 5px 1px 0 3px;
	text-align: center;
}

.container.thumbnails LI.movies .thumb,
.container.thumbnails LI.movie .thumb,
.container.thumbnails LI.books .thumb,
.container.thumbnails LI.persons .thumb,
#search-results .movies .thumb,
#search-results .movie .thumb,
#search-results .books .thumb,
#search-results .persons .thumb,
#search-results .members .thumb,
#charts-wrapper .movies .thumb,
#charts-wrapper .movie .thumb,
#charts-wrapper .books .thumb,
#charts-wrapper .persons .thumb,
#charts-wrapper .members .thumb   {
	height: 78px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x70.png') no-repeat;
	margin: 0 auto;
	/* margin: 0 4px 0 0; QS */
	padding: 5px 1px 0 3px;
	text-align: center;
}

.container.thumbnails LI.movies90 .thumb,
.container.thumbnails LI.movie90 .thumb,
.container.thumbnails LI.books90 .thumb,
.container.thumbnails LI.persons90 .thumb {
	height: 138px;
	width: 97px; /* 58px - 1px */
	background: url('../images/item-frame-90x130.png') no-repeat;
	margin: 0 7px 0 0;
	padding: 5px 1px 0 3px;
	text-align: center;
	}

.container.thumbnails .music90 .thumb,
.container.thumbnails .albums90 .thumb {
	height: 93px; /* 98px - 5px */
	width: 97px; /* 98px - 3px */
	background: url('../images/item-frame-90x90.png') no-repeat;
	padding: 5px 1px 0 3px;
	margin: 0 8px 0 0;
}


.container.thumbnails LI.members .thumb A,
.sidebar #sidebar-charts LI.members .thumb A,
.container.list LI.members .picture A {
	display: block;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
}

.container.thumbnails LI.members50 .thumb A,
.container.list LI.members50 .picture A {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
}
.container.thumbnails LI.members90 .thumb A {
	display: block;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center center;
}

.container.thumbnails LI.music .thumb A,
.container.thumbnails LI.albums .thumb A,
.container.thumbnails LI.music50 .thumb A,
.container.thumbnails LI.albums50 .thumb A,
#search-results .music .thumb A,
#search-results .albums .thumb A,
#search-results .music50 .thumb A,
#search-results .albums50 .thumb A,
#charts-wrapper .music .thumb A,
#charts-wrapper .albums .thumb A,
#charts-wrapper .music50 .thumb A,
#charts-wrapper .albums50 .thumb A {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
}

.container.thumbnails LI.music90 .thumb A,
.container.thumbnails LI.albums90 .thumb A {
	display: block;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center center;
	}


.container.thumbnails LI.movies .thumb A,
.container.thumbnails LI.movie .thumb A,
.container.thumbnails LI.books .thumb A,
.container.thumbnails LI.persons .thumb A,
#search-results .movies .thumb A,
#search-results .movie .thumb A,
#search-results .books .thumb A,
#search-results .persons .thumb A,
#search-results .members .thumb A,
#charts-wrapper .movies .thumb A,
#charts-wrapper .movie .thumb A,
#charts-wrapper .books .thumb A,
#charts-wrapper .persons .thumb A,
#charts-wrapper .members .thumb A  {
	display: block;
	width: 50px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	}


.container.thumbnails LI.movies90 .thumb A,
.container.thumbnails LI.movie90 .thumb A,
.container.thumbnails LI.books90 .thumb A,
.container.thumbnails LI.persons90 .thumb A  {
	display: block;
	width: 90px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center center;
	}

.container.thumbnails LI.albums90 .content H5,
.container.thumbnails LI.movies90 .content H5,
.container.thumbnails LI.books90 .content H5 { margin: 0 0 12px 0;}
.container.thumbnails LI.albums90 .content H5 A,
.container.thumbnails LI.moviesbooksalbums90 .content H5 A {
	font-size: 14px;
	color: #333333;
}

.container-body .music.caption,
.container-body .movies.caption,
.container-body .books.caption,
.container-body .persons.caption {
	width: 58px;
	font-size: 10px;
	}

#content.entry .container.thumbnails A.album-title { color:  #999999; }
#content.home .container.thumbnails A.album-title { color:  #999999; }

/* @group ...... Thumbnails::Recommendation ...... */
.container.thumbnails.recommended LI.movie,
.container.thumbnails.recommended LI.movies,
.container.thumbnails.recommended LI.music,
.container.thumbnails.recommended LI.albums,
.container.thumbnails.recommended LI.books,
.container.thumbnails.recommended LI.persons,
.container.thumbnails.recommended LI.members  {
	margin: 0 0 0 0;
	height: 128px;
	width: 80px;
}
.container.thumbnails.new-recommendations LI.albums {
	margin: 20px 0 0 0;
	height: 108px;
}
.container.thumbnails.new-recommendations LI.members50  {
	margin: 10px 0 0 0;
	height: 90px;
	width: 80px;
}
.container.thumbnails.new-recommendations LI.members50 .thumb  {
	margin: 0 auto;
}
.container .thumbnails.recommended LI.albums {
	height: 108px;
	padding-top: 20px;
}
.thumbnails.recommended .content {
	width: 72px;
	text-align: center; /* QS */
	margin: 0 auto;
}

.thumbnails.recommended .content A.person { color: #333333; }

.new-recommendations H4 {
	text-transform: uppercase;
	font-weight: normal;
	font-size:14px;
	background-color: #616161;
	margin: 0 0 8px 0;
	padding: 2px 0;
	width: 170px;
	height: 13px;
	}

.thumbnails.recommended .all-types H4 {
	width: 554px;
	text-transform: none;
	background-color: transparent;
	margin: 8px 0 8px 0;
	border-top: 1px solid #cccccc;
	padding: 4px 0 0 0;
}

.thumbnails.recommended H4 A {
	color: #ffffff;
	padding-left: 18px;
	}
.container.thumbnails.recommended .columne.movies H4 A {
	background: url('../images/bar-welike-movies.png') no-repeat 4px center #616161;
	color: #ffffff;
	}

.container.thumbnails.recommended .columne.music H4 A {
	background: url('../images/bar-welike-music.png') no-repeat 4px center #616161;
	color: #ffffff;
	}

.container.thumbnails.recommended .columne.books H4 A {
	background: url('../images/bar-welike-books.png') no-repeat 4px center #616161;
	color: #ffffff;
	}
.container.thumbnails.recommended .columne.members H4 A {
	background: url('../images/bar-welike-members.png') no-repeat 4px center #616161;
	color: #ffffff;
	}

.container.thumbnails.recommended .all-types H4 A {
	color: #616161;
	padding-left: 0;
	}


/* @end */

.container.thumbnails.top-items .thumb {
	float: left;
}
.container.thumbnails.top-items .music .thumb {
	height: 93px; /* 98px - 5px */
	width: 95px; /* 98px - 3px */
	background: url('../images/item-frame-90x90.png') no-repeat;
	padding: 5px 0 0 3px;
	margin: 0 8px 0 0;
}

.container.thumbnails.top-items .content {
	float: left;
}
.container.thumbnails.top-items H5 { font-size: 12px; }
.container.thumbnails.top-items .person { font-size: 10px; }
.container.thumbnails.top-items .date { font-size: 10px; }



.container #fan-container LI.members {
	width: 34px;
	height: 34px;
}



/* @end */

/* @group ------ CONT::Thumbnails:Enum ------ */

.container.thumbnails.enum .movies50 .thumb,
.container.thumbnails.enum .music50 .thumb,
.container.thumbnails.enum .books50 .thumb,
.container.thumbnails.enum .people50 .thumb,
#search-results .columne-image .movies50 .thumb,
#search-results .columne-image .music50 .thumb,
#search-results .columne-image .books50 .thumb,
#search-results .columne-image .people50 .thumb,
#charts-wrapper .columne-image .movies50 .thumb,
#charts-wrapper .columne-image .music50 .thumb,
#charts-wrapper .columne-image .books50 .thumb,
#charts-wrapper .columne-image .people50 .thumb {
	height: 73px; /* 78px - 5px */
	width: 55px; /* 78px - 3px */
	background: url('../images/item-frame-50x70.png') no-repeat center top;
	padding: 5px 0 0 3px;
	margin: 0 8px 30px 0;
}
.container.thumbnails.enum .music50 .thumb {
	height: 53px; /* 58px - 5px */
	background: url('../images/item-frame-50x50.png') no-repeat center top;
}
.container.thumbnails.enum .movies50 .thumb A,
.container.thumbnails.enum .music50 .thumb A,
.container.thumbnails.enum .books50 .thumb A,
.container.thumbnails.enum .people50 .thumb A,
#search-results .columne-image .movies50 .thumb A,
#search-results .columne-image .music50 .thumb A,
#search-results .columne-image .books50 .thumb A,
#search-results .columne-image .people50 .thumb A,
#charts-wrapper .columne-image .movies50 .thumb A,
#charts-wrapper .columne-image .music50 .thumb A,
#charts-wrapper .columne-image .books50 .thumb A,
#charts-wrapper .columne-image .people50 .thumb A  {
	height: 70px;
	width: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}
.container.thumbnails.enum .music50 .thumb A {
	height: 50px;
}
.container.thumbnails.enum .data { margin: 3px 0 0 0; line-height: 16px; }
.container.thumbnails.enum .members90 .data { margin: 8px 0 0 0; }

.container.thumbnails.enum .data .legende {
	margin: 0 14px 0 0;
}

.container.thumbnails H5 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
.container.thumbnails H5 + H6 {
	margin: -3px 0 6px 0;
}
.container.thumbnails H6 {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}

/* @end */



/* @group ------ CONT::Compare ------ */
.container.compare .intro {
	margin: 16px 0 16px 0;
}

.container.compare .columne {
	width: 280px;
}

/* @group ...... Compare:H4 ...... */
.container.compare H5 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	background-color: #616161;
	margin: 0 0 8px 0;
	padding: 2px 0;
	width: 270px;
	height: 12px;
}
.container.compare H5 A {
	color: #ffffff;
	padding-left: 18px;
}
.container.compare .columne.movies H5 A { background: url('../images/bar-welike-movies.png') no-repeat 4px center #616161; }
.container.compare .columne.music H5 A { background: url('../images/bar-welike-music.png') no-repeat 4px center #616161; }
.container.compare .columne.books H5 A { background: url('../images/bar-welike-books.png') no-repeat 4px center #616161; }
.container.compare .columne.members H5 A { background: url('../images/bar-welike-members.png') no-repeat 4px center #616161; }

/* @end */



.container.compare LI.music50 {
	float: left;
	width: 268px;
	margin: 0 0 4px 0;
}

.container.compare .movies50 .thumb,
.container.compare .music50 .thumb,
.container.compare .books50 .thumb,
.container.compare .people50 .thumb {
	height: 116px;  /* 78px - 5px */
	width: 55px; /* 78px - 3px */
	background: url('../images/item-frame-50x70.png') no-repeat center top;
	padding: 5px 0 0 3px;
	margin: 0 8px 0 0;
	float: left;
}

.container.compare .movies50 .thumb A,
.container.compare .music50 .thumb A,
.container.compare .books50 .thumb A,
.container.compare .people50 .thumb A {
	height: 70px;
	width: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}

.container.compare .thumb .legende {
	margin: 6px 0 0 -4px;
}
.container.compare .thumb .legende A {
	height: auto;
	width: 72px;
}

.container.compare .data LI {
	padding: 8px 0 4px 72px;
	clear: right;
}
.container.compare .data .person {
	width: 100px;
	float: left;
}
.container.compare .data .rating {
	width: 78px;
	float: right;
}

/* @group ...... CONT::Compare-List ...... */

.container.compare-list .cell-item { width: 200px;}
.container.compare-list .cell-match { width: 125px;}
.container.compare-list .cell-you { width: 102px;}
.container.compare-list .cell-me { width: 120px;}

.container.compare-list TH {
	margin: 0;
	padding: 0;
}

.container.compare-list TH.music,
.container.compare-list TH.movies,
.container.compare-list TH.books {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	background-color: #616161;
	margin: 0 0 8px 0;
	padding: 2px 0 2px 18px;
	height: 12px;
}
.container.compare-list TH.music { background:#616161 url(../images/bar-welike-music.png) no-repeat scroll 4px center; }
.container.compare-list TH.movies { background:#616161 url(../images/bar-welike-movies.png) no-repeat scroll 4px center; }
.container.compare-list TH.books { background:#616161 url(../images/bar-welike-books.png) no-repeat scroll 4px center; }

.xcontainer.compare-list TH.matching-user { width: 108px; }
.xcontainer.compare-list TH.me-user { width: 154px; }
.container.compare-list TH A { color: #fff; }

.container.compare-list TD {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 12px 0 0 0;
}

.container.compare-list .music50 .thumb,
.container.compare-list .movies50 .thumb,
.container.compare-list .books50 .thumb {
	width: 170px;
	height: 76px;
	margin-bottom: 8px;
	background-position: 0 0;
}
.container.compare-list A.thumb-content {
	float: left;
}
.container.compare-list .legende {
	float: right;
	width: 108px;
}
.container.compare-list .legende A {
	display: inline !important;
}

.container.compare-list TD.super,
.container.compare-list TD.das-passt,
.container.compare DIV.super,
.container.compare DIV.das-passt {
	font-weight: bold;
	color: green;
}
.container.compare-list TD.geht-so,
.container.compare DIV.geht-so {
	font-weight: bold;
	color: #666666;
}
.container.compare-list TD.mies,
.container.compare-list TD.passt-nicht,
.container.compare DIV.mies,
.container.compare DIV.passt-nicht {
	font-weight: bold;
	color: #ce331f;
}

/* @group ------ Compare::Rating ------ */
.container.compare-list .rate-item .legende {
	width: auto; /* 140px; */
	float: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.container.compare-list .my-rating {
	float: none;
	text-align: center;
	padding: 0;
}
.container.compare-list .fanhate {
	width: auto; /* 140px; */
	background: none;
	margin: 10px 0 8px 0;
	padding: 0 0 0 0;
	height: auto;
}
.container.compare-list .fanhate .legende {
	margin: 0 0 4px 0;
}

/* @end */




.container.compare .no-content {
	margin: 0 0 40px 0;
}
.container.compare-list .no-content {
	height: 40px;
	text-align: center;
}


/* @end */


/* @end */



/* @group ------ CONT::News ------ */
.news-pager LI {
	text-transform: uppercase;
}
.news-pager LI A {
	font-weight: normal !important;
}

.news-pager LI.news-prev {
	float: left;
	padding-left: 0;
}

.news-pager LI.news-more {
	float: right;
}

/* @end */




/* @group ------ CONT::NeuesAusNetzwerk ------ */
.network {
	position: relative;
	margin: 0 0 60px 0;
	}

.network ul.networkNews {
	padding: 0 0 10px 0; /* QS */
	border-bottom: 1px solid #ccc;
	}

.network ul.networkNews LI {
	list-style-type: none;
	font-size: 11px;
	padding: 3px 0 6px 24px;
	}

.network LI {
	padding: 6px 0 4px 24px;
	min-height: 16px;
	line-height: 1.2em;
	margin: 0 0 0 0;
}

.network li.friends {
	background: url('../images/network-friends.png') no-repeat left 3px;
	}

.network li.mail {
	background: url('../images/network-mail.png') no-repeat left 3px;
	}

.network li.watch {
	background: url('../images/network-film.png') no-repeat left 3px;
	}

.network li.listen {
	background: url('../images/network-music.png') no-repeat left 0px;
	}

.network li.read {
	background: url('../images/network-book.png') no-repeat left 3px;
	}

.network li a {
	font-weight: bold;
	}

.network li a:hover {
	color: #ce331f;
	text-decoration: underline;
	}


/* Browse Thumbnails */

.network UL.browse {
	padding: 0;
	}
.network UL.browse LI {
	height: auto;
	padding: 0;
}
.network UL.browse LI.thumb {
	border: 1px solid #cccccc;
	height: 50px;
	width: 50px;
	text-align: center;
	padding: 2px;
	margin: 0 2px 0 2px;
	float: left;
}

.network UL.browse LI.thumb A {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 0 0 0;
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
}

.network UL.browse LI#back,
.network UL.browse LI#forth,
.network UL.browse LI.back,
.network UL.browse LI.forth	{
	float: left;
}

.network .container-body h4 {
	font-size: 13px;
	color: #676767;
	padding: 13px 0;
	font-weight: normal;
	}

/* @end */


/* @group ------ CONT::Messages ------ */
.container.message#inbox {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
}

/* @group ...... user-data ...... */
.container.message#inbox .user-data {
	width: 178px;
	float: left;
}
.container.message#inbox .user-data .thumb {
	float: left;
	width: 34px;
	margin: 0 8px 0 0;
}
.container.message#inbox .user-data .thumb A {
	display: block;
	width: 28px;
	height: 28px;
	padding: 2px;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center center;
}
.container.message#inbox .user-data .data H5 {
	font-size: 11px
}
/* @end */

.container.messagelist#inbox TABLE,
.container.messagelist#inbox TR,
.container.messagelist#inbox TH,
.container.messagelist#inbox TD {
	border: 0px solid white;
}

.container.messagelist#inbox TH {
	background-color: transparent;
	color: #666666;
	padding: 0 0 4px 0;
}
.container.messagelist#inbox TH H3 {
	font-size: 14px;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 6px;
}
.container.messagelist#inbox TH.no-uppercase { /* Um matt.css zu ueberschreiben */
	text-transform: none;
	font-size: 11px;
	font-weight: normal;
}
.container.messagelist#inbox TH.align-right { /* Um matt.css zu ueberschreiben */
	text-align: right;
	padding-right: 6px;
}
.container.messagelist#inbox .user-data {
	width: 150px;
	float: none;
}

.container.message#inbox .messagetext,
.container.message#inbox .reply {
	margin: 0 0 24px 196px;
}
.container.message .messagetext .delete-button {
	float: right;
}
.container.message#inbox .messagetext H5 {
	font-size: 12px;
	margin: 0 0 12px 0;
}
.container.message#inbox .reply .reply-area {
	background-color: #e9e9e9;
	border: 3px solid #c2c3be;
	text-align: center;
	margin: 8px 0 0 0;
}


.container.message#inbox .reply TEXTAREA {
	border: 1px solid #c2c3be;
	width: 354px;
	height: 200px;
	margin: 16px auto 6px auto;
}
.container.message#inbox .reply .button {
	text-align: right;
	margin: 0 6px 16px 0;
}


.container.message#write-message .reply .reply-area {
	background-color: #e9e9e9;
	border: 3px solid #c2c3be;
	margin: 8px 0 0 0;
	padding: 12px 8px;
}
.container.message#write-message .reply #write-to,
.container.message#write-message .reply #write-subject,
.container.message#write-message .reply #write-text {
	clear: both;
	margin: 8px 0;
}

.container.message#write-message .reply #write-to SELECT {
	min-width: 200px;
	border: 1px solid #c2c3be;
}

.container.message#write-message .reply #write-subject INPUT,
.container.message#write-message .reply #write-text TEXTAREA {
	/*	width: 460px;
		Auf 450px verkürzt wg. Fremdprofil::Meta::Thickbox "Nachricht schreiben" */
	width: 450px;
	border: 1px solid #c2c3be;
}
.container.message#write-message .reply #write-text TEXTAREA {
	height: 140px;
}

.container.message#write-message .reply .legende {
	float: left;
	width: 80px;
}
.container.message#write-message .reply .button {
	text-align: right;
	margin-right: 6px;
}

/* @end */


/* @group ------ CONT::Profile ------ */
.container#container-login {
	float: left;	
}
.container.profile .reply .form-container,
.container#container-login .form-container {
	margin: 0 0 10px 0;
}

.container.profile .reply .form-text {
	border: 1px solid #c2c3be;
	font-size: 12px;
	width: 300px;
	padding: 2px 4px;
}
.container.profile .reply .form-text.form-short { width: 80px; }
.container.profile .reply .form-text.form-medium { width: 206px; }
.container.profile .reply .form-text {
	border: 1px solid #c2c3be;
	font-size: 12px;
	padding: 2px 4px;
}
.container#container-login .form-checkbox {
	margin: 4px 0 0 0;
}

.container.profile .reply .form-select {
	border: 1px solid #c2c3be;
	font-size: 12px;
	padding: 2px 4px;
}
.container.profile .reply .form-select.month { width: 164px; }
.container.profile .reply .form-select.year,
.container.profile .reply .form-select.day { width: 70px; }
.container.profile .reply .form-select.full-length { width: 310px; }
.container.profile .reply LABEL,
.container#container-login LABEL { margin: 0 28px 0 0; }

.container.profile .reply .legende {
	float: left;
	width: 124px;
}
.container#container-login .legende {
	float: left;
	width: 124px;
	margin: 6px 0 0 0;
}

.container.profile .reply .button,
.container#container-login .button {
	text-align: left;
	margin-left: 338px;
}
.forgot-password .container#container-login .button { text-align: right;}
.forgot-password .container#container-login .form-text { width: 434px; }

.container.profile.privacy .container-body { font-size: 12px; }

.container INPUT#password {
	float: left;
}
.container #forgot-password {
	display: block;
	float: right;
	margin-top: 6px;
}


.container.profile .box-error {
	color:#CE331F;
	list-style-type: disc;
	font-size:11px;
	line-height:11px;
	margin: 0 0 6px 0;
	font-weight: bold;
}

/* @end */


/* @group ------ CONT::Recommendation ------ */
.container.recommendations.recommended .container-body {
	padding-bottom: 16px;
}
.container.recommendations .container-top {
	margin-bottom: 0;
}
.container.recommendations .container-body {
	background-color: #efefef;
	padding: 8px 0 0 0;
	border: 1px solid #cccccc;
}
.container.recommendations.recommended LI.albums {
	padding-top: 0px;
}
.thumbnails.recommendations-to H4 {
	padding: 0 0 0 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	width: auto;
	height: 13px;
	background-color: transparent;
}
.container.recommendations .content .person A {
	font-weight: bold;
	color: #555555;
}

.container.recommendations .type {
	margin: 10px 0 0 0;
}

.container.recommendations .tabs {
	width: 132px;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
}
.container.recommendations .tabs H5 {
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 0 10px;
	margin: 0 0 4px 0;
}
.container.recommendations .tabs LI {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 3px 24px;
	margin: 0 0 4px 0;
	float: none;
}
.container.recommendations .music .tabs LI { background: url('../images/wees-music.png') no-repeat 10px 0;}
.container.recommendations .movies .tabs LI { background: url('../images/wees-movies.png') no-repeat 10px 0;}
.container.recommendations .books .tabs LI { background: url('../images/wees-books.png') no-repeat 10px 0;}

.container.recommendations .subtype {
	width: 412px;
	height: 128px;
	margin: 0 0 0 150px;
}
.container.recommendations .subtype LI {
	width: 80px;
	margin: 0;
}
.container.recommendations .subtype H5 {
	font-size: 10px;
}
.container.recommendations .subtype DIV {
	font-size: 10px;
}

/* @end */

/* @group ------ CONT::Tipp ------ */

/* ====== Musik-Tipp der Woche ====== */
.tipp .container-body {
	padding: 7px 0;
}
.container.tipp .container-body IMG {
	float: left;
	border: 1px solid #696661;
	width: 269px;
	height: 108px;
}
.sidebar .container.tipp .container-body IMG {
	float: left;
	border: 1px solid #696661;
	width: auto;
	height: auto;
	margin: 0 8px 0 0;
}

.tipp .container-body H4,
.tipp .container-body P {
	padding-left: 10px;
	width: 270px;
	float: right;
}
.sidebar .tipp .container-body H4,
.sidebar .tipp .container-body P,
.sidebar .tipp .container-body .content {
	padding-left: 0;
	width: auto;
	float: none;
	}

.tipp .container-body h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	color: #ccc;
	margin-bottom: 5px;
}
.sidebar .tipp-redaktion .container-body H4 {
	margin-top: -10px;
}

.tipp .container-body p {
	font-size: 11px;
	line-height: 14px;
	}

/* @end */


/* @group ------ CONT::Table ------ */
/* ====== Die beliebtesten Persoenlichkeiten ====== */
.container.table {
	margin: 0 0 60px 0;
	}

.container.table H4 {
	margin: 10px 0 6px 0;
	width: 184px;
	font-size: 14px;
	}

.container.table H4 A {
	color: #9a9a9a;
	text-transform: uppercase;
	font-weight: normal;
	}

.container.table .columne {
	border: 0;
	}

.container.table LI {
	clear: both;
	height: auto;
	width: 184px;
	margin: 0;
	padding: 6px 0 5px 2px;
	color: #262626;
	}

.container.table LI A {
	color: #262626;
	}

.container LI.even {
	background-color: #e7e7ea;
	}


.container.table LI .rank {
	float: left;
	margin: 0 8px 0 0;
	}

/* @end */

/* @group ------ CONT::Title-List ------ */
.container.title-list TH {
	text-transform: uppercase;
	font-weight: normal;
}
.container.title-list TR.even {
	/* background-color: #ececec; raus, korrekt? */
}
.container.title-list TD {
	padding: 4px 0;
}
/* @end */


/* @group ------ CONT::Play-List ------ */
.container.play-list H5 {
	font-size: 12px;
}
.container.play-list TABLE {
	border-top: 1px solid #cccccc;
}
.container.play-list TH {
	text-transform: uppercase;
	font-weight: normal;
}
.container.play-list TR.even { background-color: #ffffff;}
.container.play-list TR.odd { background-color: #ececec;}
.container.play-list TD {
	padding: 4px 0 4px 4px;
	border-bottom: 1px solid #cccccc;
}
.container.play-list TD .picture {
}
.container.play-list TD .picture A {
	display: block;
	width: 28px;
	height: 28px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	padding: 1px;
}
.container.play-list H5 {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.container.play-list TD.trenner .button {
	border-right: 1px solid #cccccc;
	height: 42px;
	margin: 0 4px 0 0;
	padding: 0 6px 0 0;
}
.container.play-list TD.playlist-content .playlist-text {
	float: left;
	line-height: 13px;
}
.container.play-list TD.playlist-content .button {
	border-right: 1px solid #cccccc;
	height: 42px;
	margin: 0 4px 0 0;
	padding: 0 6px 0 0;
	float: right;
}

.container.play-list .container-body H4 {
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #999999;
	margin: 0 0 10px 0;
	}

/* @end */

/* @group ------ CONT::Tabs ------ */

.container.tabs .container-body { margin: 14px 0 0 0; }
UL.ui-tabs-nav { margin: 0 0 8px 0;}

#tabs-products .tab {
	margin: 4px 0 0 0;
}


.ui-tabs-nav A {
  	/* padding: 0;
  	margin: 0; */
	}

.container.tabs .container-body H4 {
	float: left;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #cccccc;
	}



.container.thumbnails.tabs .container-body .ui-tabs-nav LI,
.container.title-list.tabs .container-body .ui-tabs-nav LI {
	float: none;
	display: inline;
	margin: 0 10px 0 0;
}
.container.title-list.tabs .container-body .tab-holder .ui-tabs-nav LI {
	float: left;
	display: block;
}
.container.thumbnails.tabs .container-body .ui-tabs-nav H4,
.container.title-list.tabs .container-body .ui-tabs-nav H4 {
	float: none;
	display: inline;
}

.container.thumbnails.tabs .container-body .tab LI {
 	color: #666666;
	float: left;
	width: 270px;
	height: 88px;
	font-size: 11px;
	margin-right: 8px;
}

.container.thumbnails.tabs .container-body#tabs-charts .tab LI {
 	height: auto;
}

.container.thumbnails.tabs .thumb {
	position: relative;
	float: left;
	margin: -5px 5px 20px 0;
	}



/* @end */



/* @group ------ CONT::Text ------ */

.container.text .container-top {
	position: relative;
	}

.container.text P {
	margin: 0 0 1.5em 0;
}

/* @group ...... CONT::Biography ...... */
.container.text#biography {
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
}
.container.text#biography-overview H2 {
	margin: 0.5em 0 0.25em 0;
	font-size: 13px;
	font-weight: normal;
}
.container.text#biography H2 {
	margin: 0.75em 0 0.25em 0;
	font-size: 15px;
	font-weight: normal;
}
.container.text#biography .container-body H3 {
	margin: 0.75em 0 0.25em 0;
	font-size: 12px;
	font-weight: normal;
}
.container.text#biography-overview .container-body,
.container.text#biography-overview P {
	margin: 0.25em 0 0.25em 0;
	line-height: 1.4em;
}

/* @end */


/* @end */

/* @group ------ CONT::Fans'n'Hater ------ */
.container.fans-n-hater #fans-n-hater-slider {
	position: relative;
	height: 72px;
	width: 268px;
	margin: 0 auto;
	background: url('../images/fanhate-slider-bg.png') no-repeat center top;
	text-align: center;
}

.container.fans-n-hater #fans-n-hater-slider DIV {
	position: absolute;
	top: 18px;
}

.container.fans-n-hater #statement {
	margin: -12px 0 32px 0;
	font-size: 12px;
	text-align: center;
}



.container.fans-n-hater .columne {
	width: 278px;
	margin: 0;
	padding: 0;
	float: left;
}
.container.fans-n-hater .columne.first {
	xmargin-right: 64px;
}

.container.fans-n-hater H4 {
	text-transform: uppercase;
	color: #999999;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 8px 0;
}
.container.fans-n-hater .columne LI {
	margin: 0 8px 8px 0;
	padding: 0;
}
.container.fans-n-hater .columne LI .thumb {
	margin: 0;
}




.container.fanhater.tabs .container-body LI.music50,
.container.fanhater.tabs .container-body LI.albums50,
.container.fanhater.tabs .container-body LI.books50,
.container.fanhater.tabs .container-body LI.movies50,
.container.fanhater.tabs .container-body LI.persons50  {
	width: 560px;
	height: 100px;
	border-bottom: 1px solid #cccccc;
}
.container.fanhater.tabs.small .container-body LI.music50,
.container.fanhater.tabs.small .container-body LI.albums50,
.container.fanhater.tabs.small .container-body LI.books50,
.container.fanhater.tabs.small .container-body LI.movies50,
.container.fanhater.tabs.small .container-body LI.persons50  {
	width: 270px;
	border-bottom: 1px solid #cccccc;
	height: 100px;
}

.container.fanhater.small .data {
	margin: 0 0 0 64px;
}
.container.fanhater .columne.data {
	width: 240px;
	float: left;
	margin: 0 0 0 2px;
}
.container.fanhater .columne.actions {
	width: 228px;
	padding: 6px 0 0 0;
}
.container.fanhater .data H5,
.container.fanhater .data H6,
.container.fanhater .data H6 + DIV { font-size:  11px; margin: 3px 0; padding: 0;}

.container.fanhater .columne.actions LI { border-bottom: 1px solid #cccccc;}


.container.fanhater .columne.data .fanhate {
	height: 38px;
	width: auto;
	padding: 20px 0 0 0;
	background: url('../images/fanhate-bg.png') no-repeat center center;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	}
.container.fanhater .columne.data .fanhate.fan,
.container.fanhater .columne.data .fanhate.hate {
	padding: 22px 0 0 0; /* */
	/* padding: 22px 60px 0 0; Hat gestört: Profilseite, Musik|Film/Buch-Overview + Fanhater*/
	}
.container.fanhater .columne.data .fanhate.fan,
.container.fanhater .columne.data .fanhate.fan {
	color:  #de2c16;
	}


.container.fanhater .columne.actions H4 {
	font-size: 11px;
	text-transform: none;
	border-bottom: 1px solid #cccccc;
	float: none;
	color: #666666;
	padding: 0 0 4px 0;
}
.container.fanhater .columne.actions LI {
	border-bottom: 1px solid #cccccc;
	padding: 4px 0 4px 20px;
	margin: 0 0 0 0;
	text-transform: uppercase;
	width: 208px !important;
	height: auto !important;
}
.container.fanhater .columne.actions LI.add-recommendation {
	background: url('../images/but-action-add.png') no-repeat left center;
}
.container.fanhater .columne.actions LI.add-comment {
	background: url('../images/but-action-add.png') no-repeat left center;
}

/* @end */




/* @group ------ CONT::List ------ */
/* Sollte nach Möglichkeit sowohl für die Content-Spalte als auch Sidebar gelten! */
.container.list LI {
	border-bottom: 3px solid #cccccc;
	padding: 8px 0 30px 0;
	margin: 0 0 3px 0;
}
.sidebar .container.list LI {
	border-bottom: 1px solid #cccccc;
	padding: 4px 0 4px 0;
}

.container.list .picture {
	float: left;
	margin: 0 8px 0 0;
	padding: 1px;
	border: 1px solid #cccccc;
}
.container.list .content {
	float: left;
	width: 490px;
	font-size: 12px;
}
.sidebar .container.list .content {
	float: left;
	width: 208px;
}
.sidebar .container.list .content .rating {
	float: none;
	font-size: 10px; /* Nach Abgleich mit PS (f.Sidebar) */
	margin: 6px 0 0 0;
}
.sidebar .container.list .content .rating .legende { margin: 1px 8px 0 0;}
.container.list .title,
.container.list .nickname,
.container.list .date {
	display: inline;
	margin: 0 4px 0 0;
	font-size: 11px; /* Nach Abgleich mit PS (f.Sidebar) */
}

.container.list .button {
	float: right;
}

/* @end */






/* @group ------ CONT::Comments ------ */

.container.comments UL {
	border-top: 1px solid #cccccc;
}

.container.comments LI {
	border-bottom: 1px solid #cccccc;
	padding: 4px 0 4px 0;
	height: 62px;
}

.container.comments LI .text {
	font-size: 10px;
}

/* @end */






/* @group ------ CONT::Review ------ */
/* Variante von CONT::List */

.container.review {
	line-height: 18px;
}

.container.review .content {
	position: relative;
}

.container.review .review-meta {
	margin: 0 0 12px 0;
}
.container.review .review-meta .rating {
	float: none;
}


.container.review .mainreview .review-meta .rating-legende {
	float: left;
}
.container.review .mainreview .review-meta .rating-gfx {
	float: left;
	margin: 0 0 0 20px;
}
.container.review .mainreview .review-meta .rating-text {
	float: left;
	margin: 0 0 0 8px;
}
.container.review .mainreview .review-meta .rating-fan {
	font-size: 12px;
	font-weight: bold;
	color: #ce331f;
}
.container.review .mainreview .review-meta .rating-hate {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.container.review .mainreview .review-meta .text {
	clear: both;
}
.container.review .text {
	margin: 0 0 16px 0;
}

.container.review .review-comments {
	background-color: #e7e7ea;
	padding: 10px;
	position: relative;
}
.container.review .review-comments H4 {
	color: #999999;
	font-weight: normal;
	font-size: 14px;
}
.container.review .review-comments .more {
	padding: 1px 10px 0 18px;
	background-position: 0 3px;
	height: 16px;
}
.container.review .review-comments .action {
	border-top: 1px solid #cccccc;
	border-bottom: 0px solid white;
	margin: 6px 0 0 0;
	padding: 6px 0 6px 19px;
	background-position: 0 8px;
}
.container.review .review-comment {
	margin: 4px 0 8px 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #ffffff;
}

.container.review .review-comment.first {
	border-top: 0px solid #ffffff;
}

.container.review .review-comment .review-comment-content {
	font-size: 10px;
	line-height: 13px;
	margin: 0 0 0 40px;
}
.container.review .review-comment .review-meta {
	margin: 0;
	padding: 0;
}
.container.review .review-comment .text {
	margin: 0 0 0 0;
}

.container.review .write-comment {
	margin: 30px 0 0 0;
}

.container.review .write-comment H3 {
	margin: 0 0 8px 0;
}


/* @end */

/* @group ------ CONT::Pagination ------ */
.container.pagination {
	text-align: center;
	font-size: 10px;
}
.container.pagination .container-top {
	border: 0 solid white;
}

.container.pagination UL {
	display: inline-table;
	/* xtext-align: center; */
	margin: 0 auto;
}
.container.pagination LI {
	/* display: inline; */
	float: left;
	padding: 2px 4px;
	margin: 0 2px 5px;
	border: 1px solid #cccccc;
}
.container.pagination LI.trenner,
.container.pagination LI.trenner:hover {
	border: 0px solid white;
	background-color: white;
}
.container.pagination LI.selected,
.container.pagination LI:hover {
	background-color: #cccccc;
	border: 1px solid #666666;
}
.container.pagination LI.selected A {
	color: #666666;
}

/* @end */



/* @group ------ CONT::Facebook ------ */
#content.facebook-notloggedin .login-text {
	margin-bottom: 0;
}
#content.facebook-notloggedin #login-chooser {
	margin-top: 16px;
}

#content.facebook-notloggedin H4 {
	text-transform: uppercase;
	border-top: 1px solid #cccccc;
	padding-top: 8px;
	font-size: 11px;
}

.container#container-facebook {
	float: right;
	width: 290px;
	margin-bottom: 0;
}

.container#container-facebook2 {
	float: right;
    width: 290px;
    margin: 32px 0px 0px 0px;
    margin-bottom: 0;
}


A.fbconnect_login_button {
	display: block;
	margin-top: 16px;
	text-align: center;
}

/* @end */


/* @end */






/* @group =========== Profil =========== */
.me.details #recommendations .more {
	position: relative;
	}

#about-me-text {
	font-size: 12px;
}
/* @end */







/* @group =========== Match =========== */

#content.match H3 {
	margin: 0 0 12px 0;
	}

#content.match .container {
	width: 420px;
	margin: 0 0 2px 0;
}

#content.match .container.thumbnails.recommended LI { width: 82px; }

#content.match .container H4 {
	color: #ffffff;
	padding-left: 18px;
	text-transform: uppercase;
	font-weight: normal;
	font-size:14px;
	margin: 0 0 8px 0;
	padding: 2px 0 2px 18px;
	width: 402px; /* 420px-18px */
	}
#content.match .container H4.music { background: #616161 url('../images/bar-welike-music.png') no-repeat scroll 4px center;	}
#content.match .container H4.books { background: #616161 url('../images/bar-welike-books.png') no-repeat scroll 4px center;	}
#content.match .container H4.movies { background: #616161 url('../images/bar-welike-movies.png') no-repeat scroll 4px center;	}
#content.match .container H4.members { background: #616161 url('../images/bar-welike-members.png') no-repeat scroll 4px center;	}

#content.match .container .more {
	position: relative;
	text-align: right;
	width: 402px; /* 420px-18px */
	background-position: 366px center;
	margin: 0 0 18px 0;
	}







#content.match .container.thumbnails .members li .thumb  {
	height: 78px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x70.png') no-repeat;
	margin: 0 4px 0 0;
	padding: 5px 1px 0 0;
	text-align: center;
	}

#content.match .container.thumbnails .members li .thumb A {
	display: block;
	width: 50px;
	height: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0 0 0 6px;
	}

#content.match .container#recommendations-member {
	width: 880px;
	height: 282px;
	margin: 0 0 30px 0;
	background-repeat: no-repeat;
	background-position: 0 -1px;
	border: 1px solid transparent;
	}
#content.match .container.music#recommendations-member {
	background-image: url('../images/match-music-bg.png');
	}
#content.match .container.movies#recommendations-member {
	background-image: url('../images/match-movies-bg.png');
	}
#content.match .container.books#recommendations-member {
	background-image: url('../images/match-books-bg.png');
	}
#content.match .container.members#recommendations-member {
	background-image: url('../images/match-members-bg.png');
	}


#content.match .container#recommendations-member .container-body {
	margin: 90px 0 0 0;
	}
#content.match .container#recommendations-member H4 {
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 8px 0;
	color: #999999;
	}

#content.match .container#recommendations-member .carousel {
	text-align: center;
	margin: 0 auto;
}

#content.match .container#recommendations-member .but-scroll-left,
#content.match .container#recommendations-member .but-scroll-right {
	float: left;
	margin: 0 2px 0 2px;
}

#content.match .container.recommendations-member .pictures IMG {
	display: inline;
	padding: 4px;
	border: 1px solid #cccccc;
	margin: 0 4px;
}

#content.match .container.recommendations-member .pictures.browse LI {
	background-color: #ffffff;
	float: left;
	margin: 0 2px 0 2px;
}
#content.match #recommendations-all,
#content.match #recommendations-music  {
	margin-bottom: 20px;
}

/* #content.match .container.recommendations-member .pictures.browse A {
	display: block;
	width: 53px;
	height: 53px;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center;
}
Gegen den Selektor dadrunter ausgetauscht. Für Member-Match, Mitte MIT Namen.
 */
#content.match .container.recommendations-member .pictures.browse .thumb A {
	display: block;
	width: 53px;
	height: 53px;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center;
}

#content.match .container.thumbnails.recommended .pictures LI {
	background-color: #ffffff;
	float: left;
	margin: 0 6px 12px 6px;
	width: auto;
}
#content.match .container.thumbnails.recommended .pictures A {
	display: block;
	width: 53px;
	height: 53px;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center;
}

#content.match .container.list LI {
	border-bottom: 1px solid #cccccc;
	padding: 4px 0 8px 0;
}
#content.match .container.list .content {
	float: left;
	width: auto;
	font-size: 12px;
}
#content.match .container.list .title {
	font-weight: bold;
}


#recommendations-playlists .action-ignore {
	background: url('../images/but-ignore.png') no-repeat left center;
	text-transform: uppercase;
	float: right;
	clear: right;
	padding: 0 0 0 18px;
	margin: 8px 0 0 0;
}


/* @end */

/* @group =========== Merkzettel =========== */

.container.merkzettel .container-body H4 {
	margin: 0 0 2px 0;
  	text-transform: uppercase;
  	color: #999;
  	font-size:14px;
  	font-weight:normal;
	}

#sort-by { /* Sort-By-PullDown-Menü im Kopf des Container-Body */
	position: absolute;
	right: 0;
	top: 0;
}
#sort-by SELECT {
	width: 180px;
}

.container.tabs.merkzettel .container-body .tab LI {
	clear: both;
	width: 540px; /* 560px - 2x10px */
	height: 78px; /* 88px - 2x10px */
	padding: 10px 10px 10px 20px;
}
.container.merkzettel .tab .thumb { float: left; }
.container.merkzettel .tab .content { float: left; margin: 2px 0 0 12px;}
.container.merkzettel .tab .button { float: right;}

.container.merkzettel .tab .content H5 { margin: 0 0 24px 0; }

/* @end */


/* @group =========== Freunde =========== */

.container#friends-request {
	margin: 0 0 60px 0;
	}

.container#friends-request .container-body LI {
	position: relative;
	clear: both;
	width: 540px; /* 560px - 2x10px */
	height: 58px;
	padding: 10px 10px 10px 20px;
	border: 0px solid white;
	margin: 0;
	float: none;
}
#friends-request .thumb { float: left; }
#friends-request .content-name { float: left; width: 112px; font-weight: bold;}
#friends-request .content-msg { float: left; width: 350px; }
#friends-request .button { float: right; width: 32px; clear: right;}
#friends-request .action-decline {
	margin: 6px 1px 0 0;
}

.container#friends-list .container-body LI {
	position: relative;
	width: 186px;
	height: 80px;
	padding: 0;
	margin: 0;
	border: 0px solid white;
}

.container#friends-list .thumb { float: left; }
.container#friends-list .content { float: left; font-weight: bold; color: #333333;}
.container#friends-list .content .actions { margin: 4px 0 0 0;}
.container#friends-list .content .actions A { display: inline;}


/* @group ------ FRIENDS:Request::Sidebar ------ */
#sidebar-friend-request LI.members .thumb {
	height: 32px;
	width: 32px;
	background: url('../images/item-frame-28x28.png') no-repeat;
	margin: 0 8px 0 0;
	padding: 2px 0 0 2px;
	float: left;
}
#sidebar-friend-request LI.members .thumb A  {
	display: block;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
}

#sidebar-friend-request .request-handling {
	clear: both;
	text-transform: uppercase;
	padding: 4px 0 4px 26px;
}
.request-handling .request-accept,
.request-handling .request-accept-msg {
	color: #429419;
}
.request-handling .request-cancel,
.request-handling .request-cancel-msg {
	color: #ce331f;
}

/* @end */


/* @end */


/* @group ====== Fan/Hater von ====== */
.container.thumbnails.tabs.fanhater UL.navigation LI { width: auto; height: auto;}
.container.thumbnails.tabs.fanhater UL.navigation LI.music-selected H4 A { color: #f98016; }
.container.thumbnails.tabs.fanhater UL.navigation LI.movies-selected H4 A { color: #51ac2f; }
.container.thumbnails.tabs.fanhater UL.navigation LI.books-selected H4 A { color: #3a89a3; }

.container.thumbnails.tabs.fanhater UL.subnav LI.music-selected A { color: #f98016; }
.container.thumbnails.tabs.fanhater UL.subnav LI.movies-selected A { color: #51ac2f; }
.container.thumbnails.tabs.fanhater UL.subnav LI.books-selected H4 A { color: #3a89a3; }

.container.thumbnails.tabs.fanhater UL.subnav LI {
	width: auto;
	height: auto;
	font-size: 12px;
}



.container.thumbnails.tabs.fanhater-thumbs {
	margin: 0 0 60px 0;
}
.container.thumbnails.tabs.fanhater-thumbs .tab LI { width: auto; height: auto;}

.container.thumbnails.tabs.fanhater-thumbs .tab LI A {
	text-decoration: none; /* Dummy-Zeile als Marker für Firebug. */
	/* Nachfolgende Passage wurde gekickt: Profil:Musik|Film/Book-Overview -> Fan/Hater von Personen. Umstellung der A>IMG-Kombi auf A:background-image */
	/* width: 28px;
	height: 28px;
	padding: 2px;
	border: 1px solid #cccccc;
	display: block; */
}

/* @end */


/* @group ====== Meine Rezensionen ====== */
.container.my-reviews LI {
	position: relative;
}
.container.my-reviews LI .content {
	width: 508px;
}
.container.my-reviews LI .review-meta {
	margin: 0;
}
.container.my-reviews LI .rating {
	float: none;
	margin: 0 0 10px 0;
}


/* @end */



/* @group ====== My Playlists ====== */
.container#my-playlists {
	margin: 0 0 60px 0;
}

.container#my-playlists LI {
	width: auto;
	height: 40px;
	float: none;
	clear: both;
	margin: 0;
	padding: 6px;
	border-bottom: 1px solid #cccccc;
}

.container#playlist-edit .container-body {
	border: 3px solid #cccccc;
	padding: 0 0 12px 0;
}
.container#playlist-edit #playlist-header {
	background-color: #e7e7ea;
	padding: 4px 7px;
	margin: 0 0 12px 0;
	position: relative;
	height: 42px;
	border: 0px solid red;
}
.container#playlist-edit .playlist-detail {
	padding: 4px 7px;
	margin: 0 7px 0 7px;
	position: relative;
	height: 16px; /* 24px - 2*4px */
	border: 0px solid orange;
}

.container#playlist-edit #playlist-header .button {
	position: absolute;
	top: 7px;
	left: 7px;
}
.container#playlist-edit .playlist-detail .button-play {
	position: absolute;
	top: 4px;
	left: 7px;
}
.container#playlist-edit #playlist-header .content {
	border-right: 1px solid #cccccc;
	height: 40px;
	width: 423px;
}
.container#playlist-edit #playlist-header .title {
	position: absolute;
	top: 4px;
	left: 35px;
}
.container#playlist-edit .playlist-detail .title {
	position: absolute;
	top: 6px;
	left: 35px;
	width: 280px;
}
.container#playlist-edit .playlist-detail .title .title-name {
	font-weight: bold;
	color: #333333;
	font-size: 11px;
}
.container#playlist-edit .playlist-detail .title .title-length {
	font-weight: normal;
	color: #666666;
	font-size: 11px;
}
.container#playlist-edit .playlist-detail .album {
	position: absolute;
	top: 6px;
	left: 330px;
	font-weight: bold;
	color: #333333;
	font-size: 11px;
}
.container#playlist-edit #playlist-header INPUT {
	border: 1px solid #cccccc;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 4px;
	width: 374px;
}
.container#playlist-edit #playlist-header .metadata {
	position: absolute;
	top: 32px;
	left: 40px;
	font-size: 10px;
	color: #666666;
}

.container#playlist-edit #playlist-header .actions {
	position: absolute;
	top: 6px;
	left: 436px;
	width: 118px;
	text-align: right;
}
.container#playlist-edit #playlist-header .actions LI {
	margin: 0 0 14px 0;
	padding: 0;
	border: 0px solid red;
}
.container#playlist-edit #playlist-header .actions LI A {
	text-transform: uppercase;
	color: #666666;
	font-size: 11px;
	background-image: url('../images/but-save.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 8px 0 16px;
}


.container#my-playlists LI.playlist-detail {
	height: auto;
}
.container#my-playlists LI .button {
	float: left;
	width: 34px;
	height: 17px;
}
.container#my-playlists LI .content {
	float: left;
	width: auto;
	line-height: 1.2em;
}

.container#my-playlists LI .content .title { font-weight: bold;}
.container#my-playlists LI.playlist-detail .title { float: left; width: 320px;}
.container#my-playlists LI .content .metadata { font-size: 11px;}
.container#my-playlists LI .content .tags { font-size: 10px;}
.container#my-playlists LI .actions {
	float: right;
	width: 128px;
	border-left: 1px solid #cccccc;
}
.container#my-playlists LI .actions LI {
	height: auto;
	clear: none;
	border-bottom: 0px solid white;
	text-align: right;
	padding: 0;
}

.container#my-playlists LI .actions LI.edit {
	padding: 1px 0 0 18px;
	margin: 0 0 12px 0;
	height: 13px;
	background: url('../images/but-circle.png') no-repeat left 0px;
	text-transform: uppercase;
	float: right;
}
.container#my-playlists LI .actions LI.playlist-date {
	clear: right;
}

/* @end */



/* ====== News ====== */
.newsheadline {
    padding: 6px 0 4px 24px;
    min-height: 16px;
    line-height: 1.2em;
    margin: 0 0 0 0;
}
.network .container-body .newsheadline H4 {
	font-size: 11px;
	line-height: 13.2px;
	font-weight: bold;
	color: #333333;
	padding: 0;
}
.network .container-body .newsheadline H5 {
	font-size: 9px;
	line-height: 13.2px;
	font-weight: bold;
	padding: 0;
}

.news {
    padding: 1px 0 10px 24px;
    min-height: 16px;
    line-height: 1.2em;
    margin: 0 0 0 0;
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
}


/* @end */



/* @group ====== Subnavigation::Tabs ====== */
.subnavigation-tabs {
	margin: 0 0 16px 0;
}
.subnavigation-tabs LI {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
.subnavigation-tabs LI H4 {
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #cccccc;
}
.subnavigation-tabs .selected.overall,
.subnavigation-tabs .selected.overall A {
	color: #ce331f !important;
	font-weight: bold;
}
.subnavigation-tabs .selected.music,
.subnavigation-tabs .selected.music A {
	color: #f98016 !important;
	font-weight: bold;
}

.subnavigation-tabs .selected.movies,
.subnavigation-tabs .selected.movies A {
	color: #51ac2f !important;
	font-weight: bold;
}

.subnavigation-tabs .selected.books,
.subnavigation-tabs .selected.books A {
	color: #3a89a3 !important;
	font-weight: bold;
}


/* @end */



/* =========== SIDEBAR =========== */
/* @group ====== Sidebar ====== */


/* @group ------ SIDE:Generic ------ */
.sidebar {
	/* font-size: 10px; */
}
.sidebar .text {
	width: 208px;
}

.sidebar .my-profile .more {
	/* margin: 10px 0 0 0; */
}

.sidebar .container-body H4 {
	margin: 0 0 2px 0;
  	text-transform: uppercase;
  	color: #999;
  	font-size:14px;
  	font-weight:normal;
	}

/* @end */


.sidebar .container-top .thumb {
	display: inline;
	}
.sidebar .my-profile .container-top .thumb { margin-right: 6px;}

.sidebar .container-top h3 {
	display: inline;
	color:#ce331f;
	font-size: 18px;
	font-weight: lighter;
	line-height: 100%;
	padding: 10px 0 8px 0;
	border: none;
	}


/* @group ------ SIDE::my-profile ------ */
.sidebar .container-body.my-profile {
  	/* margin: 0 0 60px 0; Wegen IE7 auskommentiert */
  	background-image: url('../images/sidebar-actual-favs-bg.png');
  	background-repeat: no-repeat;
  	background-position: bottom;
  	padding:0 0 18px 0;
	}

.sidebar .container-body ul.favs li {
	float: left;
	}

.sidebar .container-body ul.favs {
	position: relative;
	float: right;
	width: 195px;
	padding-top: 20px;
	}


.sidebar .container-body.my-profile .news LI {
  	float: left;
  	margin: 0 10px 0 0;
  	font-size: 12px;
	}

.sidebar .container-body.my-profile h4 {
  	padding-top: 50px;
  	width: 80px;
  	float: left;
  	clear: both;
  	line-height: 18px;
	}

.sidebar .container-body LI.movies .thumb,
.sidebar .container-body LI.books .thumb {
	height: 78px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x70.png') no-repeat;
	margin: 0 4px 0 0;
	padding: 5px 1px 0 0;
	text-align: center;
	}


.sidebar .container-body LI.music .thumb {
	height: 58px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x50.png') no-repeat;
	margin: 20px 4px 0 0;
	padding: 5px 1px 0 0;
	text-align: center;
	}

/* @end */



/* @group ------ SIDE::bar-charts ------ */
/* Balkendiagramm */
.sidebar .bar-charts .container-body { margin: 12px 0 0 0;}

.sidebar .container.bar-charts LI {
    float: left;
    margin: 0 10px 0 0;
    font-weight: bold;
	background-repeat: no-repeat;
	background-position: right top;
	}

.sidebar .tab,
.sidebar #sidebar-charts {
	border-top:1px solid #ccc;
}

.sidebar DT {
	margin-bottom:5px;
	padding:1px;
	font-size: 11px;
	}

.sidebar .tab.ui-tabs-panel DIV {
	width:260px;
	padding:10px 20px 35px 20px;
	background:#eaeaea;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
.sidebar .bar-charts .sidebar-charts-item {
	width:260px;
	padding:10px 20px 11px 20px;
	background:#eaeaea;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}

.sidebar DL { position: relative;  }
.sidebar #sidebar-charts DL { margin: 0 0 0 42px;}

.sidebar DD.points {
	color:#fff;
	background:#616161;
	position:absolute;
	top:20px;
	left:0px;
	z-index:2;
	font-size: 11px;
	padding:3px 0 4px 0;
	text-align:center;
	width:80px;
	height: 10px;
	}
.sidebar .comments DD.points {
	width: 112px;
}

.sidebar #sidebar-charts DD.points {
	font-weight: normal;
	margin-top: -4px;
}

.sidebar DD.average {
	position:absolute;
	top:20px;
	left:0;
	z-index:1;
	color:#fff;
	background:#fe5826;
	font-size: 11px;
	font-weight: bold;
	padding:4px 0;
	text-align:right;
	height: 9px;
	width:100%; /* Prozentuale Aenderung spaeter inline-style? */
	}
.sidebar #sidebar-charts DD.average {
	font-weight: normal;
	margin-top: -4px;
}

.sidebar DD.average SPAN {
	/*
	Notwendig, da dd.average bis zu 100% Breite haben kann.
	padding-right waere also ueberstehend
	*/
	padding-right:5px;
	}

/* @end */


/* @group =========== SIDE::Playlists =========== */
.container#playlist-newest H4 {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 9px !important;
}
.container#playlist-newest LI {
	padding: 2px 0 0 0;
}
.container#playlist-newest .picture {
	margin-right: 10px;
}
.container#playlist-newest .title {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.container#playlist-newest .date {
	display: block;
	font-size: 10px;
	color: #666666;
}

.container#playlist-newest LI .button {
	margin: 6px 0 0 0;
}
/* @end */




/* @group =========== SIDE::Comments =========== */
.container#comments-list .action {
	margin: 0 0 3px 0;
}
.container#comments-list LI {
	padding: 2px 0 0px 0;
}
.container#comments-list .picture {
	margin-right: 10px;
}
.container#comments-list .date {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.container#comments-list .text {
	display: block;
	font-size: 10px;
	color: #666666;
}

.container#comments-list LI .button {
	margin: 6px 0 0 0;
}
/* @end */



/* @end */

.empty-match {
	width: 260px;
	margin: 44px auto 50px auto;
}
#recommendations-member .empty-match {
	width: 260px;
	margin: 0 auto 0 auto;
}


/* @group =========== Popup =========== */
#popup {
	width: 300px;
	display: none;
	position: absolute;
	z-index: 99;
	}

#popup #popup-header {
	background-image: url('../images/popup-bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 20px;
}



#popup #popup-inner {
	background-image: url('../images/popup-bg.png');
	background-position: center center;
	padding: 0 32px 0 32px;
	background-repeat: no-repeat;
}
#popup #popup-footer {
	background-image: url('../images/popup-bg.png');
	background-position: bottom center;
	height: 32px;
	background-repeat: no-repeat;
	}

#popup H2 {
	color: #df321d;
	text-align: center;
	font-size: 18px;
	}
#popup H3 {
	color: #666666;
	text-align: center;
	font-size: 12px;
	}

#popup .itemtype-1 H2 { color:  #3a89a3; }
#popup .itemtype-2 H2 { color:  #f98016; }
#popup .itemtype-3 H2 { color:  #51ac2f; }


#popup UL {
	margin: 20px 0 0 0;
	}
#popup LI.fanhate {
	background-image: none;
	}
#popup LI.popup-action {
	/* border-top: 1px solid #d1d1d1; */
	text-transform: uppercase;
	padding: 4px 0 4px 16px;
	}

#popup LI.popup-action.add-recommendation {
	background: url('../images/but-action-add.png') no-repeat left center;
	}

#popup LI.popup-action.ignore {
	background: url('../images/but-ignore.png') no-repeat left center;
	/* border-bottom: 1px solid #d1d1d1; */
	}
/* @end */






/* @group =========== Popup-User =========== */
#popup-user {
	width: 300px;
	display: none;
	top:  300px;
	position: absolute;
	z-index: 99;
}

#popup-user #popup-user-header {
	background-image: url('../images/popup-bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 20px;
}

#popup-user #popup-user-inner {
	background-image: url('../images/popup-bg.png');
	background-position: center center;
	padding: 0 32px 0 32px;
	background-repeat: no-repeat;
}
#popup-user #popup-user-footer {
	background-image: url('../images/popup-bg.png');
	background-position: bottom center;
	height: 32px;
	background-repeat: no-repeat;
}

#popup-user H2 {
	color: #df321d;
	text-align: center;
	font-size: 18px;
}
#popup-user H3 {
	color: #666666;
	text-align: center;
	font-size: 12px;
}
#popup-user H4 {
	color: #333333;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	margin: 20px 0 0 0;
}

#popup-user UL {
	margin: 10px 0 0 0;
}
#popup-user LI {
	float: left;
	width: 76px;
}
#popup-user LI .thumb {
	height: 78px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x70.png') no-repeat;
	margin: 0 auto;
	padding: 5px 1px 0 3px;
	text-align: center;
}
#popup-user LI .thumb-music {
	height: 58px;
	width: 57px; /* 58px - 1px */
	background: url('../images/item-frame-50x50.png') no-repeat;
	margin: 20px auto 10px auto;
	padding: 0px 1px 0 3px;
	text-align: center;
}
#popup-user LI .thumb A {
	display: block;
	width: 50px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
}
#popup-user LI .thumb-music A {
	display: block;
	width: 50px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}

#popup-user LI .content {
	width: 76px;
	line-height: 120%;
	margin: 5px 0 0 0px;
	float:  none;
	text-align: center;
}

/* @end */





/* @group =========== Output Ajax =========== */
#output-ajax {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 529px; /* 554px - 25px */
	/* xxheight: 104px; /* 136px - 32px */
	background-color: #ffffff;
	z-index: 1;
	padding: 24px 0 32px 25px;
	font-size: 11px;
	line-height: 18px;
	border: 3px solid #d11f1c;
}
#output-ajax .picture,
.ajax-output-picture {
	float: left;
	margin: 0 14px 0 0;
}
#output-ajax P,
.ajax-output-content P {
	margin: 2px 0;
}
#ajax-notloggedin H4 {
	margin: 0 0 8px 0;
	text-align: center;
	color:#ce331f;
	font-size: 12px;
	font-weight: normal;
	line-height: 100%;
}
#ajax-notloggedin LABEL {
	width: 100px;
	display: block;
	float: left;
	font-size: 10px;
}
#ajax-notloggedin INPUT.form-text {
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	width: 184px;
	margin: 0 0 6px 0;
}
#ajax-notloggedin .content {
	float: left;
	margin: 0 48px 0 0;
}
#ajax-notloggedin .button {
	float: left;
	margin: 31px 10px 0 0;
}
/* @end */



/* @group =========== Thickbox =========== */
#TB_window {
	border: 3px solid #d11f1c !important;
}

#TB_window #TB_title {
	background-color: #ffffff;
}
#TB_window .picture {
	float: left;
	margin: 0 14px 0 0;
	border: 1px solid #cccccc;
}
#TB_window .content P {
	padding: 0 0 8px 0;
}
#TB_window UL.download-links LI + LI {
	border-left: 1px solid #cccccc;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
}

#TB_window .button {
	float: left;
	margin-right: 20px;
}


#thickbox-recommend .content {
	float: left;
	color: #666666;
	margin-right: 10px;
	font-size: 11px;
}

#thickbox-recommend INPUT.form-text {
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	width: 148px;
	margin: 0 0 6px 0;
}
#thickbox-recommend SELECT.form-select {
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	width: 154px;
	margin: 6px 0 0 0;
}
#thickbox-recommend TEXTAREA {
	float: left;
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	margin-right: 10px;
	width: 174px;
	height: 64px;
	font-family:  arial, helvetica, sans-serif;
}
#thickbox-recommend .but-submit {
	float: left;
	margin: 54px 0 0 0;
}


/* @end */



/* @group =========== Flyouts ========= */

/* @group ...... Flyout-Button ...... */

.but-toggle-flyout {
	display: block;
	width: 21px;
	height: 16px;
	background-image: url('../images/but-open.png');
	cursor: pointer;
}
#charts-wrapper .but-toggle-flyout,
#search-results .but-toggle-flyout {
	float: right;
}
.but-toggle-flyout-open {
	background-image: url('../images/but-close.png');
}

/* @end */


/* @group ...... Flyout::Body ...... */
TABLE TR.open { border-collapse: separate; }
TR.open .flyout-td-left {
	border-top: 3px solid #cccccc;
	border-left: 3px solid #cccccc;
}
TR.open .flyout-td-middle {
	border-top: 3px solid #cccccc;
}
TR.open .flyout-td-right {
	border-top: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
}

.flyout-body {
	border-right: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	border-left: 3px solid #cccccc;
}
.flyout-body .container {
	margin-bottom: 0;
	position: relative;
}

.flyout-content .tab {
	height: 92px;
	padding: 4px 8px;
}
.flyout-content #ajax-notloggedin-cancel {
	display: none;
}

.tab-holder .tabset LI {
	margin: 0 10px 0 0;
}

.flyout-body .columne LI,
.flyout-body .columne DIV {
	font-size: 11px;
	margin-bottom: 0px;
}
.flyout-body .columne LI {
	float: none;
}

/* @end */



/* @group ...... Flyout::Content::Generic ...... */
.flyout-body INPUT.form-text {
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	width: 148px;
	margin: 0 0 6px 0;
}
.flyout-body SELECT.form-select {
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	width: 174px;
	margin: 0 0 0 0;
}
#charts-wrapper .flyout-body TEXTAREA,
#charts-wrapper .flyout-body TEXTAREA {
	width: 284px;
}
/* @end */


#TB_ajaxContent SELECT.form-select {
	border: 1px solid #c0c0c0;
	font-size: 11px;
	padding: 3px;
	color: #666666;
	width: 174px;
	margin: 0 0 0 0;
}



/* @group ...... Flyout::Rating ...... */
.flyout-container-rating,
.flyout-container-add-list,
.flyout-container-recommendation,
.flyout-container-playlist,
.flyout-container-downloads {
	position: relative;
}

.flyout-container-rating .columne-image,
.flyout-container-add-list .columne-image,
.flyout-container-recommendation .columne-image,
.flyout-container-downloads .columne-image,
.flyout-container-playlist .columne-image {
	float: left;
	width: 60px;
	margin: 0 8px 0 6px;
}

.flyout-container-rating .columne-title {
	float: left;
	width: 200px;
}
.flyout-container-rating .flyout-rating-holder {
	position: absolute;
	right: 0;
	width: 440px;
}
#charts-wrapper .flyout-container-rating .flyout-rating-holder,
#search-results .flyout-container-rating .flyout-rating-holder {
	/* position: absolute;
	width: 606px;
	top: 20px; */
	width: auto;
	position: static;
}

.flyout-container-rating .community-rating-wrapper {
	position: absolute;
	right: 0;
	top: 12px;
	width: 220px;
}
.flyout-container-rating .my-rating-wrapper {
	position: absolute;
	right: 0;
	top: 32px;
	width: 220px;
}
.flyout-container-rating .fanhate {
	position: absolute;
	left: 0;
	top: 14px;
	padding: 20px 0 0 0 !important;
}

/* @end */




.flyout-body .flyout-container-add-list .columne-title {
	float: left;
	width: 240px;
}

/* @group ...... Flyout::Downloads/Kaufen ...... */
.flyout-body .flyout-container-downloads .content {
	position: absolute;
	top: 6px;
	left: 102px;
	/*float: left;
	margin-left: 20px; */
}

.flyout-body .flyout-container-downloads .content P { padding: 0 0 8px 0; }

.flyout-body .flyout-container-downloads UL.download-links LI + LI {
	border-left: 1px solid #cccccc;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}


UL.download-links LI {
	float: left;
}

A.dl-link {
	display: block;
	padding: 42px 4px 4px 0;
	text-align: center;
	margin: 0 4px;
	font-size: 10px;
	color: #333333 !important;
}

.dl-amazon {
	background:url(../images/dl-amazon.png) no-repeat 50% 20%;
	width:77px;
}
.dl-amazon-mp3 {
	background:url(../images/dl-amazon-mp3.png) no-repeat 50% 20%;
	width:85px;
}
.dl-itunes {
	background:url(../images/dl-itunes.png) no-repeat 50% 0%;
	width:33px;
}
.dl-musicload {
	background:url(../images/dl-musicload.png) no-repeat 50% 10%;
	width:86px;
}
.dl-napster {
	background:url(../images/dl-napster.png) no-repeat 50% 0%;
	width:138px;
}
.dl-eventim {
	background:url(../images/dl-eventim.png) no-repeat 50% 15%;
	width:75px;
}
.dl-ticket-online {
	background:url(../images/dl-ticket-online.png) no-repeat 50% 0%;
	width: 70px;
}
.dl-libri {
	background:url(../images/dl-libri.png) no-repeat 50% 15%;
	width:75px;
}
.dl-buch-de {
	background:url(../images/dl-buch-de.png) no-repeat 50% 0%;
	width: 80px;
}
.dl-hitflip {
	background:url(../images/dl-hitflip.png) no-repeat 50% 10%;
	width: 70px;
}
.dl-videobuster {
	background:url(../images/dl-videobuster.png) no-repeat 50% 10%;
	width: 70px;
}
.dl-videoload {
	background:url(../images/dl-videoload.png) no-repeat 50% 10%;
	width: 85px;
}

/* @end */


.flyout-body .flyout-container-recommendation .picture {
	border: 1px solid #CCCCCC;
	float:left;
	margin:0 14px 0 0;
}


#TB_ajaxContent { position: relative; }

#TB_ajaxContent .container { margin: 0; }

#TB_ajaxContent .columne-title {
	float:left;
	width: 148px;
}
#TB_ajaxContent .playlist-select {
	position: absolute;
	top: 10px;
	left: 176px;
}
#TB_ajaxContent .playlist-select SELECT {
	border: 1px solid #cccccc;
	width: 250px;
}
#TB_ajaxContent  .playlist-button-add {
	position: absolute;
	top: 12px;
	left: 440px;
}


/* @group ........... Flyouts::Songs::Playlist ......... */
.flyout-body .flyout-container-playlist .columne-title {
	float:left;
	width: 140px;
}
.flyout-body .flyout-container-playlist .playlist-select {
	position: absolute;
	top: 10px;
	left: 250px;
}
.flyout-body .flyout-container-playlist .lower-half .playlist-select {
	position: absolute;
	top: 8px;
	left: 100px;
}
.flyout-body .flyout-container-playlist .playlist-button-add {
	position: absolute;
	top: 10px;
	/* left: 440px; */
	right: 12px;
}
.flyout-body .flyout-container-playlist .upper-half .columne {
	float:left;
	margin-left: 20px;
}
.flyout-body .flyout-container-playlist .upper-half {
	float: left;
}
.flyout-body .flyout-container-playlist .lower-half {
	xxxfloat: left;
	margin: 4px 0 0 0;
}
.flyout-body .flyout-container-playlist .lower-half INPUT.form-text { width: 250px; margin-right: 10px; }

.flyout-body .flyout-container-playlist .picture {
	float:left;
	margin: 0 20px 0 0;
}

.flyout-body .flyout-container-playlist .buttons {
	margin: 8px 0 0 0;
	float: right;
}
.flyout-body .flyout-container-playlist .wait-anim {
	text-align: center;
	margin: 16px 0 0 0;
}

/* @end */



/* @group ........... Flyouts::Search/Charts ......... */
.tbl-artists TBODY TR.open { height: 22px;}
TBODY .open TD.col-img .thumb { display: none; }
TBODY .open TD .community-rating { display: none; }


#search-results .flyout-body .columne-image {
	height: 78px;
	width: 58px;
	float: left;
	padding: 0;
	margin: 0;
}

#search-results .flyout-body .columne-title,
#charts-wrapper .flyout-body .columne-title {
	position: absolute;
	top: 6px;
	left: 102px;
	/* display: none; Titel in Charts-Flyouts doch wieder erscheinen lassen, Siehe #8428 */
}
#search-results .flyout-body #thickbox-recommend .albums,
#search-results .flyout-body #thickbox-recommend .persons,
#charts-wrapper .flyout-body #thickbox-recommend .albums,
#charts-wrapper .flyout-body #thickbox-recommend .persons {
	height: 78px;
	width: 58px;
	float: left;
	padding: 0;
	margin: 0 30px 0 0;  /* Gelöscht wg. #8428 margin: 0 30px 0 6px; */
}
#search-results .flyout-body .columne-image LI,
#charts-wrapper .flyout-body .columne-image LI {
	height: 78px;
	width: 58px;
	padding: 0;
	margin: 0;
}
.flyout-rating-holder {
	/* width: 590px !important; */
	float:right;
}
#search-results LI.community-rating-wrapper,
#charts-wrapper LI.community-rating-wrapper {
	position: absolute;
	top: 34px;
	right: 50px;
}

#search-results LI.my-rating-wrapper,
#charts-wrapper LI.my-rating-wrapper {
	position: absolute;
	top: 62px;
	right: 50px;
}

#search-results LI.fanhate,
#charts-wrapper LI.fanhate {
	position: absolute;
	top: 35px;
	left: 102px;
	margin: 0;
	padding: 25px 0 0 0 !important;
}

#search-results LI.fanhate .legende,
#charts-wrapper LI.fanhate .legende {
	position: absolute;
	top: 0px;
	left: 0px;
}

#search-results .flyout-body .columne-button,
#charts-wrapper .flyout-body .columne-button {
	position: absolute;
	top: 16px;
	right: 50px;
}

/* @end */




/* @end */

#search-fail H3 {
	text-align: center;
	width: 750px;
	margin: 0;
	padding: 0;
}

#search-fail H4 {
	margin: 16px 0 8px 0;
	font-size: 12px;
}
#search-fail LI {
	margin: 0 0 8px 12px;
	font-size: 11px;
}


/* @group =========== Static ========= */
.static .container {
	/* width: 570px; */
}
.static H3 {
	margin: 24px 0 8px 0;
	font-size: 18px;
}

.static H4 {
	font-size: 11px;
	margin: 14px 0 4px 0;
}
.static .container-body DIV,
.static .container-body LI {
	margin: 0.5em 0 0.5em 0;
}
.ueber-uns .container-body LI {
	list-style-type: disc !important;
	margin: 0.25em 0 0.25em 1.25em;
}

/* @end */



/* @group =========== Unlogged =========== */
#unlogged-header {
	background-color: #ffffff;
	padding: 0 0 0 0;
}

#unlogged-header .unlogged-text {
	float: left;
	width: 680px;
	margin: 0 0 16px 0;
}

.usernotshown {
    width:  400px;
    float:  left;
    text-align: left;
    margin: 0px 0 60px 200px;
    border: 3px solid #ce331f;
    padding: 10px 10px 10px 10px;
    }

    
.usernotshown_text {
    color: #555555;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
    margin: 7px 0 0 0;
}

#unlogged-header H2 {
	color: #262626;
	font-size: 36px;
	line-height: 40px;
	text-align: right;
	font-weight: bold;
	width: 216px;
	float: left;
	margin: 0 16px 0 30px;
}

#unlogged-header H3 {
    color: #a1a1a1;
    font-size: 12px;
    text-align: left;
    margin: 20px 0px 0px 33px;
    font-weight: normal;
}


#unlogged-header P {
    color: #555555;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    font-weight: normal;
    margin: 7px 40px 0 0;
}


#unlogged-header .register-button {
    text-align: left;
    margin: 24px 0 0 262px; /* Left: 30px + 216px + 16px */
}


/* @group ........... Unlogged::Login-Box ........... */
#unlogged-header .login-box {
	border: 3px solid #cccccc;
	width: 150px; /* 174 - 2*18px */
	/* height: 110px; 146 - 2*18px */
	float: right;
	margin: 20px 20px 10px 0;
	padding: 14px 18px 4px 18px;
	font-size: 11px;
	color: #666666;
}

#unlogged-header .login-box LI {
	margin: 0 0 6px 0;
}

#unlogged-header #stay-online LABEL {
	width: 56px;
	float: left;
	vertical-align: middle;
}
#unlogged-header #stay-online INPUT {
	float: left;
	margin: 6px 0 0 0;
}
#unlogged-header #stay-online {
	float: left;
}
#unlogged-header .login-box LI.login-button {
	margin: 4px 0 4px 0;
	width: 54px;
	float: right;
}

#unlogged-header .login-box INPUT.form-text {
	border: 1px solid #cccccc;
	width: 130px;
	padding: 2px 2px;
	font-size: 12px;
}

#unlogged-header .login-box LI#forgot-password-text {
	clear: both;
}
#unlogged-header .login-box LI#forgot-password-text P {
	font-size: 11px;
	line-height: 11px;
	text-align: left;
	margin-top: 0;
}
#unlogged-header .login-box LI#forgot-password-text P A {
	color: #666666;
	text-decoration: underline;
}

/* @end */


/* @end */

/* @group =========== Playlist-Radio =========== */
#playlist-radio {
	position: relative;
	background-image: url('../images/bg-welike-artist-radio-big.png');
	background-repeat: no-repeat;
	width: 304px; 
	height: 202px; 
	margin: 0 0 50px -2px;
}

#playlist-radio.small {
	background-image: url('../images/bg-welike-artist-radio-small.png');
	height: 132px; 
}
.playlist-radio-button-big {
	float: left;
	height: 58px;
	width: 58px;
}
.playlist-radio-button-small {
	height: 16px;
	width: 16px;
	float: left;
	margin: 0 10px 0 0;
}

#playlist-radio STRONG {
	color: #333333;
}
#playlist-radio H3 {
	font-size: 11px;
	color: #666666;
	text-align: center;
}
#playlist-radio #playlist-but-play {
	position: absolute;
	top: 40px;
	left: 20px;
}
#playlist-radio .selected {
	font-size: 18px;
	font-weight: bold;
}
#playlist-radio .selected .playlist-radio-title {
	padding: 20px 0 0 0;
	width: 200px;
	height: 43px;
	overflow: hidden;
}
#playlist-radio .list {
	padding: 4px 0;
	margin-bottom: 3px;
	margin-left: 22px;
	font-weight: bold;
}
#playlist-radio .desc {
	position: absolute;
	top:  54px;
	left: 86px;
	width: 190px;
	font-weight: bold;
	color: #333333;
}
#playlist-radio UL.playlist {
	position: absolute;
	top: 61px;
	left: 23px;
}
#playlist-radio UL#playlist-favourites {
	position: absolute;
	top: 104px;
	left: 20px;
	list-style-type: disc;
	padding: 0 0 0 1em;
}

#playlist-radio UL#playlist-favourites LI {
	padding: 0 0 0 0;
	text-indent: -14px;
}

#playlist-radio UL#playlist-favourites LI.list {
	list-style-type: disc;
	padding: 0 0 0 0;
	text-indent: 4px;
}

/* @end */


.label-online {
	background-image: url('../images/de/label-online-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-color: #579823;
	height: 7px;
}
.container.thumbnails LI.members .label-online {
	width: 34px;
	position: absolute;
	top: 36px;
	left: 0px;
}

.container.thumbnails LI.members50 .label-online {
	width: 56px;
	position: absolute;
	top: 57px;
	left: 0px;
}

#flash-text {
	position: absolute;
	top: 202px;
	left: 22px;
	width: 260px;
	text-align: center;
}
#playlist-radio.small #flash-text {
	top: 132px;
}

.container#croptool {
	width: 890px;
}
.container#croptool .picture-large {
	float: left;
	margin: 60px 60px 0 0;
}
.container#croptool .picture-large IMG {
	width: auto;
	height: auto;
	max-width: 640px;
	max-height: 400px;
	border: 1px solid #ce331f;
}
.container#croptool .picture-small {
	border: 4px solid #ce331f;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 72px 0 0 0;
}
.container#croptool .picture-small IMG { position: relative;}

.container#croptool .save-thumbnail {
	clear: both;
	text-align: center;
	padding: 20px 0 0 0;
}

/* @group ========= SPECIALS ========= */

.specials-banner {
	width: 930px;
	height: 134px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.specials-banner IMG {
	width: 930px;
	height: 134px;
	margin: 0 0 50px 0;
}
DIV.specials-preface {
	margin: 99px 0 0 154px;
	border: 1px solid white;
}
DIV.specials-preface H2 {
	color: #ce331f;
	margin: 0;
	padding: 1.5em 0 0.75em 0;
	font-size: 14px;
	font-weight: bold;
}
DIV.specials-preface P {
	margin: 0 0;
}

/* @end */

.network .claim {
	text-align: right;
	margin: 0 0 8px 0;
	padding: 4px 0 0 0;
}

.list .claim {
	text-align: right;
	margin: 0 0 8px 0;
	padding: 0;
	color: #aaaaaa;
}

A.phononet-productlink,
A.phononet-artistlink {
	text-decoration: underline;
}

#essiehcsnellub {
	margin: 0 0 60px 0;
	/* display: none; */
	}



/*
----------------------------------------------------------------------------------------------------
Clearfix: <http://www.positioniseverything.net/easyclearing.html>
----------------------------------------------------------------------------------------------------
*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/* @group My Group */



/* @end */