/* CSS for the box starts here

================================================*/

/* Default styling. Used when JavaScript is unsupported */

.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#1D1D1D;
	border:1px solid #666;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#1D1D1D;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */



/* Rules for the top corners and border */

.bt {
	z-index:100;
	background:url(img/box.gif) no-repeat 100% 0;
	margin:0 0 0 24px;
	height:24px;
}
.bt div {
	z-index:100;
	height:24px;
	width:24px;
	position:relative;
	left:-24px;
	background:url(img/box.gif) no-repeat 0 0;
}
.with_head .bt {
	z-index:100;
	background:url(img/box_with_head.gif) no-repeat 100% 0;
}
.with_head .bt div {
	z-index:100;
	background:url(img/box_with_head.gif) no-repeat 0 0;
}
/* Rules for the bottom corners and border */

.bb {
	z-index:100;
	background:url(img/box.gif) no-repeat 100% 100%;
	margin:0 0 0 24px;
	height:24px;
}
.bb div {
	z-index:100;
	height:24px;
	width:24px;
	position:relative;
	left:-24px;
	background:url(img/box.gif) no-repeat 0 100%;
}
/* Insert the left border */

.i1 {
	padding:0 0 0 14px;
	background:url(img/borders.gif) repeat-y 0 0;
}
/* Insert the right border */

.i2 {
	padding:0 14px 0 0;
	background:url(img/borders.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.i3 {
	background:#202020 url(img/navi_bg.jpg) repeat-x;
	border-top:1px solid #0D0D0E;
	border-bottom:1px solid #202020;
	border-width:1px 0;
}
/* CSS for the box ends here */















/* ------------------------------------------------------ */

/* --- BOXES ENDE --- */

/* ------------------------------------------------------ */

















/* --- GLOBAL --- */

html {
	overflow-y:scroll;
}
body {
	margin:0 0 20px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#D32727;
}
img {
	border:0;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
#schriftzug {
	position:relative;
	top:20px;
	height:100px;
	width:800px;
	background:url(img/schriftzug_2.gif) no-repeat center center;
	margin:0 auto;
}
#skyscraper {
	margin:-4px -6px 0 -6px;
}
a {
	color:#DF4E4E;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#DB8484;
}
#logo_l {
	position:absolute;
	left:15px;
	bottom:5px;
}
#logo_r {
	position:absolute;
	right:34px;
	bottom:5px;
}
/*
#dwarf {
	position:fixed;
	left:0;
	height:360px;
	width:110px;
	background:url(img/dwarf_bg_test.gif) no-repeat top right;
}
*/
a.flag{
	margin:4px;
}
/* --- GLOBAL CONTENT TABLE --- */

.content table {
	width:465px;
	margin:10px;
	border-collapse:collapse;
}
.content table tr td {
	padding:8px 0 10px 10px;
	vertical-align:top;
}
.content table td {
	border-bottom:1px dashed #5E1B1B;
}
.content table tr.head {
	border-bottom:none;
}
.content table tr.head td {
	padding:2px 0 3px 10px;
	background:#4D1919;
}
.content table tr a {
	font-weight:normal;
	color:#D32727;
}
.content table tr:hover a {
	color:#DF4E4E;
}
/* --- SPALTEN --- */

#container {
	position:relative;
	margin:20px auto;
	width:860px;
}
#spalte_l {
	position:absolute;
	left:0;
}
#spalte_m {
	margin:0 148px;
}
#spalte_r {
	position:absolute;
	right:0;
}
/* --- BOXES --- */

.small_box {
	margin:0 0 14px 0;
	width:136px;
}
.small_box.bigger {
	width:176px;
}
.small_box h2 {
	position:relative;
	margin:-17px 0 8px 0;
	padding:0;
	font-size:9px;
	font-weight:normal;
	z-index:200;
}
/* --- NEXT DATE BOX --- */

