/* ------------------------------------------------- 
Project: NEXT GENERATION 2010
Description: Erfinde die Zukunft für dich und deine Stadt! Mit dir ergreift die nächste Generation das Wort – in Duisburg, Essen, Bochum, Herne und der ganzen Metropole Ruhr. 
Version: 1.0
Author: Moritz Limanski
Author URI: http://www.portnull.de
CMS: ExpressionEngine
Design: http://www.colonie-cgn.com
Tags: Blog, Projekte, Partner, Tags, Comments
---------------------------------------------------- */


/* #RESET & GENERALS
---------------------------------------------------- */
* {padding: 0; margin: 0; border: 0; background: none;}

.floatleft {float: left;}
.floatright {float: right;}
.hide {display: none;}



/* #TYPO
---------------------------------------------------- */
body {
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #111;}


/* -- LINKS */
a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;}
a:hover {
	color: #1ee01f;
	text-decoration: underline;}
a img {border: 0;}


a.download {
	padding: 2px 4px;
	background: #fff;}
a.download:hover {
	color: #fff;
	background: #111;
	text-decoration: none;}
a.download:hover strong {
	color: #1ee01f;}


/* -- HEADLINES */
h1 {
	font-size: 1.7em;
	margin: 0 0 20px 0;}
	
h2 {font-size: 1.7em;}
#detailItem h2 {font-size: 2.3em;}

h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}


/* --isTitle */
.isTitle {
	font-size: 2.3em;
	color: #fff;
	padding: 4px 0 0 4px;
	margin: 4px 0;
	background: #00d900;}
.isTitle a, body h2.isTitle {color: #fff !important;}	
.isTitle a:hover {color: #fff !important;}

body#page .isTitle {background: #5b5b5b;}
body#page .isTitle.green {background: #00d900;}  
body#partner .isTitle {background: #111;}
body#newsletter .isTitle {background: #111;}


/* -- TAGS */
p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 10px 0;}
.big p {
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;}


strong {font-weight: bold;}
em {font-style: italic;}
	
	
acronym {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0;}
code {}
blockquote {}

hr {
	clear: both;
	margin: 2px 0 0 0;
	border-bottom: 2px solid #111;
	background: none;}
hr.hidden {
	visibility: hidden;
	margin: 0;
	border: 0;}



/* -- inline classes */
span.amp {
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
	font-size: 110%;
	font-style: italic;}
	
	
	
/* #BASIC
---------------------------------------------------- */
body {
	margin: 20px;
	background: #f4f3f1 url("/gfx/bg-body.jpg") top left repeat;}
	
#wrapper {
	width: 980px;
	padding: 16px 0;
	border-top: 4px solid #111;}

#sidebar {
	float: left;
	padding: 10px 0;
	width: 200px;
	border-top: 2px solid #111;}

#frame {
	float: right;
	width: 745px;
	padding: 20px 0;
	border-top: 2px solid #111;}

#footer {
	clear: both;}



/* #SIDEBAR
---------------------------------------------------- */
#promo {
	height: 211px;
	width: 200px;
	background: transparent url("/gfx/bg-promo.png") 0 0 no-repeat;}	
#promo-button {
	display: block;
	font-size: 10px;
	text-align: center;
	color: #fff;
	padding: 28px 18px 0 30px;}
#promo-button p {
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;}

#promo-button strong {
	display: block;
	font-size: 18px !important;
	font-weight: bold;
	margin: 0 0 5px 0;}
#promo-button span {
	font-size: 15px !important;}



/* #NAVIGATION ------------------------------------- */
ul#navigation, ul#navigation ul { /* all lists */
	float: left;
	width: 20em;
	padding: 0;
	margin: 0;	
	list-style: none;}
	
ul#navigation { /* only navigation */
	width: 20em;
	padding: 0 0 20px;}	
ul#navigation li { /* all list items */
	position: relative;
	float: left;
	width: 200px;}
ul#navigation li ul { /* second-level lists */
	z-index: 100;
	position: absolute;
	left: -999em;
	margin-left: 14em;
	margin-top: -2.5em;}


