/* ---------------------------------------------------------------------------- */
/* Global Settings flatster                                                     */
/* ---------------------------------------------------------------------------- */

/* 
scrollbar-base-color = Basisfarbe der Scroll-Leiste
scrollbar-3dlight-color = Farbe für 3D-Effekte
scrollbar-arrow-color = Farbe für Verschiebepfeile
scrollbar-darkshadow-color = Farbe für Schatten
scrollbar-face-color = Farbe für Oberfläche
scrollbar-highlight-color = Farbe für oberen und linken Rand
scrollbar-shadow-color = Farbe für unteren und rechten Rand
scrollbar-track-color = Farbe für freibleibenden Verschiebeweg
*/


body 
{ 
   scrollbar-base-color:#FFFFFF; 
   scrollbar-track-color:#FFFFFF;
   scrollbar-face-color:#FFFFFF;
   scrollbar-highlight-color:#F8F8F8;
   scrollbar-3d-light-color:#F8F8F8;
   scrollbar-dark-shadow-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
   scrollbar-arrow-color:#ff6600;
   
   font-family: Arial; line-height: 12px;
}


/* ---------------------------------------------------------------------------- */
/* global Page - Contents (may be overwriten)                                   */
/* ---------------------------------------------------------------------------- */

div#Select {/*left: 0px; top: 0px;*/ width: 196px; height: 278px;}
div#Advertising {/*left: 0px; top: 278px;*/ width: 196px; height: 272px;}
div#RightAdvertising {/*left: 0px; top: 278px;*/ width: 179px; height: 272px;}
div#Picture {/*left: 209px; top: 0px; width: 452px; height: 160px;*/}
div#Content {/*left: 209px; top: 160px; width: 452px; height: 390px;*/}

div#SelectImageHeader {/*left: 0px; top: 0px;*/ width: 196px; height: 28px;}

div#ContentProgress_off {left: -209px; top: -160px; width:0px; height:0px; position:absolute; background-color:gray; filter:alpha(opacity=50); opacity:0.5;}
div#ContentProgress {left: -209px; top: -160px; width:661px; height:550px; position:absolute; background-color:white; filter:alpha(opacity=70); opacity:0.7;}

div#Advertising {top: 0px; left:0px; width:196px; height: 550px;}
.AdvertisingFrame {left: 0px; top: 0px; width: 100%; height: 100%; position:relative; vertical-align:top;}

div#RightAdvertising {top: 0px; left:0px; width:179px; height: 550px;}
.RightAdvertisingFrame {left: 0px; top: 0px; width: 100%; height: 100%; position:relative; vertical-align:top;}

