body {
color : #333333;
background-color : black;
font-size : 14px;
font-family : Verdana, sans-serif;
font-variant : normal;
font-weight : normal;
line-height : normal;
font-style : normal;
margin : 0;
padding : 0;
width: 100%;
height: 100%;
background : url(../design/bg.jpg);
}
img {
border : 0;
}
.clear_front {
clear:both;
}
a:link {
color : #990000;
text-decoration : none;
font-size : 1em;
font-weight : normal;
}
a:visited {
color : #990000;
font-size : 1em;
}
a:focus {
color : #990000;
font-size : 1em;
}
a:hover {
color : black;
font-size : 1em;
}
a:active {
color : black;
font-size : 1em;
}
.clear {
clear:both;
}

/* ############################################# */
/* TABELLEN UND FORMULARE */
/* ############################################# */
input, text, select, textarea {
padding: 1px 3px 1px 3px;
background: white;
border: 1px solid #990000;
color: black;
}
.form_big {
width: 400px;
}

.form_small_2 {
width: 95%;
}
.submit {
padding: 1px 20px 1px 20px;
background: #990000 url(../design/icons/info.png);
border: 1px solid gray;
color: black;
font-weight: bold;
margin: 20px;
}
.submit:hover {
border: 1px solid #990000;
}
.radio {
background: transparent;
border: 0;
margin-right: 5px;
}
table {
width: 400px;
margin: 0 0 0 30px;
padding: 0;
}
table th{
margin: 0;
padding: 20px 0 1px 0;
text-align: left;
}



.clear {
clear: both;
}
/* ############################################# */
/* HAUPTELEMENTE */
/* ############################################# */
#wrapper {
text-align : left;
margin : 0 auto;
padding : 0;
border : 0;
}
#main_wrapper {
background : url(../design/sides.gif) no-repeat;
background-position : 50% 0;
height : 823px;
margin : 0;
padding : 0;
}
#main{
padding : 0;
width: 760px;
margin: 0 auto;
}
#main_header {
margin: 0;
padding : 0;
width: 759px;
height: 439px;
background : transparent;
}
#main_header_top {
margin: 0;
padding : 0;
width: 759px;
height: 153px;
background : url(../design/header.gif);
}
#partner {
margin: 180px 0 0 520px;
padding : 0;
height: 110px;
width: 220px;
background : black;
position: absolute;
overflow: hidden;
border: 1px solid #990000;
}
#partner img {
border: 1px solid black;
}
#main_header_info {
margin: 0;
padding : 0;
width: 759px;
height: 152px;
background : url(../design/header_info.jpg);
}
#main_header_info img{
margin: 12px 0 0 47px;
}
#main_header_navi {
margin: 0;
padding : 0;
width: 759px;
height: 134px;
}
#main_header_sub {
margin: 0;
padding : 0;
width: 759px;
height: 21px;
background : url(../design/header_sub.jpg);
}
#newsletter table{
width: 200px;
margin: 0;
padding : 0;
position: relative;
top: -40px;
margin-left: 16px;
z-index: 100;
}
*html #newsletter{
position: absolute;
top: 470px;
}
#newsletter .noBorder{
border: 0;
background: transparent;
}

#main_content {
margin: 0;
padding : 0;
width: 759px;
height: 100%;
background : url(../design/content.jpg) repeat;
}
#main_content_left {
margin: 0;
padding : 0;
width: 500px;
float: left;
}
*html #main_content_left {
margin: 0;
padding : 0;
float: left;
}
#main_content_left p {
margin: 0;
padding: 0 40px 0 30px;
}
#main_content_left ul li {
margin: 10px 0 0 10px;
padding: 0;
}
#main_content_left ul li p{
margin: 0;
padding: 0 40px 0 0;
}
#main_content_left h1{
margin: 5px 0 -10px 30px;
padding : 0;
left: 30px;
}
#main_header_sub_mp3{
margin: 0;
padding : 0;
position: relative;
top: -60px;
left: 330px;
z-index: 100;
}
#main_content_left h3 {
margin: 15px 0 0 0;
font-size: 1.3em;
padding: 0 35px 0 30px;
color: #990000;	
}
#main_content_left h2 {
margin: 20px 40px 0 30px;
font-size: 1.4em;
padding: 0;
border-bottom: 2px solid #990000;
}
.date {
margin: 0 0 10px 0;
font-size: 0.8em;
padding: 0 35px 0 30px;
color: gray;	
}
#main_content_left .small_link {
font-size: 0.8em;
text-align: right;	
}
#main_content_left .teaser_trigger {
display: none;
}
#main_content_right {
margin: 0 0 0 500px;
padding: 0;
width: 250px;
}
#main_content_right p {
margin: 0;
padding: 0 20px 0 12px;
}
.lightbox img {
border: 1px solid #990000;
margin-bottom: 5px;
}
#main_content_right h2 {
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}
#main_content_right h4 {
font-size: 1em;
color: #990000;
margin: 20px 0 5px 10px;
padding: 0;
}
#main_bottom {
margin: 0;
padding : 0;
width: 759px;
height: 17px;
background : url(../design/bottom.jpg) repeat;
}
#main_bottom_sub{
margin: 0;
padding : 0;
width: 759px;
height: 50px;
background : transparent;
}
#main_bottom_sub p{
margin: 10px 0 0 0;
padding : 0;
width: 759px;
text-align: center;
}
#main_bottom_sub a:hover{
color: white;
}




