@charset "utf-8";
 /* CSS Document */
html {
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
}
body {
	background: url(img/bg_page.jpg);
}
* {
	outline: none;
}
a {
	color: #ffdd00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
/*Txt*/
.smalltxt {
	font-size: 10px;
}
.txt-img {
	padding: 0 20px 0 20px;
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 20px 0;
}
.txt-img2 {
	position: relative;
	padding: 0 20px 0 20px;
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 20px 0;
}
#contentR .txt-img2 {
	position: relative;
	padding: 0 20px 0 20px;
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 0 0;
}
img {
	border: 2px solid #444444;
	margin: 0 0 20px 0;
}
.txt-img img.artlogo{
	border: none;
	float: right;
	margin: -15px 0 0 0;
}
.txt-img img {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #444444;
	margin: -10px 0 0 -20px;
}
.txt-img2 img {
	border-left: none;
	border-right: none;
	border-top: none;
	margin: 0 0 -5px -20px;
}
*html .txt-img img.newsimg {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #444444;
	margin: -18px -20px 0 -20px;
	width: 471px;
}
.teaser {
	margin: 0 0 20px 0;
}
h1 {
	font-size: 14px;
	text-transform: uppercase;
	color: #ffdd00;
	margin-top: 15px;
	margin-bottom: 15px;
}
h1 a.current  {
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 15px;
}
h2, h3 {
	font-size: 14px;
	text-transform: uppercase;
}
/*Mainparts*/
#wrap {
	background: url(img/bg_content.png) repeat-y;
	position: relative;
	width: 780px;
	margin: 55px auto 0 auto;
	border: 2px solid #000;
}
*html #wrap {
	background: url(img/bg_content.jpg) repeat-y;
	position: relative;
	width: 780px;
	margin: 55px auto 0 auto;
	border: 2px solid #000;
}
#head {
	height: 160px;
	border-bottom: 2px solid #000;
}
#nav1st {
	background: url(img/bg_nav1st.jpg) repeat-x;
	height: 17px;
	border-bottom: 2px solid #000;
	padding: 3px 0 0 40px;
}
#nav2nd {
	background: url(img/bg_nav2nd.jpg) repeat-x;
	height: 17px;
	border-bottom: 2px solid #000;
	padding: 3px 40px 0 40px; 
}
#content {
	border-bottom: 2px solid #000;
	min-height: 300px;
	padding: 20px 20px 20px 20px;
}
*html #content {
	border-bottom: 2px solid #000;
	height: 300px;
	padding: 20px 40px 40px 40px;
}
#contentL {
	width: 500px;
}
*html #contentL {
	width: 475px;
}
#contentR {
	width: 222px;
	position: absolute;
	right: 20px;
	top: 226px;
}
#footer {
	background: url(img/bg_footer.jpg) repeat-x;
	height: 16px;
	color: #fff;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 4px 5px 0 0;
}
#footer a {
	color: #fff;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.logo {
	background: url(visuals/header.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	height: 160px;
}
/*Navigation*/
#nav1st ul li, #nav1st ul, #nav2nd ul li, #nav2nd ul {
	display: inline !important;
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
}
#nav1st ul li a, #nav2nd ul li a {
	color: #fff;
}
.nav3rd {
	display: none;
}
#nav1st ul li {
	display: inline;
}
#nav1st a, #nav2nd a {
	text-indent: -5000px;
	display: block;
	float: left !important;
	margin: -3px 20px 0 0;
	height: 20px;
}
a.News {
	background: url(img/nav/news.png) no-repeat;
	background-position: 0 -20px;
	width: 40px;
}
a.currentNews, a.News:hover {
	background: url(img/nav/news.png) no-repeat;
	background-position: 0 0;
	width: 40px;
}
a.Newsarchiv {
	background: url(img/nav/newsarchiv.png) no-repeat;
	background-position: 0 -20px;
	width: 94px;
}
a.currentNewsarchiv, a.Newsarchiv:hover {
	background: url(img/nav/newsarchiv.png) no-repeat;
	background-position: 0 0;
	width: 94px;
}
a.Artists {
	background: url(img/nav/artists.png) no-repeat;
	background-position: 0 -20px;
	width: 59px;
}
a.currentArtists, a.Artists:hover {
	background: url(img/nav/artists.png) no-repeat;
	background-position: 0 0;
	width: 59px;
}
a.Video {
	background: url(img/nav/videos.png) no-repeat;
	background-position: 0 -20px;
	width: 50px;
}
a.currentVideo, a.Video:hover {
	background: url(img/nav/videos.png) no-repeat;
	background-position: 0 0;
	width: 50px;
}
a.Media {
	background: url(img/nav/media.png) no-repeat;
	background-position: 0 -20px;
	width: 45px;
}
a.currentMedia, a.Media:hover {
	background: url(img/nav/media.png) no-repeat;
	background-position: 0 0;
	width: 45px;
}
a.Merch {
	background: url(img/nav/merch.png) no-repeat;
	background-position: 0 -20px;
	width: 59px;
	margin-left: 15px !important;
}
a.currentMerch, a.Merch:hover {
	background: url(img/nav/merch.png) no-repeat;
	background-position: 0 0;
	width: 59px;
}
a.Skins {
	background: url(img/nav/skins.png) no-repeat;
	background-position: 0 -20px;
	width: 59px;
	margin-left: 15px !important;
}
a.currentSkins, a.Skins:hover {
	background: url(img/nav/skins.png) no-repeat;
	background-position: 0 0;
	width: 59px;
}
a.Shop {
	background: url(img/nav/shop.png) no-repeat;
	background-position: 0 -20px;
	width: 35px;
	margin-right: 0 !important;
}
a.currentShop, a.Shop:hover {
	background: url(img/nav/shop.png) no-repeat;
	background-position: 0 0;
	width: 35px;
	margin-right: 0 !important;
}
a.Forum {
	background: url(img/nav/forum.png) no-repeat;
	background-position: 0 -20px;
	width: 46px;
}
a.currentForum, a.Forum:hover {
	background: url(img/nav/forum.png) no-repeat;
	background-position: 0 0;
	width: 46px;
}
a.Kontakt {
	background: url(img/nav/kontakt.png) no-repeat;
	background-position: 0 -20px;
	width: 64px;
}
a.currentKontakt, a.Kontakt:hover {
	background: url(img/nav/kontakt.png) no-repeat;
	background-position: 0 0;
	width: 64px;
}
a.Releases {
	background: url(img/nav/releases.png) no-repeat;
	background-position: 0 -20px;
	width: 71px;
}
a.currentReleases, a.Releases:hover {
	background: url(img/nav/releases.png) no-repeat;
	background-position: 0 0;
	width: 71px;
}
a.Dates {
	background: url(img/nav/dates.png) no-repeat;
	background-position: 0 -20px;
	width: 43px;
}
a.currentDates, a.Dates:hover {
	background: url(img/nav/dates.png) no-repeat;
	background-position: 0 0;
	width: 43px;
}
a.Supporter {
	background: url(img/nav/support.png) no-repeat;
	background-position: 0 -20px;
	width: 79px;
}
a.currentSupporter, a.Supporter:hover {
	background: url(img/nav/support.png) no-repeat;
	background-position: 0 0;
	width: 79px;
}
a.Jonesmann {
	background: url(img/nav/jonesmann.png) no-repeat;
	background-position: 0 -20px;
	width: 82px;
}
a.currentJonesmann, a.Jonesmann:hover {
	background: url(img/nav/jonesmann.png) no-repeat;
	background-position: 0 0;
	width: 82px;
}
a.Haftbefehl {
	background: url(img/nav/haftbefehl.png) no-repeat;
	background-position: 0 -20px;
	width: 89px;
}
a.currentHaftbefehl, a.Haftbefehl:hover {
	background: url(img/nav/haftbefehl.png) no-repeat;
	background-position: 0 0;
	width: 89px;
}
a.Blaze {
	background: url(img/nav/blaze.png) no-repeat;
	background-position: 0 -20px;
	width: 45px;
}
a.currentBlaze, a.Blaze:hover {
	background: url(img/nav/blaze.png) no-repeat;
	background-position: 0 0;
	width: 45px;
}
a.Twin {
	background: url(img/nav/twin.png) no-repeat;
	background-position: 0 -20px;
	width: 37px;
}
a.currentTwin, a.Twin:hover {
	background: url(img/nav/twin.png) no-repeat;
	background-position: 0 0;
	width: 37px;
}
a.Lex {
	background: url(img/nav/lex.png) no-repeat;
	background-position: 0 -20px;
	width: 91px;
}
a.currentLex, a.Lex:hover {
	background: url(img/nav/lex.png) no-repeat;
	background-position: 0 0;
	width: 91px;
}
a.mp3 {
	background: url(img/nav/mp3.png) no-repeat;
	background-position: 0 -20px;
	width: 28px;
}
a.currentmp3, a.mp3:hover {
	background: url(img/nav/mp3.png) no-repeat;
	background-position: 0 0;
	width: 28px;
}
a.wallpapers {
	background: url(img/nav/wallpapers.png) no-repeat;
	background-position: 0 -20px;
	width: 92px;
}
a.currentwallpapers, a.wallpapers:hover {
	background: url(img/nav/wallpapers.png) no-repeat;
	background-position: 0 0;
	width: 92px;
}
a.Echte {
	background: url(img/nav/echtetv.png) no-repeat;
	background-position: 0 -20px;
	width: 121px;
}
a.currentEchte, a.Echte:hover {
	background: url(img/nav/echtetv.png) no-repeat;
	background-position: 0 0;
	width: 121px;
}
a.Yassir {
	background: url(img/nav/yassir.png) no-repeat;
	background-position: 0 -20px;
	width: 50px;
}
a.currentYassir, a.Yassir:hover {
	background: url(img/nav/yassir.png) no-repeat;
	background-position: 0 0;
	width: 50px;
}
a.Support {
	background: url(img/nav/banner.png) no-repeat;
	background-position: 0 -20px;
	width: 55px;
}
a.currentSupport, a.Support:hover {
	background: url(img/nav/banner.png) no-repeat;
	background-position: 0 0;
	width: 55px;
}
a.Musikstore {
	background: url(img/nav/musikstore.png) no-repeat;
	background-position: 0 -20px;
	width: 89px;
}
a.currentMusikstore, a.Musikstore:hover {
	background: url(img/nav/musikstore.png) no-repeat;
	background-position: 0 0;
	width: 89px;
}
*html #nav1st ul li a, *html #nav1st a, *html #nav2nd ul li a {
	background: none;
	text-indent: 0;
	color: #999;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 2px;
	height: 15px;
	text-decoration: none;
}
*html #nav1st ul li a.currentNews,
*html #nav1st ul li a.currentArtists,
*html #nav1st ul li a.currentMedia,
*html #nav1st ul li a.currentKontakt,
*html #nav1st ul li a.currentReleases,
*html #nav1st ul li a.currentDates,
*html #nav1st ul li a.currentSupporter,
*html #nav1st ul li a.currentForum,
*html #nav1st ul li a.currentShop,
*html #nav2nd ul li a.currentJonesmann,
*html #nav2nd ul li a.currentBlaze,
*html #nav2nd ul li a.currentTwin,
*html #nav2nd ul li a.currentYassir,
*html #nav2nd ul li a.currentLex,
*html #nav2nd ul li a.currentBlaze,
*html #nav2nd ul li a.currentmp3,
*html #nav2nd ul li a.currentwallpapers,
*html #nav2nd ul li a.currentEchte,
*html #nav2nd ul li a.currentSupport,
*html #nav2nd ul li a.currentMusikstore,
*html #nav1st ul li a:hover, 
*html #nav1st a:hover, 
*html #nav2nd ul li a:hover {
	text-decoration: none;
	color: #fff;
}