.PictureCollectionName {
    left: 30px; top: 130px; width: 450px; height: 27px; position:absolute;
    font-size:14px; line-height: 15px; color: #FF6600; font-weight: bold;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/* General */

* {
	margin: 0;
	padding: 0;
}

body,
html {
	width: 100%;
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #7f7f7f url(../img/pageback2.gif) repeat-y center top;
}

/*
p,td {
	font-size: 11px;
	color: #666;
}
*/

a,
a:visited,
a:active,
a:hover {
	/* color: #df3015; */
	color: inherit;
	text-decoration: none;
}

:focus {
	outline: 0;
}

ul,ol {
	list-style: none;
}

input,
button,
select,
option {
    font-family: Arial, Helvetica, sans-serif;
    /*
	font-size: 12px;
	color: #000;
    */
}

input,button {
    border: none;
}

img {
	border: none;
	vertical-align: top;
}


/* Wrapper */

.wrapper {
	width: 968px;
	margin: 0 auto;
	background: #fff;
}


/* Header */

.header {
	height: 100px;
	background: url(../img/top.gif);
	position: relative;
}

.header .logo {
	height: 68px;
}

.header .account {
    position: absolute;
    right: 21px;
    top: 5px;
	font-size: 11px;
	color: #666;
	cursor: default;
}

.header .account span {
    color: #f60;
    font-weight: bold;
}

.header .account form div {
    /*
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 3px;
    width: 200px;
    */
}

.header .account div {
    float: left;
}

.header .account .input {
    margin-left: 10px;
}

.header .account .button {
    margin-left: 10px;
}

.header .account .text {
    margin-left: 10px;
    margin-top: 2px;
}

.header .account label {
    color: #999;
	font-size: 11px;
	margin-left: 5px;
	margin-top: 3px;
	/* display: none; */
	z-index: 100;
	position: absolute;
	cursor: text;
}

.header .account .textinput {
    color: #f60;
    background: #fff;
    border: 1px solid #F18916;
	font-size: 11px;
	width: 100px;
	height: 14px;
	padding: 1px 2px;
	/* position: absolute; */
	z-index: 99;
}

.header .account a {
	text-transform: uppercase;
	color: #666;
}

.header .account a:hover {
	color: #222;
}

.header .account .submit {
	text-transform: uppercase;
	background: #000;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
	overflow: visible;
	padding: 2px 5px;
	font-weight: bold;
}

.header .account .submit::-moz-focus-inner {
    border: 0;
    padding: 0;
} 

.header .account.account2 {
    top: 30px;
	font-size: 11px;
	color: #f08819;
}

.header .account.account2 a {
	color: #f08819;
	font-weight: bold;
}

.header .account.account2 a:hover {
	color: #000;
}

.header .account.support {
    top: 48px;
	font-size: 10px;
	color: #444;
}


.header .partner {
    position: absolute;
    left: 300px;
    top: 0px;
    width: 368px;
    height: 80px;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
} 


.header .navcontainer 
{
}

.header .nav {
	height: 32px;
	margin-left: 10px;
}

.header .nav li {
	display: block;
	margin-left: -10px;
	float: left;
	background: url(../img/tabs2.png);
}

.header .nav li.home {
    background-position: 0 -256px;
}

.header .nav li.special {
    background-position: 0 -128px;
}

.header .nav a {
	display: block;
	width: 106px;
	height: 24px;
	margin: 8px 7px 0;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.header .nav .home a {
    width: 74px;
}

.header .nav .sel a {
	background: url(../img/tabs2.png) -7px -104px;
	/* color: #0c6097; */
	color: #000;
}

.header .nav .home.sel a {
    background-position: -7px -360px;
}

.header .nav .special.sel a {
    background-position: -7px -232px;
}

.header .nav span {
	padding-top: 6px;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
}

.header .nav .home span {
    text-indent: -999px;
    overflow: hidden;
}

.header .links 
{
    position: absolute;
    right: 21px;
    top: 83px;
    /*
	margin: 15px 21px 0 0;
	float: right;
    */
}

.header .links a {
	font-size: 9px;
	color: #666;
	text-transform: uppercase;
}

.header .links a:hover {
	color: #222;
}


/* Body */

.body {
    /* clear: both; */
	margin: 19px 0;
}

.main {
	padding: 0 15px;
	overflow: hidden;
	position: relative;
	line-height: 17px;
}

.main h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0 0 10px;
	line-height: 20px;
}

.main h1 span {
    display: block;
	padding: 16px 26px 0;
}

.main h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 10px 0;
	line-height: 20px;
}

.main p {
	margin: 10px 0;
	font-size: 12px;
	line-height: 17px;
}

.main p a {
	color: #666;
}

.main p a,
.main p a:visited,
.main p a:active,
.main p a:hover,
.main td a,
.main td a:visited,
.main td a:active,
.main td a:hover {
	text-decoration: underline;
}

.main input,
.main button,
.main select,
.main option {
	font-size: 12px;
	color: #000;
}

.main .textinput {
    background: #eaeaea;
    border: 1px solid #ddd;
	padding: 1px 2px;
}

.main ul {
    list-style-type: disc;
	margin-left: 40px;
}

.main cite {
    font-size: 14px;
    color: #f60;
    font-weight: bold;
	line-height: 20px;
	font-style: normal;
}

