/*
##  dreikelvin CSS Framework 4
##
##  Author & Copyright: Robert Jung 2009
##  URL: http://design.dreikelvin.de/
##
##  CSS for "definition records"
##
##
*/
/* ## XHTML basis elements ############################ start # */

body,html {

	margin:0;
	padding:0;
	overflow-x: hidden;

}

br { clear:both; }

p br { clear: none; }

.hidden {  display:none;  }

div, section, article, footer, header, nav {

	margin:0;
	padding:0;
	float:none;
	width:100%;
	position:relative;
	display:block;

}

a:active, a:focus { outline:none; }

a img { border:none; }

object { margin:0; padding:0; }

/* ## HTML basis elements ############################ end ### */

/* ## main elements ################################## start # */


#index, #index a {

	height:56px;
	width:403px;
	margin:0;
	padding:0;
	z-index: 1;
	display: block;

}

#index {

	position: absolute;
	top:11px;
	left:34px;

}

#index a img {

	width: auto;
	height:40px;

}


#mainwrapper, #mainwrapper-interior {

	width: 1048px;
	margin:0 auto;


}

#mainwrapper-interior {

	left: -1px;

}

#header {

	width:1048px;
	height:302px;
	margin:0 auto;
	display: block;

}

.note {

	padding:20px;

}

.note p {

	margin:0;
	padding: 20px;
	width: 935px;

}

.

hr {

	display: block;
	clear: both;
	margin: 20px 0;

}


/* ## main elements ################################### end ### */



/* ## navigation ###################################### start # */

#navigation {

	width:1048px;
	margin:0 auto;
	padding:0;
	height: 43px;
	display: block;

}

#navigation ul {

	position: relative;
	left:7px;
	list-style-type: none;
	margin:0;
	padding:0;
	width:1001px;
	height:41px;

}

#navigation ul li {

	display:inline;
	padding:10px 0 10px 20px;
	line-height:41px;

}

#navigation ul li.selected a {

	padding: 5px;

}


ul.breadcrumb {

	margin:0;
	padding:0;
	list-style-type: none;
	width:1001px;
	position: relative;
	left:8px;
	line-height: 30px;
	height:30px;

}

ul.breadcrumb li { display: inline; padding: 10px 10px 20px 20px; }

.sidebar ul { list-style-type: none; margin:0; padding:20px 10px; }

article.sidebar ul li {

	padding:10px;

}

.page_navigation {

	padding: 0 20px;
	clear: both;
	display: block;

}

.page_navigation a:link, .page_navigation a:active, .page_navigation a:visited{

	padding:5px;
	margin: 0 2px;
	float: left;

}

/* ## navigation ###################################### end ### */


/* ## content elements ################################ start # */


#headslider {

	width:961px;
	height:175px;
	overflow: hidden;
	position: absolute;
	position: absolute;
	top:109px;
	left:27px;

}

#headslider ul {

	list-style-type: none;
	margin:0;
	padding:0;
	height:175px;

}

#headslider ul li {

	list-style-type: none;
	margin:0;
	padding:0;
	width:961px;
	height:175px;
	overflow: hidden;

}

#headslider ul li img {

	width: 961px;
	height:auto;

}


#controls {

	list-style-type: none;
	margin:0;
	padding:0;
	position: absolute;
	bottom:22px;
	right:58px;

}

#controls li {

	float: left;
	width: 18px;
	height:18px;
	margin-right:5px;
	text-indent:-999999px;

}

#controls li a {

	display: block;
	width:100%;
	height:100%;

}

.homebox {

	width:480px;
	float:left;
	left:7px;
	z-index: 1;

}

.welcome, .releases {

	padding:20px;

}



.news {

	float:right;
	width: 519px;


}

.news ul {

	list-style-type: none;
	margin:0;
	padding:0;

}

.box .news ul {

	display: block;
	padding:0 30px;

}

.box .news ul {

	padding-top:0;
	margin:0;
	width: 427px;

}

.news ul li {

	padding: 25px 0;

}

.news p { padding: 0 30px 30px 30px; }
.news ul li p { padding: 0 0 30px 0; }
.releases img { float:right; width:104px; height:104px; }