/*News*/
#newsletter {
	border: 2px solid #444444;
	background: url(img/newsletter_bg.jpg) repeat;
	margin: 0 0 10px 0;
}
#newsletteroff {
	width: 280px;
	border: 2px solid #444444;
	background: url(img/newsletter_bg.jpg) repeat;
}
#newsletter h3 {
	background: #ffdd00;
	color: #000;
	margin: 0 0 5px 0;
	padding: 10px 20px;
}
#newsletter p {
	margin: 0;
	padding: 3px 20px;
}
label {
	float: left;
	width: 70px;
	margin: 0;
}
input {
	width: 90px;
	margin: 0;
	padding: 0;	
}
#submit {
	border: 2px solid #444444;
	background: url(img/newsletter_bg.jpg) repeat-y;
	color: #fff;
	width: 60px;
	margin: 0 0 0 70px;
	cursor: pointer;
}
#submit:hover {
	color: #ffdd00;
}
.erorr {
	color: #ffdd00;
}
/*Sonstiges*/
#playerkl {
	margin: -20px;
}
.mplayer {
	position: relative;
}
.mplayer p {
	padding: 2px 20px 2px 45px;
	margin: 10px 0 0 0;
	position: relative;
}
.mplayer object {
	position: absolute;
	top: 1px;
	left: 20px;
}
*html .mplayer object {
	position: absolute;
	top: 1px;
	left: -20px;
}
.release {
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	padding: 0 20px 0 20px;
	margin: 0 20px 20px 0;
	width: 455px;
}
.release table, .release table tr, .release table tr td {
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}
.release table tr td p.txt {
	width: 300px;
	margin: 0 0 0 20px;
	padding: 0;
	vertical-align: top;
	text-align: left;
	}