.main p.notice,.main p.success {
    padding-left: 35px;
    min-height: 24px;
    line-height: 24px;
    background-color: #ddd;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 45px;
}

.main p.notice {
	background-image: url(../img/message.png);
}

.main p.success {
	background-image: url(../img/success.png);
}


/* Footer */

.footer {
	text-align: center;
	color: #666;
	font-size: 9px;
	text-transform: uppercase;
	padding: 20px 0;
	background: #dadada;
	clear: both;
	cursor: default;
}

.footer a {
	color: #666;
}

.footer a:hover {
	color: #222;
}


/* Sidebar */

.sidebar {
	margin-bottom: 19px;
}

.leftsidebar {
	float: left;
	width: 199px;
	margin-left: 15px;
}

.rightsidebar {
	float: right;
	width: 179px;
	margin-right: 15px;
}


/* Sidebar Box */

.sidebar .box {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-position: bottom;
}

.sidebar .boxtitle {
	padding: 6px 11px 5px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	cursor: default;
}

.sidebar .boxtitle1 {
	background-position: 0 0;
}

.sidebar .boxtitle2 {
	background-position: 0 22px;
}

.sidebar .boxtitle3 {
	background-position: 0 44px;
}

.sidebar .boxtitle4 {
	background-position: 0 66px;
}

.sidebar .boxtitle5 {
	background-position: 0 88px;
}

.sidebar .boxtitle6 {
	background-position: 0 110px;
}

.sidebar .boxtitle7 {
	background-position: 0 132px;
}

.sidebar .boxtitle8 {
	background-position: 0 154px;
}

.sidebar .boxbody {
	font-size: 10px;
	color: #8A7975;
	padding-top: 3px;
	padding-bottom: 1px;
	position: relative;
}

.sidebar .boxtext {
	padding: 5px 6px 4px 9px;
	position: relative;
}

.sidebar .textinput {
	font-size: 12px;
	color: #666;
    background: #fff;
    border: 1px solid #ddd;
	padding: 1px 2px;
}

.sidebar .textinput {
    height: 16px;
}

.sidebar .links {
	text-align: right;
	margin-top: 8px;
}

.sidebar .links a {
	font-size: 9px;
	color: #FF833B;
	text-transform: uppercase;
}

.sidebar .links a:hover {
	color: #FFB066;
}

.sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 5px 0;
}

.sidebar h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin: 5px 0;
}

.sidebar p {
	margin: 5px 0;
}

.sidebar a {
	color: #FF833B;
}

.sidebar hr {
	height: 14px;
	background: url(../img/cart2divider.gif) center center no-repeat;
	border: 0;
}


/* Left Sidebar */

.leftsidebar .boxtitle {
	background-image: url(../img/leftboxtitles.png);
}

.leftsidebar .box,
.leftsidebar .boxbody {
	background-image: url(../img/leftbox.png);
}


/* Right Sidebar */

.rightsidebar .boxtitle {
	background-image: url(../img/rightboxtitles.png);
}

.rightsidebar .box,
.rightsidebar .boxbody {
	background-image: url(../img/rightbox.png);
}


/* Misc Sidebar Components */

.sidebar .search .keywords {
    width: 128px
}

.sidebar .search .button {
    background: url(../img/buttons/go.gif);
    width: 26px;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
}


/* Misc */

.newslettertitle {
	font-size: 10px;
	color: #8A7975;
}
.newsletterinput {
	font-size: 10px;
	color: #000;
}
.textinput {
	font-size: 12px;
	color: #000;
	width: 200px;
}
.passwordinput {
	font-size: 12px;
	color: #000;
	width: 120px;
}
.formlabel {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}


/* Page */

.page {
	margin: 20px;
	position: relative;
}

.pagebox 
{
	padding: 13px;
	border: 1px solid #ECE9E9;
	position: relative;
}

.pagebody {
	font-size: 12px;
	color: #666;
	background: #E9E9E9;
}