.gallery {

	width:1001px;
	left:7px;

}

.gallery object { z-index: 1; }

.gallery h2 {

	padding:20px 0 10px 0;
	margin:0 20px;
	width:960px;

}


#slider {

	padding-top:10px;
	margin:0 20px;
	width:960px;

}

#slider ul { width:960px; }

#slider ul, .bottom .inner ul {

	margin:0;
	padding:0;
	list-style-type: none;


}

#slider ul li{

	margin:0 3px 0 0;
	padding:0;
	height:155px;

}

.gallery p {

	text-align: center;

}



.bottom .inner {

	width:1001px;
	left:7px;
	float: left;
	overflow: hidden;

}

.bottom .inner .box {

	padding:10px 30px;
	float: left;

}

.bottom .inner .dates {	width:220px; }
.bottom .inner .shop {	width:310px; }
.bottom .inner .newsletter { width:250px; }

.bottom .inner .shop ul li { margin: 0 2px; }
.bottom .inner .shop ul li img { width: 67px; height: 67px; }

.bottom .shop ul li { float: left; }

 .bottom .dates ul li {

 	padding: 10px 0;

 }

.bottom .inner .box ul li strong { display: block; }

#mainwrapper-interior { margin-top:-1px; padding-bottom:20px; }

#mainwrapper-interior .left {

	width: 560px;
	float: left;
	padding: 0 20px 20px 20px;
	overflow: hidden;

}

#mainwrapper-interior .left-b {

	width: 370px;
	float: left;
	padding: 0 20px 20px 20px;

}

#mainwrapper-interior .right {

	width:360px;
	float: left;
	padding: 0 20px 20px 20px;
	overflow: hidden;

}

#mainwrapper-interior .right-b {

	width:550px;
	float: left;
	padding: 20px;

}

#mainwrapper-interior .friends .right-b {

	width:566px;
	float: left;
	padding: 12px;

}

.friends .box p { text-align: justify; }

#mainwrapper-interior .box { left:8px; }

#mainwrapper-interior h2 { padding-bottom:5px; }

#mainwrapper-interior .box .select-schedule {

	position: absolute;
	top:15px;
	right:20px;

}

#mainwrapper-interior .box .select-gallery {

	position: absolute;
	top:15px;
	right:90px;

}

ul.calendar, ul.schedule, ul.toplist, ul.friendlist {

	list-style-type: none;
	margin:0;
	padding:10px;

}

ul.calendar li {

	display: inline;
	padding: 0 15px 0 0;

}

.right ul.calendar li,  .left-b ul.calendar li { padding: 0 4px 0 0; }

#mainwrapper-interior .box a.button-rss {

	float: right;

}

ul.schedule { padding:0; }
ul.schedule li, ul.friendlist li {

	display: block;
	padding:10px 10px 20px 10px;
	margin: 0 0 5px 0;
	clear: both;
	position: relative;

}

ul.friendlist li  { padding:10px 60px 10px 10px; margin: 0 0 2px 0; }
ul.friendlist li .button { position: absolute; top:5px; right:10px; }

ul.schedule li p {margin:0;	padding:0;}

ul.schedule li p.date {

	width:100px;
	height:100px;
	position: absolute;
	top:12px;
	left:10px;

}

ul.schedule li p.descr {

	width:320px;
	margin-left:100px;

}

ul.schedule li .pic, ul.schedule li .pic img {

	width:50px;
	height:50px;

}

ul.schedule li span.linkage {

	width:105px;
	display: block;
	position: absolute;
	bottom:10px;
	right:10px;


}

ul.schedule li ul {

	position: absolute;
	top:10px;
	right:10px;

}

ul.schedule li ul li {

	width:auto;
	height:auto;
	display:inline;
	margin:0;
	padding:0;

}

ul.schedule li h4 {

	margin:0;
	padding: 0 140px 20px 0;

}

a.button-guestlist, a.button-shop {

	float:right;
	margin-top:20px;
	margin-left:3px;

}

.right .button-rss {

	margin-top:10px;

}

ul.toplist {

	padding:0;

}