#cover {
	position: absolute;
	top: 0;
	left: 0;
	padding: 17px 17px 0 22px;
	height: 130px;
}
#cover img {
	border: 2px solid #444444;
}
#cover a {
	margin: 0;
	padding: 0;
}
.teaserNavB {
	position: absolute;
	top: 65px;
	left: 5px;
}
.teaserNavN {
	position: absolute;
	top: 65px;
	right: 0;
}
#cover .teaser {
	height: 130px;

}
.teaserNavB a, .teaserNavB a:hover, 
.teaserNavN a, .teaserNavN a:hover {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
/*Formulare*/
#form-exhibitor {
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 20px 0;
}
fieldset {
	border: none;
	padding: 20px 20px 20px 20px;
}
.element {
	margin: 0 0 0 0;
}
textarea {
	width: 309px;
}
.abschicken {
	margin: 0 0 50px 70px;
	font-size: 10px;
}
a.myspace {
	display: block;
	text-indent: -5000px;
	background: url(img/myspace.gif) no-repeat;
	width: 220px;
	height: 39px;
	border-left: 2px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	margin: 0 0 20px 0;
	padding: 0;
}
a.amazon {
	display: block;
	text-indent: -5000px;
	background: url(img/amazon.jpg) no-repeat;
	width: 218px;
	height: 39px;
	border-left: 2px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	margin: 0 0 -2px 0;
	padding: 0;
}
a.musicload {
	display: block;
	text-indent: -5000px;
	background: url(img/musicload.jpg) no-repeat;
	width: 218px;
	height: 39px;
	border-left: 2px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	margin: 0 0 -2px 0;
	padding: 0;
}
a.itunes {
	display: block;
	text-indent: -5000px;
	background: url(img/itunes.jpg) no-repeat;
	width: 218px;
	height: 39px;
	border: 2px solid #444444;
	margin: 0 0 -2px 0;
	padding: 0;
}

