body { 
   background-color: #000000;
   color: white;
   font-family: Verdana, sans-serif;
	text-align: center;
}

a:link { 
    text-decoration: underline;
	 color: #ffffff;
}
        
a:visited { 
    text-decoration: underline;
	 #color: #000000;
	 color: #ffffff;
}

a:hover { 
    text-decoration: underline;
	 color: #ff0000;
}

/* mit UL kein margin-left oder padding-left 
   definieren, da mozilla und ie, das ganze jeweils
	andersrum loesen :) 
   den margin-left erst in "ul.nav li"  definieren
*/

ul.nav {
   position: absolute;
   margin-top: 352px;
}

ul.nav li {
   list-style-type: none;
	line-height: 1.2em;
	/* ist eigentlich 74px vom rand der grafik
	   entfernt, aber so kommt das ganze wenigstens
		an die optik hin, wie es soll
   */
   margin-left: 50px;
	font-size: 10px;
	/* damit schmeisst er alles uebereinander
	display: inline; 
   */
}

/* links in der navigationsleiste */
ul.nav a:link {
   text-decoration: none;
}

ul.nav a:visited {
   text-decoration: none;
}

ul.nav a:hover {
   text-decoration: none;
	color: #ff0000;
}

div.centering {
   width: 975px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px;
	text-align:left;
}

/*div.left {
   position: absolute;
   background-image: url(interviews_left_250.jpg);
   width: 248px;
   height: 752px;
	border: 0px;
}

div.right {
   position: absolute;
   margin-left: 248px;
   background-image: url(/sxs/right_727.jpg);
   width: 727px;
   height: 752px;
	border: 0px;
}*/

div.update {
   position: absolute;
	margin-left: 865px; /* eigentlich 874 */
	margin-top: 180px;
	text-align:left;
	width: 125px;
	font-size: 10px;
}

/* fuer previous / next */
div.bottom {
	position: absolute;
	margin-top: 550px;
	width: 525px;
	text-align: center;
	font-size: 10px;
}
 
/* fuer video-header */
.head {
   /*height: 26px;*/
   background-color: black;
   text-align: left;
	font-size: 10px;
}

.head th {
	color: black;
   background-color: #646464;
	font-weight: bold;
   text-align: left;
}

.head td {
   text-align: left;
}

div.itemize {
   position: absolute;
   margin-top: 184px;
}

div.item {
   width: 525px;
	height: 52px;
	margin-top: 26px;
	background-color: black;
	text-align: left;
}


/* thumbnail-klasse fuer thumbnail ansicht bei der pictures.php */
/* 02.01.05 */
.thumbnail {
	float: left;
	width: 80px;
	height: 80px;
	border: solid 1px #999;
} 

.thumbnail a {
   text-decoration: none;
	color: #999;
}

.thumbnail a:link {
   text-decoration: none;
}

.thumbnail a:hover {
   text-decoration: none;
}

.thumbnail a:visited {
   text-decoration: none;
}

/* aus dem floating tutorial von css.maxspeed.au oder so */

.clearboth {
   clear: both;
}

.tn_row {
   width: 525px;
}

/* platzierung der thumbnails */
/* kleine schrift bei der thumbnail ansicht fuer konzertort */
.tn_show {
   position: absolute;
	margin-top: 158px;
	width: 525px;
	font-size: 10px;
}

.tn_bottom {
	position: absolute;
	margin-top: 550px;
	width: 400px;
	text-align: center;
	font-size: 10px;
}

.tn_bottom a {
	text-align: center;
	text-decoration: none
	font-size: 10px;
}

.tn_bottom a:visited {
	text-decoration: none
}

.pic_show {
   position: absolute;
	margin-top: 158px;
	width: 525px;
	font-size: 10px;
}
	
/* video stuff */
.show {
   position: absolute;
	margin-top: 125px;
	width: 525px;
	font-size: 10px;
	text-align: left;
	color: #afafaf;
}

.show a {
	font-size: 10px;
	text-decoration: none;
}

.show a:visited {
	text-decoration: none;
}

.show table {
   text-align: center;
	font-size: 10px;
	width: 525px;
}

.show_pictures {
   text-align : center;
}
.show_header {
   margin-bottom: 10px;
}

.vid_bottom {
	/*position: absolute;
	margin-top: 550px;*/
	width: 525px;
	text-align: center;
	font-size: 10px;
}

/* width ist wichtig hier ohne das spinnen die ganzen scheiss
   teile rum und jeder browser macht was er will :( */

.video {
	width: 525px;
	margin-bottom: 10px;
}

.video_pic {
	float: left;
	margin-right: 10px;
	/*border: solid 1px #999;*/
	width: 110px;
	height: 90px;
}

.video_txt {
   float: left;
   clear: right;
	background-color: black;
	width: 390px; /* 525px - 110px - 10px */
	height: 90px;
	text-align: left;
}

.video_pic a {
   text-decoration: none;
	color: #999;
}

