/* BASISDEFINITIONEN */
* {
 padding: 0;
 margin: 0;
 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html, body { height: 100%; }

.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.clear { clear: both; }
.nofloat { float: none; }
.floatleft {float: left; }
.floatright {float: right; }

pre, code { background-color: White;  border: 1px solid #999; padding: 0.5em; margin: 1em 0; color: #666; font: 1.2em monospace; }
acronym, abbr { font-style: italic; border: none; text-decoration: none; }
em {}
th { vertical-align: top; }

body {
 color: #333;
 line-height: 2em;
 background: url(bg_main.gif);
 text-align: center; /*IE CenterHack*/
}
body * { text-align: left; }

h1, h2, h3, p { padding: 0.3em 0; }
h1, h2, h3    { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.8em; color: #C3DA00; padding-bottom: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

a, a:link { color: #95A600; text-decoration: none; }
a:visited { color: #95A600; text-decoration: none; }
a:hover   { color: #95A600; text-decoration: underline; }
a.img     { border: 0 none; }
a img     { border: 0 none; text-decoration: none; }

/* AREAS */
#wrapper { margin: 0 auto; width: 1000px; height: 100%; }
#top { position: relative; margin-top: 1em; height: 91px; background-color: #000; border-bottom: 32px solid #C3DA00; padding-left: 60px; /* IE double margin Hack */ }
#logo a, #logo a:link, #logo a:active, #logo a:visited, #logo a:hover {
 float: left;
 display: block;
 width: 117px;
 height: 64px;
 background: url(lg_turm.gif) no-repeat;
 text-decoration: none;
 margin: 15px 60px 12px 0px; /* IE double margin Hack */
}
#mainarea { min-height: 40%; height: auto !important; height: 40%; padding: 3% 4%; background-color: White; }
#content  { float: right; min-height: 96%; height: auto !important; height: 100%; width: 70%; }
#left     { float: left; width: 20%; padding-right: 10%; }
#right    { display: none; }
#bottom   { clear: both; }
#footer   { padding: 1em; color: #FFF; text-align: center; }
#ContentHeader    { clear: both; height: 2em; background: url(fr_r_t.gif) top right no-repeat; margin-bottom: 2px; }
#ContentFooter    { clear: both; height: 2em; background: url(fr_r_b.gif) bottom right no-repeat; margin-top: 1px; }
#ContentFooter ul { display: inline; list-style-type: none; margin: 0; padding: 0; }
#ContentFooter li { display: inline; color: white; margin: 0;	padding: 0 0 0 1em; }
#ContentFooter a  { color: white; }
.LineStyle0, .LineStyle1  { background-color: #FFF; }
.LineStyle0:hover, .LineStyle1:hover  { background-color: #EEE; }

/* Main Nav */
ul#mainnav { list-style-type: none; float: right; margin-top: 53px; }
ul#mainnav li { float: left; padding-right: 4.2em; }
ul#mainnav li a, ul#mainnav li a:link, ul#mainnav li a:visited { display: block; height: 34px; background-position: 0 0; }
ul#mainnav li a:hover, ul#mainnav li.current a, ul#mainnav li.active a { background-position: 0 -34px; background-repeat: no-repeat; }

/* Main Nav */
#programm a   { background: url(bt_programm.gif); width: 94px; }
#service a    { background: url(bt_service.gif); width: 73px; }
#history a    { background: url(bt_history.gif); width: 73px; }
#kontakt a    { background: url(bt_kontakt.gif); width: 80px; }
#partyshots a { background: url(bt_partyshots.gif); width: 115px; }

/* Sub Nav */
ul#subnav { list-style-type: none; text-align: right; }
ul#subnav li{ width: 100%; }
ul#subnav li.current, ul#subnav li.active {}
ul#subnav a, ul#subnav a:link, ul#subnav a:visited { display: block; border-bottom: 1px solid #C3DA00; width: 100%; padding: 1em; text-decoration: none; color: #333; margin-bottom: 1px; }
ul#subnav a:hover { background-color: #EEE; }
ul#subnav a:active, ul#subnav li.current a{ color: #C3DA00; }

/* Content Styles */
#content img { clear: both; float: right; margin: 0 0 10px 10px; /* padding: 1px;*/ border: 1px solid black; }
#content ul { padding: 1em; margin-left: 2em; list-style-type: none; }
#content ul li { background: url(bl_content.gif) no-repeat 0 6px; padding-left: 18px; }
#content table li { background-image: none; }
#content .text { text-align: justify; }

/* Footer */
#footer { clear: both; background: url(bg_footer.gif) repeat-x; border-top: 3px solid Black; padding-top: 30px; }
#footer ul {	text-align: center; }
#footer li { display: inline; list-style-type: none; margin: 0; padding: 0 0 0 15px; }
#footer a { color: #FFF; border: none; }

/* Formular-Buttons */
a.View { display: block; width: 66px; height: 17px; background: url(bt_de_view.gif) no-repeat; }

/* News */
.NewsEntry { clear: both; padding: 10px 20px; margin-bottom: 1px; }
.NewsEntry .NewsDate {}
.NewsEntry h3 {}
.NewsEntry img {}
.NewsEntry .NewsText {}

/* Impressum */
#imprint th { text-align: right; padding-right: 10px; }

/* History */
#content .history { clear: both; margin: 10px 0; }
#content .history img{ float: left; border: none; margin-left: 0; }
#content .titel img{ clear: none; float: left; padding: 0; }
#content .history p { padding-left: 120px; }
#content h1 { display: none; }

/* Tables */
/* Programmübersicht */
table.program { width: 100%; border: none; border-collapse: collapse; }
table.program td a { color: #666; }
table.program tr {}
table.program tr.dark {}
table.program tr.light {}
table.program td, table.program tr.top th  { padding: 8px 5px; vertical-align: top; border-bottom: 1px solid #C3DA00; color: #666; }
table.program tr:hover { background: #EEE;}
table.program tr.top:hover, table.program tr.bottom:hover  { background: transparent;}
table.program th { font-weight: normal; color: #666; text-align: right; padding: 0 5px; }
table.program th.top, table.program tr:hover th.top {}
table.program th.bottom, table.program tr:hover th.bottom {}
table.program td.info a { display: block; width: 8px; height: 11px; margin: 4px; background: url(ic_info.gif) no-repeat; }
table.program ul { display: inline; list-style-type: none; padding: 0; margin: 0; border: 0; }
table.program li { display: inline; list-style-type: none; color: #666; padding-left: 10px; }
th a, th a:link, th a:visited, th a:hover { color: #666; }
th li.active { color: #95A600; }


/* Programm-Info */
#info{}
ul#infoLinks { display: block; white-space: nowrap; float: right; clear: both; margin: 0; padding: 0; list-style-type: none; }
#infoLinks li.prev, #infoLinks li.next, #infoLinks li.ticketshop, #infoLinks li.soundcheck { display: block; float: left;	background: none; }
#infoLinks li a { display: block; float: left; height: 16px; }
#infoLinks li a.prev { width: 16px; background: url(bt_prev.gif) no-repeat; }
#infoLinks li a.next { width: 16px; background: url(bt_next.gif) no-repeat; }
#infoLinks li.soundcheck a { width: 80px; background: url(bt_hoerprobe.gif) no-repeat; }
#infoLinks li.ticketshop a { width: 80px; background: url(bt_tickets.gif) no-repeat; }
#infoLinks li.soundcheck, #infoLinks li.ticketshop { background-color: #333; width: 80px; height: 16px; }
#infoLinks li.soundcheck { padding-left: 44px; background: url(barleft.gif) #333 no-repeat; }
#infoLinks li.ticketshop { padding-right: 16px; background: url(bg_pinfo_top.gif) #333 no-repeat top right; }
#infoFooter { background: #333 url(bg_pinfo_bottom.gif) no-repeat bottom right; }
#infoHeader, #infoFooter { float: right; width: 100%; background-color: #333; color: #CCC; }
#infoHeader div, #infoFooter div { margin-left: 4px; margin-right: 20px; float: left; }
#infoMain { clear: both; padding: 6px 10px; }
#infoMain h2 { font-size: 20px; margin: 0; }
#infoMain a { font-weight: bold; color: #666; }
#infoFacts{ width: 100%; height: 60px; }
#infoContent { clear: both; width: 100%; height: auto !important; height: 200px; min-height: 200px; }
.program .top { line-height: 16px; }
.ical { float: left; }
.atom { float: left; }
.ical A { background: url(calendar.png) no-repeat; padding-left: 20px; }
.atom A { background: url(feed.png) no-repeat; padding-left: 20px; }


/* Templates */
.template1 { background: url(info_background4.jpg) #222 no-repeat; color: #DDD; }
.template1 h2 { color: #666; }
.template1 #infoContent { padding-left: 100px; width: auto; }
.template2 { background: url(info_background3.jpg) #FFF no-repeat; color: #333; }
.template2 h2 { color: #333; }
.template2 #infoContent { padding-left: 100px; width: auto; }
.template3 { background: url(info_background2.gif) #CCC no-repeat; color: #333; }
.template3 h2 { color: #DDD; }
.template3 #infoFacts a { color: #EEE; }
.template4 { background: url(info_background1.gif) #666 no-repeat; color: #DDD; }
.template4 h2 { color: #333; }
.template5 { background: url(info_background5.gif) #000 no-repeat; color: #DDD; }
.template5 h2 { color: #999; }
.template5 #infoFacts a { color: #CCC; }
.template6 { background: url(info_background6.gif) #C0C0C0 no-repeat; color: #333; }
.template6 h2 {}

/* Galerie */
#content #Gallery li { background-image: none; }
#Gallery img { border: 1px solid Black; }
#Gallery a {}
#Gallery div.GalleryList {}
#Gallery div.GalleryHeader { }
#Gallery div.GalleryFooter { }
#Gallery div.GalleryHeader h2 { padding-left: 5px; padding-top: 0; }
#Gallery div.GalleryListEntry { text-align: left; padding: 10px; border-bottom: 1px solid #C3DA00; }
#Gallery div.GalleryListEntry img { margin: 0; padding: 0; }
#Gallery div.GalleryInfo { float: left; width: 248px; padding: 5px 0; }
#content #Gallery div.GalleryInfo img { float: left; margin: 0; padding: 0; margin-bottom: 15px; }
#content #Gallery div.GalleryInfo p { clear: both; }
#Gallery img#SlideShow { float: none; margin: 20px 0 0 0; }
#Gallery div.PreviewList { float: left; width: 320px; padding: 5px 0; }
/* #Gallery div.PreviewListEntry { float: left; margin: 1px; background: Transparent url(fr_pic.gif) no-repeat top left; width: 110px; height: 120px; }*/
#Gallery div.PreviewListEntry { float: left; margin: 0; padding: 0; }
#Gallery .PreviewListEntry a { margin: 0; padding: 0; }
#Gallery .PreviewListEntry a img { float: none; padding: 0; margin: 0 0 5px 5px; background-color: Black; border: none; /* filter: Alpha(opacity=90); -moz-opacity: 0.9;*/ }
#Gallery .PreviewListEntry a:hover img, #Gallery .PreviewListEntry a:visited img {  background-color: Black; filter: Alpha(opacity=40); -moz-opacity: 0.4; }
#Gallery .PreviewListEntry h3.EntryName { display: none; }
#Gallery .PreviewListEntry p.ShortDescription { display: none; }
#Gallery .PreviewListEntry a.ViewEntry { display: none; }
#content #Gallery ul.AdminLinks { list-style-type:none; margin: 0; padding: 0; }
#content #Gallery ul.AdminLinks li { display:inline; margin: 0; padding: 0; padding-right: 20px; }
#Gallery ul.AdminLinks a.EditEntries {}
#Gallery ul.AdminLinks a.SlideShow {}
#content #Gallery.ViewEntry img { float: left; margin: 10px 0; padding: 0; }
#Gallery.ViewEntry ul.AdminLinks { clear: both; }

/* Formulare */
form { padding: 2em; margin-top: 2em; border: 1px solid #C3DA00; }
fieldset { border: none; padding: 1em; margin: 1em 0; margin-bottom: 2em; }
fieldset div { padding-left: 30px; }
fieldset div label { font-weight: normal; width: 120px; }
input, textarea, select, label, .required { float: left; margin: 0.5em; }
input, textarea, select { border: 1px solid #888; padding: 2px; }
textarea { margin-top: 0; }
label { clear: both; width: 150px; font-weight: bold; }
.button { clear: both; padding: 2px 6px; background-color: #C3DA00;}
.required {color: Red;}

/* TICKER */
#ticker   { position: absolute; top: 95px; left: 65px; width: 400px; height: 32px; overflow: hidden; }
#ticker A { color: #FFF; }