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

html {height: 100%;}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../images/page_background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000;
	color:#CCC;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

a:active, a:focus {outline: 0 none;}
a:link, a:visited {
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	}
	
a:focus, a:active, a:hover {
	font-weight:bold;
	color: #C00;
	text-decoration: none;
	}
	

a:link img, a:visited img {border: 1px solid #CCC;}
a:hover img {border: 1px solid #C00;}
a:focus img {border: 1px solid #C00;}

#container {
	
	width: 960px;
	height: 100%;
	margin: 0px auto;
	padding: 0;
	}

#header {
	margin: 0;
	padding: 0;
	width: 920px;
	height: 100px;
	background-image: url(../images/headlines/header.png);
	}

/*Linke Navigation*/
#navigation {
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
 	float:left;
	position: fixed;
	width: 210px;
	min-height: 500px;
	background-image: url(../images/nav_map.png);
	background-repeat: no-repeat;
	text-align: right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}

#navigation a.first:link, #navigation a.first:visited {
	display: block;
	width: 210px;
	height: 37px;
	background-position: left top;
	}
#navigation a.first:hover,  #navigation a.first:active,  #navigation a.first:focus {
	background-position: left bottom;
	}

#navigation a.second:link, #navigation a.second:visited {
	font-size: 16px;
	font-weight:bold;
	color: #CCC;
	text-decoration: none;
	}
#navigation a.second:hover, #navigation a.second:focus, #navigation a.second:active {
	font-size: 16px;
	font-weight:bold;
	color: #C00;
	text-decoration: none;
	} 

#content {
	margin: 0 0 0 210px;
	padding: 30px 20px 0px 20px;
	width: 500px;
	}

#sidebar {
	padding: 30px 10px 0 30px;
	margin: 0 0 0 750px;
	float: right;
	position: fixed;
	width: 170px;
	min-height: 500px;
	z-index: 0;
	background-image: url(../images/sidebar.png);
	background-repeat: no-repeat;
	color: #000;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.topjump {text-align: right; padding: 5px 5px 10px 0; clear:both;}

div.intro {margin: 30px 50px 10px 50px; padding: 5px; clear: both; border: solid 1px #333; text-align:justify;}
/*neuigkeiten.php*/

h1 {margin: 30px 0 5px 0; padding: 0; font-size: 16px; font-weight: bold; color: #FED87E; clear: both; float:left;}

h2 {margin: 35px 0 5px 0; padding: 0; float:right; font-size: 14px; color: #666; vertical-align:bottom;}

div.news_box {padding: 10px 0 30px 0; clear: both; border-top: solid 1px #333; text-align:justify;}

div.news_box img {padding: 0 20px 0px 5px; width: 100px; height: 100px; float:left;}

div.news_box strong {color: #FFF;}

/*auftritte.php only*/

td.date {width:60px; font-weight: bold; color: #CCC;}

table tr td {width:179px;}

td.detail {width:60px; font-weight: bold; color: #CCC; text-decoration:underline}
td.detail:hover {color: #C00; text-decoration: none;}

.gig {
	
	font: 14px;
	border-bottom: solid 1px #333;
	margin: 0;
	padding: 2px;}
	
#content_navigation {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 500px;
	height: 37px;
	background-image:url(../images/content_navigation.png);
	background-repeat: no-repeat;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	}
	
#content_navigation a.first:link, #content_navigation a.first:visited {
	display: inline-block;
	width: 70px;
	height: 37px;
	background-position: left top;
	}
#content_navigation a.first:hover,  #content_navigation a.first:active,  #navigation a.first:focus {
	background-position: left bottom;
	}
/*band.php only*/	

img.band {margin:0 20px 20px 0; padding:  0 ; float: left; border: solid 1px #333; width:120px ; height: 181px}
	
/*diskographie.php only*/

div.text_box {padding: 10px 0 10px 0; clear: both; border-top: solid 1px #333; text-align:justify;}

img.cd {width: 120px; height: 120px; clear: both; float:left; margin:10px 0 10px 70px;}
ul.cd {margin: 10px 0 10px 200px; min-height: 120px;}
/*shop.php*/

table.shop {clear:both; border-top: solid 1px #333; padding: 20px 0 0 0; width: 500px;}

table.shop tr {}

td.product_picture {width: 60px;}
td.product_name {width: 180px;}
td.price {width: 60px; text-align: right;}
td.count {width: 110px; text-align:center;}

td.count input {width: 20px; text-align:right;}
/*links.php*/

table.links {clear:both; border-top: solid 1px #333; padding: 20px 0 0 0; width: 500px;}
table.links td:last-child {padding: 5px 0 5px 0; border-bottom: 1px solid #333}
/*div {outline:none;}*/