.next_date {
	position:relative;
	font-size:9px;
}
.next_date table {
	width:100%;
}
.next_date table tr td {
	padding:4px 4px 6px 4px;
}
.next_date .party {
	font-size:11px;
	font-weight:bold;
}
.next_date .party a {
	color:#D32727;
}
.next_date .party a:hover {
	color:#DF4E4E;
}
.next_date .location {
	border-top:1px dashed #5E1B1B;
	border-bottom:1px dashed #5E1B1B;
}
.next_date .time {
	position:relative;
	height:25px;
	background:url(img/glas.gif) no-repeat center top;
	overflow:hidden;
	z-index:30;
}
/* --- PARTNER BOX --- */

#partners li {
	margin:8px 0 0 0;
}
#partners {
	margin:15px 0 -8px 0;
}
#partners img {
	position:relative;
	z-index:100;
}
/* --- NAVIGATION --- */

ul#navigation {
	margin:0 0 0 10px;
	font-weight:bold;
}
ul#navigation li {
	margin:0 0 6px 0;
}
ul#navigation li a {
	color:#D32727;
	text-decoration:none;
}
ul#navigation li a:hover {
	color:#DF4E4E;
}
ul#navigation li.active, ul#navigation li.active a {
	color:#DB8484;
}
/* --- CONTENT --- */

.content {
	margin:0 190px 0 148px;
}
.content .i3 {
	background:#202020 url(img/content_bg.jpg) repeat-x;
}
.content h1 {
	margin:0 10px;
	font-size:18px;
}
.content h2 {
	margin:10px 10px 0 10px;
	height:30px;
	font-size:11px;
	font-weight:normal;
}
.content h3 {
	margin:0 10px;
	font-size:12px;
}
.content p {
	margin:10px;
	line-height:14px;
}
/* --- NEWS --- */

.content div#news {
	margin: 20px 10px;
	border-top:1px dashed #5E1B1B;
}
.content div#news h2 {
	margin:20px 0 0 0;
	font-size:12px;
	font-weight:bold;
}
.content div#news h3 {
	position:relative;
	margin:0;
	padding:2px 0 3px 0;
	background:#4D1919;
	clear:left;
}
.content div#news .date {
	margin:0 0 0 7px;
	font-size:9px;
}
.content div#news .by {
	position:absolute;
	top:0;
	left:79px;
	font-size:13px;
	font-weight:normal;
}
.content div#news img.news_pic {
	float:left;
	margin:6px 10px 6px 0;
}
.content div#news p {
	margin:5px 10px 20px 0;
	padding:0 0 10px 0;/*border-bottom:1px dashed #5E1B1B;*/

}
.content div#news .clearer {
	margin:0;
	padding:0;
	clear:left;
}
/* --- GIGS --- */

#gigs tr td a {
}
#gigs tr td.date {
	width:80px;
}
#gigs tr td.party {
	width:150px;
}
#gigs tr td.location {
	width:140px;
}
#gigs tr td.flyer a {
}
#gigs tr:hover td.flyer a {
	color:#D32727;
}
#gigs tr:hover td.flyer a:hover {
	color:#DF4E4E;
}
#gigs td.no_border {
	border:none;
}
#gigs td.link_to_gallery {
	margin:0;
	padding:0 0 0 10px;
	height:20px;
}
#gigs td.link_to_gallery a {
	font-size:10px;
	font-weight:bold;
}
/* --- GIG --- */

#gig {
	margin:10px 0 0 10px;
}
#gig p {
	margin:0 10px 0 0;
}
td {
	padding:8px 0 10px 8px;
	vertical-align:top;
}
#gig td.link a, #gig td.back a {
	font-weight:normal;
	color:#D32727;
}
#gig td {
	border-top:1px dashed #5E1B1B;
}
#gig td.link a:hover, #gig td.back a:hover {
	color:#DF4E4E;
}
#gig img {
	margin:0 0 10px 0;
}
/* --- TRACKS --- */

