html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
html { height:100%; padding-bottom:1px; }
html {  background:url(../layout/beton_kachel.jpg) 0 0;}
body { font-family: tahoma, sans-serif; font-size:12px; line-height:1.4;background:url(../layout/bgBody.gif) repeat-x left bottom; text-align:left; color:#7f7c5b; height:auto; }
h1, h3 { margin: 1em 0; font-family: georgia, serif; font-size:25px; font-weight:normal; color:#554f35; line-height:1; letter-spacing: -0.6pt; }
h3.userProfile { color:#6dae9a; }
h2 { font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.3pt; }
h4 { font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.3pt; margin:.3em 0 .5em 0; }
p { margin:0 0 1em 0; }
.newsWrapper h1 { margin: 0 0 10px 0; }
.newsWrapper .newsDate { font-weight: normal; color: #7f7c5b; }
h2 { margin: 1em 0; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.3pt; }
a { color:#f36708; text-decoration:none; }
a:hover { text-decoration:underline; }
.teaser h3 { margin:0; }
input[type="text"], input[type="password"] { display:block; padding: 2px 4px 0 2px; margin:0; height:19px; background: url(../layout/bgInputStandard.gif) #fff 0 0 repeat-x; border: 1px solid #d4d4d4; color:#554f35; font-size:12px; line-height:19px; }
textarea { padding: 0 0 0 2px; margin:0; background: url(../layout/bgInputStandard.gif) #fff 0 0 repeat-x; border: 1px solid #d4d4d4; color:#554f35; font-size:12px; }
#website { width:940px; padding:0 20px; background-color:#fff; margin:0 auto; position:relative; overflow:hidden; min-height:1000px; }
#website.help { width: 960px; padding: 0 10px; }
#navTop { width:940px; min-height:120px; float:left; position:relative; background:url(../layout/bgNavTop.gif) no-repeat 0 0 #fff; overflow:hidden; margin:0 0 5px 0; }
.help #navTop { margin-left: 10px; }
#searchMask { position: absolute; left: 659px; top: 24px; overflow: hidden; }
#searchInput { display: block; padding: 2px 4px 2px 4px; margin: 0; width: 190px;  background: url(../layout/bgInput.png) #fff 0 0 repeat-x; border: 1px solid #fff; color: #554f35; font-size: 12px; float: left; }
#searchSubmit { float: left; }
#userNav { position:absolute; left:660px; top:80px; width: 250px;}
#userNav li { float:left; padding:0 10px 0 0; }
#userNav span { color:#f36708; cursor:pointer; }
/*#communityNav li{float:left; cursor:pointer; color:#f36708; padding-right:25px;}*/
#userPanelLayer { width:100%; float:left; margin:100px 0 0 0; overflow:hidden; z-index:0; }
#userPanel { width:940px; margin:0 auto 25px auto; position:relative; overflow:hidden; background:url(../layout/bgUserPanel1.gif) no-repeat left bottom #fff; }
#userPanelTrigger { display: block; width: 16px; height: 12px; position: absolute; right: 10px; top: 83px; background: url(../layout/bgOpenUserPanel1.gif) no-repeat 0 -30px; cursor: pointer; }
#userPanelTrigger.open { background: url(../layout/bgOpenUserPanel1.gif) no-repeat 0 -30px; }
#userPanelTrigger.closed { background: url(../layout/bgOpenUserPanel1.gif) no-repeat 0 0; }
#userPanel h3 { margin: 0 0 0.2em 0; font-size: 18px; }
#userPanelMessages { width:590px; overflow:hidden; float:left; margin:20px; }
#userPanelMessages .date { padding-right:10px; float:none; display:inline; }
#userPanelMessages .info { float:none; display:inline; }
#userPanelMessages .confirm { display:block; width:10px; height:10px; position:absolute; bottom:5px; right:20px; }
#userPanelMessages .deny { display:block; width:10px; height:10px; position:absolute; bottom:5px; right:0; }
#userPanelStats { width:259px; float:right; overflow:hidden; margin:20px; }
#userPanelStats li { width:259px; float:left; overflow:hidden; border-bottom: 1px solid #7f7c5b; padding:0 0 0 0; position:relative; min-height:22px; line-height:22px; }
#userPanelStats .type { }
#userPanelStats .count { position:absolute; left:80px; width:30px; text-align:right; color: #d2ccae; }
#userPanelStats .addNew { position:absolute; right:0; width:119px; text-align:left; color:#7F7C5B; font-size:12px; }
#userPanelStats .addNew img { position:relative; top:1px; left:-5px; }
#userPanelStats .addNew:hover { text-decoration:none; }
#userPanelStats .addNew:hover span { text-decoration:underline; }
#userPanelMessages li { width:550px; float:left; overflow:hidden; border-bottom: 1px solid #7f7c5b; padding:0 40px 0 0; position:relative; min-height:22px; line-height:22px; }
#userPanelLogin { position:relative; left:660px; top:0; padding:10px 0; width:195px; }
#userPanelLogin .forgotPassword { line-height:12px; float:left; }
#userPanelLogin .row { width:100%; border:0; }
#userPanelLogin .row label { width:auto; float:none; color:#d2ccae; padding:0; }
#userPanelLogin .row input[type="text"], #userPanelLogin .row input[type="password"] { width:180px; float:none; }
#userPanelLogin .row.btn_submit { position:relative; overflow:hidden; padding:10px 0 0 0; }
#userPanelLogin .row.btn_submit input { float:right; }
#logo, #logo.forum { position:absolute; left:36px; top:0; width:158px; height:120px; margin:0; padding:0; z-index:3; border: 0; }
#logo a, #logo.forum a { display:block; width:100%; height:100%; background:url(../layout/logo.png) no-repeat 0 0; text-indent:-999em; }
#headerContainer { width: 100%; float: left; }
#mainMenu.mainMenu { border: 0; }
#mainMenu.mainMenu .mainMenuInner { border: 0; }
#main .mainHeadline .headlineContainer h2 { padding: 15px 0; }

#headerImage{
    width: 940px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin: 0 0 2em 0;
}

/* HEADER
*/
#header { width: 940px; padding: 0 0 30px 0; position: relative; overflow: hidden; background: url(../layout/bg_header_teaser_home.jpg) no-repeat 0 322px; float: left; }
.lb_link { color: #f36708; cursor: pointer; }
.lb_link:hover { text-decoration: underline; }
#header.community { height:353px; background: url(../layout/header_mixmit.jpg) no-repeat 0 0; }
#header_image { width: 940px; height: 300px; position: relative; overflow: hidden; float: left; margin: 0 0 2em 0; }
#header_image.home { background: url(../layout/header_home.jpg) no-repeat 0 0; }
#header_image a { display: block; position: absolute; right: 0; bottom: 0; width: 300px; height: 53px; text-indent: -999em; }
#header_image.home .left { width: 617px; height: 250px; position: absolute; left: 0; top: 0; padding: 50px 0 0 23px; }
#header_image.home .right { width: 268px; height: 260px; position: absolute; left: 640px; top: 0; padding: 40px 0 0 32px; }
#header_image.home h1 { margin: 0; color: #fff; font-size: 28px; }
#header_image.home h2 { margin: 1em 0 0 0; color: #d2ccae; font-size: 18px; }
#header_image.home h3 { margin: 0; color: #f6f3ee; font-size: 18px; line-height: 1.3; }
#header_image.home p { margin: 1em 0 0 0; color: #d2ccae; font-size: 13px; line-height: 1.3; }
#header_image.home a { display: block; background: url(../layout/bg_link_register_and_win.gif) no-repeat 0 0; text-indent: -999em; }
#header_image.home .user { background: url(../layout/bg_link_create_track_and_win.gif) no-repeat 0 0; }
.header_teaser { width: 230px; float: left; margin: 30px 0 0 0; }
.header_teaser h1 { margin: 0 0 1em 0; font-size: 18px; }
.header_teaser a { display: block; }
.header_teaser p a { display: inline; }
#header_teaser_1 { margin: 0 0 0 69px; }
#header_teaser_2 { margin: 0 0 0 91px; }
#header_teaser_3 { margin: 0 0 0 89px; width: 225px; }
.community .header_teaser { width: 280px; margin: 0; }
.community .header_teaser img { margin: 0 0 1em 0; }
.community #header_teaser_1 { margin: 0 40px 0 10px; }
.community #header_teaser_2 { margin: 0; }
.community #header_teaser_3 { margin: 0 10px 0 0; width: 280px; float: right; }
#community_header_tut_trigger_1 { width: 280px; height: 170px; position: absolute; left: 0; top: 130px; }
#community_header_tut_trigger_2 { width: 280px; height: 170px; position: absolute; left: 326px; top: 130px; }
#community_header_tut_trigger_3 { width: 280px; height: 170px; position: absolute; left: 640px; top: 130px; }
#community_header_start_session { width: 300px; height: 53px; position: absolute; left: 640px; top: 300px; }
#mainContent { width:620px; float:left; overflow:hidden; padding-bottom:50px; }
#mainContent.community_startpage { width: 100%; }
#directory { overflow: hidden; width: 100%; position: relative; }
.directory_column { width: 30%; float: left; }
#directory h3 { font-size: 18px; }
#directory span { display: block; margin: 1em 0 0.5em 0; font-size: 15px; font-weight: bold; }
.help_content { width: 940px; margin-left: 10px; overflow: hidden; }
.help_hr { width: 100%; height: 1px; border-top: 1px dashed #999; float: left; margin: 5em 0 0.5em 0; }
.help_content h1, .help_content h2 { float: left; width: 100%; }
.help_content h1 { margin: 4em 0 0 0; }
.help_content h2 { margin: 0 0 1.5em 0; position: relative; }
.help_content h2 a { padding-left: 5px; font-size: 10px; font-family: arial, sans-serif; position: absolute; right: 0; top: 0; }
.help_content p { max-width: 500px; float: left; }
.help_content .left { float: left; margin: 0 1em 1em 0; }
.help_content .block { width: 100%; float: left; margin: 0 1em 1em 0; }
#sideBar { width:300px; float:right; overflow:hidden; padding-bottom:50px; }
#footer { margin:0 auto; width:920px; padding:20px 10px 10px 10px; height:198px; background:url(../layout/bgFooter.png) no-repeat 580px 0; }
#footer ul { float:none; position:relative; top:0; left:0; margin:0 0 5px 0; padding:0; display:block; overflow:hidden; }
#footer ul li { float:left; position:relative; top:0; left:0; margin:0 10px 0 0; padding:0; background:none transparent; }
#footer ul li a { float:left; position:relative; top:0; left:0; margin:0; padding:0; background:none transparent; color:#fff; }
#footer ul li a:hover { color:#f36708; }
#footer p { color:#554f35; float:none; }
#tagCloud li { display:inline; }
/*.moduleWrapper{display:inline;}*/
.moduleWrapper.News_News { display: block; }
.newsWrapper { overflow:hidden; margin: 30px 0; border-bottom: 1px dashed #d2ccae; padding-bottom: 30px; }
.newsText { width:375px; float:left; }
.hr { float:left; width:100%; margin:30px 0; border-top:1px dashed #d2ccae; }
.adminModuleCenterBar { float:left; }
.navLevel1 { position:absolute; left:187px; top:0; width:455px; height:75px; overflow:hidden; }
.navLevel1 li { float:left; overflow:hidden; position:relative; }
.navLevel1 a { display:block; float:left; height:50px; padding:25px 15px 0 15px; margin:0 1px; line-height:1.2; color:#d2ccae; text-decoration:none; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.2pt; }
.navLevel1 a:hover { color:#fff; }
.navLevel1 .active a { background:url(../layout/bgNavTopActive.gif) 0 0; margin:0; color:#fff; border-left:1px solid #645e44; border-right:1px solid #645e44; }
.navLevel2 { position:absolute; left:197px; top:80px; width:455px; overflow:hidden; }
.navLevel2 li { float:left; overflow:hidden; position:relative; padding:0 6px 0 5px; background:url(../layout/pipeNavLevel2.gif) no-repeat right center; }
#navLevel2LastEntry { background:none transparent; }
.navLevel2 a { display:block; float:left; height:auto; font-size:13px; text-decoration:none; font-weight:normal; color: #554f35; }
.navLevel2 a:hover { text-decoration:underline }
.navLevel2 .active a { font-weight:bold; }
.teaser { position:relative; float:left; width:280px; margin:0 20px 30px 0; }
.teaser.moduleWrapper { position:static; float:none; width:auto; }
.teaser h3 { float:left; padding:3px 0 7px 0; width:100%; }
.teaser h3 span { font-size:12px; }
.teaser.right { float:right; margin-right: 0; }
#sideBar .right { float:left; }
.teaser img { display:block; }
.teaser * { z-index:1; }
.teaser.standard { background:url(../layout/bgTeaser.gif) no-repeat 0 0 #edeadf; padding:20px 10px 36px 10px; }
.teaser.standard .teaserBottom { background:url(../layout/bgTeaserBottom.gif) no-repeat left bottom; padding:3px 10px 2px 0; height:31px; }
.teaser.linkIntern { background:url(../layout/bgImageTeaser.gif) no-repeat 0 0 #edeadf; padding:25px 10px 25px 10px; margin:0; }
.teaser.linkIntern .teaserBottom { background:url(../layout/bgImageTeaserBottom.gif) no-repeat left bottom; padding:0 10px 0 0; height:25px; }
.teaser.double { background:url(../layout/bgContentDoubleTeaser.gif) no-repeat 0 0 #edeadf; width:600px; padding:20px 10px 36px 10px; }
.teaser.double .teaserBottom { width:610px; background:url(../layout/bgContentDoubleTeaserBottom.gif) no-repeat left bottom #edeadf; padding:23px 10px 2px 0; height:31px; }
.teaser.full { background:url(../layout/bgContentTeaser.gif) no-repeat 0 0 #edeadf; width:600px; padding:20px 10px 36px 10px; }
.teaser.full .linkList { width:600px; }
.teaser.full .linkList li { width:598px; }
.teaser.full .teaserBottom { width:610px; background:url(../layout/bgContentTeaserBottom.gif) no-repeat left bottom #edeadf; padding:0 10px 5px 0; height:26px; }
.teaser.standard.special { padding:20px 10px 46px 10px; }
.teaser.standard.special .teaserBottom { padding:0 10px 5px 0; height:40px; }
.teaser .teaserBottomInfo { color: #7F7C5B; }
#newTracks { background:url(../layout/bgContentTeaserSpecial.gif) no-repeat 0 0 #d1cdb8; width:600px; padding:20px 10px 46px 10px; }
#newTracks .teaserBottom { width:610px; background:url(../layout/bgContentTeaserBottomSpecial.gif) no-repeat left bottom #d1cdb8; padding:0 10px 5px 0; height:40px; }
.clickme { padding: 0 0 0 20px; line-height: 1.6; background: url(../layout/bg_clickme.png) no-repeat left center; }
.teaser .tut_trigger { display: block; width: 13px; height: 13px; position: absolute; right: 10px; top: 30px; }
.tutorial_lightbox { width: 941px; height: 460px; overflow: hidden; }
.tutorial_lightbox h3 { margin-left:10px; }
.box_left, .box_center, .box_right { float: left; width: 300px; }
.box_left { margin: 0 10px 0 10px; }
.box_center { margin: 0 10px 0 0; }
.box_left img, .box_center img, .box_right img { display: block; margin: 0 0 20px 0; }
.sortForm { position:absolute; right:10px; top:27px; }
.linkList { float:left; width:280px; overflow:hidden; position:relative; }
#newTracks .linkList { width: 600px; }
#newTracks .link2Details { display: none; }
.linkList.right { float:right; width:280px; overflow:hidden; }
.linkList li { float:left; position:relative; width:278px; padding:1px; margin:0 0 1px 0; background:#fff; overflow:hidden; }
#newTracks .linkList li { width: 598px; }
.image { float:left; display:block; width:58px; height:58px; border-right:10px solid #fff; overflow:hidden; }
.bigImage { float:left; display:block; margin:10px 10px 0 0; overflow:hidden; }
.text { display:block; float:left; width:161px; overflow:hidden; margin:5px 0 0 0; }
.title, .title a { display:block; float:left; width:100%; color:#6dae9a; font-weight:bold; }
.title.new { color:#554f35; }
.stars { display:block; float:left; width:100%; }
.stars span { display:block; float:left; width:11px; height:11px; margin:2px 0 2px 0; }
.stars span a { display:block; width: 100%; height: 100%; }
.stars .active { background:url(../layout/activeStar.gif) no-repeat 0 0; }
.stars .active.alreadyRated { background:url(../layout/passivStar.gif) no-repeat 0 0; }
.stars .passive { background:url(../layout/passiveStar.gif) no-repeat 0 0; }
.stars .votes { float:left; width:auto; padding-left:5px; margin:0; }
.info { display:block; float:left; margin:2px 0 0 0; line-height:1.1; }
.info a { color:#6dae9a; }
.info img { display:inline; }
.info .icon { padding-left:15px; }
.info .icon.boardUser { padding-left:0; }
.link2Details { display:block; width:50px; height:60px; position:absolute; right:0; top:0; background:url(../layout/bgTeaserLinkDetails.gif) no-repeat top right; }
.link2Details:hover { background:url(../layout/bgTeaserLinkDetails.gif) no-repeat right -60px; }
.teaserBottom { width:290px; position:absolute; left:0; bottom:0; text-align:right; color:#f36708; z-index:0; }
.quicklist { width:100%; float:left; }
.quicklist img { display:inline; }
.quicklist span { position:relative; top:3px; }
.quicklist .cur-page-index { top:0; }
.quicklist .pageListFirst { padding:0 1px 0 0; }
.quicklist .pageListPrev { padding:0 4px 0 0; }
.quicklist .pageListNext { padding:0 0 0 4px; }
.quicklist .pageListLast { padding:0 0 0 1px; }
.section { background:#fff; overflow:hidden; margin-bottom:1px; float:left; padding:10px; width:580px; position:relative; }
#sideBar .section { width:260px; }
.section.comment { margin-bottom:10px; }
.section.submit { padding:0 10px; }
.section h3 { width:100%; }
#newForumEntries li { padding:5px; width:588px; }
.section form { display:block; overflow:hidden; position:relative; padding:0; width:100%; float:left; }
.section.commentMeta, .section.noComment { padding:5px 10px; }
.section.reporting { margin:0; width:600px; padding:0; }
.section.reporting form { padding: 10px; }
.section.formWrapper { height:0; margin:0; }
.section.formWrapper.open { margin:0 0 1px 0; }
.section.noMargin { margin:0; padding-bottom:5px; }
.section.userActionButtons { padding-bottom:5px; }
.section.userActionButtons img { float:left; margin:0 5px 5px 0; }
.section.sole { padding:10px; }
.section .icon { width:120px; float:left; }
.section .content { float:right; overflow:hidden; width:450px; }
.deleteComment { cursor:pointer; z-index:2; position:absolute; right:30px; top:5px; }
.reportSomething { cursor:pointer; z-index:2; position:absolute; right:10px; top:5px; }
.userImageLinks { width:100%; float:left; overflow:hidden; }
.userImageLinks img { float:left; margin:0 1px 1px 0; }
.userImageLinks img { float:left; margin:0 1px 1px 0; }
#mainContent .teaser.standard { min-height:350px; }
#categoriesTeaser li { width:100%; height:30px; }
#categoriesTeaser .text { width:100px; padding:7px 0 0 10px; margin:0; }
#categoriesTeaser .link2Details { height:30px; background:url(../layout/bgTeaserLinkDetails.gif) no-repeat right -15px; }
#categoriesTeaser .link2Details:hover { background:url(../layout/bgTeaserLinkDetails.gif) no-repeat right -75px; }
#lb_contents { display: none; }
#fancybox-outer { background: url(../layout/bg_lightbox.gif) repeat-x 0 0 #edeadf; }
#createNewMixFormWrapper { display: none; }
.lightbox_content { width: 540px; height: 450px; padding: 30px; }
.lightbox_content h3 { margin-top: 0; }
.lightbox_content table { table-layout: fixed; margin-top: 2em; }
.lightbox_content td { text-align: left; vertical-align: top; padding-bottom: 10px; }
.lightbox_content td:first-child { width: 10em; }
.lightbox_content .submit td { padding-top: 1em; }
.lightbox_content textarea { width: 30em; height: 15em; }
.lightbox_content input[type="text"] { width: 30em; }
.linkList .fav_functions { display: block; width: 317px; position: absolute; right: 1px; top: 34px; overflow: hidden; }
.fav_functions a { padding-left: 17px; line-height: 160%; background: url(../layout/bg_clickme.png) no-repeat left center; }
.linkList .addMedia2Favs { background: url(../layout/add2FavsSmall.gif) no-repeat left center; }
.linkList .deleteMediaFromFavs { background: url(../layout/deleteFromFavsSmall.gif) no-repeat left center; }
/*.mp3Player { display:block; width:1px; height:1px; position:absolute; left:-999em; }*/
.mp3Player {
    position:relative;
    height:34px;
    width:317px;
    display:block;
    color:#fff;
    font-size: 15px;
    line-height: 34px;
    text-align:right;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.mp3Player:hover{
    text-decoration: none;
}
.mp3Player .playbutton{
    width: 37px;
    height: 34px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background:url(../layout/playbutton.gif) no-repeat 5px 0 #F36708;
    border-right: 10px solid #000;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
/*.mp3Player .playbutton:hover{
    background:url(../layout/playbutton.gif) no-repeat 0 -34px #fff;
}*/
/*.mp3PlayerControlBar { position:relative; height:34px; background:#524c33 url(../layout/bgPlayer.gif) repeat-x 0 -12px; width:317px; display:block; }*/
.text2 { width:317px; display:block; float:right; }
.linkList .mp3Player { float:right; }
/*.linkList .mp3PlayerControlBar { float:right; }*/
/* play/pause button */
.mp3PlayerControlBar .play, .mp3PlayerControlBar .pause { position:absolute; display:block; text-indent:-9999em; cursor:pointer; }
.mp3PlayerControlBar .play, .mp3PlayerControlBar .pause { width:46px; height:34px; background:url(../layout/hulu.png) no-repeat 10px -64px; border-right:1px solid #000; }
.mp3PlayerControlBar .play:hover { background-position:10px -108px; }
/* pause state */
.mp3PlayerControlBar .pause { background-position:9px -151px; }
.mp3PlayerControlBar .pause:hover { background-position:9px -195px; }
/* the timeline (or "scrubber")  */
.mp3PlayerControlBar .track { z-index:1; width:222px; height:34px; left:47px; border-left:1px solid #999; position:absolute; cursor:pointer; }
/* the draggable playhead */
.mp3PlayerControlBar .playhead { background-color:#a2dfd7; position:absolute; cursor:pointer; opacity:0.3; filter: alpha(opacity=30); width:3px; height:34px; border-right:1px solid #444; }
/* buffer- and progress bars. upon runtime the width of these elements grows */
.mp3PlayerControlBar .progress, .mp3PlayerControlBar .buffer { position:absolute; background-color:#a2dfd7; filter: alpha(opacity=10); opacity:0.1; width:0px; height:34px; }
.mp3PlayerControlBar .buffer { background-color:#fff; opacity:0.1; filter: alpha(opacity=10); }
/* time display */
.mp3PlayerControlBar .time { z-index:0; position:absolute; width:100px; left:50px; padding:9px 0; text-align:center; font-family:futura, "Lucida Grande", "bitstream vera sans", "trebuchet ms", verdana, arial; font-size:12px; color:#fff; }
/* total duration in time display */
.mp3PlayerControlBar .time strong { font-weight:normal; color:#ccc; }
/* mute / unmute buttons */
.mp3PlayerControlBar .mute, .mp3PlayerControlBar .unmute { position:absolute; left:268px; width:40px; border-left: 1px solid #999; height:18px; text-align:center; padding:8px 0; cursor:pointer; text-indent:-9999em; background:url(../layout/hulu.png) no-repeat 8px -326px; }
.mp3PlayerControlBar a.mute:hover { background-position:8px -370px; }
/* unmute state */
.mp3PlayerControlBar a.unmute { background-position:8px -238px; }
.mp3PlayerControlBar a.unmute:hover { background-position:8px -282px; }
.formLayer { overflow:hidden; }
.formLayer form { padding:10px 0; }
.messageLayer { overflow:hidden; }
.tagNow { cursor:pointer; }
.tags { display:block; }
.tags, .tags a { color:#6dae9a; font-weight:bold; }
.userImageWrapper { display:block; width:100%; float:left; overflow:hidden; }
.userImageWrapper img { margin: 0 1px 1px 0; float: left; }
.row { width:580px; float:left; overflow:hidden; padding:0 0 5px 0; }
.row label, .row span { display:block; float:left; padding:2px 5px; width:120px; }
.row input[type="text"] { display:block; float:left; width:300px; }
.row textarea { display:block; float:left; width:304px; height:100px; }
.row img { display:block; float:left; margin:5px 67px 0 5px; }
.row.btn_submit { position:relative; width:450px; padding:10px 0 20px 130px; }
.row.btn_submit img { float:left; margin:0 5px 5px 0; }
.row.hint span { padding-left:130px; }
.sessionRow * { margin:0; padding:0; position:relative; top:0; left:0; float:left; }
.sessionRow select { width:200px; margin-right:5px; }
.standardForm { width:100%; position:relative; overflow:hidden; }
.standardForm td { vertical-align:top; padding:2px 0; }
.standardForm .row { width:100%; position:relative; float:left; overflow:hidden; border-bottom:1px solid #edeadf; padding:5px; }
.noRowBorders .standardForm .row { border:0; }
#profile_guestbook154 .row { border:0; }
.standardForm .row.btn_submit { padding-bottom:0; border:0; padding-left:135px; }
.standardForm input[type="text"] { display:block; width:204px; float:left; margin-right:5px; }
.standardForm input[type="text"].zipCode { width:50px; }
.standardForm input[type="text"].location { width:141px; }
.standardForm input[type="text"].phonePrefix { width:50px; }
.standardForm input[type="text"].phoneNumber { width:141px; }
.standardForm .dateDay { width:46px; }
.standardForm .dateMonth { width:46px; }
.standardForm .dateYear { width:110px; }
.standardForm textarea { display:block; width:414px; }
.standardForm select { display:block; width:200px; float:left; margin-right:5px; }
.standardForm .deleteImage input { }
.standardForm .deleteImage label { display:inline; width:auto; }
.standardForm .imageLayer { width:400px; float:left; overflow:hidden; position:relative; }
.Login_System_UserDataConfig .var_text_1 { position:relative; left:348px; float:left; margin-top:5px; }
.Login_System_UserDataConfig .email { position:relative; left:218px; float:left; }
#showTextLayer { width:439px; border:1px solid #edeadf; height:218px; float:left; margin:10px 0 0 0; }
#showTextLayer div { width:437px; border:1px solid #fff; border-right:0; height:216px; background:#f6f3ee; float:left; overflow-y:scroll; overflow-x:hidden; }
#showTextLayer div div { width:360px; padding:10px 0 10px 10px; float:left; height:auto; overflow:hidden; border:0; }
#editTextLayer, #addSampleLayer { padding:0 10px; }
#editTextLayer form, #addSampleLayer form { padding-top:10px; }
#mediatype_session_add_sample_form, #mediatype_session_add_text_form { padding:10px 0 0 0; }
#editTextButton, #addSampleButton { cursor:pointer; }
#SequencerCall, #addTextFormSubmitLink, #addSampleFormSubmitLink { cursor:pointer; padding-left:5px; }
#SequencerCall a:hover { text-decoration: none; }
#SequencerCall span { padding-left: 5px; color: #7f7c5b; }
#startSequencerFormSubmit label, #addTextFormSubmit label, #addSampleFormSubmit label { display:block; float:left; width:125px; padding-left:5px; }
#SequencerCall img, #addTextFormSubmitLink img, #addSampleFormSubmitLink img { position:relative; top:1px; }
#edit_session { color: #f36708; cursor: pointer; }
#session_edit_layer { display: none; }
#userMediaList { width:120px; overflow:hidden; margin:5px 0; }
#userMediaList li { width:100%; float:left; position:relative; border-bottom:1px solid #edebdf; }
#userMediaList li span { position:absolute; right:0; text-align:right; }
#founders { margin-top:30px; }
#founders img { padding-bottom:1px; float:left; }
#founders .lastLogo { padding-bottom:0; }
#editMode .navLevel1 .editButton { position:absolute; left:0; top:17px; display:block; width:16px; height:16px; border:0; margin:0; padding:0; }
#editMode .adminModuleSideBar { float:left; }
#editMode .adminNewModule { float:left; }
#userProfileHead { width:920px; }
#userProfileHead .section { width:900px; }
#userGalleryEdit { width:100%; padding:0; margin:0; float:left; }
#userProfileHead .content { width:490px; padding-right:20px; }
#userProfileHead.teaser { background:url(../layout/bgContentHeaderTeaser.gif) no-repeat 0 0 #edeadf; padding:25px 10px 36px 10px; margin:0; }
#userProfileHead.teaser .teaserBottom { background:url(../layout/bgContentHeaderTeaserBottom.gif) no-repeat left bottom; padding:0 10px 0 0; width:930px; }
#userGallery { width:250px; overflow:hidden; position:relative; float:right; }
#userGallery.edit { float:left; width:360px; height:auto; }
#userGallery.edit ul { height:auto; }
#userGallery ul { width:100%; height:176px; float:left; overflow:hidden; }
#userGallery li { float:left; width:58px; height:58px; margin:0 1px 1px 0; position:relative; }
#userGallery .delete { position:absolute; left:2px; top:2px; }
.placeholderUserGallery { width:58px; height:58px; display:block; background:#d2ccae; }
#listSearchForm { padding-bottom:10px; }
#listSearchForm .row2, #listSearchForm .row1 { width:90%; overflow:hidden; padding:0 0 5px 0; }
#listSearchFormInput { float:left; width:200px; margin-right:10px; }
#listSearchFormCategorySelect { float:left; margin:0 10px 0 0; }
#listSearchFormCategoryLinks { float:left; }
#listSearchFormOnlyTagsLayer { float:left; padding:0 0 0 20px; }
#listSearchFormOnlyTagsLayer label { position:relative; top:-2px; }
#sponsors h3 { float:none; }
.backLink { cursor:pointer; }
.addMedia2Favs { float:left; }
.downloadMedia { float:left; }
.chooseCover { float: left; }
#sponsors_and_founders { width: 940px; float: left; }
.help #sponsors_and_founders { margin-left:10px; }
#mainContent .success { color:#6dae9a; }
.Error { color:red; font-weight:bold; }
#feedbackfacebook { width:35px; height:255px; position:fixed; left:0; top:170px; background:url(../layout/feedback_facebook.png) no-repeat 0 0; }
/*#feedbackfacebook{width:35px; height:126px; position:fixed; left:0; top:170px; background:url(../layout/feedback_facebook.png) no-repeat 0 0; overflow:hidden;}*/
#feedbackfacebook a { display:block; text-indent:-999em; float:left; }
#feedback { width:35px; height:126px; }
#facebook { margin-top:5px; width:35px; height:124px; }
div#fancy_div { background-color:#97d8cd; }
#editMixLinks img { display:inline; position:relative; top:2px; padding-right: 5px; }
#editMixLinks a:hover { text-decoration:none; }
#editMixLinks a:hover span { text-decoration:underline; }
#editMixLinks .deleteLink { position:relative; left:20px; }
.deleteLink img { display:inline; position:relative; top:2px; padding-right: 5px; }
.deleteLink:hover { text-decoration:none; }
.deleteLink:hover span { text-decoration:underline; }
.existing_mix { position: relative; width: 100%; overflow: hidden; padding: 10px 0; border-top: 1px solid #edeadf; }
#session_mix_id_new { border-top: 0; }
.existing_mix .image { width: 80px; float: left; }
.existing_mix .meta { width: 335px; float: left; min-height: 58px; }
.existing_mix .links { width: 140px; float: right; }
.existing_mix .mix_form { width: 100%; float: left; }
.existing_mix .links a { display: block; text-decoration: none; }
.existing_mix .links a:hover { text-decoration: none; }
.existing_mix .links a span { padding-left: 5px; position: relative; top: -1px; }
.existing_mix .links a:hover span { text-decoration: underline; }
.existing_mix .links a img { display: inline; }
.existing_mix .mix_form { display: none; }
.existing_mix .mix_form.visible { display: block; }
.existing_mix .mix_form .meta { padding: 0 0 4px 90px; min-height: 0; position: relative; width: 452px; }
#start_new_mix_meta input, .existing_mix .mix_form .meta input { width: 300px; }
#start_new_mix_links a { cursor: pointer; }
.existing_mix .mix_form .meta label { font-weight: bold; }
.existing_mix .mix_form .meta .submit input { width: auto; }
.existing_mix .mix_form .meta .submit { position: absolute; right: 0; bottom: 0; }
#slide_viewer * { font-family: arial, sans-serif; font-size: 13px; line-height: 1.3; }
#slide_viewer h2 { font-size: 24px; font-weight: normal; margin: 0 0 .5em 0; }
#slide_viewer p, ul, table { margin: 0 0 .5em 0; }
#slide_viewer table { border-top: 1px dotted #999; }
#slide_viewer ol { padding: 0 0 0 2em; list-style: decimal; }
#slide_viewer th, #slide_viewer td { border-bottom: 1px dotted #999; padding: 2px 0; }
#slide_viewer th { font-weight: bold; padding-right: 10px; white-space: nowrap; }
#slide_viewer a { text-decoration: none; }
#slide_viewer a:hover { text-decoration: underline; }
#slide_viewer { width: 960px; float: left; position: relative; overflow: hidden; }
#slide_navigation { width: 960px; float: left; overflow: hidden; }
#slide_wrapper { position: relative; float: left; }
#slide_viewer .slide { width: 960px; height: 560px; margin: 0 0 50px 0; position: relative; float: left; overflow: hidden; }
#slide_viewer.js .slide { margin-bottom: 0; }
#slide_viewer .navigation { width: 960px; float: left; overflow: hidden; }
#slide_viewer .navigation li { font-size: 11px; float: left; border-right: 1px solid #000; padding: 0 5px; }
#slide_viewer .navigation li:first-child { padding-left: 0; }
#slide_viewer .navigation li:last-child { border-right: 0; padding-right: 0; }
#slide_viewer .navigation .passive a { cursor: default; text-decoration: none; color: #999; }
#slide_viewer .navigation .current a { font-weight: bold; }
#slide_viewer .screenshot_sequenzer { display: block; position: absolute; left: 0; top: 0; }
#slide_viewer .content { width: 450px; height: 450px; padding: 15px 15px 0 15px; position: absolute; right: 5px; bottom: 5px; background: rgb(0,0,0); background: rgba(0, 0, 0, 0.8); -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; z-index: 9; }
#slide_viewer .content * { color: #fff; }
#slide_viewer .content b { font-weight: normal; }
#slide_viewer.js .content b { background: #fbfbfb; color: #000; font-weight: normal; padding: 0 4px 0 4px; cursor: default; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#slide_viewer .content h2 b { font-size: inherit; padding: 0 6px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#slide_0 .content li { font-size: 19px; padding-bottom: 10px; }
#slide_0 .content a { font-size: 19px; line-height: 32px; padding: 0 10px 0 0; }
#slide_0 .content b { font-size: 13px; }
#slide_1 .content { left: 200px; }
#slide_5 .content { left: 150px; }
#slide_viewer .previous_next_wrapper { position: absolute; right: 5px; top: 5px; background: rgb(0,0,0); background: rgba(0, 0, 0, 0.8); height: 40px; padding: 0 40px 0 40px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 24px; line-height: 40px; letter-spacing: 3px; z-index: 9; }
#slide_viewer .previous, #slide_viewer .next { display: block; width: 30px; height: 30px; position: absolute; top: 5px; background-image: url(../layout/bg_previous_next_links.png); background-repeat: no-repeat; overflow: hidden; text-indent: -999em; cursor: pointer; }
#slide_viewer .previous.passive, #slide_viewer .next.passive { cursor: default; text-decoration: none; color: #999; background: none transparent; }
#slide_viewer .previous { left: 5px; background-position: 0 0; }
#slide_viewer .next { right: 5px; background-position: -30px 0; }
.area_marker { position: absolute; border: 5px solid #ff0099; z-index: 8; display: none; }
.area_marker.visible { display: block; }
.area_marker.samples_browser_open { width: 175px; height: 523px; left:772px; top:6px; }
.area_marker.timeline { width: 940px; height: 425px; left:5px; top:94px; }
.area_marker.edit_samples { width: 89px; height: 128px; left: 306px; top: 303px; }
.area_marker.loop { width: 47px; height: 26px; left: 248px; top: 56px; }
.area_marker.record { width: 47px; height: 47px; left: 248px; top: 4px; }
.area_marker.samples_browser { width: 175px; height: 30px; left: 772px; top: 6px; }
.area_marker.meter_and_bpm { width: 47px; height: 66px; left: 522px; top: 11px; }
.area_marker.volume_and_balance { width: 93px; height: 43px; left: 132px; top: 115px; }
.area_marker.mute { width: 40px; height: 18px; left: 15px; top: 135px; }
.area_marker.solo { width: 40px; height: 18px; left: 60px; top: 135px; }
.area_marker.zoom { width: 43px; height: 20px; left: 5px; top: 525px; }
.area_marker.timeline_index { width: 709px; height: 17px; left: 235px; top: 94px; }
.area_marker.marker { width: 7px; height: 431px; left: 256px; top: 91px; }
.area_marker.timeline_index_marked_area { width: 148px; height: 17px; left: 259px; top: 94px; }
.area_marker.own_samples { width: 85px; height: 17px; left: 779px; top: 40px; }
.area_marker.session_samples { width: 62px; height: 17px; left: 871px; top: 40px; }
.area_marker.upload { width: 144px; height: 31px; left: 596px; top: 6px; }
.area_marker.flash_settings { width: 56px; height: 18px; left: 693px; top: 426px; }
.presse_content .teaser_image { float: left; margin: 5px 0 0 0; }
.presse_content .teaser_content { float: right; margin: 5px 0 0 0; width: 210px; }
#header.presse { width: 263px; background: url(../layout/bgHeaderPresse.jpg) no-repeat 0 0; min-height: 181px; padding: 130px 15px 0 662px; }
#header.presse p { color: #d2ccae; }
.hidden { display: none; }
#sequenzer_browser_requirements div { float: left; padding: 15px; overflow: hidden; border: 1px solid #fff; background: #edeadf; }
#sequenzer_browser_requirements { border: 1px solid #edeadf; overflow: hidden; float: left; }
#hide_sequenzer_browser_requirements { float: left; padding: 0 0 0 18px; margin: 0 0 0 42px; background: url(../layout/icon_delete_mix.gif) no-repeat 0 2px; cursor: pointer; line-height: 1.2; }
#show_sequenzer_browser_requirements { font-family: arial, sans-serif; color: #f36708; cursor: pointer; }
#show_sequenzer_browser_requirements:hover { text-decoration: underline; }
#footerContainer #footer { background:transparent url(../layout/bgFooter.png) no-repeat scroll 580px 0; height:198px; margin:0 auto; padding:20px 10px 10px; width:920px; }
#footerContainer #footer { background:transparent url(../layout/bgFooter2.png) no-repeat scroll 580px 0; height:198px; margin:0 auto; padding:20px 10px 10px; width:920px; }
#sponsors_and_founders h3 { font-size: 18px; color: #fff; margin: 0 0 0.5em 0; }
#founders img { margin-right: 20px; margin-bottom: 20px; }
#founders { overflow: hidden; margin-top: 0; }
#footer { height: 270px; background-position: bottom right; position: relative; }
#footerTop { position: absolute; background: url(../layout/bgFooterTop.png) 0 0 no-repeat; width: 107px; height: 99px; right: 195px; top: 0; }
#footer .smallNav1 { position: absolute; top: 275px; left: 10px; }
#copyright { position: absolute; bottom: 10px; left: 20px; }
.newsWrapper h1 { font-size: 18px; }
.newsWrapper .hr { margin: 0 0 20px 0; }
.newsWrapper { padding-bottom: 0; border-top: 1px dashed #edebdf; padding-top: 20px; }
#newTracks { background-image: url(../layout/bgTracksTop.gif); background-color: #edebdf; }
#newTracks .teaserBottom { background-image: url(../layout/bgTracksBottom.gif); background-color: #edebdf; }
.important_system_message{ border: 1px solid #d38d8d; background: #efd5d5; color: #cc2020; padding: 10px; line-height: 1.2; }
.important_system_message a { color: #333; }