@charset "UTF-8";
/* CSS Document */

/* Stylesheet for unterm durchschnitt */

/* undohtml.css (slightly modified by Rolf Thiele, D&T Internet GbR)
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited {text-decoration: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}
h1,h2,h3,h4,h5,h6,p,pre,form,body,html,blockquote,fieldset,input,dd
{ margin: 0; padding: 0;}
a img,:link img,:visited img, :hover img, :active img {border: none;}
address {font-style: normal;}

/* end undohtml.css */

/*** Globales ***/

body {
	text-align: center;
	font-size: .75em;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	background: url(gfx/bg-2.jpg) no-repeat top center #eee;
	line-height: 1.5em;
}

div.content {
	width: 76.67em;
	margin: 0 auto;
}

#col-1 {
	width: 16.67em;
	float: left;
	text-align: left;
}

#col-2 {
	width: 16.67em;
	float: left;
	text-align: left;
	margin: 0 0 0 3.33em;
}

#col-3 {
	width: 16.67em;
	float: left;
	text-align: left;
	margin: 0 0 0 3.33em;
}

.fce-3-2 #col-3 {
	width: 16.67em;
	float: left;
	text-align: left;
	margin: 0;
}

#col-4 {
	width: 16.67em;
	text-align: left;
	margin: 0 0 0 60em;
}

.fce-3-2 #col-4 {
	width: 16.67em;
	float: left;
	text-align: left;
	margin: 0 0 0 3.33em;
}

.fce-3-2, .fce-1-2 {overflow-y:auto;}

#col-1-2, #head #logo {
	width: 36.67em;
	float: left;
	text-align: left;
}

#col-3-2, #teaser {
	width: 36.67em;
	margin: 0 0 0 40em;
	text-align: left;
	
}

#col-1-3 {
	width: 56.67em;
	margin: 0;
	float: left;
	text-align: left;
	overflow: auto;
}

#col-2-3 {
	width: 56.67em;
	margin: 0 0 0 20em;
	text-align: left;
	
}

h1 {
	font: italic normal 2em "Times New Roman", Times, serif;
	margin-bottom: .5em;
	color: black;
}

h2 {
	font: italic normal 2em "Times New Roman", Times, serif;
	margin-bottom: .5em;
	color: #3694d1;

}

h3, h4 {
	font: normal bold .92em Helvetica, Arial, sans-serif;
	margin-bottom: .5em;
}

h3 {
	color: #333;
}

h4 {
	color: #666;
}


ul {
	padding-left: 1.25em;
	margin: 0;
}

p, li, th, td, dl {
	margin-bottom: .5em;
	font-size: 0.92em;
	line-height: 1.5em;
}

a {
	text-decoration: none;
	color: black;
}

td {
	vertical-align: top;
	padding: 1px;
}

hr.clear {
	clear: both;
}

hr.clearer, hr.clear {
	height: 0px;
	font-size: 0px;
	border: none;
	width: 1px;
	background: none;
}

hr.left {
	clear: left;
}

hr.spacer {
	height: 0px;
	xxxfont-size: 0px;
	border: none;
	margin: 2em 0;
}

div.csc-textpic img {
	padding: 5px;
	background: white;
	border: 1px solid #cddfef;
}

#main img.mailencrypt {
	padding: 0;
	background: none;
	border: none;
}

#main div.csc-textpic-intext-left div.csc-textpic-imagewrap, #main div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin: 0 1em 0 0;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	padding-right: 12px;
}

#main div.csc-textpic {
	overflow: auto;
	display: inline-block;
	width: 100%;
}

/* top right image abused as left image without bg and border */

#main DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: left; }
#main DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}
#main DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: left; }
#main DIV.csc-textpic-right DIV.csc-textpic-text { clear: left; }
#main div.csc-textpic.csc-textpic-right img {
	background: none;
	border: none;
	padding: 0;
}


/*** Head ***/

#head {
	width: 100%;
	height: 18.33em;
	background: none;
	border-bottom: 1px solid white;
}

#head div.content {
	height: 15em;
	background: url(gfx/logo-unterm-d.png) bottom left no-repeat;
	position: relative;
}

