/*
Theme Name: kopfhörer recordings
Theme URI: http://www.kopfhoerer-rec.de
Description: Das erste WP-Theme für Kopfhörer Rec.
Version: 1.0
Author: Sebastian Schwarz
Author URI: http://www.myspace.com/radrum


Grey 1:		rgb(102, 102, 102);


*/

/* --- GLOBAL --- */

body { background-color: rgb(255,255,255); font-family: gill sans, helvetica, arial, sans-serif; font-size: 14px; color: rgb(102, 102, 102); margin: 0; padding: 0; }
body h2 { margin: 0px 0px 5px 0px; padding: 0; font-size: 1.2em; font-weight: bold; }

#container { width: 1000px; margin: 0px auto; background-color: rgb(255,255,255); }

#message { width: 600px; height: 300px; margin: 20px auto; }
#message h1 { font-size: 1.4em; margin: 100px 0 20px 0; text-align: center; }
#message h2 { font-size: 1.1em; margin: 0; text-align: center; }
#message p { text-align: center; }
#message p a { font-size: 0.9em; text-decoration: none; color: rgb(63, 169, 245); }
#message p a:hover { color: rgb(102, 102, 102); }

/* --- HEADER --- */

#header { height: 120px; background-image: url('images/_design/header.gif'); background-repeat: no-repeat; }

#startlink img { width: 170px; height: 100px; border: 0; margin-top: 5px; }
#startlink img a:active, a:focus { outline: none; }

#fb { width: 350px; position: absolute; z-index: 100; margin: -75px 0 0 205px; }

#tweetbox { width: 330px; height: 112px; background: url('images/_design/tweetbox.png') no-repeat; margin: -100px 0 0 562px; z-index: 5; position: absolute; }
#tweetbox h3 { font-size: 1em; font-variant: small-caps; margin: 9px 0 0 22px; }
#tweetbox p { width: 224px; margin: 2px 0 0 22px; font-size: 0.9em; }
#tweetbox p a { text-decoration: none; color: rgb(63, 169, 245); }
#tweetbox p a:hover { color: rgb(102, 102, 102); }

#badge { margin: -50px 0 0 908px; z-index: 3; position: absolute; }

#rss { width: 30px; height: 30px; margin: 10px 0 0 800px; z-index: 4; position: absolute; }
#twitter { width: 30px; height: 32px; margin: 10px 0 0 840px; z-index: 4; position: absolute; }
#nlarchiv { width: 32px; height: 32px; margin: 10px 0 0 880px; z-index: 4; position: absolute; }

/* --- NAV --- */

#nav { height: 30px; margin: 0; padding: 0 0 4px 0; border-bottom: 1px dotted rgb(179,179,179); }
#nav ul { margin: 0; padding: 0; }
#nav ul li { margin: 4px 40px 4px 0px; list-style: none; font-size: 1.3em; font-weight: bold; float: left; display: block; font-variant: small-caps; }
#nav ul li a { text-decoration: none; color: rgb(201, 201, 201); }
#nav ul li a:hover{ text-decoration: none; color: rgb(102, 102, 102); }
#nav form { float: right; margin-top: 4px; margin-right: -2px; padding: 0; margin-bottom: 0; display: none; }
#nav form .button { background-image: url('images/_design/lupe.jpg'); background-repeat: no-repeat; border: 0px; width: 22px; height: 22px; margin-left: 2px; cursor: pointer; outline: none; }
#nav .current_page_item a { color: rgb(0, 0, 0); }

/* --- CONTENT --- */

