/* for debugging only */
div {border: 0px solid blue;}

/* reset and clean up
------------------------------------------------------------------------*/
@font-face {
  font-family: "Teletype";
  src: url(teletype.eot); /* for IE */
  src: local('Teletype'), url(teletype.ttf) format("truetype"); /*
 non-IE */
}

html, body, form, fieldset, a, p, ol, ul, input, select, table, h2, h3, h4, img {
 margin: 0;
 padding: 0;
 border: 0;
 font: 13px/20px Teletype, Georgia, serif;}

html, body {
 height: 100%;
 width: 100%;}

body {
 background: black 0px 0px;
 color: #d2d2d2;
/*  background-color: #270b08; */
 }
		
/* basics
------------------------------------------------------------------------*/

/* layout
------------------------------------------------------------------------*/
#floater {
 /*
float:left;
 height:50%;
 margin-bottom: -360px;
*/
 }
 
#content {
 position: relative;
 clear: left;
 background: url(../img/bg_content.jpg) no-repeat 0 0px;
 height: 610px;
 width: 960px;
 margin: 0px auto 0;
/*  z-index: -2; */}
 
#header, #menu, #news_photos, #termin_photos, #footer,
#news_photo1:hover, #news_photo2:hover, #news_photo3:hover, #news_photo4:hover, #news_photo5:hover, #news_photo6:hover, #table, #band_photo, #logo, #band_list, #news, #footer ol, #start_logo, #next_event {position: relative;}

#news_photo1, #news_photo2, #news_photo3, #news_photo4, #news_photo5, #news_photo6,
#termin_photo1, #termin_photo2, #termin_photo3, #termin_photo4, #termin_photo5, #termin_photo6 {position: absolute;}

#footer, #menu, #news, #news_photos, #termin_photos, #header, #news_infotext, #band_photo, #band_infotext, #table, table#band_info, .jury, .jury img, #start_logo {float: left;}

#footer, #menu, #news, #news_photos, #termin_photos, #header, #table, .navi, table#band_info {clear: left;} 

#news_photo1:hover, #news_photo2:hover, #news_photo3:hover, #news_photo4:hover, #news_photo5:hover, #news_photo6:hover,
#termin_photo1:hover, #termin_photo2:hover, #termin_photo3:hover, #termin_photo4:hover, #termin_photo5:hover, #termin_photo6:hover {
 z-index: 10;}
 
#news_infotext p, #band_infotext p, #news tr, #about_text1 p, #about_text2 p, #header ol li, .jury, #jury_infotext p, #termine_infotext p {
 background: rgb(0, 0, 0);
 background: rgba(0,0,0,0.4);}
 
#band_photo img {
 background-color: white;
 padding: 10px;}
 
#logo {
 background: url(../img/bdj_logo.jpg) no-repeat;
 float: right;
 margin-top: -56px;
 height: 156px;
 width: 317px;
 z-index: -1;}

#footer {
/*  background: url(../img/divider.gif) no-repeat -70px 0px; */
 margin-left: 30px;
 width: 930px;
 z-index: 6;}
 
#menu {
 margin-left: 10px;
 width: 800px;
 height: 25px;
 z-index: 1000;}
 
#news {
 width: 960px;
 height: 465px;
 margin-top: -10px;
 z-index: 10;}
 
#next_event {
 margin: 400px 0 0 680px;
 width: 200px;
 visibility: hidden;}
 
#start_logo {
 background: url(../img/start_logo.jpg) no-repeat 91px 33px;
 margin-top: -84px;
 width: 960px;
 height: 571px;}
 
#header {
 margin: 90px 0 0 85px;
 width: 300px;
 height: 72px;
 z-index: 100;}
 
.jury {
 width: 200px;
 margin: 10px 0 0 10px;
 padding: 10px;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
 
.jury img {
 height: 80px;
 width: 60px;}

.jury p, .jury h3 {
 text-align: right;
 padding: 0px;}
 
.jury p {color: #e2001a;}

#jury_infotext {
 background: url(../img/quotation.png) no-repeat;
 float: right;
 width: 620px;
 height: ;
 margin: 10px 35px 0 0;
 padding: 8px 5px 5px 30px;}
 
#termine_infotext {
 background: url(../img/quotation.png) no-repeat;
 float: right;
 width: 450px;
 height: ;
 margin: 10px 35px 0 0;
 padding: 0px 5px 5px 30px;}

 
