/* styles for INTOXIK, fixed size centered in browser... */

/*
--------------------------
BODY, HTML
--------------------------
*/

html, body {
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#cccccc;
	text-transform:uppercase;
	margin:0;
	padding:0;
	background-color:#000000;
}

img {
	border:0;
}

/*
--------------------------
BOX-definitions...
--------------------------
*/
/*
#containerSite {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}

#containerMain {
	position:relative;
	left:50%;
	top:50%;
	height:430px;
	width:750px;
	margin:-228px 0 0 -375px ;
}
*/
/*
#outer {height: 100%; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align: left;}
#inner {height:430px;width:750px;margin-left: auto; margin-right: auto;}



#logo {
	position:relative;
	top:-15px;
	left:-27px;
	width:777px;
	height:34px;
}
*/
#inner {height:430px;width:750px;text-align:left;}

#logo {
  width:780px;
  height:50px;
}

#menue { /* menue on top of the site... */
	background-color:#101010;
	float:left;
	width:750px;
	height:30px;
}

#releases_list { float:left;position:relative; left:0px; top:7px; width:170px; height:360px; overflow:hidden; }
.scrolling { position:absolute; left:auto; top:auto; margin:0px; padding:0px; border:none; }

#menReleases { /* boxes in the middle row from left to right... */
	float: left;
	width:190px;
	height:370px;
	margin-top:20px;
	overflow:hidden;
}

/* box containing ul... */

.boxDates {
	width:190Px;
	height:370Px;
	margin:0;
	overflow:auto;
}

.scrollbar {
  float:right;
  width: 13px;
}

.divContListing {
	position:relative;
	left:0;
	top:0;
	width:160px;
	margin:0;
}

/* defs for the ul and li tags... */

ul.nameListing {
	text-align: left;
	margin:0;
	padding:0;
	text-decoration: none;
}

ul.nameListing li {
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}

ul.nameListing li.release_highlight {
	background-color: #202020;
}

ul.nameListing li:hover {
	background-color: #202020;
}

ul.nameListing li a {
	text-decoration: none;
	color: #999999;
}
ul.nameListing li a:hover {
	color: #eeeeee;
}


#contentCenter { /* this box shows the selected contents... */
	float: left;
	width:330px;
	height:370px;
	margin:20px 20px 20px 20px;
	overflow:hidden;
}

#datesNews {
	float:left;
	width:190px;
	height:370px;
	margin-top:20px;
	overflow:auto;
}

#footer { /* box on the bottom of the site... */
	float:left;
	width:750px;
	height:30px;
	margin-top:0;
}

#mmenueFooter {
	position:relative;
	top:-30px;
	left:650px;
	width:200px;
	height:30px;
}

/* all seperated box-background-colours... */

#menReleases, #contentCenter, #datesNews, #footer {
	background-color:#101010;
}

#submenContent {
	background-color:#ababab;
}

#tblMenue {
	text-transform:uppercase;
	padding:0;
	height:30px;
	font-size: 11px;
}

#tblMenueFooter { /* table with menue-items... */
	font-size:11px;
	color:#666666;
	text-transform:uppercase;
	text-align:left;
}
#tblFooterMenueRight {
	font-size:11px;
	color:#666666;
	text-transform:uppercase;
	text-align:left;
}

#tblRelEntry { /* table with menue-items... */
	text-transform:uppercase;
	padding-left:5px;
}

#tblRelEntry:hover { /* table releases: mouseOver for FF */
	background-color:#d0d0d0;
}

#tblDates { /* table with menue-items... */
	text-transform:uppercase;
	padding-left:5px;
}

#tblDates:hover { /* table releases: mouseOver for FF */
	background-color:#d0d0d0;
}

#tblLogoLinks {
	color:#000000;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
	line-height:12px;
}

/* spacer to fit with the 'design'... */

.spacerBottom, .spacerTop {
	height:20px;
}
div.spacerLine {
	height:10px;
}

/*
--------------------------
TEXT-definitions...
--------------------------
*/

.relArtist {
	font-size:10px;
	color:#cccccc;
	/*font-weight:bold;*/
}
.relAlbum {
	font-size:10px;
	color:#999999;
	font-weight:bold;
}
.relCatalog {
	font-size:9px;
	line-height:15px;
	color:#666666;
}
tr.headline {
  background-color: #202020;
}

.datesHL {
	font-size:10px;
	color:#cccccc;
	font-weight:bold;
}
.eventDate {
	font-size:10px;
	color:#cccccc;
	font-weight:bold;
}
.eventName {
	font-size:10px;
	color:#999999;
	font-weight:bold;
}
.eventLocation {
	font-size:10px;
	color:#777777;
}
.newsName {
	font-size:10px;
	color:#666666;
	font-weight:bold;
}
.newsTarget {
	font-size:10px;
	color:#777777;
}
.trackInfoBarMenue {
	font-size:11px;
	color:#666666;
	text-transform:uppercase;
}
/*
.dateDate {
	font-size:10px;
	color:#333333;
}
.dateArtist {
	font-size:10px;
	color:#666666;
	font-weight:bold;
}
.dateLocation {
	font-size:9px;
	line-height:15px;
	color:#888888;
}
*/

/*
--------------------------
LINK- and INPUT-definitions...
--------------------------
*/

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}

a.relInfoBar:link, a.relInfoBar:visited, a.relInfoBar:hover, a.relInfoBar:active {
	color:#666666;
	text-decoration:none;
}

a.mmenue:link, a.mmenue:visited, a.mmenue:hover, a.mmenue:active {
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

a.noChange:link, a.noChange:visited, a.noChange:hover, a.noChange:active {
	color:#eeeeee;
	text-decoration:none;
}

a.mmenueFooter:link, a.mmenueFooter:visited, a.mmenueFooter:hover, a.mmenueFooter:active {
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

input.formInputTextSearch {
	height:10px;
	font-size:10px;
	text-transform:none;
	background-color:#ffffff;
	border:0 solid;
}

form { /* necessary for IE... */
	margin:0;
	padding:0;
}