#head img.logo {
	width: 440px;
	height: 50px;
	margin-top: 10.83em;
}

#head #teaser {
	padding: 3.33em 0 0 0;
	overflow: hidden;
	position: absolute; 
	bottom: -.5em;
	right: 0;
}


/*** Menu ***/


#menu {
	width: 100%;
	height: 5em;
	background: url(gfx/bg-menu-3.png) bottom repeat-x #3694d1;
	border-top: 1px solid #367096;
	border-bottom: 1px solid #5c90b2;

}

#menu #badge {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
}

#menu div.content {
	height: 4em;
	/*background: url(gfx/bg-menu.png) center center;*/
	text-align: center;
	padding: 1.75em 0 0 0;
}

#menu a {
	color: white;
}

#menu ul {
	margin: 0 auto 0 auto;
	padding: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	display: inline;
	padding: .25em 2em;
	background: url(gfx/menu-divider.png) no-repeat center right;
	font-size: 1em;
}

#menu li.last {
	background: url(gfx/button-player.png) no-repeat center right;
	font-style: italic;
}

#menu li a:active, #menu li a:hover {	
	color: #cee6f1;
	background: none;
	border-bottom: 1px solid #e2007a;
}


/*** Main ***/

#main {
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 3.33em 0  3.33em 0;
	overflow: auto;
}

#main div.content {
	text-align: left;
}

#main h3 a {
	color: #333;
	border-bottom: 1px dotted #333;
}

#main a, #teaser a {	
	border-bottom: 1px dotted #666;
	color: #666;
}

#main a:hover, #main a:active, #teaser a:hover, #teaser a:active  {
	border-bottom: 1px solid #e2007a;
	background: white;
}

#main div.csc-textpic-imagewrap a {
	background: none;
	border: none;
}


/*** Fuss ***/

#fuss {
	width: 100%;
	margin: 0 auto 3.33em auto;
	clear:both;
	text-align: center;
	background: url(gfx/bg-footer.png) bottom repeat-x #3694d1;
	border-top: 1px solid #367096;
	border-bottom: 1px solid #5c90b2;
}

#partners {
	display: none;
}

#meta-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#meta-nav {
	width: 76.67em;
	margin: 0 auto 0 auto;
	overflow: auto;
	padding: 2em 0;
	text-align: left;
} 

#meta-1, #meta-2, #meta-3, #meta-4, #meta-5 {
	width: 12.33em;
	float: left;
}

#meta-2, #meta-3, #meta-4, #meta-5 {
	margin-left: 3.33em;
}

#meta-nav h3 {
	color: white;
}

#meta-nav li, #meta-nav p {
	display: block;
	font-size: .83em;
	color: #cee6f1;
	line-height: 1.25em;
	margin: 0 0 0.5em 0;
}

#meta-nav ul.bands li {
	margin: 0;
}

#meta-nav li a, #meta-nav p a {
	color: #cee6f1;
}

#meta-nav li a:active, #meta-nav li a:hover, #meta-nav p a:active, #meta-nav p a:hover {
	color: white;
	background: none;
	border-bottom: 1px solid #e2007a;
}

.bnnrs {
	width: 76.67em;
	margin: 0 auto 0 auto;
	overflow: auto;
	padding: 2em 0 0 0;
	text-align: left;
	clear: left;
}

.bnnrs div.csc-textpic {
	float: left;
	margin-right: 4em;
}

.bnnrs .csc-textpic-clear {
	clear: none;
}

.bnnrs div.csc-textpic img {
	background: none;
	border: none;
	padding: 0;
}

/*** Extensions ***/

/** tt_news **/

div.news-thumb img {
	padding: 5px;
	background: white;
	border: 1px solid #cddfef;
	margin: 0 0 0.5em 0;
}

#main div.news-thumb a {
	border: none;
	background: none;
}

div.news-thumb a:hover img, div.news-thumb a:active img {
	background: #e4ecf6;
}

p.archive-link {
	margin: 0 0 1.67em 0;
}

.tx-ttnews-browsebox {
	font-size: .92em;
}

/* News */