ul#navigation li a {
	display: block;
	font-size: 1.1em;
	color: #111;
	font-weight: bold;
	padding: 4px 0;
	text-decoration: none;}
ul#navigation li a:hover,
ul#navigation li a.current {color: #00d900;}

ul#navigation li ul a {
	display: block;
	font-size: 1.1em;
	width: 10em;
	color: #111;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	background: transparent url("/gfx/alpha-fff-90.png") top left repeat;}


#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;}
	

	
/* #FRAME
---------------------------------------------------- */
#project-header {min-height: 182px;}
.isProjectinfo {
	float: left;
	width: 360px;}
.isProjectinfo p {
	font-size: 1.7em;
	line-height: 1.3em;
	font-weight: bold;
	padding: 0;
	margin: 0;}
.isProjectinfo p small {
	font-size: 12px;
	font-weight: bold;}


#project-navigation {
	font-size: 1.2em;
	margin: 12px 0 0 0;
	border-bottom: 2px solid #111;}

#project-navigation a {
	color: #fff;
	padding: 4px 10px 2px;
	background: #111;}
	
#project-navigation ul {float: right;}
#project-navigation ul li {
	float: right;
	margin: 0 0 0 2px;
	list-style: none;}



/* #ITEMS ------------------------------------------ */
.dropItems {}
.detailItem {}


/* -- isText */
.isArticle .isText {padding: 10px 0;}
.isArticle.hasImage .isText,
.isArticle.hasAudio .isText {
	float: right;
	width: 477px;
	padding: 0 10px !important;}
	
.isEvent .isText {
	padding: 10px;
	background: #00d300 url("/gfx/stripes-next-generation.png") top left repeat;}
.isEvent.hasImage .isText {
	float: right;
	width: 477px;
	padding: 10px !important;}	


#detailItem .isText {padding: 10px 0;}
#detailItem .hasImage .isText {
	float: right;
	width: 477px;
	padding: 0 10px !important;}


.isInfo {
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0 0 0;}
#isSAEF .isInfo {
	font-weight: normal;
	padding: 0 0 5px;}	

	
