/* 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 Flash tweaks */
#swfbackground, #swflogo {position: absolute; left: 0; top: 0;}
#swflogo {position: absolute; height: 300px; overflow: hidden}

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

/* Headlines */
h2, h3 {text-align: left; padding: 0; position: relative; display: block; height: auto; float: left; width: 100%; clear: both}
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: #fff; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 5px 0; border-bottom: 1px solid #fff; margin-bottom: 3px}
h2.major {color: #66EB00; margin: 0 0 10px 0; border: 0 !important; line-height: 100%}
h2.major small {font-weight: normal; font-size: 11px; text-transform: none}

h3 {line-height: 100%; display: block; position: relative; color: #66EB00; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 5px 0 5px 0; border-bottom: 1px solid #66EB00; padding: 0 0 3px 0}
h3 span {width: 352px; display: block}
h3 small {display: block; position: absolute; right: 0; bottom: 4px; font-weight: normal; font-size: 10px; text-align: right}
h3 a {text-decoration: none}

div.copy {font: normal 12px Georgia, "Times New Roman", Times, serif; color: #ccc; line-height: 160%}
div.copy p {margin: 0 0 10px 0}
div.row {margin: 0 0 5px 0; float: left; width: 100%; display: inline-block; clear: both; position: relative}
div.event {/*border-bottom: 1px solid #66EB00*/}
.va {color: #66EB00}

#wrapper {text-align: left; position: absolute; top: 0; left: 0; z-index: 2 !important; display: block}
#content {position: absolute; left: 94px; top: 0; padding: 0; /*top: 270px; */ width: 596px; height: auto; color: #66EB00; z-index: 999 !important; background: transparent url(content_pattern.png) 0 200px no-repeat; background-attachment: fixed /*background: transparent url(content.png) 0 260px no-repeat*/}
#contentinnards {position: relative; float: none; display: block; z-index: 1000 !important; margin: 290px 46px 0 50px; min-height: 700px}
#contentdbg {width: 596px; border: 1px solid #ccc; overflow: hidden}
#contentinnardsdbg {background: none !important; font: normal 10px Arial, Helvetica, sans-serif; line-height: 200%} 

a.edit {display: block; position: absolute; left: -22px; top: 5px; width: 16px; height: 16px; background: #000 url(icon_pencil.png) 50% 50% no-repeat; overflow: hidden; text-indent: -2000px}
.green, a.green {color: #66EB00 !important}
a.green:hover {color: #fff}

.red {color: red}
strong.headline {color: #fff; display: block; border-bottom: 1px solid #ccc; paddig: 0 0 4px 0; margin: 25px 0 4px 0}

div.district {margin: 0 0 20px 0}
div.articlewrapper {padding: 5px 0 15px 0}
div.articlewrapper a {color: #ccc}
div.event {margin: 0 0 25px 0}
strong.column {width: 95px; display: block; float: left}
.columnr {width: 385px; display: block; float: left; padding: 0 0 0 5px}
strong.columnadmin {width: 125px; display: block; float: left}
.paginator {font: normal 14px Arial, Helvetica, sans-serif; width: 100%; border-top: 1px solid #ccc; padding: 5px 0 0 0; position: relative; height: 60px}
.paginator a {text-decoration: none; color: #fff}
.paginator a:hover {color: #66EB00}
.paginator a.bwd, .paginator a.fwd {display: block; width: 14px; height: 16px; position: absolute; text-align: center; top: 3px}
.paginator .bwd {left: 0} .paginator .fwd {right: 0}

div#backtooverview {line-height: 140% !important; font: normal 16px Arial, Helvetica, sans-serif; color: #66EB00; display: block; width: 100%; height: 120px; text-align: left; padding-top: 45px}
div#backtooverview a {font: normal 15px Arial, Helvetica, sans-serif; color: #66EB00; text-decoration: none}
div#backtooverview a.active {color: #fff; text-decoration: none}
div#backtooverview a:hover {color: #fff}
div#backtooverview span.sep {padding: 0 7px}

div#categoryfilter {display: block; float: left; clear: both; z-index: 3; width: 500px; margin: 0 0 25px -10px; font-family: Arial, Helvetica, sans-serif; line-height: 130%}
div#categoryfilter a {display: inline-block; float: left; padding: 0 10px 0 10px; color: #fff; text-decoration: none}
div#categoryfilter a:hover {color: #66EB00}
div#categoryfilter a.active {color: #66EB00}
div#typefilterlink {font-family: Arial, Helvetica, sans-serif; width: 100%; clear: both}
div#typefilterlink a {color: #66EB00}

div#calfilter {clear: both; width: 100%; margin: 0 0 20px 0; float: left; display: inline-block; font: normal 11px Arial, Helvetica, sans-serif}
div#calfilter a {font: normal 13px Arial, Helvetica, sans-serif; color: #fff; display: inline-block; width: 40px; height: auto; text-align: left; /*background: #66EB00; */text-decoration: none; float: left; margin: 0 1px 0 0}
div#calfilter a.wide {width: auto !important; padding-right: 10px}
div#calfilter a:hover  {color: #66EB00}
div#calfilter a.active {color: #66EB00}

ul.typelist li {list-style-type: none; color: #ccc; margin: 0 0 3px 0}
ul.typelist li a:hover {color: #66EB00}

.tagxsmall {font-size: 13px}
.tagsmall {font-size: 16px}
.tagmedium {font-size: 19px}
.taglarge {font-size: 21px}

.portrait {position: relative}
div.akteurlogo {background: transparent; position: absolute; right: 0; top: 0}
a.thumbmask {display: block; width: 90px; height: 90px; float: left; margin: 0 10px 10px 0; overflow: hidden; text-indent: -2000px}

#footer {font: normal 11px Arial, Helvetica, sans-serif; margin: 0 50px 20px 50px; color: #999; position: relative; float: left; padding: 20px 0 0 0}
#footer a {color: #999; text-decoration: none}

/* Handy shortcuts */
h3 span.alert {display: block; background: transparent url(alert.png) 0 50% no-repeat; color: #000; font-size: 11px; margin: 0 0 3px 0; padding-left: 1px}
.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}
.show {display: inline-block; visibility: visible}
.thumb {margin: 0 10px 15px 0; display: inline-block}
.striketrough {text-decoration: line-through !important}
#megawrapper {position: absolute; left: 0; top: 0; z-index: 0}

/* Cycle */
.pics {position: relative; float: left; height: 340px; width: 500px; padding: 0; margin: 0; clear: both} 
.pics img {padding: 0; border: 0; background: #000; width: 500px; height: auto; top: 0; left: 0}

/* Twitter */
#twitter_div {width: 100%; float: left; clear: both; margin: 0 0 5px 0}
#twitter_div span {display: block; width: 100%; float: left; clear: both}
#twitter_update_list {display: block; width: 100%; float: left; clear: both}
#twitter_div ul li {list-style-type: none; margin: 0 0 10px 0}
#twitter_div a {font-family: Arial, Helvetica, sans-serif !important; color: #66EB00}

/* Archiv */
#archivemenu {position: absolute; right: 5px; top: 0; width: 144px; height: 18px; display: block}
#archivemenu a, #archivemenu img {margin: 0; padding: 0; border: 0; float: left}
img#toarch08, img#toarch07, img#toarch {position: absolute; top: 0}
img#toarch {left: 0}
img#toarch07 {left: 70px}
img#toarch08 {right: 0}

/* Branchenfilter */
#branchesfilter ul {margin: 0 0 20px 0}
#branchesfilter ul li {display: inline; padding: 0 5px 0 0}
#branchesfilter ul li a {font: normal 12px Arial, Helvetica, sans-serif; color: #66EB00}
#branchesfilter ul li a.active {color: #fff; text-decoration:none}

/* Forms */
input {font: normal 12px Arial, Helvetica, sans-serif}
select, option{font: normal 12px Arial, Helvetica, sans-serif; padding: 0 3px}
select {border: 0; background: #122802; color: #fff}
input.text {color: #fff; width: 400px; display: block; clear: both; padding: 1px; border: 1px solid #66EB00; background: #224A03}
input.text:focus {color: #fff; width: 400px; display: block; clear: both; padding: 1px; border: 1px solid #fff; background: #122802}
label {display: block; clear: both}
textarea {color: #fff; width: 400px; height: 200px; display: block; clear: both; padding: 1px; border: 1px solid #66EB00; background: #224A03}
textarea:focus {color: #fff; width: 400px; height: 200px; display: block; clear: both; padding: 1px; border: 1px solid #fff; background: #122802}

/* Special */
#partybutton {position: absolute; left: 520px; top: 380px; z-index: 9999999999 !important}
#progrmdwnldbttn {position: absolute; left: 520px; top: 360px; z-index: 9999999999 !important}