#table {margin: 0px 0 0 80px;}

#news_photos, #termin_photos {
 overflow: hidden;
 z-index: 0;}
 
#news_photos {
 width: 570px;
 height: 450px;}
 
#termin_photos {
 width: 900px;
 height: 450px;}

#band_photo {
 width: auto;
 height: auto;
 margin: 50px 0 0 100px;
 overflow: hidden;}
 
#band_list {
 margin: 0px 0 0 100px;
 width: 610px;}

#news_infotext {
 background: url(../img/quotation.png) no-repeat;
 width: 310px;
 height: 400px;
 margin: 0px 0 0 0;
 padding: 8px 5px 5px 30px;}

#band_infotext {
 background: url(../img/quotation.png) no-repeat;
 width: 330px;
 height: 400px;
 margin: 20px 0 0 20px;
 padding: 8px 5px 5px 30px;}
 
#about_text1 {
 background: url(../img/quotation.png) no-repeat;
 width: 900px;
 height: 390px;
 margin: 10px auto 0;
 padding: 8px 5px 5px 30px;}

/*
#about_text2 {
 float: right;
 clear: right;
 width: 410px;
 height: 350px;
 margin: 12px 40px 0 0;
 padding: 8px 5px 5px 30px;}
*/

#news_photo1, #news_photo3, #termin_photo1, #termin_photo3 {
 background: url(../img/bg_photo1.png) no-repeat;
 width: 258px;
 height: 306px;}
 
#news_photo2, #news_photo4, #news_photo5, #news_photo6, #termin_photo2, #termin_photo4, #termin_photo5, #termin_photo6 {
 background: url(../img/bg_photo2.png) no-repeat;
 width: 265px;
 height: 315px;}

#news_photo1 {
 top: 120px;
 left: 230px;
/*  z-index: 4; */}
 
#news_photo2 {
 top: 50px;
 left: 30px;
/*  z-index: 3; */}
 
#news_photo3 {
 top: 0px;
 left: 200px;
/*  z-index: 2; */}

#news_photo4 {
 top: 40px;
 left: 300px;
/*  z-index: 1; */}

#news_photo5 {
 top: 100px;
 left: 50px;
 }
 
#news_photo6 {
 top: 100px;
 left: 300px;
 }
 
#termin_photo1 {
 top: 120px;
 left: 300px;}
 
#termin_photo2 {
 top: 30px;
 left: 100px;}
 
#termin_photo3 {
 top: 0px;
 left: 400px;}
 
#termin_photo4 {
 top: 40px;
 left: 600px;}
 
#termin_photo5 {
 top: 120px;
 left: 0px;}
 
#termin_photo6 {
 top: 120px;
 left: 640px;}

#news_photos img, #termin_photos img {
 position: absolute;}

.display {
 display: none;}
 
.setZIndex {z-index: 9;}


/* navigation
------------------------------------------------------------------------*/


/* headings
------------------------------------------------------------------------*/
h2 {
 color: #e2001a;
 font-size: 16px;
 padding-bottom: 4px;}
 
h3 {font-size: 14px;}

h4 {
 color: #6e000d;
 margin-left: 10px;}

/* text
------------------------------------------------------------------------*/
/*
#menu p {
 clear: left;
 float: left;}
*/
p {
 padding: 3px 8px;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
 
#news_photos ol li p, #termin_photos ol li p {
 padding-left: 0px;}

div#news_infotext p {line-height: 20px;}

div#next_event p, #termin_photos ol li p {
 color: #434343;}

p#news_bandtext1, p#news_bandtext2, p#news_bandtext3, p#news_bandtext4, p#news_bandtext5, p#news_bandtext6 {
 display: none;
 margin-top: 10px;}

#termine p {
 background: url(../img/quotation.gif) no-repeat;
 margin-left: 200px;
 padding: 8px 0 0 30px;}

/* lists
------------------------------------------------------------------------*/
ol, ul {
 list-style: none;
 display: inline;}
 