#inhalt {
	width: 750px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#inhalt-text {
	margin: 0px 20px 20px 0px;
}
#inhalt-text h2 a {
	text-decoration: none;
	font-variant: small-caps;
	color: rgb(201,201,201);
	margin: 0;
	padding: 0;
}
#inhalt-text h3 {
	color: rgb(201,201,201);
	font-size: 1em;
	margin-top: -2px;
	font-variant: small-caps;
}
#inhalt-text .post .entry .mediabox .tracklist {
	width: 300px;
	color: rgb(102, 102, 102);
}
#inhalt-text .post .entry .mediabox .tracklist h2{
	font-size: 1em;
	color: rgb(201,201,201);
	margin-left: 7px;
}
#inhalt-text .post .entry .mediabox .tracklist ul{
	list-style: none;
	margin: 10px 0 0 7px;
	padding: 0;
}
#inhalt-text .post .entry .mediabox .tracklist ul li{
	border-bottom: 1px dotted rgb(102, 102, 102);
	margin-top: 5px;
}

.post a {
	text-decoration: none;
	color: rgb(54, 54, 54);
}
.post h2 {
	margin: 0;
	padding: 0;
}
.entry h2 {
	color: rgb(0, 0, 0);
}
.postmetadata {
	font-size: 0.8em;
}
.postmetadata a{
	color: rgb(54, 54, 54);
}
.postmetadata a:hover {
	text-decoration: underline;
}
.alignleft a {
	color: rgb(201,201,201);
	text-decoration: none;
	font-size: 0.8em;
}
.alignright a {
	color: rgb(201,201,201);
	text-decoration: none;
	font-size: 0.8em;
}


/* --- SEARCH --- */

.search {
	margin: 20px 0px 20px 0px;
	width: 700px;
	float: left;
}
.search h2 {
	width: 700px;
	float: left;
	font-size: 1.1em;
	font-variant: small-caps;
	color: rgb(201,201,201);
	margin: 0 0 10px 0;
	padding: 0;
}
.search .post {
	border-bottom: 1px dotted rgb(201,201,201);
}
.search .post h3 {
	width: 700px;
	float: left;
	font-size: 1em;
	font-variant: small-caps;
	color: rgb(201,201,201);
	margin: 0 0 10px 0;
	padding: 0;
}


/* --- HOME --- */


.homebox {
	margin: -5px 0 10px 0;
	padding: 0;
	font-variant: small-caps;
	color: rgb(201,201,201);
}
.homebox a {
	color: rgb(201,201,201);
	text-decoration: none;
}
.homebox a:hover {
	color: rgb(102,102,102);
}

#release {
	width: 468px;
	float: left;
	height: 250px;
	margin: 20px 20px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#release img {
	width: 204px;
	height: 230px;
	float: left;
	margin: -5px 20px 0px -5px;
}
#release .button {
	width: 180px;
	height: 39px;
	float: left;
	margin: 2px 0px 2px -2px;
}
#release h1 {
	color: rgb(201,201,201);
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#release h3 {
	color: rgb(102,102,102);
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
#release h4 {
	color: rgb(201,201,201);
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#release a {
	color: rgb(201,201,201);
	text-decoration: none;
}
#release a:hover {
	color: rgb(102,102,102);
}
#release p {
	margin: 5px 0 5px 0;
}

#news {
	width: 468px;
	float: right;
	height: 250px;
	margin: 20px 0px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#news ul li a {
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	color: rgb(102,102,102);
	margin: 0 0 10px 0;
	padding: 0;
}
#news .teaserpic {
	float: left;
	width: 80px;
	height: 60px;
	margin: 0 20px 20px 0;
	padding: 0;
}
#news .teaser {
	display: block;
	width: 470px;
	height: 60px;
	margin: 0 0 20px 0;
	padding: 0;
}
#news .kommentar a {
	font-variant: normal;
	font-weight: normal;
}
#news .kommentar a:hover {
	text-decoration: underline;
}

#artists {
	width: 298px;
	float: left;
	height: 130px;
	margin: 0px 20px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#artists img {
	margin: -5px 0px 0px 0px;
}

#releases {
	width: 298px;
	float: left;
	height: 130px;
	margin: 0px 20px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#releases img {
	margin: -5px 0px 0px 0px;
}

#media { width: 298px; float: right; height: 130px; margin: 0px 0px 20px 0px; border: 1px dotted rgb(179,179,179); padding: 10px; }
#media img { margin: -5px 0px 0px 0px; }

