/* ~~~ ALLGEMEIN ~~~ */
body {font-family:verdana,helvetica,arial,sans-serif;text-align:left;color:#777;}

/* ~~~ LINKS ~~~ */
a {outline:none;}

h1 a,
h2 a {text-decoration:none;color:#EFF;border:dotted #FEE;border-width:0 0 1px 0;}
h1 a:hover,
h2 a:hover {border:0;}

/* ~~~ HEADINGS ~~~ */
h1 {font-size:15px;color:#EFF;background:transparent;margin:5px 20px 5px 10px;padding:0;}
h2 {font-size:13px;text-transform:uppercase;font-weight:bold;color:#EFF;background:transparent;margin:5px 20px 5px 10px;padding:0;}
h3 {font-size:13px;font-weight:bold;color:#EFF;background:transparent;margin:5px 20px 15px 10px;padding:0;}

/* ~~~ PARAGRAPHS ~~~ */
p,
pre,
ul,
ul ul,
address,
form {clear:left;font-size:11px;line-height:16px;color:#EFF;background:transparent;margin:0 20px 8px 10px;padding:8px 0 7px 0;}

#textfeld2 p {font-size:11px;line-height:14px;padding:4px 0 3px 0;}


/* ~~~ IMAGES ~~~ */
#textfeld p img {padding:4px 0 10px 10px;}

.termine {border:solid #A1B2B8;border-width:0;margin-top:20px;padding:2px 0 5px 0;}

.datum_text {display:block;font-size:11px;font-weight:bold;background:#EFF;border:0px solid red;color:#000;margin:0;padding:0 0 0 2px;}

/* SHOP */
p.shop_item {display:block;float:left;font-size:11px;line-height:13px;width:120px}

p.shop_item a img {display:block;border:1px solid #FFF;width:120px;height:110px;margin:0 0 5px 0;padding:0;}

p.shop_item a img {}

/* FLASH MEDIA PLAYER */
.player {margin-top:20px;margin-bottom:20px;padding:0;}

.player object {margin:0;padding:0;}


/* LISTEN */
ul { width:300px; }

ul ul {margin:3px 0 0 3px;}

ul li {line-height:14px;list-style:none outside;background:url(../i/li_img.gif) 0 2px no-repeat transparent;width:300px;margin:0 0 5px 0;padding:0 0 0 13px;}

ul li a {text-decoration:none;color:#CFF;margin:0;padding:0;}

ul li a:hover {text-decoration:underline;}


#termine h1 {
 font-size:14px;
 color:#000;
 width:100%;
 margin:15px 0 10px 0;
 padding:7px 20px 3px 25px;
}

#termine p,
#termine ul,
#termine ul ul {font-size:10px;color:#000;margin:10px 0 10px 0;padding:0 20px 0 25px;}

#termine ul li {background:none;margin:0;padding:0;}

#termine ul li a {text-decoration:none;color:#000;}
#termine ul li a:hover {text-decoration:none;color:#EEF;background:#000;}

#fotos ul {border:0px solid red;width:300px;margin:20px 0 10px 0;padding:0 20px 0 25px;}

#fotos ul li {display:block;float:left;list-style:none outside;background:url(../i/li_img.gif) 0 1px no-repeat transparent;border:0px solid red;width:300px;margin:0 0 5px 0;padding:0 0 0 13px;}

#fotos ul li a {float:left;list-style:none outside;text-decoration:none;color:#CFF;margin:0;padding:0;}

#fotos ul li a span.download {display:block;background:url(../i/download.gif) 0 1px no-repeat transparent;text-decoration:none;border:0px solid red;margin:0 0 0 5px;padding:0 11px 0 0;}

#fotos ul li a:hover span.download {background:url(../i/download_h.gif) 0 2px no-repeat transparent;}

#termine p.flyer_th {}

#termine p.flyer_th img {display:block;border:0;width:150px;height:150px;margin:0;padding:0;}

#termine p a {text-decoration:none;color:#000;border:solid #BCBCBC;border-width:0 0 0px 0;margin:0;padding:0 0 1px 0;}

#termine p a:visited {text-decoration:none;border-style:dashed;}

#termine p a:hover,
#termine p a:focus,
#termine p a:active
#fotos p a:hover,
#fotos p a:focus,
#fotos p a:active,
#fotos .link_s a:hover,
#fotos .link_s p a:focus,
#fotos .link_s p a:active,
#fotos li a:hover,
#fotos li a:focus,
#fotos li a:active {text-decoration:none;color:#EFF;background:#000;border-color:#000;}

#fotos p {margin:0;padding:3px 12px 0 12px;}

#fotos img {margin:0;padding:0;}


/* ~~~ KLASSEN ~~~ */
.datum {font-weight:normal;margin:0 3px 0 0;}

.zeit {font-weight:normal;margin:0 3px 0 0;}

.venue {font-weight:bold;margin:0;}

.ort {font-weight:normal;margin:0;}

.support {
 font-weight:normal;
 margin:0 3px 0 0;
}

.note {font-size:11px;color:#FFF;margin-bottom:25px;}
h2 .note {text-transform:none;padding:2px 0 0 0 ;}

.note a,
.note a img {color:#FFF;margin:0;padding:0;}

.note a:hover,
.note a:focus,
.note a:active {text-decoration:none;}

p a,
address a {font-style:normal;text-decoration:none;color:#CFF;border:solid #AFF;border-width:0;margin:0;padding:0;}

p a:visited,
address a:visited {text-decoration:none;border-style:dashed;}

p a:hover,
p a:focus,
p a:active,
address a:hover,
address a:focus,
address a:active {text-decoration:none;color:#CFF;background:#000;border:0 solid #FFF;}

a img {border:0;}


/* Galerie */
ul#galerie {padding:0;overflow:auto;margin:0;padding:0;}

ul#galerie li {float:left;text-align:center;width:70px;height:70px;padding:0;margin:6px 4px 4px 6px;}

ul#galerie li a {display:block;text-decoration:none;border:0px solid #000;margin:0;padding:0;}

ul#galerie li a img {display:block;width:70px;height:70px;margin:0;padding:0;}

.selected {border:1px solid red;margin:2px;}

.link_s {font-size:10px;line-height:11px;margin:0;padding:0;}

#kredite p {float:left;text-align:right;text-decoration:none;font-size:10px;color:#999;border:0;width:100px;margin:0;padding:0;}

#kredite a,
#kredite a img {text-decoration:none;font-size:10px;color:#999;border:0;}

#kredite .counter {float:left;font-size:10px;color:#999;margin:0;padding:0;}

#kredite .counter img {vertical-align:bottom;border:0;margin:0 0 1px 0;padding:0;}

.fn {float:none;}
.fl {float:left;}
.fr {float:right;}


.fehler {font-weight:bold;color:#F00;background:#DDD;padding:3px;}

input.fehler {font-weight:normal;}

textarea.fehler {border:1px solid red;}