/* CSS Document */
* {margin: 0; padding: 0}
a img {border: 0 !important}
body {background: #000 url(bg_pattern.png) top left repeat}
html, body, #wrapper {
	min-height: 101%; width: 100%; height: 100%}
/*
* The "height" above is a hack for IE5+/Win.  Below we adjust
* it using the child selector to hide from IE5+/Win
*/
html>body, html>body #wrapper {height: auto}
/*
* Without this, Moz1.0 adds a vertical scrollbar
*/
:-moz-any-link:focus {
  outline: 1px dotted invert;
}

/* Change It To This: */

:-moz-any-link:focus {
  outline: none;
}

/* THE REST .. */
body {margin: 0}

.nb, .nb a, .nb img {border: 0 !important}
.nbg, .nbg a, .nbg img {background: none !important}
.fll {float: left}
.flr {float: right}
.hide {visibility: hidden; display: none}
.thumb {margin: 0 10px 15px 0; display: inline-block}


/* Headlines */
h1, h2, h3 {text-align: left; padding: 0}
h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {}
h2 a, h3 a {display: inline; color: #66EB00 !important}
h3 a:hover {color: #000}
h1 {display: none; visibility: hidden}
h2 {color: #999; font: bold 15px Arial, Helvetica, sans-serif}
h3 {position: relative; color: #66EB00; margin: 0; font: bold 13px Arial, Helvetica, sans-serif}
h3 span {position: relative; padding: 0 0 0 7px; text-align: right; font: normal 11px Arial, Helvetica, sans-serif}

/* Tags & Filters */
#showfilterswrapper {font: normal 11px Arial, Helvetica, sans-serif; color: #ccc; padding-left: 7px}
#showfilterswrapper a {color: #ccc; text-align: right; text-decoration: none}
#showfilterswrapper a:hover {color: #66EB00}
#filters, #districts {padding: 7px 7px 20px 7px ; margin: 10px 0; color: #ccc}
#filters a, #districts a {font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none}
#filters a.tactive, #districts a.tactive {color: #66EB00}
#filters a:hover, #districts a:hover {color: #66EB00}
.tagxsmall {font-size: 12px}
.tagsmall {font-size: 16px}
.tagmedium {font-size: 20px}
.taglarge {font-size: 26px}

/* Content */
#gomobile {font: normal 11px Arial, Helvetica, sans-serif; color: #ccc; position: absolute; left: 142px; top: 672px; z-index: 99}
#gomobile a {color: #66EB00}
#flashcontent {position: fixed; left: 0; top: 0; z-index: 0}
#flashcontent_init {position: absolute; left: 0; top: 0; z-index: 0}
#wrapper {
position: absolute;
top: 0;
left: 0;
}
a#linker {font-size: 16px; text-decoration: none; padding: 0 0 0 320px}
#wrapper {text-align: left}
#content {position: absolute; left: 132px; top: 330px; z-index: 1; width: 500px; color: #66EB00} 
#content_init {position: absolute; left: 132px; top: 230px; z-index: 10; width: 500px; color: #66EB00} 
#notes {padding: 7px 7px 17px 7px;  font: normal 11px Georgia, "Times New Roman", Times, serif; color: #ccc}
#news {padding: 7px; font: normal 13px Arial, Helvetica, sans-serif; color: #ccc; line-height: 160%}
#news h2 {color: #F7F7F7; line-height: 160%; margin: 0 0 5px 0}
#news a {color: #66EB00; font-weight: bold}
#news p {margin: 0 0 5px 0}
#news em {font-style: normal; font-weight: bold; color: #fff}
h2#prgm {font: bold 17px Arial, Helvetica, sans-serif; margin: 20px 0 1px 7px; color: #66EB00; text-transform: uppercase}
h2#prgm em {/*border-bottom: 1px solid #66EB00; */font-style: normal; }
.articlewrapper {color: #66EB00; margin: 0 0 20px 0;/* -moz-opacity:.65; filter: alpha(opacity=65); opacity: 0.65;*/}
.focus {border: 1px solid #333 /*-moz-opacity:1; filter: alpha(opacity=100); opacity: 1.00;*/}
.articlewrapper p {margin: 0 0 5px 0; line-height: 160%}
.articlewrapper a {color: #57CE00; text-decoration: none}
.articlewrapper a:hover {color: #66EB00; text-decoration: none}
.articlewrapper a.more, .articlewrapper a.less {font-family: Arial, Helvetica, sans-serif; display: block;  text-decoration: none; margin: 0 0 7px 0} 
.articlewrapper a.more {display: inline; color: #ccc}
.articlewrapper a.more:hover {display: inline; color: #000 !important; background: #666}
.articlewrapper a.less {color: #000; background: #4DB101}
.articlewrapper a.less:hover {color: #000; background: #66EB03}
.infotext {padding: 5px 0 0 0; display: none}
.infotextbg {color: #ccc; font: normal 11px Georgia, "Times New Roman", Times, serif; /* background-image: url(bg_trans50.png); */height: auto; padding: 6px 6px 1px 6px; overflow: auto} /*; behavior: url(http://www.essenskreativeklasse.de/iepngfix.htc); */
.infotextbg h2, .infotextbg h3, .infotextbg div {}
.adress, .time, .adressnointro {line-height: 160%; border-top: 1px solid #333; margin-top: 5px}
.adressnointro {padding: 5px 0}
.adress {padding: 5px 0 15px 0}
.time {padding: 5px 0 0 0}
.va {color: #66EB00}
span.day {padding: 0 13px}
#head {}
#main {} 

/* Forms */
label {display: block; width: 100%; font-size: 10px; color: #666; line-height: 100%; margin: 0 0 3px 0}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px; margin: 0 0 10px 0}
input:hover, textarea:hover {}
input:focus, textarea:focus {}
input.text, textarea {}
input.inputbutton {}
input.text:hover, textarea:hover {}
.contactform textarea {}

/* Context */
a#toplink {padding: 0 10px 0 0; border-right: 1px solid #ccc /*background: transparent url(bg_top.png) 0 50% no-repeat*/}
a#bwd {padding: 0 0 0 10px}

/* Footer */
#footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 0 100px 7px; margin: 80px 0 0 0; color: #999}
#footer a {color: #999; text-decoration: none}