/* -- isArticle */
.isArticle {
	clear: both;
	padding: 10px 0;
	border-bottom: 2px solid #111;}
body#page .isArticle {border: 0;}	
	

.isArticle .isText ul,
.isArticle .isText ol {
	font-size: 13px;
	line-height: 1.6em;
	padding: 0 0 0 20px;}
.isArticle ul li, .isArticle ul li p,
.isArticle ol li, .isArticle ol li p {
	font-size: 13px;}
	




/* -- isEvent */
.isEvent {
	clear: both;
	padding: 10px 0;
	border-bottom: 2px solid #111;}
.isEvent h2, isEvents h2 a {
	padding: 4px 0;}

	
ul.isEventInfo {
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	padding: 0 0 4px;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #111;}
ul.isEventInfo li {
	float: left;
	margin: 0 20px 0 0;}

ul.isEventInfo strong {
	font-size: 1.7em;
	padding: 0 4px;}
ul.isEventInfo strong.isDate {
	text-transform: uppercase;}


/* -- isPartner */
.isPartner {padding: 10px 0;}



/* -- isAudio */
ul.isAudio {
	font-size: 1.2em;
	list-style: none;
	padding: 0 !important;}
.isArticle.hasAudio ul.isAudio {border: 2px solid #f1f1f1;}
	
ul.isAudio li {
	padding: 5px;
	background: #00d900;}
ul.isAudio li.odd {background: #fff;}
ul.isAudio li.even {background: #f4f4f4;}

#dropItems ul.isAudio li.odd,
#dropItems ul.isAudio li.even {
	background: none;}


.onebit_mp3 a {
	color: #666;
	margin: 0 0 0 8px;}
.onebit_mp3 a:hover {color: #111;}



/* -- isVideo */
.isVideo {
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 10px;
	background: #111;}



/* -- isDate */
.isDate {
	font-size: 12px;
	color: #111;
	font-weight: bold;
	text-transform: uppercase;}
.dropInfo .isDate {
	font-size: 11px;}	
	
#latest-entries	.isDate {
	font-size: 11px;}
ul#event-list span.isDate {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	width: 100px; 
	padding: 6px 0 4px 10px;
	background: #111;}
ul#event-list span.isDate em {
	font-style: normal;
	color: #666;
	padding: 0 0 0 5px;}
	

/* -- isButton */
.articlefunctions {
	float: right;
	padding: 0 10px 0 0;}

a.button,
.isArticle a.button,
.isEvent a.button {
	display: block;
	outline: none;
	width: 20px;
	height: 33px;
	text-indent: -9999em;
	margin: -25px 0 0 0;
	background: transparent url("/gfx/button-article.png") 0 -33px no-repeat;}
a.button:hover, .isArticle a.button:hover {
	background: transparent url("/gfx/button-article.png") 0 0 no-repeat;}

.isEvent a.button {
	background: transparent url("/gfx/button-event.png") 0 -33px no-repeat;}
.isEvent a.button:hover {
	background: transparent url("/gfx/button-event.png") 0 0 no-repeat;}



/* -- #TAGS -------------------------------------- */
#isTag {
	font-size: 1.7em;
	font-weight: bold;
	color: #858585;
	padding: 10px 10px 0;
	background: #fff;}
#isTag span {
	color: #111;}	

/* -- isCloud */
#isCloud {
	line-height: 2.2em;
	padding: 20px 10px 15px 10px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #111;
	background: #fff;}
#isCloud h3 {
	color: #111;
	margin: 0 0 10px 0;}

#isCloud a {
	color: #b20067;
	margin: 0 5px 5px 0;}
#isCloud a:hover {
	color: #111;
	text-decoration: none;}



/* -- #IMAGES -------------------------------------- */
#dropItems img.thumbnail {float: left;}

/* Article has Video: Teaser */
.hasVideo .teaserimg {
	float: left;
	position: relative;}
.hasVideo .teaserimg img.thumbnail {
	float: none !important;}	
	
.hasVideo .teaserimg span {
	position: absolute;
	font-size: 1.1em;
	color: #fff;
	padding: 4px 8px 2px;
	top: 120px;
	left: 5px;
	background: #111;}


/* Article Gallery */
ul#isGallery {
	float: left;
	width: 235px;
	padding: 0;}	
ul#isGallery li {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	list-style: none;}



/* #GDR-ITEMS -------------------------------------- */
ul.gdrItems {
	list-style: none;}
ul.gdrItems li {
	font-size: 1.7em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 25px 0;
	margin: 10px 0;
	background: #fff;}
ul.gdrItems li a,
ul.gdrItems li span {
	display: block;
	color: #858585;
	padding: 0 0 0 265px;
	text-decoration: none;}
ul.gdrItems li a:hover {
	color: #b20067;
	text-decoration: none;}
ul.gdrItems small {
	color: #111;
	font-size: 13px;}
	
	
/* -- Archiv Navigation */	
ul#archiv-navigation {
	font-size: 1.2em;
	margin: 20px 0 0 0;
	border-bottom: 2px solid #111;}
ul#archiv-navigation li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;}
	
ul#archiv-navigation a {
	color: #fff;
	padding: 4px 10px 2px;
	background: #111;}



/* -- Balken */
ul.gdrItems li#gdr-karteikarte {background: #fff url("/gfx/gdr-karteikarte.jpg") 5px -2px no-repeat;}
ul.gdrItems li#gdr-hotline {background: #fff url("/gfx/gdr-hotline.jpg") 0 0 no-repeat;}
ul.gdrItems li#gdr-erinnerung {background: #fff url("/gfx/gdr-erinnerung.jpg") 20px 2px no-repeat;}
ul.gdrItems li#gdr-archiv {background: #fff url("/gfx/gdr-archiv.jpg") 10px 12px no-repeat;}
ul.gdrItems li#gdr-logbuch {background: #fff url("/gfx/gdr-logbuch.jpg") 20px 2px no-repeat;}
ul.gdrItems li#gdr-termine {background: #fff url("/gfx/gdr-termine.jpg") bottom left no-repeat;}
ul.gdrItems li#gdr-memomobil {background: #fff url("/gfx/gdr-memomobil.jpg") 30px 2px no-repeat;}
ul.gdrItems li#gdr-kontakt {background: #fff url("/gfx/gdr-kontakt.jpg") 30px 10px no-repeat;}
ul.gdrItems li#gdr-installation {background: #fff url("/gfx/gdr-logo.jpg") 12px 10px no-repeat;}
ul.gdrItems li#gdr-km {background: #fff url("/gfx/gdr-km.jpg") 20px 10px no-repeat;}


/* -- Archiv */
ul#isMemory {
	float: left;
	width: 221px;
	padding: 0 0 0 14px;}
ul#isMemory li {
	line-height: 1.2em;
	padding: 5px 0;
	list-style: square;}


/* -- Kontakt */
body#gdr-kontakt .isArticle {
	padding: 10px;
	background: transparent url("/gfx/bg-pattern.jpg") top left repeat;}
body#gdr-kontakt textarea {margin: 0;}	





/* -- #PAGINATION ---------------------------------- */
#pagination {
	font-size: 1.1em;
	margin: 30px 0;}
