/* farbdefinitionen fuer fantoche 2010
------------------------------------------------------------*/
html {
	background-color: #000;
}
html.bg-0,
html.bg-81,
html.bg-80 {
	background: url(/2010/img/bg/bg-body-1.jpg) no-repeat top left #000;
}
html.bg-49 {
	background: url(/2010/img/bg/bg-body-2.jpg) no-repeat top left #000;
}
html.bg-50 {
	background: url(/2010/img/bg/bg-body-3.jpg) no-repeat top left #000;
}
html.bg-51 {
	background: url(/2010/img/bg/bg-body-4.jpg) no-repeat top left #000;
}
html.bg-52 {
	background: url(/2010/img/bg/bg-body-5.jpg) no-repeat top left #000;
}
html.bg-53 {
	background: url(/2010/img/bg/bg-body-6.jpg) no-repeat top left #000;
}

#nav {
	background-color: #66cc00;
}
#container {
	background: url(/2010/img/bg/bg-spalte-rechts.gif) repeat-y right #fff;
}

/* typo-elemente
------------------------------------------------------- */
h1,
h2,
h3 {
	color: #66cc00;
}
input.warning,
input.warning:hover,
input.warning:focus {
	border-color: #66cc00;
}
.webautor-container ul li {
	background: url(/2010/img/buttons/li-element.gif) no-repeat 2px 8px;
}

/* navis
------------------------------------------------------- */
/* ebene 1 (cufon)
------------------------*/
#nav-level1 ul li a {
	color: #66cc00;
}
#nav-level1 ul li a:hover,
#nav-level1 ul li.nav1-active a {
	color: #fff;
}
/* ebene 2 (cufon)
------------------------*/
#nav ul li a {
	background: url(/2010/img/pixel-trennlinie-nav.gif) no-repeat 8px bottom;
}
#nav ul li a:hover,
#nav ul li.active a {
	color: #fff;
}
/* ebene 3
------------------------*/
#nav ul li ul {
	background: url(/2010/img/pixel-trennlinie-nav.gif) no-repeat 7px bottom;
}
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active a {
	color: #fff;
	background: url(/2010/img/buttons/icn-arrow-right-white-nav.gif) no-repeat 0 5px;
}
/* subnav (ebene 4), pageturner
--------------------------------------------------------*/
ul.subnav li a:hover,
ul.pageturner li a:hover,
ul.subnav li.active a,
ul.pageturner li.active a {
	color: #66cc00;
}
/* special-subnav programmuebersicht (cufon)
--------------------------------------------------------*/
ul.special-subnav li a,
ul.special-subnav li span {
	background: url(/2010/img/buttons/icn-arrow-green.gif) no-repeat 0 2px;
	color: #66cc00;
}
ul.special-subnav li span {
	color: #000;
	background: none;
}
#content ul.special-subnav li a:hover,
ul.special-subnav li.active a {
	color: #000;
	background-image: url(/2010/img/buttons/icn-arrow-black.gif);
}
/* metanav
--------------------------------------------------------*/
ul#metanav li a {
	color: #66cc00;
}
ul#metanav li a:hover,
ul#metanav li.active a {
	color: #fff;
}

/* fuer Spezial-Seiten sowie globale Elemente
--------------------------------------------------------*/
div.trennlinie,
.special-event,
.meldungen-wrapper,
.download-wrapper,
.team-wrapper {
	background: url(/2010/img/pixel-trennlinie.gif) repeat-x top left;
}
#pageheader,
.container-dotted,
.download,
.meldung,
.newsmeldung,
.person,
.gallery-wrapper,
.event,
.event .event-meta,
.more-links,
p.programmzeilen a {
	background: url(/2010/img/pixel-trennlinie.gif) repeat-x bottom left;
}
#content a:hover,
.newsmeldung h3 a,
a.icn-more,
.webautor-container a.icn-more {
	color: #66cc00;
}
.event .event-meta p,
.slider-controls {
	background: #66cc00;
}
table.programmspalte tr td.schraffiert {
	background: url(/2010/img/bg-schraffiert.gif)
}
.tooltip-header {
	background: #000;
	color: #fff;
}
.tooltip-header h3.tooltip-title {
	color: #fff;
}