#tracks a {
	font-weight:normal;
}
#tracks a:hover {
}
#tracks td.titel {
	width:210px;
}
#tracks td.artist {
	width:80px;
}
#tracks td.style {
	width:95px;
}
#comments {
	margin:10px 0 0 0;
	padding:0;
	width:400px;
}
#comments tr {
	padding:0;
	border:none;
}
#comments td {
	padding:15px 0 0 0;
	border:none;
}
a#add, tr:hover a#add {
	position:relative;
	top:2px;
	font-size:9px;
	color:#D32727;
}
a#add:hover {
	color:#DF4E4E;
}
#comments td.name {
	font-weight:bold;
	width:25px;
	font-size:10px;
}
#comments td.comment {
	padding:5px 0 0 10px;
	font-style:italic;
	font-size:11px;
}
#comments a {
	font-weight:bold;
}
tr:hover #comments a {
	color:#D32727;
}
/* --- KOMMENTAR POPUP --- */

h1.add_comment {
	margin:20px 0 0 20px;
	padding:0;
	font-size:15px;
	font-weight:bold;
}
table.add_comment {
	margin:20px 0 0 15px;
	padding:0;
}
textarea.add_comment {
	height:170px;
}
p.add_comment {
	margin:20px 0 0 20px;
}
a.add_comment {
	position:relative;
	top:40px;
	margin:0 0 0 20px;
}
/* --- CHARTS --- */

#charts {
	margin:5px 10px 10px 10px;
}
h3.charts_of {
	margin:10px 0 0 16px;
}
h3.charts_of span {
	margin:0 0 0 10px;
	font-size:9px;
	font-weight:normal;
}
#charts tr.head td {
	padding:2px 0 3px 10px;
}
#charts td {
	padding:5px 10px;
}
#charts td.pos {
	width:30px;
}
#charts td.titel {
	width:230px;
}
#charts td.artist {
}
/* --- GALLERYS --- */

#gallerys tr td.date {
	width:80px;
}
#gallerys tr td.party {
	width:150px;
}
#gallerys tr td.location {
	width:140px;
}
#gallerys tr td.upload {
}
#gallerys tr td.upload_date {
	font-size:9px;
}
/* --- GALLERY --- */

#pictures td {
	padding:0 0 6px 0;
}
#pictures td img {
	margin:0;
	border:1px solid #000;
}
#pictures td img:hover {
	margin:0;
	border:1px solid #F00;
}
/* --- LINKS --- */

#links tr td.page {
	width:180px;
}
/* --- ABOUT --- */

#about {
}
#about li {
	margin:10px;
}
#about li img {
	margin:0 10px 0 0;
}
#about_info_1 {
	width:330px;
	margin:0 0 0 130px;
}
#about_info_2 p {
	margin:0 0 10px 0;
	padding:0;
}
img#info_pic {
	position:absolute;
	left:180px;
	top:36px;
}
/* --- tipps --- */

div.tips_head_1 {
	background:#000;
}
div.tips_head_1 {
	background:#666;
}
table.tips_data_1 {
	display:none;
}
table.tips_data_2 {
	display:block;
}
/* --- kontakt --- */

input {
	width:160px;
	height:14px;
	background:#171516;
	border:1px dotted #D32727;
	color:#D32727;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
textarea {
	width:340px;
	height:100px;
	background:#171516;
	border:1px dotted #D32727;
	color:#D32727;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#subtable {
	margin:0;
	padding:0;
	width:100px;
}
#subtable tr {
	border:none;
}
#subtable tr td {
	margin:0;
	padding:0;
	height:25px;
	border:none;
	background:none;
	overflow:hidden;
}
#subtable input.small {
	margin:0;
	padding:0;
	width:20px;
	border:none;
	color:#00F;
}
#send {
	height:25px;
	width:100px;
}
#send:hover {
	color:#D73D3D;
	border-color:#D73D3D;
	background:#232122;
	cursor:pointer;
}
/* --- Gästebuch --- */

#gb td.name {
	width:590px;
}
#gb td.date {
	font-size:9px;
	width:210px;
}
#gb td.eintrag {
	padding:10px 0px 30px 10px;
	font-size:12px;
	overflow:hidden;
}
#gb td.comment {
	padding:2px 0px 10px 10px;
	font-size:10px;
	color:#FF6262;
}
.error {
	color:#FFA4A4;
}

/* --- Pic View --- */

#pic_title{
	position:relative;
	top:0px;
}
#pic_container{
	margin:20px;
}
#pic_nav{
	margin:0 10px;
	text-align:center;
}
#pic_view a{
	padding:2px;
}