#pagination strong,
#pagination a {
	color: #111;
	padding: 4px 7px 3px 7px;
	margin: 0 4px 0 0;
	border: 1px solid #111;
	background: #fff;}
#pagination a {
	color: #fff;
	background: #111;}



/* -- #FORM ELEMENTS ------------------------------- */
label {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0;}
input {
	width: 200px;
	padding: 4px;
	border: 1px solid #111;
	background: #fff;}

input#submit {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #111;
	width: auto;
	padding: 6px 8px 4px 8px;
	border: 1px solid #111;
	background: #fff;}
input#submit:hover {
	cursor: pointer;
	color: #fff;
	background: #111;}

select {
	padding: 8px 4px;
	width: 200px;
	border: 1px solid #111;
	background: #fff;}
select option {
	padding: 0 4px;
	font-size: 1.2em;}


textarea {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.3em;
	line-height: 1.5em;
	width: 705px;
	padding: 8px;
	margin: 10px 0 0;
	border: 1px solid #111;
	background: #fff;}	
	
	
.inputbreaker {
	clear: both;
	padding: 5px 0;}
.inputbreaker img {
	float: left;}	
	
	
.inputfloat {
	float: left;
	margin: 0 20px 0 0;}	



/* -- #COMMENTS ------------------------------------ */
#comments {
	padding: 10px 10px;
	background: #fff;}
#comments h3 {padding: 10px 0 0;}

dl.isComment {
	padding: 10px 0 7px 0;
	margin: 10px 0;
	border-bottom: 1px solid #111;}
dl.isComment.odd {background: #fff;}
dl.isComment.even {background: #none;}	
		
	
dl.isComment dt {
	font-size: 1.1em;
	font-weight: bold;}
dl.isComment dt span.isDate {font-size: 11px;}
dl.isComment dd {}


#comment-inputs {margin: 10px 0;}
#comments textarea {margin-bottom: 10px;}


#captcha {}
#captcha-input {
	height: 20px;
	margin: 0 0 0 4px;}



/* -- #SAEF ---------------------------------------- */
#isSAEF {
	padding: 10px;
	background: transparent url("/gfx/bg-pattern.jpg") top left repeat;}
#isSAEF fieldset {border: 0;}
#isSAEF legend {display: none;}
#isSAEF textarea {margin: 0;}

#form-title input {width: 715px;}
#form-memory textarea {height: 80px;}



/* -- #NEWSLETTER ---------------------------------- */
body#newsletter .isArticle {
	padding: 10px;
	background: transparent url("/gfx/bg-pattern.jpg") top left repeat;}



/* -- #PROJECT-LIST
----------------------------------------------------*/
ul.gallery {
	list-style: none;
	margin: 15px 0 0 0;}

ul.gallery li {
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	display: inline;}
ul.gallery li.noMargin {
	margin: 0 0 15px 0;}
ul.gallery li.hasMargin {
	margin: 0 20px 15px;}


ul.gallery li a.thumb {
	width: 235px;
	height: 143px;
	margin: 0 0 4px 0;
	cursor: pointer;}
	
ul.gallery li span {
	display: block;
	overflow: hidden;
	width: 235px;
	height: 143px;}
	
	
ul.gallery li a {
	display: block;
	text-decoration: none;}	
ul.gallery li a:hover {
	color: #111;}
	
	
li.dropInfo {
	width: 489px;
	height: 143px;
	margin: 0 0 0 20px;
	background: transparent url("/gfx/pattern-nextgeneration.jpg") top left repeat;}	
.dropInfo .isArticle {
	padding: 15px 15px 0;
	border: 0;}
.dropInfo .isArticle a {font-weight: normal;}
.dropInfo .isArticle p {
	font-size: 11px;
	margin: 5px 0 0 0;}
.dropInfo .isArticle em {font-style: normal;}



/* -- #EVENT-LIST -------------------------------- */
ul#event-list {
	font-weight: bold;
	margin: 18px 0 0 0;
	list-style: none;
	background: transparent url("/gfx/bg-pattern.jpg") top left repeat;}
	
ul#event-list li {
	padding: 0;
	margin: 0 0 8px 0;
	background: #00d900 url("/gfx/pattern-nextgeneration.jpg") top left repeat;
	background: #00d900;}
ul#event-list span.isEventTitle a {
	font-size: 14px;
	color: #fff;
	padding: 8px 0 0 10px;}



/* -- #PARTNER-LIST -------------------------------- */
ul#partner-list {
	list-style: none;}	
ul#partner-list li {
	padding: 15px 0;}