p.musikeinzeln {
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 20px 0;
}
/*Formular*/
/* Formular Definition */
/* Div das das Formular umschließt */
.formgen {
	padding: 20px;
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 20px 0;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
	cursor: pointer;
}
input[type=submit]
{
	font-size: 10px !important;
}



.formgen form
{
line-height : 120%;

}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 2px solid #444444;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
#form-module-thanks {
	padding: 0 20px 0 20px;
	border: 2px solid #444444;
	background: url(img/bg_element.gif) repeat;
	margin: 0 0 20px 0;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	margin-left: 0;
	border: 2px solid #444444;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	margin-left: -100px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 2px solid #444444;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: #ffffff;	
	border: 2px solid #444444;
}



/* Label */
.formgen label {
	width: 210px;
	clear: left;
	float: left;
	height: 20px;
	
	
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #ffffff;
	margin-left: -100px;
	color: #000000;
	border: 2px solid #444444;
	width: 200px;
}

/* Sende-Button */
.formgen .formsubmit
{
	text-align: center;
	background-color: #000000;
	border: 2px solid #444444;
	float: right;
	color: #ffffff;
}
.formgen .formsubmit:hover,
.formgen .formsubmit:active
{
	text-align: center;
	background-color: #000000;
	border: 2px solid #444444;
	float: right;
	color: #ffffff;
}

/* Fieldsetbeschriftung */
.formgen legend {
	font-size: 14px;
	text-transform: uppercase;
	color: #ffdd00;
	margin: 5px 0;
	font-weight: bold;
}
*html .formgen legend,
html * .formgen legend {
	font-size: 14px;
	text-transform: uppercase;
	color: #ffdd00;
	margin: -20px 0 10px -8px;
	font-weight: bold;
}

/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 2px;
	color: #444444;
}

.formgen .formcaptcha
{
	border: 2px solid #44444;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
table.spalte {
	width: 500px;
}
.column {
	padding: 0 20px 0 0;
}
.banner img{
	display: inline;
}
.ada {
	width: 490px;
	background: #999;
	border: 2px solid #444;
	padding: 10px;
	margin: 10px;
}
*html .ada {
	width: 250px;
	background: #999;
	border: 2px solid #444;
	padding: 0;
	margin: 0;
}
*html table,
*html table tr,
*html table tr td
{
	margin: 0;
	padding: 0;
}
img.poslinks {
	margin-right: 10px;
	border-right: 2px solid #444;
}
span.poslinks {
	position: absolute;
	right: 20px;
	width: 250px;
}