ul.toplist li {

	padding: 20px 10px 20px 70px;
	position: relative;

}

ul.toplist li strong {

	position: absolute;
	top:10px;
	left:10px;
	display: block;
	width:40px;
	text-align: right;


}

ul.toplist li a {

	display: block;

}

#galleryslider {

  width:590px;
  margin: 0 auto;
  position: relative;
  top:-10px;
  left:-20px;

}

.scroll {
  height: 400px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {

  padding: 0 70px;
  height: 415px;
  width: 540px; /* change to 560px if not using JS to remove rh.scroll */

}


.scrollContainer div.panel p {

	position: absolute;
	display: block;
	bottom:-13px;
	left:-40px;
	padding: 20px;
	width: 500px;
	text-align:center;

}

#galleryslider ul.navigation, #galleryslider h4 {

	padding: 0 20px 20px 20px;

}

#galleryslider ul.navigation {

	list-style-type: none;
	margin:0;
	padding:5px;
	float:left;
	position: relative;
	left:20px;
	width:540px;

}

#galleryslider ul.navigation li {

	float:left;
	margin-bottom:-1px;

}

#galleryslider ul.navigation li img {

	width:75px;
	height:75px;

}

table.releases {

	border-collapse: collapse;
	width:100%;

}

table.releases thead tr th, table.releases tbody tr td {

	text-align: left;
	padding:10px;

}

table tr td.td_catid { width:80px; }

.trackfeed {

	padding:20px;

}

.releaseinfo img {

	float:left;
	margin: 0 20px 20px 0;

}

.releaseinfo h3 { margin:0; padding:0; }

ul.tracklist, ul.files, ul.presscomments {

	margin:0;
	padding:0;
	list-style-type: none;
	float:none;
	width: 100%;

}

.trackfeed {

	width:960px;

}

.trackfeed ul.tracklist {

	width:550px;

}

ul.tracklist li {

	padding:10px 300px 10px 10px;
	display: block;
	float: none;
	width: auto;
	position: relative;

}

ul.tracklist li span {

	width:350px;
	display: inline-block;
	height:100%;

}
ul.tracklist li span.dur { width:50px; position: absolute; right:50px; top:10px; }
.trackfeed ul.tracklist li span.dur { width:50px; position: absolute; right:80px; top:10px; }

.tracklist li span.buttons {

	width:60px;
	position: absolute;
	top:7px;
	right:0;

}


.trackfeed .tracklist li span.buttons {

	width:auto;

}

.tracklist li span.buttons a { float: left; margin-right:5px; }


.presscomments li {

	padding:0 0 20px 0;
	margin: 0 0 10px 0;

}

.presscomments li span {

	width: auto;
	display: block;
	padding:20px 40px 10px 20px;

}

.presscomments li small { display: block; text-align: right;  }

.post {

	width: auto;
	padding: 15px;
	margin-bottom:1px;

}

.post h3 {

	margin:0;
	padding:0 40px 0 0;

}

.postfooter {

	clear: both;
	list-style-type: none;
	margin:10px 0;
	padding:0 0 20px 0;

}

.post .comments strong { display: none; }

.post .comments { height:30px; overflow: hidden; }

.postfooter li { float:left; margin: 0 5px 0 0; }
.postfooter li.first { display: none; }

#mainwrapper-interior .blog .right {

	padding: 10px 60px;
	width:280px;

}

.blog .right ul {

	list-style-type: none;
	margin:0;
	padding:10px 0;
	width:265px;

}

.blog .right ul.archives li a {

	padding: 0 10px;
	display: inline;

}

.blog .right ul li a {

	display: block;
	padding: 10px 0;

}



ol.responses {

	margin:0;
	padding:0;
	list-style-type: none;

}

ol.responses li {

	margin: 0 0 6px 0;
	position: relative;
	padding-top:5px;

}

ol.responses li p {

	margin:0;
	padding:25px 20px 10px 66px;

}

ol.responses li small {

	position: absolute;
	top:10px;
	left:66px;

}

ol.responses li img {

	width:37px;
	height:37px;
	position: absolute;
	top:10px;
	left:10px;

}