/* ############################################# */
/* NAVI UND DESSEN INFO BILDER */
/* ############################################# */
a.navi, a.navi:visited { display: inline; height: 134px; float: left; position: relative; outline: none; }
a.navi_home { background: transparent url('../design/navi_home.jpg'); width: 151px; }
a.navi_shows { background: transparent url('../design/navi_shows.jpg'); width: 121px; }
a.navi_bands{ background: transparent url('../design/navi_bands.jpg'); width: 117px; }
a.navi_links { background: transparent url('../design/navi_links.jpg'); width: 117px; }
a.navi_contact{ background: transparent url('../design/navi_contact.jpg'); width: 122px; }
a.navi_what { background: transparent url('../design/navi_what.jpg'); width: 131px; }
a.navi span { border:0; overflow: hidden; background: transparent; visibility: hidden; display: block; position: absolute; width: 129px; height: 53px; top: -140px; }

a.navi_home span { left: 47px;}
a.navi_shows span { left: -104px;}
a.navi_bands span { left: -225px;}
a.navi_links span { left: -342px;}
a.navi_contact span { left: -459px;}
a.navi_what span { left: -581px;}

a.navi:hover { border: 0; white-space: normal; z-index: 100; }
a.navi:hover span { visibility: visible; z-index: 100; }
a.navi:hover span img { border: 0; margin: 0; position: relative; z-index: 100; }
a.navi:active, a.navi:focus { border: 0; z-index: 10; outline: none;}
a.navi:active span, a.navi:focus span { visibility: visible; z-index: 10; outline: none;}
a.navi:active span img, a.navi:focus span img { border: 0; margin: 0; position: relative; z-index: 10; outline: none;}




/* ############################################# */
/* JS INFO */
/* ############################################# */
#js_info {
position: relative;
top: 0px;
width: 100%;
height: 25px;
border-bottom: 1px solid gray;
background: silver url("../design/icons/info.png");
z-index: 1000000000;
font-size: 1em;
}
#js_info img{
margin: 2px 0 0 10px;
}
#js_info span{
position: relative;
top: -4px;
}

/* ############################################# */
/* TOOLTIPS */
/* ############################################# */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: silver;
	padding: 8px 8px 4px;
	background: url(../design/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../design/bubble.png) bottom right;
}
.backToTop {
position: relative;
top: -18px;
left: 450px;
}

/* ############################################# */
/* INFO UDN ERROR MESSAGES */
/* ############################################# */
h3 img {
position: relative;
top: 3px;
left: -5px;
}



/* ############################################# */
/* PAGES */
/* ############################################# */
.pages {
display: inline;
float:right;
margin: 10px 40px 0 0;
}
.pages span{
font-size: 0.8em;
background-color: white;
border: 1px solid #990000;
padding: 3px 5px 3px 5px;
margin: 0;
}
*:first-child+html .pages span{
position: relative;
bottom: 3px;
margin: 0;
}
*html .pages span{
position: relative;
bottom: 3px;
margin: 0;
}
.pages span:hover{
font-size: 0.8em;
background-color: white;
border: 1px solid black;
padding: 3px 5px 3px 5px;
color: black;
}
.active {
font-weight: bold;
}



/* ############################################# */
/* FEHLERSEITEN */
/* ############################################# */
#site {
height: 100%;
background: white;
width: 600px;
padding: 20px;
margin: 0 auto;
}



/* ############################################# */
/* ICONIZE*/
/* ############################################# */
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../design/icons/iconize/icon_music.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../design/icons/iconize/icon_mailto.gif) no-repeat center right;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../design/icons/iconize/icon_archive.gif) no-repeat center right;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../design/icons/iconize/icon_pdf.gif) no-repeat center right;
}
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../design/icons/iconize/icon_film.gif) no-repeat center right;
}
a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../design/icons/iconize/icon_doc.gif) no-repeat center right;
}