#dates { width: 298px; float: left; height: 130px; margin: 0px 20px 20px 0px; border: 1px dotted rgb(179,179,179); padding: 10px; }
#dates #dates-hl { margin-bottom: 4px; }
#dates img { width: 318px; height: 150px; margin: -10px 0 0 -10px; border: 0px solid red; position: absolute; z-index: 1; }
#dates .date { width: 100%; margin: 0; padding: 0; }
#dates .date a { color: rgb(102,102,102); }
#dates .date .livedate { height: 14px; vertical-align: top; }
#dates .date .livedate .termin { width: 60px; }
#dates .date .livedate .artist { width: 100px; font-weight: bold; font-variant: small-caps; }


#newsletter {
	width: 298px;
	float: left;
	height: 130px;
	margin: 0px 20px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#newsletter p {
	margin: 0;
	padding: 0;
}
#newsletter form {
	margin: 0;
	padding: 0;
	height: 100px;
}
#newsletter #adresse {
	margin: 6px 0;
	padding: 0;
	width: 290px;
	height: 16px;
}
#newsletter .check {
	margin: 2px 10px 0 0;
	padding: 0;
	float: left;
}
#newsletter .info {
	margin: 10px 15px 0 0;
	padding: 0;
	float: left;
}
#newsletter #btn {
	margin: 10px 0;
	padding: 0;
	float: right;
}

#shop {
	width: 298px;
	float: right;
	height: 130px;
	margin: 0px 0px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#shop img {
	margin: -5px 0px 0px 0px;
}

.phplist fieldset legend {
	font-size:1.1em;
	font-family: gill sans, helvetica, arial, sans-serif;
}
.phplist label { 
	display: block;
	float: left; 
	width: 50px; 
	padding: 0; 
	margin: 10px 0 0;
	text-align: left; 
}
.phplist {
  font-family: gill sans, helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
}
.phplist .list {
	list-style-type: none;
}
.phplist .caption {

}
.phplist fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0;
}
.phplist input, .phplist textarea, .phplist select{
	width: auto;
	margin: 10px 0 0 10px;
}
.phplist input#reset {
	margin-left: 0px;
}
.phplist textarea {
	overflow: auto;
}
.phplist small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}
.phplist .required{

} 
.phplist .requiredOutline {
	border: 1px solid #ff0000;
}
.phplist #contactsubmit {
	margin: 15px 15px 0;
	float: right;
}


/* --- NEWS --- */

.newspost {
	margin: 20px 0px 20px 0px;
	width: 700px;
	float: left;
}
.newspost h2 {
	width: 550px;
	float: left;
	font-size: 1.1em;
	font-variant: small-caps;
	margin: -5px 0 2px 0;
	padding: 0;
}
.newspost h2 a {
	color: rgb(201,201,201);
}
.newspost h2 a:hover {
	color: rgb(102,102,102);
}
.newspost .newspic {
	width: 100px;
	height: 75px;
	float: left;
	margin: 0px 20px 10px 0;
}
.newspost .date {
	display: block;
	width: 550px;
	float: left;
}
.newspost .entry {
	width: 550px;
	float: left;
	margin: -10px 0;
	padding: 0;
}
.newspost .postmetadata {
	float: left;
	width: 550px;
	margin: -15px 0px 30px 120px;
	padding: 0px;
}
.newspost .navigation {
	clear: both;
	margin: 10px 0 10px 0;
}

.singlepost {
	margin: 10px 0px 20px 0px;
	width: 700px;
	float: left;
}
.singlepost h2 {
	width: 700px;
	float: left;
	display: block;
	font-size: 1.1em;
	font-variant: small-caps;
	color: rgb(201,201,201);
	margin: 0 0 10px 0;
	padding: 0;
}

.singlepost .post {
	float: left;
}
.singlepost .newsimages {
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
}
.singlepost .newsimages img {
	margin: 0 10px 0 0;
}

h3 {
	font-size: 1em;
	font-variant: small-caps;
	color: rgb(201,201,201);
}