/* sponsoren-vorteile
--------------------------------------------------------*/
table.sponsoren-vorteile td.schraffiert-1 {
	background: url(/2010/img/bg-schraffiert-3.gif) top left;
}
table.sponsoren-vorteile td.schraffiert-2 {
	background: url(/2010/img/bg-schraffiert-4.gif) top left;
}
table.sponsoren-vorteile td.schraffiert-3 {
	background: url(/2010/img/bg-schraffiert-5.gif) top left;
}
table.sponsoren-vorteile tr.table-caption th {
	background: #66cc00;
	color: #fff;
}

/* startseite
------------------------*/
.teaser-text .teaser-inner {
	background: #66cc00;
	color: #fff;
}
.teaser-text .teaser-inner h1,
.teaser-text .teaser-inner h2,
.teaser-text .teaser-inner a,
#content .teaser-text .teaser-inner a:hover,
.teaser-left.coloured h2,
.teaser-right.coloured h2,
.teaser-zweispaltig .teaser-inner .teaser-left.coloured a,
.teaser-zweispaltig .teaser-inner .teaser-right.coloured a,
#content .teaser-zweispaltig .teaser-inner .teaser-left.coloured a:hover,
#content .teaser-zweispaltig .teaser-inner .teaser-right.coloured a:hover  {
	color: #fff;
}
.teaser-left.schraffiert,
.teaser-right.schraffiert {
	background: url(/2010/img/bg-schraffiert-2.gif);
}
.teaser-left.schraffiert h2,
.teaser-right.schraffiert h2 {
	color: #000;
}
.teaser-left.coloured,
.teaser-right.coloured {
	background: #66cc00;
}

/* links mit icons
--------------------------------------------------------*/
a.icn-more,
.event a.icn-more,
.webautor-container a.icn-more {
	background: url(/2010/img/buttons/icn-arrow-right-green.gif) no-repeat 2px center;
}
a.icn-more-black,
.newsmeldung a,
.webautor-container a,
.teaser-inner .schraffiert a,
.event a,
.teaser-archiv .teaser-inner a {
	background: url(/2010/img/buttons/icn-arrow-right-black.gif) no-repeat 2px center;
}
.teaser-inner a,
a.icn-more-white {
	background: url(/2010/img/buttons/icn-arrow-right-white.png) no-repeat 2px center;
}
ul.arrow-list li.nolink {
	background: url(/2010/img/buttons/icn-strich.gif) no-repeat 2px center;
}
ul.arrow-list li a {
	background: url(/2010/img/buttons/icn-arrow-right-black.gif) no-repeat 2px center;
}
a.document {
	background: url(/2010/img/buttons/icn-arrow-right-black.gif) no-repeat 2px 3px;
}

/* buttons
------------------------*/
.btn-pinsel-1 {
	background: url(/2010/img/buttons/bg-pinsel1-left.gif) no-repeat top left #000;
}
.btn-pinsel-2 {
	background: url(/2010/img/buttons/bg-pinsel2-left.gif) no-repeat top left #000;
}
.btn-pinsel-1 a,
.btn-pinsel-1 button {
	color: #fff;
	background: url(/2010/img/buttons/bg-pinsel1-right.gif) no-repeat top right;
}
.btn-pinsel-2 a,
.btn-pinsel-2 button {
	color: #fff;
	background: url(/2010/img/buttons/bg-pinsel2-right.gif) no-repeat top right;
}

/* buttons pinsel gross
--------------------------------------------------------*/
.btn-pinsel-big-1 {
	background: url(/2010/img/buttons/bg-pinsel1-big-left.gif) no-repeat top left #000;
}
.btn-pinsel-big-2 {
	background: url(/2010/img/buttons/bg-pinsel2-big-left.gif) no-repeat top left #000;
}
.btn-pinsel-big-3 {
	background: url(/2010/img/buttons/bg-pinsel3-big-left.gif) no-repeat top left #000;
}
.btn-pinsel-big-1 a,
.btn-pinsel-big-1 span {
	color: #fff;
	background: url(/2010/img/buttons/bg-pinsel1-big-right.gif) no-repeat top right;
}
.btn-pinsel-big-2 a,
.btn-pinsel-big-2 span {
	color: #fff;
	background: url(/2010/img/buttons/bg-pinsel2-big-right.gif) no-repeat top right;
}
.btn-pinsel-big-3 a,
.btn-pinsel-big-3 span {
	color: #fff;
	background: url(/2010/img/buttons/bg-pinsel3-big-right.gif) no-repeat top right;
}