.pagebox hr {
	background-color: #D6D6D6;
	width: 500px;
	height: 31px;
	padding: 15px 0;
}

.pagebox .links {
	text-align: right;
	margin-top: 5px;
}

.pagebox .links a {
	font-size: 9px;
	color: #FF833B;
	text-transform: uppercase;
}

.pagebox .links a:hover {
	color: #FFB066;
}


/* Page Box */

.pagebox .box {
	padding: 8px;
	border: 1px solid #DEDAD9;
	background-color: #F5F5F5;
	position: relative;
	margin: 10px 0;
}

.pagebox .box2 {
	width: 227px;
	padding: 8px;
	border: 1px solid #DEDAD9;
	background-color: #F5F5F5;
}

.pagebox .box2l {
	width: 227px;
	padding: 8px;
	margin: 0;
	border: 1px solid #DEDAD9;
	background-color: #F5F5F5;
	float: left;
	height: 100%;
}

.pagebox .box2r {
	width: 227px;
	padding: 8px;
	margin: 0;
	margin-left: 255px;
	border: 1px solid #DEDAD9;
	background-color: #F5F5F5;
	height: 100%;
}

* html .pagebox .box2l {
	margin-right: -3px;
	width: 245px;
}

* html .pagebox .box2r {
	margin-left: 252px;
	width: 245px;
}

.pagebox br {
	font-size: 1px;
	height: 10px;
}

.pagebox .box3 {
	width: 500px;
	padding: 8px;
	border: 1px solid #DEDAD9;
	background-color: #F5F5F5;
}


/* Forms */

.formx p {
    clear: both;
    margin: 5px 0;
    overflow: hidden;
}

.formx label {
    float: left;
    width: 150px;
    display: block;
}

.formx .textinput {
    border: 1px solid #f18916;
    color: #f60;
    display: block;
    float: left;
}

.formx .submit {
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px;
    text-transform: uppercase;
    margin-left: 150px;
    margin-top: 5px;
}


/* Sidebar Nav */

.sidebar .navcontainer {
}

.sidebar .nav {
}

.sidebar .nav li {
	display: block;
}

.sidebar .nav a {
	display: block;
	height: 24px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	color: #6C6C6C;
	background-image: url(../img/sidebarnav.png);
}

.sidebar .nav .sub a {
	background-position: 0 0;
}

.sidebar .nav a:hover {
	color: #0C6097;
	background-position: 0 -24px;
}

.sidebar .nav .sub > a:hover {
	background-position: 0 -96px;
}

.sidebar .nav .sel > a {
	color: #0C6097;
	background-position: 0 -48px;
}

.sidebar .nav .sel.sub > a {
	color: #0C6097;
	background-position: 0 -120px;
}
.sidebar .nav .sel.sub > a:hover {
	color: #0C6097;
	background-position: 0 -96px;
}
.sidebar .nav span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.sidebar .nav ul {
    position: relative;
    zoom: 1;
}

.sidebar .nav ul li {
}

.sidebar .nav .sub ul a {
	font-size: 10px;
	height: 16px;
	background-position: 0 -144px;
}

.sidebar .nav .sub ul a:hover {
	color: #0C6097;
	background-position: 0 -160px;
}

.sidebar .nav .sel.sub ul .sel a {
	color: #0C6097;
	background-position: 0 -160px;
}

.sidebar .nav ul span {
	padding: 1px 0 0 20px;
}


/* Cart */