h4 {
	font-size: 1em;
	font-variant: small-caps;
	color: rgb(201,201,201);
}

ol li {
	border-bottom: 1px dotted rgb(201,201,201);
}

.cal {
	width: 50px;
	height: 50px;
	background-image: url('images/_design/cal.png');
	background-repeat: no-repeat;
	margin: 0
	padding: 0;
	
}
.cal .month {
	color: white;
	margin: 0px 0px 0px 7px;
	padding: 5px 0;
	font-size: 0.8em;
}

.cal .day {
	font-weight: bold;
	font-size: 1.8em;
	margin: -7px 0px 0px 10px;
	padding: 0;
}


/* --- RELEASES --- */

#release-nav {
	width: 1000px;
	height: 20px;
	margin: 10px 0px 0px 0px;
}
#release-nav ul {
	margin: 2px 0 0 0px;
	padding: 0;
}
#release-nav ul li {
	list-style: none;
	float: left;
	margin-right: 20px;
	display: block;
	font-variant: small-caps;
}
#release-nav ul li a {
	text-decoration: none;
	color: rgb(201,201,201);
}
#release-nav ul li a:hover {
	color: rgb(102,102,102);
}
#release-nav .current_page_item a {
	color: rgb(0, 0, 0);
}

#khr010 {
	width: 158px;
	height: 400px;
	float: left;
	margin: 10px 20px 10px 0px;
}
#khr010 img {
	width: 158px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr010 img a:active, a:focus {
	outline: none;
}
#khr009 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 20px 10px 0px;
}
#khr009 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr009 img a:active, a:focus {
	outline: none;
}
#khr008 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 20px 10px 0px;
}
#khr008 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr008 img a:active, a:focus {
	outline: none;
}
#khr007 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 20px 10px 0px;
}
#khr007 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr007 img a:active, a:focus {
	outline: none;
}
#khr006 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 20px 10px 0px;
}
#khr006 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr006 img a:active, a:focus {
	outline: none;
}

#khr005 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 0px 10px 0px;
}
#khr005 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr005 img a:active, a:focus {
	outline: none;
}


/*
#khr004 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 0px 10px 0px;
}
#khr004 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr004 img a:active, a:focus {
	outline: none;
}

#khr003 {
	width: 148px;
	height: 400px;
	float: left;
	margin: 10px 0px 10px 0px;
}
#khr003 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr003 img a:active, a:focus {
	outline: none;
}

 #khr002 {
	width: 148px;
	height: 400px;
	float: right;
	margin: 10px 0px 10px 0px;
}
#khr002 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr002 img a:active, a:focus {
	outline: none;
}

#khr001 {
	width: 148px;
	height: 400px;
	float: right;
	margin: 10px 0px 10px 0px;
}
#khr001 img {
	width: 148px;
	height: 400px;
	border: 0px dotted rgb(179,179,179);
}
#khr001 img a:active, a:focus {
	outline: none;
}
*/

/* --- RELEASE --- */

#info {
	width: 334px;
	float: left;
	margin: 20px 20px 10px 0px;
	text-align: justify;
}
#info h3 {
	color: rgb(201,201,201);
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	text-align: left;
}

#cover {
	width: 320px;
	height: 420px;
	float: left;
	margin: 25px 20px 10px 0px;
}
#cover img {
	margin: -10px 0;
	padding: 0;
}
#cover .player {
	float: left;
	margin: 5px 0 5px 10px;
	padding: 0;
}

#tracklist {
	width: 300px;
	float: right;
	margin: 20px 0px 0px 0px;
}
#tracklist h3 {
	color: rgb(201,201,201);
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#tracklist ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
#tracklist ul li {
	border-bottom: 1px dotted rgb(102, 102, 102);
	margin-top: 5px;
	font-variant: small-caps;
}

#infos {
	width: 300px;
	float: right;
	margin: 10px 0px 10px 0px;
	font-variant: small-caps;
}
#infos .button {
	width: 180px;
	height: 39px;
	float: left;
	margin: 20px 0 10px 0px;
}