#news_photos ol, #termin_photos ol {
 position: absolute;
 margin: 245px 0 0 30px;}
 
#news_photos ol li p, #termin_photos ol li p {
 color: #e2001a;}

#menu ol {
 margin-top: 0px;
 margin-left: 0px;}
 
#next_event ol li {
 color: #434343;
 padding: 0 5px;
 text-align: right;}
 
li.navi { 
 margin-left: 0px;
 width: 78px;}
 
li.navi span {
 color: #434343;
 font-weight: bold;}
 
li.letter {
 font-size: 25px;}
 
#menu ol li, #footer>ol li, #header ol li {
 color: #434343;
 float: left;}
 
#header ul li {margin-bottom: 3px;}

#footer ol {
 z-index: 10;}
 
#footer>ol li {
 margin-top: 10px;}
 
td li {display: block;}

td li:before {
 content: "* ";}
 
#band_list li {
 float: left;
 padding: 0 5px 0 0;
 display: inline-block;
 height: 23px;}
 
#band_list li a:after {
 color: #6e000d;
 content: " *";}

#band_list li.band_index {
 font-size: 18px;
 color: #6e000d;}

/* links
------------------------------------------------------------------------*/
a {
 text-decoration: none;
 outline: none;}
 
td>a {color: #6e000d;}
 
#table td>a {
 font-size: 16px;
 color: #d2d2d2;}
 
#table td>a span {
 font-size: 10px;
 color: #d2d2d2;}
 
#table td a.news {
 font-size: 16px;
 color: #e2001a;}
 
#table td a.news span {
 font-size: 10px;
 color: #6e000d;}
 

 
td ul a, #band_list a {
 color: #d2d2d2;}
 
#termin td a {
 float: left;}
 
#termin td a#back {
 }

#menu a, #header ol a, #footer a, #news_photos ol li a {
 color: #434343;}
 
#header ul li.navi a, #menu .current a, #header ol .current a, #news_infotext a, #termin_photos ol li a, #galerie_more a {
 color: #e2001a;}
 
#band_list a {
 font-size: 14px;}
 
#band_info td a {color: #6e000d;}

#menu a {
 margin: 0 3px;
 font-size: 14px;}
 
#footer a, .navi span {
 margin: 0 5px;}
 
#start_logo a {color: #d2d2d2;}


/* tables
------------------------------------------------------------------------*/ 
#table table {
 float: left;
 width: 260px;}
 
tr {
 border-bottom: 1px dotted #6e000d;}
 
td {
 color: #e2001a;
 line-height: 20px;
 padding: 5px;
 vertical-align: top;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
 
#table td {font-size: 16px;}

#table td span {font-size: 10px;}

table #termin {width: 800px;}

#termin td {width: 200px;}

#termin td img {
 float: left;
 width: 150px;
 height: 100px;
 margin-bottom: 10px;
 border: 5px solid white;}

#band_info {
 margin-top: 10px;
 width: 330px;}
 
#band_info td {}

/* forms
------------------------------------------------------------------------*/
.current select {
 background: black;
 color: #e2001a;
 outline: none;}
 
h3 select {
 background: black;
 font-size: 14px;
 color: #d2d2d2;}


/* misc
------------------------------------------------------------------------*/




/* gallery
------------------------------------------------------------------------*/
#galerie {
 top: 0;
/*  left: 15%; */
 height: 100%;
 width: 100%;
 background: black;
 z-index: 1000;
 position: absolute;
 text-align: center;}

#galerie_img {
 width: auto;
 height: auto;
 margin: 10px auto 0;
 background: black;}

#galerie_thumbs {
 background: black;
 width: 100%;
 text-align: center;
 overflow: hidden;
 clear: both;
 margin-top: 10px;}

#galerie_thumbs img {
 width: 50px;
 height: 50px;
 clear: both;}

#galerie_navi {
 background-color: black;
 height: 30px;}

#galerie_navi ol {
 background-color: black;}
 
#galerie_navi li {
 float: left;}

#galerie_img_next {
}

#galerie_img_last

#galerie_row_next

#galerie_row_last

#galerie_close