.cart2number {
	font-size: 11px;
	color: #000;
}
.cart2title {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
.cart2title:hover {
	color: #555;
}
.cart2subtitle {
	font-size: 11px;
	color: #8A7575;
}
.cart2price {
	font-size: 11px;
	color: #000;
	font-weight: bold;
}
.cart2total {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}


/* Wishlist */

.wishlist {
    position: relative;
}

.refreshing {
    background: url(../img/loading.gif) center center no-repeat;
}

.wishlist dt {
	font-weight: bold;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.wishlist dt a {
	color: #f60;
	font-size: 11px;
}

.wishlist dd 
{
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	padding-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
/*
	padding-bottom: 14px;
	background: url(../img/cart2divider.gif) center bottom no-repeat;
*/
}

.wishlist dd a {
	color: #333;
	font-size: 10px;
}


/* AGB */

.agb {
    /*
	font-size: 12px;
	color: #000;
	margin: 10px;
	background: #fff;
    */
}

.agb h1 {
	font-size: 18px;
	color: #000;
	line-height: 24px;
	margin-bottom: 20px;
	background: none;
}

.agb h1 strong {
	font-weight: bold;
}

.agb h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-top: 20px;
	margin-bottom: 5px;
}

.agb p {
    /*
	font-size: 10px;
	color: #000;
    */
}


/* Misc */

.main .steps {
    font-size: 14px;
    color: #bbb;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.main .steps strong {
    color: #f60;
}


/* Messages */

/*
#messagecontainer {
	position: fixed;
	top: 5px;
	height: 56px;
	width: 100%;
	display: none;
}

.message {
	width: 266px;
	height: 56px;
	margin: 0 auto;
	background: url(../img/meldung.gif);
	text-align: center;
}

.messageinner {
	padding: 13px 10px;
}

.message p {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
*/
#messagecontainer {
	position: fixed;
	top: 5px;
	height: 100px;
	width: 100%;
	display: none;
}

.message {
	width: 482px;
	height: 167px;
	margin: 0 auto;
	background: url(../img/meldung.png) no-repeat;
	text-align: center;
}

.messageinner {
	/* padding: 23px 10px; */
}

.message h1 {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	height: 28px;
	padding-top: 16px;
}

.message p {
	font-size: 12px;
	line-height: 16px;
	color: #000;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	height: 60px;
}

.message a {
	color: #555;
}

.message .buttons {
	font-size: 14px;
	color: #000;
	padding-top: 10px;
	height: 20px;
}

#message_container .modalCloseImg {
	background: url(../img/meldung_close.gif) no-repeat;
	width: 10px;
	height: 10px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: 6px;
	right: 8px;
	cursor: pointer;
}


/* Modal Message */

#message_overlay {
	background-color: #000;
}

#message_container 
{
    /*
	width: 266px;
	height: 56px;
    */
	width: 482px;
	height: 167px;
	/*
	background-color: #333;
	border: 8px solid #444;
	padding: 12px;
	*/
}

#message_container input,
#message_container button,
#message_container select,
#message_container option {
	font-size: 12px;
	color: #000;
}

#message_container .textinput {
    background: #eaeaea;
    border: 1px solid #ddd;
	padding: 1px 2px;
}

#message_container .button {
    background: #eaeaea;
    border: 1px solid #bbb;
	padding: 1px 2px;
}


/* Song Lists */