/* --- ARTISTS --- */

#artists-nav {
	width: 1000px;
	height: 20px;
	margin: 10px 0px 0px 0px;
}
#artists-nav ul {
	margin: 2px 0 0 0px;
	padding: 0;
}
#artists-nav ul li {
	list-style: none;
	float: left;
	margin-right: 20px;
	display: block;
	font-variant: small-caps;
}
#artists-nav ul li a {
	text-decoration: none;
	color: rgb(201,201,201);
}
#artists-nav ul li a:hover {
	color: rgb(102,102,102);
}
#artists-nav .current_page_item a {
	color: rgb(0, 0, 0);
}

.artist-pic { width: 130px; height: 400px; float: left; overflow: hidden; margin: 10px 15px 20px 0px; }
.artist-pic img a:active, a:focus { outline: none; }
.artist-pic-last { width: 130px; height: 400px; float: rightt; overflow: hidden; margin: 10px 0px 20px 0px; }


/* --- ARTIST --- */

.L {
	width: 200px;
	float: left;
	margin: 20px 30px 10px 0px;
}
.M {
	width: 450px;
	float: left;
	margin: 20px 30px 10px 0px;
}
.R {
	width: 290px;
	float: right;
	margin: 20px 0px 10px 0px;
}

.L h2,.M h2,.R h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-variant: small-caps;
	color: rgb(201,201,201);
}

#art-info {
	border: 0px dotted rgb(201,201,201);
}

#art-disco {
	border: 0px dotted rgb(201,201,201);
}
#art-disco .discoitem {
	margin: 10px 0 10px 0;
	width: 270px;
	height: 110px;
}
#art-disco .discoitem .cover {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
#art-disco .discoitem .title p {
	float: left;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}


#art-foto {
	border: 0px dotted rgb(201,201,201);
}
#art-foto .artpics {
	width: 100px;
	float: left;
	margin: 0px 10px 20px 0px;
}

#art-bio {
	margin: 20px 0px 20px 0px;
	text-align: justify;
	border: 0px dotted rgb(201,201,201);
}

#art-downloads {
	border: 0px dotted rgb(201,201,201);
}
#art-downloads ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#art-downloads ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	height: 20px;
	line-height: 22px;
	background: url(images/_design/icon_download.png) no-repeat; 
}

#art-links {
	margin: 20px 0px 20px 0px;
	border: 0px dotted rgb(201,201,201);
}
#art-links a:hover {
	color: rgb(201,201,201);
}

#art-presse {
	margin: 20px 0px 20px 0px;
}
#art-presse a:hover {
	color: rgb(201,201,201);
}
#art-presse ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}


/* --- MEDIA --- */

#media-nav {
	width: 1000px;
	height: 20px;
	margin: 10px 0px 0px 0px;
}
#media-nav ul {
	margin: 2px 0 0 0px;
	padding: 0;
}
#media-nav ul li {
	list-style: none;
	float: left;
	margin-right: 20px;
	display: block;
	font-variant: small-caps;
}
#media-nav ul li a {
	text-decoration: none;
	color: rgb(201,201,201);
}
#media-nav ul li a:hover {
	color: rgb(102,102,102);
}

.mediabox {
	margin: 10px;
	padding: 0;
	font-variant: small-caps;
	color: rgb(201,201,201);
}
#videos {
	width: 320px;
	height: 400px;
	float: left;
	margin: 10px 20px 20px 0px;
}

#downloads {
	width: 320px;
	height: 400px;
	float: left;
	margin: 10px 20px 20px 0px;
}

#presse {
	width: 320px;
	height: 400px;
	float: left;
	margin: 10px 0px 20px 0px;
}

/* --- VIDEOS --- */

