/* CSS Document */
body{
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:12px;
line-height:16px;
background-color:#000000;
text-align:center;
color:#ffffff;
}

h1{ font-size:18px; color:#ffffff; margin:3px; }
h2{ font-size:14px; color:#ffffff; margin:3px; }
h3{ font-size:14px; color:#ffffff; margin:3px; }
p{ font-size:12px; color:#ffffff; margin-top:0px; }

hr{
border:0px;
height:2px;
color:#cc0000;
background-color:#cc0000;
}
hr.klein{
border:0px;
height:1px;
color:#cc0000;
background-color:#660000;
margin:2px;
padding:0px;
}

.fett{font-weight:bold;}
.rot{color:#ffff00;}
.grau{color:#999999;}
.klein{font-size:10px;}
.keinlink{color:#999999;}

h1.titel{
text-align:left;
padding-top:15px;
}

div.infobox{
border:1px solid #660000;
text-align:center;
padding:5px;
margin:10px 2px;
}

div.specialpicbox{
border:2px solid #660000;
padding:10px 15px;
margin:10px 2px;
}

div.specialpicbox img{
margin:0px 10px;
}

img.jubipic{
width:290px;
height:193px;
}

/******************** MENUE ********************/
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
background:url(images/bg.png) repeat-x top left;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
text-decoration:none;
font-size:14px;
height:26px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu .active a {
color:#ff0000;
font-weight:bold;
}

ul.menu li a:active, ul.menu li a:hover{
color:#ff0000;
text-decoration:underline;
}

/* Specialmenulinks */
ul.menu li a.special:link, ul.menu li a.special:visited{
color:#cc9900;
text-decoration:none;
}
ul.menu li a.special:active, ul.menu li a.special:hover{
color:#ff9900;
text-decoration:underline;
}

/******************** LINKS ********************/
a:link, a:visited, a:active, a:hover{
font-weight:normal;
color:#cc0000;
font-size:12px;
text-decoration:none;
}
a:active, a:hover{
color:#ff0000;
text-decoration:underline;
}

/* Impressumlink */
a.impressum:link, a.impressum:visited{
color:#660000;
font-size:10px;
text-decoration:none;
}
a.impressum:active, a.impressum:hover{
color:#ff0000;
}

/******************* FORMULARE ********************/
.button{
background-color:#000000;
color:#ff6600;
width:115px;
border:2px solid #666666;
margin:2px 5px 5px 5px;
}
.button:active, .button:hover{
border:2px solid #cccccc;
color:#ff0000;
}
.newsletterbutton{
background-color:#000000;
color:#ff6600;
width:265px;
border:2px solid #666666;
margin:0px 5px 5px 5px;
}
.newsletterbutton:active, .newsletterbutton:hover{
border:2px solid #cccccc;
color:#ff0000;
}
.newsletteremail{
width:260px;
border:2px solid #666666;
margin:5px 5px 5px 5px;
background-color:#ffffff;
}
.eingabezeile{
width:250px;
border:2px solid #666666;
margin:2px 0px 5px 0px;
background-color:#ffffff;
}
.eingabezeilegrau{
width:250px;
border:2px solid #999999;
margin:2px 0px 5px 0px;
background-color:#ffffff;
color:#666666;
}
.eingabefeld{
width:250px;
border:2px solid #666666;
margin-top:2px;
margin-bottom:5px;
background-color:#ffffff;
}

/******************** HOME ********************/
div.home{
border:0px solid #333333;
padding:5px;
margin:2px;
}
div.homesub{
border:0px solid #333333;
padding:5px;
margin:10px 0px;
}
div.homesubakt{
border:1px solid #ff0000;
padding:10px;
margin:5px 0px;
}
img.headpic{
border:0px;
margin:0px;
padding:0px;
}
/* Adminbereich */
div.neu{
border:2px solid #ffffff;
background-color: #222222;
padding:5px;
}
div.update{
border:1px solid #00ff00;
padding:5px;
margin:2px;
text-align:center;
}
div.neuerkommentar{
border:1px solid #ff9966;
padding:5px;
margin:2px;
text-align:center;
}
div.kontakt {
border:0px solid #333333;
padding:5px;
margin:2px 2px 22px;
}

/******************* NEWS ********************/
/* Newsvorschau */
div.newskurz {
border:0px solid #333333;
padding:5px;
margin:2px;
}
div.newsdatum{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
div.newstitle{
padding:0px 0px 0px 80px;
}
div.newshead{
font-size:14px;
font-weight:bold;
}
div.newstext{
border:0px solid #333333;
padding:5px;
margin:2px;
line-height:1.5;
}
div.newsletter{
border:1px solid #660000;
padding:5px;
margin:10px 2px 0px;
text-align:center;
}
/* Newsfeld */
#news {
color:#ffffff;
}
/* Schriften bei News */
h2.news {color:#ff0000;}
p.news{}

/******************** BAND ********************/
div.bandsub{
height:62px;
border:0px solid #333333;
margin:5px 0px;
padding:0px;
background-repeat:no-repeat;
}
div.bandmember{
border:0px solid #333333;
margin:2px;
padding:5px;
background-repeat:no-repeat;
}
img.bandlink{
border:0px solid #333333;
}
img.bandbilder{
height:60px;
width:80px;
margin:5px;
}

/******************** LIVE ********************/
div.livekurz{
border:0px solid #999999;
padding:5px;
margin:2px;
}
div.vorbei{
border:0px solid #666666;
padding:5px;
margin:2px;
color:#666666;
}
div.vorbei a:link, div.vorbei a:visited{
color:#cc6666;
}
div.ausgewaehlt{
background-image:url('../grafiken/schwarz/grafik_live_ausgewaehlt.png');
}
div.aktuell{
border:3px solid #ff0000;
border-style:double;
padding:5px;
margin:2px;
}
div.zukunft{
border:0px solid #999999;
padding:5px;
margin:2px;
}
div.livedatum{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
div.liveort{
padding:0px 0px 0px 80px;
}
/* Livefeld */
#live{
border:0px solid #333333;
padding:5px;
margin:2px;
}

/******************** MEDIA ********************/
div.album{
border:2px solid #333333;
padding:10px;
margin:5px;
/* height:120px; */
line-height:120%;
}
div.album a{
font-size:16px;
}
div.album img{
width:150px;
height:150px;
}
div.albumimage{
margin:10px;
float:left;
}
div.mediakurz{
border:1px solid #333333;
padding:5px;
margin:2px;
height:50px;
}
img.popupbild{
height:70px;
width:70px;
margin:1px;
}
div.bildergalerie{
border:1px solid #333333;
padding:5px;
margin:2px;
}
img.popup{
margin:0px;
padding:0px;
border:0px;
}
div.downloadsongs{
border:0px solid #333333;
padding:5px;
margin:2px;
}
div.wallpapers{
border:0px solid #333333;
padding:5px;
margin:2px;
}
img.wallpaper{
height:60px;
width:80px;
margin:1px;
}

/******************** SHOP ********************/
div.shop{
border-left:1px solid #333333;
padding:5px;
margin:10px 0px;
}

img.textgrafik{
}

ul.shop_twsb{
background-image:url('../grafiken/schwarz/shop_cover_twsb.png');
}

ul.shop_dp{
background-image:url('../grafiken/schwarz/shop_cover_dp.png');
}

/******************* LINKS **********************/
img.externelinks{
border: 0px;
}
/******************** PICS **********************/
div.bildervorschau{
border:0px solid #333333;
padding:5px;
margin:10px 0px;
}
img.vorschaubild{
margin:3px;
cursor:crosshair;
width:60px;
height:60px;
}
div.bilderkasten{
border:0px solid #333333;
padding:0px;
margin:0px;
width:400px;
height:400px;
text-align:center;
}

/******************** GUEST ********************/
div.guesteintrag{
border:0px solid #333333;
padding:5px;
margin:15px 0px 15px;
}
div.guestkommentar{
color: #ff6666;
border:1px solid #666666;
padding:5px;
margin:0px 0px 10px;
}
div.guestlink{
border:0px;
padding:0px;
margin:0px;
text-align:center;
}
div.fehler{
border:2px solid #ff0000;
padding:5px;
margin:5px;
text-align:center;
}
div.eintragokay{
border:2px solid #00ff00;
padding:5px;
margin:5px;
text-align:center;
}
div.nichtaktivsub{
color:#666666;
border:1px solid #333333;
padding:5px;
margin:2px;
}
td.guest{
border:1px solid #333333;
}
input.gb{
display:none;
}

/******************** Impressum ********************/
div.impressumlink{
text-align:right;
}

/***************** KALENDER *****************/
table.kalender{
border:0px solid #999999;
width:100%;
border-collapse:separate;
}
td.kalender{
border:1px solid #666666;
}
td.alt{
border:1px solid #333333;
}
td.heute{
border:1px solid #ffff00;
}
td.probefest{
border:1px solid #00ff00;
}
td.probefraglich{
border:1px solid #006600;
}
td.termin{
border:2px solid #ff0000;
}
.kalenderformular{
border:1px inset #999999;
}

/****************** SONGS* ******************/
div.songtext{
border:1px solid #333333;
text-align:left;
padding:5px;
margin:0px;
display:none;
}
div.songtextkasten{
border:0px solid #333333;
text-align:right;
padding:0px;
margin:2px;
}
fieldset.songkommentar{
border:1px solid #666666;
padding:5px;
margin:2px;
}

/******************** IDs ********************/
/* Die Titelzeile */
#titel{
text-align:left;
height:60px;
}

/* Das Menü */
#menu{
color:#ffffff;
text-align:left;
padding:0px;
border-top:2px solid #333333;
clear:right;
}
/* nur fuer den Adminbereich */
#menu2{
color:#ffffff;
text-align:left;
padding:10px 0px;
border-top:2px solid #333333;
clear:right;
}

/* Container fuer den Hauptinhalt */
#container{
width:760px;
/* min-height:400px; */
border-top:2px solid #666666;
border-bottom:2px solid #666666;
background-color:#000000;
background-repeat:no-repeat;
padding:0px;
padding-top:20px;
color:#ffffff;
}

/* Der Inhalt */
#inhalt{
width:416px;
float:left;
/* border:1px solid #000000; */
padding:15px;
color:#ffffff;
}

/* Das Untermenu */
#submenu{
width:290px;
float:right;
border-left:0px solid #999999;
padding:10px;
margin:0px 0px 20px;
color:#ffffff;
}

/* Popup */
#popup{
margin:0px;
padding:0px;
border:0px;
}