.songlist {
    width: 502px;
    /* height: 1195px; */
    margin-top: 5px;
}
.songlist.albumsonglist {
    height: auto;
}
.songlist .head {
    background: #E5E5E5;
    height: 35px;
	cursor: default;
}
.songlist .head .index {
    width: 37px;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 13px;
}
.songlist .head .placement {
    width: 25px;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 13px;
}
.songlist .head .artisttitle {
    float: left;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 13px;
}
.songlist .head .pages {
    float: left;
    text-indent: 10px;
    width: 246px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
}
.songlist .head .pageswide {
    float: left;
    text-indent: 10px;
    width: 446px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
}
.songlist .head .pageswide2 {
    float: left;
    text-indent: 10px;
    width: 437px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
}
.songlist .head .pages a,.songlist .head .pageswide a {
	color: #666;
}
.songlist .head .pages a:hover,.songlist .head .pageswide a:hover {
	color: #333;
}
.songlist .head .pages a.sel,.songlist .head .pageswide a.sel {
	color: #333;
}
.songlist .head .filter {
    float: left;
    text-indent: 10px;
    width: 200px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
}
.songlist .head .filter a {
	color: #666;
	background: url(../img/nocheck.gif) no-repeat;
	padding-left: 18px;
}
.songlist .head .filter a:hover {
	color: #333;
}
.songlist .head .filter a.sel {
	color: #333;
}
.songlist .head .filter a.checked {
	background-image: url(../img/check.gif);
}
.songlist .head .addallsongs,.songlist .head .delallsongs {
    width: 40px;
    float: left;
    text-align: center;
    margin-top: 8px;
}
.songlist .head .addallsongs input,.songlist .head .delallsongs input {
    left: 0px;
    top: 11px;
    position: relative;
    background-color: transparent;
    border: none;
	cursor: pointer;
    
    width: 26px;
    height: 20px;
    position:static;
}
.songlist .head .addallsongs input {
    background-image: url(../img/buttons/allsongs_add.gif);
}
.songlist .head .delallsongs input {
    background-image: url(../img/buttons/allsongs_del.gif);
}
.songlist .head .buttons {
    width: 58px;
    float: left;
    text-align: center;
    margin-top: 8px;
}
.songlist .songlistbody {
    position: relative;
    clear: both;
    /* height: 1125px; */
    overflow: hidden;
    background-color: #f2f2f2;
}
.songlist.albumsonglist .songlistbody {
    height: auto;
}
.songlist .songlistbody2 {
    /* position: absolute; */
    position: relative;
    width: 2100px;
    /* height: 1125px; */
}
.songlist.albumsonglist .songlistbody2 {
    position: relative;
    height: auto;
}
.songlist .songlistpart {
    float: left;
    width: 525px;
    /* height: 1125px; */
    position: relative;
}
.songlist.albumsonglist .songlistpart {
    height: auto;
}
.songlist .row {
    clear: both;
    height: 45px;
	cursor: default;
	position: relative;
}
.songlist .row1 {
    background: #f2f2f2;
}
.songlist .row2 {
    background: #e6e6e6;
}
.songlist .row .index {
    width: 37px;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 17px;
}

.songlist .row .indexwide {
    width: 62px;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 17px;
}

.songlist .row .placement {
    width: 25px;
    float: left;
    margin-top: 12px;
}

.songlist .row .artisttitle {
    width: 344px;
    float: left;
    margin-top: 10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*#wishlist .songlist .row .artisttitle,*/
#mymusic .songlist .row .artisttitle {
    width: 265px;
}

.songlist .row .artisttitle .title {
    font-size: 11px;
    line-height: 12px;
    color: #f60;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.songlist .row .artisttitle .title a:hover {
    color: #000;
}