.videobox_l {
	margin: 10px 0 20px 0;
	padding: 20px 20px 5px 20px;
	width: 425px;
	border: 1px dotted rgb(201,201,201);
	float: left;
}
.videobox_r {
	margin: 10px 0 20px 0;
	padding: 20px 20px 5px 20px;
	width: 425px;
	border: 1px dotted rgb(201,201,201);
	float: right;
}
.videobox_l p {
	text-align: center;
	margin: 5px 0;
	padding: 0;
}
.videobox_r p {
	text-align: center;
	margin: 5px 0;
	padding: 0;
}

/* --- DOWNLOADS --- */

#links {
	width: 320px;
	float: left;
	margin: 0 20px 0 0;
}

#freetracks {
	width: 298px;
	margin: 10px 20px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#freetracks h2 {
	font-variant: small-caps;
	color: rgb(201,201,201);
}
#freetracks ul {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
#freetracks ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	height: 20px;
	line-height: 22px;
	background: url(images/_design/icon_download.png) no-repeat;
}
#freetracks ul li a {
	display: block;
	color: rgb(201,201,201);
}
#freetracks ul li a:hover {
	display: block;
	color: rgb(102,102,102);
}
#freetracks h4 {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
#freetracks p {
	margin: -2px 0;
	padding: 0;
	font-size: 0.9em;
}


#snippets {
	width: 298px;
	margin: 10px 20px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#snippets h2 {
	font-variant: small-caps;
	color: rgb(201,201,201);
}
#snippets ul {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
#snippets ul li {
	margin: 10px 0;
	padding: 0;
}
#snippets ul li a {
	display: block;
	color: rgb(201,201,201);
}
#snippets ul li a:hover {
	display: block;
	color: rgb(102,102,102);
}
#snippets h4 {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
#snippets p {
	margin: -2px 0;
	padding: 0;
	font-size: 0.9em;
}

#wallpapers {
	width: 638px;
	float: right;
	margin: 10px 0px 20px 0px;
	border: 1px dotted rgb(179,179,179);
	padding: 10px;
}
#wallpapers h2 {
	font-variant: small-caps;
	color: rgb(201,201,201);
}
#wallpapers ul {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#wallpapers ul li {
	margin: 0 20px 20px 0;
	padding: 0;
	width: 160px;
	float: left;
}
#wallpapers ul li a {
	display: block;
	margin: 4px 0 0 4px;
	color: rgb(201,201,201);
}
#wallpapers ul li a:hover {
	display: block;
	color: rgb(102,102,102);
}
#wallpapers h4 {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
#wallpapers p {
	margin: -2px 0;
	padding: 0;
	font-size: 0.9em;
}

/* --- B2B --- */

#pwbox-60 {
	margin-bottom: 10px;
}
.b2b-box {
	width: 100%;
	overflow: hidden;
}
.b2b-box-l {
	width: 468px;
	float: left;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 20px 20px 0px;
	padding: 10px;
}

.b2b-box-r {
	width: 468px;
	float: right;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 0px 20px 0px;
	padding: 10px;
}