.video_pic a:link {
   text-decoration: none;
}

.video_pic a:hover {
   text-decoration: none;
}

.video_pic a:visited {
   text-decoration: none;
}

/* fuer die reviews kann man einiges von den videos benutzen */
.review_pic {
	float: left;
	margin-right: 10px;
	/*border: solid 1px #999;*/
	width: 60px;
	height: 60px;
}

.review_txt {
   float: left;
   clear: right;
	background-color: black;
	width: 450px; /* 525px - 60px - 10px - 5px (extra??)*/
	height: 60px;
	text-align: left;
	color: #afafaf;
}

/* voll text */
.review_full {
   float: left;
	width: 370px;
	text-align: left;
	color: #afafaf;
}

.review_right {
   padding-left: 10px;
   float: right;
	clear: right;
	width: 170px;
	text-align: left;
}

.review_rating {
   padding-top: 5px;
   padding-left: 10px;
   float: right;
	clear: right;
	width: 170px;
	text-align: left;
}

.review_tracklist {
   padding-top: 5px;
   padding-left: 10px;
   line-height: 1.3em;
   float: right;
	clear: right;
	width: 170px;
	text-align: left;
}

.review_width {
	width: 550px;
}

.lyrics_full {
   float: left;
	width: 320px;
	text-align: left;
}

.lyrics_right {
   padding-left: 10px;
   float: right;
	clear: right;
	width: 210px;
	text-align: left;
}

/* fuer die news schlagzeilen */
.news_head {
   padding-bottom: 5px;
   text-align:left;
   font-weight: bold;
}

.news_item {
   /*width: 430px;*/
   width: 550px;
	text-align: left;
}

.news_rel {
   /*position: absolute;*/
	font-size: 10px;
	/*margin-left: 445px;
	margin-top: 146px;
	width: 160px;*/
	text-align: left;
}

.news_calendar {
   font-size: 10px;
}

.news_calendar table {
   font-size: 10px;
}

.news_calendar select {
   color: black;
	background-color: white;
	font-size: 10px;
}

.news_calendar option {
   color: black;
	background-color: white;
	font-size: 10px;
}
.news_calendar input {
   color: black;
	background-color: white;
	font-size: 10px;
}

.news_calendar table {
   width: 250px;
}

.news_calendar a {
   text-decoration: underline;
}

.news_calendar a:visited {
   text-decoration: underline;
}

.container {
   width: 550px;
}

.frontpage_review {
   width: 300px;
   text-align: left;
	float: left;
}
   
.frontpage_special_unten {
   position: absolute;
	margin-left: 325px;
	margin-top: 365px;
	width: 240px;
	height: 160px;
	text-align: left;
	/*clear: right;*/
}

.frontpage_special_unten img {
	width: 240px;
	height: 160px;
	text-align: left;
	float: left;
   /*float: right;*/
}

.frontpage_special {
   position: absolute;
	margin-left: 455px;
	margin-top: 145px;
	padding: 0px;
	width: 120px;
	height: 180px;
	/*width: 200px;*/
	/*float: left;*/
	/*clear: right;*/
}

.frontpage_special img {
	width: 110px;
	height: 180px;
   /*float: right;*/
}

/* for interviews */
.question {
   font-weight: bold;
}

.navigation {
   width: 550px;
	background: black;
	/*height: 15px;*/
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	color: white;
	white-space: nowrap;
	/*display: inline;*/
}

.navigation a {
   text-decoration: none;
}

.navigation div.navleft {
	float: left;
}

.navigation div.navright {
   text-align: right;
}

.navigation div.navalpha {
   text-align: right;
}


.gb_entry {
   text-align: left;
	background-color: black;
	border: solid 1px #afafaf;
	padding: 3px 3px 3px 3px;
}

/* 
----------- FORMULAR ----------
von www.manuelbieh.de/www/stylesheets/stylesheet.css 
*/

label {
   font-weight: bold;
}

fieldset { padding: 5px 10px 5px 10px; margin-bottom: 5px; }
fieldset p { margin-top: 2px; margin-bottom: 1em; }

.disco_full {
   float: left;
	width: 300px;
	text-align: left;
	color: #afafaf;
}

.disco_right {
   padding-left: 10px;
   float: right;
	clear: right;
	width: 210px;
	text-align: left;
}

.interview_pic {
   float:right;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 200px;
	height: 200px;
}

.interview_list_pic {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: none;/*solid 1px #999;*/
	width: 160px;
	height: 60px;
}

.interview_list_txt {
   float: left;
   clear: right;
	background-color: black;
	width: 350px; /* 525px - 60px - 10px - 5px (extra??)*/
	height: 60px;
	text-align: left;
	color: #afafaf;
	padding-left: 2px;
}

.advertising {
   position:absolute;
	margin-left: 75px;
	/*margin-left: 323px;*/
	margin-top: 12px;
	width: 500px;
	height: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
}