.songlist .row .artisttitle .artist {
    font-size: 10px;
    line-height: 11px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.songlist .row .artisttitle .artist a:hover {
    color: #000;
}

.songlist .row .date {
    width: 79px;
    float: left;
    margin-top: 13px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.songlist .row .cover {
    width: 40px;
    float: left;
    text-align: center;
    margin-top: 12px
}

.songlist .row .probability {
    width: 45px;
    float: left;
    text-align: center;
    margin-top: 13px;
}

.songlist .row .addsong,.songlist .row .delsong,.songlist .row .playsong {
    width: 40px;
    float: left;
    text-align: center;
    margin-top: 12px;
    /*
    width: 26px;
    height: 20px;
    */
}

.songlist .row .addsong input,.songlist .row .delsong input,.songlist .row .playsong input {
    left: 0px;
    top: 11px;
    position: relative;
    background-color: transparent;
    border: none;
	cursor: pointer;
    
    width: 26px;
    height: 20px;
    position:static;
}

.songlist .row .addsong input {
    background-image: url(../img/buttons/song_add.gif);
}

.songlist .row .delsong input {
    background-image: url(../img/buttons/song_del.gif);
}

.songlist .row .playsong input {
    background-image: url(../img/buttons/song_play.gif);
}

.songlist .row .buttons {
    width: 89px;
    float: left;
    text-align: center;
    margin-top: 12px;
    /*
    width: 26px;
    height: 20px;
    */
}

.songlist .songadded {
    width: 515px;
    height: 45px;
    background: #f0861e;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 45px;
    text-indent: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.songlist .songlistadded {
    width: 515px;
    height: 1125px;
    background: #f0861e;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 45px;
    text-indent: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.songlist .songremoved {
    width: 515px;
    height: 45px;
    background: #000000;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 45px;
    text-indent: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.songlist .songlistremoved {
    width: 515px;
    height: 1125px;
    background: #000000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 45px;
    text-indent: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.songlist .songdeleted {
    text-decoration: line-through;
}


/* Song List Small */

.songlistsmall {
    width: 302px;
}

.songlistsmall h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 10px 0;
	cursor: default;
}

.songlistsmall .head {
    background: #E5E5E5;
    height: 35px;
	cursor: default;
}

.songlistsmall .head .index {
    width: 37px;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 13px;
}

.songlistsmall .head .artisttitle {
    width: 265px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 13px;
}

.songlistsmall .row {
    clear: both;
    height: 45px;
	cursor: default;
	position: relative;
}

.songlistsmall .row1 {
    background: #f2f2f2;
}

.songlistsmall .row2 {
    background: #e6e6e6;
}

.songlistsmall .row .index {
    width: 37px;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 17px;
}

.songlistsmall .row .artisttitle {
    width: 186px;
    float: left;
    margin-top: 10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.songlistsmall .row .artisttitle .title {
    font-size: 11px;
    line-height: 12px;
    color: #f60;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.songlistsmall .row .artisttitle .title a:hover {
    color: #000;
}

.songlistsmall .row .artisttitle .artist {
    font-size: 10px;
    line-height: 11px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.songlistsmall .row .artisttitle .artist a:hover {
    color: #000;
}

.songlistsmall .row .icons {
    width: 79px;
    float: left;
    margin-top: 10px;
}

.songlistsmall .row .cover {
    width: 39px;
    float: left;
    text-align: center;
    margin-top: 12px
}

.songlistsmall .row .addsong {
    width: 40px;
    float: left;
    text-align: center;
    margin-top: 12px;
    /*
    width: 26px;
    height: 20px;
    */
}

.songlistsmall .row .addsong input {
    left: 0px;
    top: 11px;
    position: relative;
    background-color: transparent;
    border: none;
	cursor: pointer;
    
    width: 26px;
    height: 20px;
    background-image: url(../img/buttons/song_add.gif);
    position:static;
}

.songlistsmall .links {
	text-align: right;
	margin-top: 5px;
}

.songlistsmall .links a {
	font-size: 11px;
	color: #FF833B;
	text-transform: uppercase;
}

.songlistsmall .links a:hover {
	color: #000;
}

.songlistsmall .songadded {
    width: 302px;
    height: 45px;
    background: #f0861e;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 45px;
    text-indent: 15px;
	position: absolute;
	left: 0;
	top: 0;
}


/* Slider */

.slider {
	width: 934px;
	height: 450px;
	position: relative;
	float: left;
	border: 2px solid #F2F2F2;
}

.slider .window {
	width: 750px;
	height: 450px;
	overflow: hidden;
	position: relative;
}

.slider .imagereel {
	position: absolute;
	top: 0;
	left: 0;
}

.slider .imagereel a {
    float: left;
    position: relative;
}

.slider .imagereel span {
    position: absolute;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}

.slider .imagereel span.pos1 {
    top: 30px;
    left: 30px;
}

.slider .imagereel span.pos2 {
    top: 230px;
    left: 150px;
}

.slider .imagereel span.pos3 {
    top: 60px;
    left: 230px;
}

.slider .imagereel span.pos4 {
    top: 210px;
    left: 80px;
}

.slider .imagereel span.pos5 {
    top: 270px;
    left: 520px;
}

.slider .imagereel span.pos5 {
    top: 270px;
    left: 520px;
}

.slider .paging {
	position: absolute;
	top: 0;
	right: 0;
	width: 184px;
	height: 450px;
	z-index: 100;
	display: none;
}

.slider .paging a {
	display: block;
	height: 75px;
	background: url(../img/slider/buttons.gif);
	color: #fff;
	font-size: 13px;
	padding: 0 10px;
	font-weight: bold;
}

.slider .paging a.active {
	background-position: bottom;
	color: #fff;
}

.slider .paging a:hover {
	color: #fff;
	text-decoration: none;
}

.slider .paging a span {
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	/* text-transform: uppercase; */
	color: #000;
}

.slider .paging a.active span {
}

.slider .paging a:hover span {
}


/* Teasers */

.teasercontainer {
    height: 70px;
}

.teaser {
    float: left;
    width: 462px;
    height: 70px;
    position: relative;
}

.teaser1 {
    background: url(../img/home/suche.gif);
}

.teaser2 
{
    margin-left: 12px;
    background: url(../img/home/code.gif);
}

.teaser h2 {
    position: absolute;
    left: 20px;
    top: 5px;
    font-size: 18px;
    color: #000;
    font-size: bold;
    margin: 10px 0;
}

.teaser p {
    position: absolute;
    left: 20px;
    top: 35px;
    font-size: 14px;
    color: #fff;
}

.teaser div {
    position: absolute;
    left: 170px;
    top: 10px;
}

.teaser .textinput {
    width: 200px;
    height: 18px;
    background: #fff;
    border: none;
    font-size: 14px;
    color: #000;
    padding: 2px;
}

.teaser .button {
    vertical-align: middle;
}


/* Buttons */

.okbutton {
    width: 36px;
    height: 27px;
    background-image: url(../img/buttons/ok.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.gobutton {
    width: 41px;
    height: 27px;
    background-image: url(../img/buttons/go.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.anmeldenbutton {
    width: 98px;
    height: 27px;
    background-image: url(../img/buttons/anmelden.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.registrierenbutton {
    width: 122px;
    height: 27px;
    background-image: url(../img/buttons/registrieren.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.supportbutton {
    width: 186px;
    height: 27px;
    background-image: url(../img/buttons/support.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.weiterbutton {
    width: 71px;
    height: 27px;
    background-image: url(../img/buttons/weiter.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.absendenbutton {
    width: 97px;
    height: 27px;
    background-image: url(../img/buttons/absenden.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}

.musikauswahlbutton {
    width: 172px;
    height: 27px;
    background-image: url(../img/buttons/musikauswahl.png);
    border-style: none;
    background-color: transparent;
	cursor: pointer;
}


/* Recorder */

.recorder {
    /* height: 150px; */
    margin-bottom: 10px;
}

.recorder div {
    background-image: url(../img/recorder.jpg);
}

.recordertitle {
    height: 21px;
}

.recorderspacefull {
    height: 44px;
    background-position: 0 -247px;
}

.recordernonewmusic {
    height: 44px;
    background-position: 0 -21px;
}

.recordernewmusic {
    height: 44px;
    background-position: 0 -65px;
}

.recordermymusic {
    /* height: 15px; */
    background-position: 0 -109px;
    padding: 2px 4px 2px 118px;
}

.recordermymusic a {
    display: block;
    width: 57px;
    height: 11px;
}

.recorderoff {
    /* height: 53px; */
    background-position: 0 -124px;
    padding: 6px 146px 26px 11px;
}

.recorderoff a {
    display: block;
    width: 22px;
    height: 21px;
}

.recorderon {
    /* height: 53px; */
    background-position: 0 -177px;
    padding: 28px 146px 3px 11px;
}

.recorderon a {
    display: block;
    width: 22px;
    height: 22px;
}

.recorderinfo {
    /* height: 17px; */
    background-position: 0 -230px;
    padding: 2px 4px 4px 118px;
}

.recorderinfo a {
    display: block;
    width: 57px;
    height: 11px;
}