.latest-news, .latest-news .news-latest-item, .latest-news .news-list-item, .news-single-related .news-list-item, .in-our-heads .news-latest-item, .news-list-container {
	margin-bottom: 1.67em;
}

.news-single-related .news-list-container {
	height: 20em;
	overflow-x: hidden;
	overflow-y: scroll;
}

.latest-news p.bodytext, .latest-news p.morelink, p.newscat {
	display: inline;
	margin: 0;
}

.latest-news p.bodytext {
	margin-right: .5em;
}

.news-single-related p.newscat {
	font-size: 1em;
}

span.morelink {
	display: block;
}

/* Artists */

div.artists-list div.news-thumb img {
}

div.artists-list div.news-list-item {
	width: 16.67em;
	float: left;
	text-align: center;
	margin: 0 1.24em;
}

div.artists-list div.news-list-item p {
	margin: 0 0 2em 0;
}

/* Single */

div.single div.news-single-item {
	margin: 0 0 3.33em 0;
}

div.news-single-img {
	float: left;
	width: 16.67em;
	margin: 0 1.67em 0.5em 0;
}

div.news-single-img img {
	padding: 5px;
	background: white;
	border: 1px solid #cddfef;
}

div.news-single-video {
	margin-top: 1.67em;
}

.content .artist-single .latest-news .news-list-item, .content .artist-single .latest-news .news-list-container {
	margin-bottom: .5em;
}

div.artist-single div.tours {
	margin-bottom: 1.67em;
}

div.artist-single h3.otherdates {
	display: none;
}

div.artist-single .more-info .storylink {
	margin-right: .5em;
}

div.artist-single .more-info span {
	margin-left: .5em;
	padding-left: 9px;
	background: no-repeat center left;
}

div.artist-single .more-info span.fr {
	background-image: url(gfx/lang-fr.png);
}

div.artist-single .more-info span.ru {
	background-image: url(gfx/lang-ru.png);
}

div.artist-single .more-info span.it {
	background-image: url(gfx/lang-it.png);
}

div.artist-single .more-info span.de {
	background-image: url(gfx/lang-de.png);
}

div.artist-single .more-info span.cz {
	background-image: url(gfx/lang-cz.png);
}

/* Disco */

div.discography-list div.news-list-item, div.news-releases div.news-list-item {
	margin: 0 0 1.67em 0;
	min-height: 102px;
	overflow: auto;
}

div.featured-releases div.news-latest-item, div.news-releases div.news-latest-item {
	margin: 0 0 4em 0;
}

div.discography-list div.news-thumb, div.news-releases div.news-thumb {
	float: left;
}

div.discography-list div.news-thumb img, div.news-releases div.news-thumb img {
	padding: 0;
	background: none;
	border: 1px solid black;
	margin: 0 0.5em 0 0;
}

div.discography-list div.news-thumb a:hover img, div.discography-list div.news-thumb a:active img, div.news-releases div.news-thumb a:hover img, div.news-releases div.news-thumb a:active img {
	border: 1px solid #cddfef;
}

div.release-info {
	margin-left: 110px;
}

.discography p.news-list-morelink {
	margin-top: -.5em;
}

.discography #col-4 .news-list-browse {
	display: none;
}

div.purchase-links ul, div.purchase-links li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.purchase-links li {
	margin-left: 20px;
}

div.physical, div.digital {
	width: 10em;
	float: left;
	height: 2em;
	overflow: hidden;
	position: absolute;
	z-index: 200;
}

div.digital {
	margin-left: 8em;
	float: none;
	z-index:201;
}

div.physical:hover, div.digital:hover {
	height: auto;
	background: white;
	border: 1px solid #cddfef;
	padding: 1px 1px 4px 1px;
	z-index:202;
}
#main div.physical h4 {
	margin-right: .5em;
	padding:  5px 0 3px 20px;
	background: url(gfx/icon-buy-physical.png) no-repeat 1px center;
	border-bottom: none;
	color: #3694d1;
	font-weight: normal;
}

#main div.digital h4 {
	padding:  5px 0 3px 20px;
	background: url(gfx/icon-buy-digital.png) no-repeat center left;
	border-bottom: none;
	color: #3694d1;
	font-weight: normal;
}