/* -- #LATEST-ENTRIES ------------------------------ */
ul#latest-entries {
	float: right;
	width: 280px;
	list-style: none;}
ul#latest-entries li {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 7px 0;}
	
ul#latest-entries a {
	display: block;
	color: #111;}
ul#latest-entries a:hover {text-decoration: none;}
ul#latest-entries a span {font-weight: bold;}
ul#latest-entries a:hover span {
	color: #00d900;
	text-decoration: underline;}


ul#latest-entries h3 {
	font-size: 1.7em;
	margin: 0 0 20px 0;}	
ul#latest-entries em {
	font-style: normal;}



/* #FOOTER
---------------------------------------------------- */
#footer {}
.footer-side{
	float: left;
	width: 200px;
	border-top: 2px solid #111;}
.footer-frame {
	float: right;
	width: 745px;
	border-top: 2px solid #111;}



/* #COLOUR CODE AND EXCEPTIONS
----------------------------------------------------
#d56125 == medienbunker
#0b79e3 == altendorf-krupp
#f453d4 == maedchenband
#bb9c0f == unesco-schule
#8f07c4 == x-vision
#625a26 == opelwerk
#ee4e10 == ruhr-uni
#01f0fd == renegade
#b20067 == gedaechtnis-des-ruhrgebiets
#56d900 == das-stueck
---------------------------------------------------- */
/* next-generation */
ul#event-list li.medienbunker {background: #d56125;}
#next-generation .isText {padding-top: 0;}


/* medienbunker */
body#medienbunker .isArticle h2, body#medienbunker .isArticle h2 a,
body#medienbunker .isArticle h3, body#medienbunker .isArticle h3 a,
body#medienbunker .isEvent h2, body#medienbunker .isEvent h2 a,
body#medienbunker .isEvent h3, body#medienbunker .isEvent h3 a {color: #d56125;}
li#sub-medienbunker a:hover,
ul#latest-entries li.medienbunker a:hover span {color: #d56125 !important;}
body#medienbunker .isTitle {background: #d56125;}
body#medienbunker .isEvent .isText {background: transparent url("/gfx/pattern-medienbunker.jpg") top left repeat;}
ul#event-list li.medienbunker {background: #d56125;}


/* altendorf-krupp */
body#altendorf-krupp .isArticle h2, body#altendorf-krupp .isArticle h2 a,
body#altendorf-krupp .isArticle h3, body#altendorf-krupp .isArticle h3 a,
body#altendorf-krupp .isEvent h2, body#altendorf-krupp .isEvent h2 a,
body#altendorf-krupp .isEvent h3, body#altendorf-krupp .isEvent h3 a {color: #0b79e3;}
li#sub-altendorf-krupp a:hover,
ul#latest-entries li.altendorf-krupp a:hover span {color: #0b79e3 !important;}
body#altendorf-krupp .isTitle {background: #0b79e3;}
body#altendorf-krupp .isEvent .isText {background: transparent url("/gfx/pattern-altendorfkrupp.jpg") top left repeat;}
ul#event-list li.altendorf-krupp {background: #0b79e3;}


/* maedchenband */
body#maedchenband .isArticle h2, body#maedchenband .isArticle h2 a,
body#maedchenband .isArticle h3, body#maedchenband .isArticle h3 a,
body#maedchenband .isEvent h2, body#maedchenband .isEvent h2 a,
body#maedchenband .isEvent h3, body#maedchenband .isEvent h3 a {color: #f453d4;}
li#sub-maedchenband a:hover,
ul#latest-entries li.maedchenband a:hover span {color: #f453d4 !important;}
body#maedchenband .isTitle {background: #f453d4;}
body#maedchenband .isEvent .isText {background: transparent url("/gfx/pattern-maedchenband.jpg") top left repeat;}
ul#event-list li.maedchenband {background: #f453d4;}


/* unesco-schule */
body#unesco-schule .isArticle h2, body#unesco-schule .isArticle h2 a,
body#unesco-schule .isArticle h3, body#unesco-schule .isArticle h3 a,
body#unesco-schule .isEvent h2, body#unesco-schule .isEvent h2 a,
body#unesco-schule .isEvent h3, body#unesco-schule .isEvent h3 a {color: #bb9c0f;}
li#sub-unesco-schule a:hover,
ul#latest-entries li.unesco-schule a:hover span {color: #bb9c0f !important;}
body#unesco-schule .isTitle {background: #bb9c0f;}
body#unesco-schule .isEvent .isText {background: transparent url("/gfx/pattern-unesco.jpg") top left repeat;}
ul#event-list li.unesco-schule {background: #bb9c0f;}


/* x-vision */
body#x-vision .isArticle h2, body#x-vision .isArticle h2 a,
body#x-vision .isArticle h3, body#x-vision .isArticle h3 a,
body#x-vision .isEvent h2, body#x-vision .isEvent h2 a,
body#x-vision .isEvent h3, body#x-vision .isEvent h3 a {color: #8f07c4;}
li#sub-x-vision a:hover,
ul#latest-entries li.x-vision a:hover span {color: #8f07c4 !important;}
body#x-vision .isTitle {background: #8f07c4;}
body#x-vision .isEvent .isText {background: transparent url("/gfx/pattern-xvision.jpg") top left repeat;}
ul#event-list li.x-vision {background: #8f07c4;}


/* opelwerk */
body#opelwerk .isArticle h2, body#opelwerk .isArticle h2 a,
body#opelwerk .isArticle h3, body#opelwerk .isArticle h3 a,
body#opelwerk .isEvent h2, body#opelwerk .isEvent h2 a,
body#opelwerk .isEvent h3, body#opelwerk .isEvent h3 a {color: #625a26;}
li#sub-opelwerk a:hover,
ul#latest-entries li.opelwerk a:hover span {color: #625a26 !important;}
body#opelwerk .isTitle {background: #625a26;}
body#opelwerk .isEvent .isText {background: transparent url("/gfx/pattern-opelwerk.jpg") top left repeat;}
ul#event-list li.opelwerk {background: #625a26;}


/* ruhr-uni */
body#ruhr-uni .isArticle h2, body#ruhr-uni .isArticle h2 a,
body#ruhr-uni .isArticle h3, body#ruhr-uni .isArticle h3 a,
body#ruhr-uni .isEvent h2, body#ruhr-uni .isEvent h2 a,
body#ruhr-uni .isEvent h3, body#ruhr-uni .isEvent h3 a {color: #ee4e10;}
li#sub-ruhr-uni a:hover,
ul#latest-entries li.ruhr-uni a:hover span {color: #ee4e10 !important;}
body#ruhr-uni .isTitle {background: #ee4e10;}
body#ruhr-uni .isEvent .isText {background: transparent url("/gfx/pattern-ruhruni.jpg") top left repeat;}
ul#event-list li.ruhr-uni {background: #ee4e10;}


/* renegade */
body#renegade .isArticle h2, body#renegade .isArticle h2 a,
body#renegade .isArticle h3, body#renegade .isArticle h3 a,
body#renegade .isEvent h2, body#renegade .isEvent h2 a,
body#renegade .isEvent h3, body#renegade .isEvent h3 a {color: #00dfeb;}
li#sub-renegade a:hover,
ul#latest-entries li.renegade a:hover span {color: #01f0fd !important;}
body#renegade .isTitle {background: #01f0fd;}
body#renegade .isEvent .isText {background: transparent url("/gfx/pattern-renegade.jpg") top left repeat;}
ul#event-list li.renegade {background: #01f0fd;}


/* gedaechtnis-des-ruhrgebiets */
body#gedaechtnis-des-ruhrgebiets .isArticle h2, body#gedaechtnis-des-ruhrgebiets .isArticle h2 a,
body#gedaechtnis-des-ruhrgebiets .isArticle h3, body#gedaechtnis-des-ruhrgebiets .isArticle h3 a,
body#gedaechtnis-des-ruhrgebiets .isEvent h2, body#gedaechtnis-des-ruhrgebiets .isEvent h2 a,
body#gedaechtnis-des-ruhrgebiets .isEvent h3, body#gedaechtnis-des-ruhrgebiets .isEvent h3 a,
body#gedaechtnis-des-ruhrgebiets .isArtilce a:hover,
body#gedaechtnis-des-ruhrgebiets .isEvent a:hover {color: #b20067;}
li#sub-gedaechtnis-des-ruhrgebiets a:hover,
ul#latest-entries li.gedaechtnis-des-ruhrgebiets a:hover span {color: #b20067 !important;}
body#gedaechtnis-des-ruhrgebiets .isTitle, body#gdr-kontakt .isTitle, body#page .isTitle.gdr {background: #b20067;}
body#gedaechtnis-des-ruhrgebiets .isText, body#gdr-kontakt .isText {padding: 0;}
body#gedaechtnis-des-ruhrgebiets .isEvent .isText {background: transparent url("/gfx/pattern-gdr.jpg") top left repeat;}
ul#event-list li.gedaechtnis-des-ruhrgebiets {background: #b20067;}


/* das-stueck */
body#das-stueck .isArticle h2, body#das-stueck .isArticle h2 a,
body#das-stueck .isArticle h3, body#das-stueck .isArticle h3 a,
body#das-stueck .isEvent h2, body#das-stueck .isEvent h2 a,
body#das-stueck .isEvent h3, body#das-stueck .isEvent h3 a {color: #56d900;}
li#sub-das-stueck a:hover,
ul#latest-entries li.das-stueck a:hover span {color: #56d900 !important;}
body#das-stueck .isTitle {background: #56d900;}
body#das-stueck .isEvent .isText {background: transparent url("/gfx/pattern-dasstueck.jpg") top left repeat;}
ul#event-list li.das-stueck {background: #56d900;}






/* #EXTRA
---------------------------------------------------- */
/* clear floats */
.xclear:after,
.isArticle:after,
.isEvent:after,
.isEventInfo:after,
.isPartner:after,
.isComment:after,
#project-header:after,
#project-navigation:after,
#project-navigation ul:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
/* clear floats for IE 7 */
*:first-child+html .xclear,
*:first-child+html .isArticle,
*:first-child+html .isEvent,
*:first-child+html .isEventInfo,
*:first-child+html .isPartner,
*:first-child+html .isComment,
*:first-child+html #project-header,
*:first-child+html #project-navigation,
*:first-child+html #project-navigation ul {
	min-height: 1px;}
/* clear floats for IE 6 */
* html .xclear,
* html .isArticle,
* html .isEvent,
* html .isEventInfo,
* html .isPartner,
* html .isComment,
* html #project-header,
* html #project-navigation,
* html #project-navigation ul {
	height: 1%;}