.post .buttons {

	position: absolute;
	bottom:20px;
	right:15px;

}



.contact .box {

	width: 499px;
	float:left;
	padding:0;

}

.contact .text {

	padding:20px;
	width:459px;

}

.acc div, .acc h3  {

	margin: 0;
	padding:10px;
	width: auto;

}

#cboxLoadedContent { overflow: hidden; }

#pfmExternalBig,
#pfmExternalBig .pfmExternalRecording
{ width: 100% !important; overflow: hidden !important; }
#pfmExternalBig .pfmExternalRecordingInfo
{ width:95% !important; }

/* ## content elements ################################ end ### */

/* ## Headings ####################################### start # */

.welcome h2, .releases h2 { margin:0; padding:0 0 10px 0; display: block; }

.trackfeed h2 {

	width:960px;

}

.news h2 {

	margin:0 !important;
	padding:10px 30px;
	top:0;

}

.releases h2 {

	padding: 20px 0 10px 0;

}

.news ul li h4 { margin:0; padding:0; }

.blog .right ul li  h5 { margin:0; padding: 10px 0; }

.friends .right-b h3 { margin:0; padding:0 0 10px 0; }

/* ## Headings ####################################### end ### */

/* ## footer ########################################## start # */

footer {

	display:block;
	clear: both;
	padding: 0 0 50px 0;
	margin-top:25px;

}

footer .inner {

	width:1030px;
	margin: 0 auto;

}

footer ul {

	margin:0;
	padding:10px 0;
	list-style-type:none;

}

footer ul li {

	margin:0;
	padding:0 10px 0 0;
	display:inline;

}

/* ## footer ########################################## end ### */


/* ## forms ########################################### start # */

fieldset, fieldset p {

	margin:0;
	padding:0;

}

label { margin:10px 0; display:block; }

#fieldset-newsletter label { margin: 0 0 5px 0; display:block; }

.bottom label { display:block; padding: 5px 0; }

.input-text, textarea {

	padding:5px;
	width:260px;

}

textarea { width: 80%; height:150px; }

.errmsg {

	padding:10px;
	width:250px;

}

#fieldset-newsletter .input-text {

	width:180px;
	margin-right:10px;

}

#fieldset-newsletter button {

	position: absolute;
	bottom:10px;

}

#fieldset-contact { padding: 20px; }


.LV_validation_message {

	display: block;
	width: 200px;
	padding:10px 5px 5px 5px;
	text-align: center;

}

.LV_valid { display: none; }

/* ## forms ########################################### end ### */


/* ## Buttons ######################################## start # */


#mainwrapper-interior .trackfeed .button-download {

	position: relative !important;
	display: block !important;
	float:left !important;
	right:5px !important;
	z-index: 1;
	width:20px;
	height:20px;
	overflow: hidden !important;
	text-indent: -999999px;
	padding:0 !important;
	margin:0;

}

.blog .button-read {

	float: right;

}

.sidebar .button-rss { position: relative; left:10px; margin-top:-70px; }


#content-generic #button-checkout {

	float: right;

}

.blog .button-rss {

	position: absolute;
	top:15px;
	right:20px;

}

.button-video {

	display: block;
	width:100%;
	height:92%;
	text-indent: -999999px;

}
/* ## Buttons ######################################## end ### */

/* ## Disqus ####################################### start ### */

.dsq-tooltip-outer {

	display: inherit;
	width: auto !important;
	position: absolute !important;

}

#disqus_thread button, #dsq-popup-message button, #dsq-popup-message label {

	text-indent: inherit !important;
	width: auto !important;
	display:inherit !important;
	color:#000 !important;

}

#dsq-comments button.dsq-comment-footer-reply-tab { display: none !important; }

.dsq-post-area {

	margin-top:10px;

}

#disqus_thread table tr td { padding: inherit !important; position: inherit !important }

#disqus_thread table tr td.dsq-header-avatar a img { margin-right: 5px !important; }

.fb_connect_bar_container { position: relative !important; }

.dsq-textarea {

	width:520px;

}

/* ## Disqus ######################################### end ### */