#main p a.buy-digital:hover, #main p a.buy-physical:hover {
	color: #e2007a;
}

.discography p.backlink {
	clear: left;
	margin-top: 1em;
}

/* MP3 */

div.mp3 div.news-latest-item {
	margin: 0 0 4em 0;
	min-height: 102px;
}

div.mp3 div.news-thumb {
	float: left;
}

div.mp3 div.news-thumb img {
	padding: 0;
	background: none;
	border: 1px solid black;
	margin: 0 0.5em 0 0;
}

div.mp3 div.news-thumb a:hover img, div.mp3 div.news-thumb a:active img {
	border: 1px solid #cddfef;
}

div.mp3-info {
	margin-left: 110px;
}

div.mp3-info .news-single-video br {
	display: none;
}

div.mp3-info div.news-single-video {
	margin-top: 1em;
}

/* Sublabels */

div.sublabels div.news-list-item {
	margin: 0 0 1.67em 0;
	min-height: 82px;
}
div.sublabels div.news-thumb {
	float: left;
}

div.sublabels div.news-thumb img {
	padding: 0;
	background: none;
	border: 1px solid black;
	margin: 0 0.5em 0 0;
}

div.sublabels div.news-thumb a:hover img, div.sublabels div.news-thumb a:active img {
	border: 1px solid #cddfef;
}

/* Tours */

div.tours div.featured {
  background: url(gfx/bg-featured-event.png) no-repeat;
  min-height: 170px;
}

div.tours div.featured p {
  padding: 0 1em;
}

div.tours div.csc-textpic {
 margin-bottom: 1.67em;
}

div.tours .tx-seminars-pi1, div.tours .csc-linkToTop {
 margin-bottom: 1.67em;
}

/* Polaroid */

div.polaroids-list div.news-latest-item {
	margin: 0 0 1.67em 0;
}

#main div.polaroids-list div.news-latest-item h2 a {
	border: none;
}

#main div.polaroids-list div.news-latest-item h2 a:hover, #main div.polaroids-list div.news-latest-item h2 a:active {
	border-bottom: 1px solid #a1c7e8;
}

/*** rgsmoothgallery ***/

#main .jdGallery a {
	border: none;
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}


#main .jdGallery a.open:hover { border: none; background: url('/typo3conf/ext/rgsmoothgallery/res/css/img/open.png') no-repeat center center; background-color: transparent;}

* html #main .jdGallery a.open:hover { background: url('/typo3conf/ext/rgsmoothgallery/res/css/img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }

#gallery-ext-thumbs {
  margin-bottom: 1.67em;
}

#gallery-ext-thumbs .label {
  display:none;
}

.artist-single .carouselInner .thumbnail {
  float:left;
  padding-bottom:10px;
  margin-right: 9px;
}

.artist-single .news-single-item .tx-rgsmoothgallery-pi1 {
 margin: 0 1.67em .5em 0;
}

#main .jdGallery a.right:hover, #main .jdGallery a.left:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	background-color: transparent;
	border: none; 
}

#main .jdGallery a.left:hover {
	background: url('/typo3conf/ext/rgsmoothgallery/res/css/img/fleche1.png') no-repeat center left;
}

#main .jdGallery a.right:hover {
	background: url('/typo3conf/ext/rgsmoothgallery/res/css/img/fleche2.png') no-repeat center right;
}


.polaroid .tx-rgsmoothgallery-pi1 {
  float:left;
}
 
.polaroid #externalthumbs {
  float:right;
  width:200px;
}
 
.polaroid #externalthumbs .label {
  display:none;
}
.polaroid .carouselInner {
  width:205px;
}
 
.polaroid .carouselInner .thumbnail {
  float:left;
  padding-bottom:10px;
}


/*** FAQ ***/

#main .tx-irfaq-cleaner { clear: none; height: 1px; }


/*** Diverses ***/


.tx-seminars-pi1 ul, ul.artistslinks {
	list-style-type: none;
	padding: 0;
}

.tx-seminars-pi1 li, ul.artistslinks li {
	list-style-type: none;
	padding: 0;
	margin-bottom: .5em;
}

.tx-seminars-pi1 dl {
	margin-bottom: .5em;
}