.b2b-box-l h2 {
	color: rgb(201,201,201);
	font-variant: small-caps;
}
.b2b-box-r h2 {
	color: rgb(201,201,201);
	font-variant: small-caps;
}
.b2b-precover {
	width: 100px;
	height: 100px;
	float: left;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 0px 0px 0px;
}
.b2b-preinfo {
	width: 350px;
	height: 40px;
	float: right;
	margin: 10px 0px 0px 0px;
}
.b2b-preinfo h3 {
	margin: 0px 0px 5px 0px;
	padding: 0;
}
.b2b-preinfo p {
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.b2b-player {
	margin: 0px 0px 0px 14px;
	padding: 0px;
	float: left;
	width: 350px;
	text-align: bottom;
}
.b2b-artist-l {
	width: 226px;
	float: left;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 0px 10px 0px;
}
.b2b-artist-r {
	width: 226px;
	float: right;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 0px 10px 0px;
}
.b2b-release-l {
	width: 216px;
	float: left;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
}
.b2b-release-r {
	width: 216px;
	float: right;
	border: 1px dotted rgb(201,201,201);
	margin: 10px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
}

.b2b-box-l a {
	color: rgb(88,88,88);
}
.b2b-box-l a:hover {
	color: rgb(220,220,220);
}
.b2b-box-r a {
	color: rgb(88,88,88);
}
.b2b-box-r a:hover {
	color: rgb(220,220,220);
}

/* --- DATES --- */

#datecollection { margin: 20px 0; padding: 0; }
#datecollection .dates { width 100%; margin: 0; padding: 0; vertical-align: top;  }
#datecollection .dates .livedate { height: 30px; }
#datecollection .dates .livedate a { display: block; color: rgb(102,102,102); }
#datecollection .dates .livedate a:hover { color: rgb(201,201,201); }
#datecollection .dates .livedate .termin { width: 80px; }
#datecollection .dates .livedate .artist { font-size: 1.2em; font-weight: bold; font-variant: small-caps; width: 120px; }
#datecollection .dates .livedate .ort {  }

/* --- NEWSLETTERARCHIV --- */

#newsletterarchiv { width: 650px; float: left; }
#newsletterarchiv ul { margin: 5px 0 0 0; padding: 0; list-style: none; }
#newsletterarchiv ul li { margin: 0 0 5px 0; padding: 0 0 0 24px; height: 20px; line-height: 18px; background: url(images/_design/icon_newsletter.png) no-repeat; }

/* --- SHOPINFOS --- */

.links {
	width: 300px;
	float: left;
}
#versand {
	width: 280px;
	border: 1px dotted rgb(201,201,201);
	padding: 10px;
	margin: 20px 10px 10px 0;
}
#versand h2 {
	color: rgb(201,201,201);
	font-variant: small-caps;
}
#kontakt {
	width: 280px;
	border: 1px dotted rgb(201,201,201);
	padding: 10px 10px 0px 10px;
	margin: 0px 10px 10px 0;
}
#kontakt h2 {
	color: rgb(201,201,201);
	font-variant: small-caps;
}
#back {
	width: 70px;
	border: 1px dotted rgb(201,201,201);
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 20px 0;
}
#back h2 {
	color: rgb(201,201,201);
	font-variant: small-caps;
}
#back a {
	color: rgb(201,201,201);
	display: block;
}
#back a:hover {
	color: rgb(102,102,102);
}
#agb {
	width: 666px;
	border: 1px dotted rgb(201,201,201);
	padding: 10px;
	float: right;
	margin: 20px 0 20px 0;
}
#agb h2 {
	color: rgb(201,201,201);
	font-variant: small-caps;
}


/* SIDEBAR */

#sidebar { width: 180px; float: right; margin: 20px 30px 20px 0; padding: 0; }
#sidebar ul { margin: 2px 0 0 20px; padding: 0; list-style: none; }
#sidebar ul li { margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px dotted rgb(179,179,179); font-variant: small-caps; }
#sidebar ul li a { text-decoration: none; color: rgb(179, 179, 179); margin: 0; padding: 0; display: block; }
#sidebar ul li a:hover { color: rgb(54, 54, 54); }
#sidebar .current_page_item a { color: rgb(0, 0, 0); }
#sidebar h1 { font-size: 1em; font-weight: bold; }
.current_page_item { color: rgb(215, 0, 127); }

/* FOOTER */

#footer { margin-top: 20px; height: 30px; width: 1000px; border-top: 1px dotted rgb(179,179,179); clear: both; }
#footer-inhalt { width: 1000px; margin: 8px 10px 10px 0px; font-size: 0.8em; font-variant: small-caps; }
#footer-inhalt a { text-decoration: none; color: rgb(179, 179, 179); }
#footer-inhalt a:hover { color: rgb(54, 54, 54); }

.footer-left { float: left; }
.footer-right { float: right; }
.footer-center { width: 120px; margin: 5px 0px 0px 340px; float: left; }

/* IMAGES */

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 10px; display: inline; }
img.alignleft { padding: 4px 4px 4px 0; margin: 0 10px 0 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }