/****************************************************
*****************************************************
Datei: battlegroup.css
Julia Solerti, www.transporter.at, 2007
and Mr Rainer Fabrizi, also transporter
some additions from Niko Hofinger, 2008


reihenfolge der layoutbereiche:
l_wrap .......... umschlisst alles
l_kopf .......... bereich ganz oben mit logo und navi
l_navigation .... navigation
l_inhalt ........ eigentlicher inhalt


/***************************************************/
/***************************************************/
/******************************************** body */

body {
	margin: 0; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.3;
	text-align: left;
	color: #5E5A4A;
	background-color: #FFFFFF;
	}
* html body {
	font-size: x-small; /* ie5 win */
	f\ont-size: small; /* ie win */
	}
html>body {
	font-size: small; /* sei nett zu opera */
	}

/***************************************************/
/***************************************************/
/************************************** layout ids */

/* die mit l_ beginnenden ids stehen für die zugrundeliegenden hauptabschnitte der seite */

/* umschliesst alles */
#l_wrap {
	font-size: 95%;
	}

/* bereich ganz oben */
#l_kopf {
	margin-bottom: 48px;
	}
#l_navigation_inhalt_abstand {
	margin-left: 10px;
	margin-right: 10px;
	}
/* umschließt navigation und inhalt */
#l_navigation_inhalt { 
	margin: auto;
	width: 855px;
	}	
	
/* navigation */
#l_navigation {
	float: left;
	width: 150px;
	}

/* der eigentliche ihalt */
#l_inhalt { 
	margin-left: 150px;
	}
* html #l_inhalt { 
	float: left;
	margin-left: 0px;
	}
	
/* inhalt initiativen */
#l_inhalt_initiativen { 
	margin: 0px;
	padding: 0px;
	}

/***************************************************/
/***************************************************/
/******************************************** tags */

a {  }
/* standardüberschrift rot in den inhaltsmodulen*/
h1 { font-size: 150%; 
	 font-weight: 100;
	 line-height: 1.2;
	 color: #FF3222;
	 margin: 0px;
	 text-transform: uppercase;
	 }
/* standardüberschrift blau in den inhaltsmodulen*/
	 
	 h7 { font-size: 150%; 
	 font-weight: 100;
	 line-height: 1.2;
	 color: #009FDB;
	 margin: 0px;
	 }
	 .blau{color: #009FDB;}
	 
/* standardüberschrift in grau */
h2 { font-size: 150%;
	 line-height: 1.2;
	 color: #5E5A4A;
	 font-weight: 100;
	 text-transform: uppercase;
	 }
/* überschrift in downloadbox */
h3 { font-size: 150%;
	 color: #5E5A4A;
	 font-weight: 100;
	 margin: -20px 0px 0px 0px;
	 }
/* weisse überschrift in der roten zahlenbox */
h4 { font-size: 150%;
	 color: #FFFFFF;
	 font-weight: 100;
	 line-height: 1.2;
	 margin: 5px 0px 5px 0px;
	 }
/* überschriften in den attributen der initiativboxen */
h5 { font-size: 150%;
	 color: #5E5A4A;
	 font-weight: 100;
	 line-height: 1.2;
	 margin: 3px 0px 0px 0px;
	 }
/* überschrifte für Kurzinfo Initiative grau - margin 0 */
h6 { font-size: 150%;
	 color: #5E5A4A;
	 font-weight: 100;
	 line-height: 1.2;
	 margin: 0px 0px 15px 0px;
	 }

/* damit bei einem bild-link kein rand da ist */
img { border: 0px; }

p { margin-bottom: 20px;
	}

/* damit bei einem bild-link kein rand da ist */	
a { text-decoration: none; }

/* RAHMEN um ausgewählte Links im Internet Explorer und Firefox MACdeaktivieren*/
a:focus { outline: none; }

form {
	margin-bottom: 15px;
	}

/***************************************************/
/***************************************************/
/***************************************** klassen */

/* für alles bold-geschriebene */
.wichtig { 
	font-weight: bold; }

/* dunkle fette überschrift in den initiativseiten */
.subline_initiative { 
	font-weight: bold; }

/* dunkle fette überschrift in den initiativseiten */
.wichtigrot { 
	font-weight: bold;
	color: #FF3222; }

/* rote fette überschrift in den initiativseiten */
.wichtigrotinitiative { 
	font-weight: bold;
	color: #FF3222; }
	
.inhaltclear {
	clear: both;
	}

/* roter fließtext */
.textrot {
	color: #FF3222;
	}
	
/* roter fließtext in den initiativseiten */
.textrot_initiative {
	color: #FF3222;
	}
	
	/* blauer fließtext */
.textblau {
	color: #009FDB;
	}
	
/*.menublau a:link a:visited{
	color: #009FDB;
	}
	
.menublau a:hover a:active{
	color: #009FDB;
	
	}*/
	
menublau a:link {
	color: #009FDB;
	}
	
menublau a:visited {
	color: #009FDB;
	}
	
menublau a:hover {
	color: #009FDB;
	}
	
/* blauer fließtext in den initiativseiten */
.textblau_initiative {
	color: #009FDB;
	}
	
	/* dunkle fette überschrift in den initiativseiten */
.wichtigblau { 
	font-weight: bold;
	color: #009FDB; }

/***************************************************/
/***************************************************/
/******************************************* kopf */

/* wrap um kopf erzeugt verlaufs-hintergrund */
#kopf_wrap {
	position: relative;
	width: 100%;
	background: url(../images/verlauf_3.jpg) repeat-x;
	height: 72px;
	}
#kopf_abstand {
	margin-right: 10px;
	margin-left: 10px;
	}
/* im Kopf befindet sich im Moment nur das Logo mit Linie unterhalb */
#kopf {
	margin: auto;
	width: 855px;
	background: url(../images/logo_2.jpg) no-repeat;
	height: 72px;
	border-bottom: dotted #5E5A4A 1px;
	}

/***************************************************/
/***************************************************/
/************************************** navigation */

	.navigation span.rednav a:visited{	color: #5E5A4A;	}
	.navigation span.rednav a:active{	color: #FF3222;	}
	.navigation span.rednav a:hover{	color: #FF3222;	}
	
/*	.navigation li.aktuell a:visited{	color: #5E5A4A;	}
	.navigation li.aktuell a:active{	color: #009FDB;	}
	.navigation li.aktuell a:hover{	color: #009FDB;	}*/


	.navigation span.bluenav a:visited{	color: #5E5A4A;	}
	.navigation span.bluenav a:active{	color: #009FDB;	}
	.navigation span.bluenav a:hover{	color: #009FDB;	}

	.bluenav a:visited{	color: #5E5A4A;	}
	.bluenav a:active{	color: #009FDB;	}
	.bluenav a:hover{	color: #009FDB;	}


/* wrap um navigation */
#navigation_wrap {
	padding: 0px;
	margin: 0px;
	}
.navigation {
	width: 140px;
	line-height:1.2;
	}
	/* liste; IE: keine leerzeichen zwischen den tags!!! */
	.navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	.navigation li {
	margin: 3px 0px 3px 0px;
	}
	*html .navigation li {
	margin: 5px 0px 5px 0px;
	}
	/* aktueller menüpunkt */
	.navigation li.aktuell {
	border-top: dotted #5E5A4A 1px;
	border-bottom: dotted #5E5A4A 1px;
	padding: 4px 0px 3px 0px;
	margin: 4px 0px 6px 0px;
	}
	*html .navigation li.aktuell {
	padding: 6px 0px 3px 0px;
	margin: 4px 0px 8px 0px;
	}
	/* sub, zweite hierarchie */
	.navigation ul.sub {
	margin-top: 6px;
	}
	/* subsub, dritte hierarchie */
	.navigation ul.subsub {
	margin-left: 10px;
	}
	/* links */
	.navigation a {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	display: block;
	}
	.navigation a:link, .navigation a:visited { color: #5E5A4A; }
	.navigation a:hover, .navigation a:active { color: #FF3222; }
	/* links in sub */
	.navigation ul.sub a:link, .navigation ul.sub a:visited {
	background: url(../images/navigation_pfeil.gif) no-repeat 0 0%;
	padding-left: 18px;
	}
	.navigation ul.sub a:hover, .navigation ul.sub a:active {
	background: url(../images/pfeil_rot.gif) no-repeat 0 0%;
	}
	.navigation ul.subsub a:link, .navigation ul.subsub a:visited,
	.navigation ul.subsub a:hover, .navigation ul.subsub a:active {
	padding-left: 8px;
	background: none;
	}
	/* aktueller link */
	.navigation a.aktuell:link, .navigation a.aktuell:visited,
	.navigation a.aktuell:hover, .navigation a.aktuell:active { color: #FF3222; }
	.navigation ul.sub a.aktuell:link, .navigation ul.sub a.aktuell:visited,
	.navigation ul.sub a.aktuell:hover, .navigation ul.sub a.aktuell:active { background: url(../images/pfeil_rot.gif) no-repeat 0 0%; }
	.navigation ul.subsub a.aktuell:link, .navigation ul.subsub a.aktuell:visited,
	.navigation ul.subsub a.aktuell:hover, .navigation ul.subsub a.aktuell:active { background: none; }

/***************************************************/
/***************************************************/
/************************** navigation initiativen */

/* hiermit ist die Navigations-Zeile gemeint, die beim Aufruf der Initiativ-Übersicht/Bereiche unterhalb des Kopfes erscheint */
.navigation_initiativen {
	width: 855px;
	margin-bottom: 10px;
	margin-top: -20px;
	padding: 5px 0px;
	color: #5E5A4A;
	border-top: dotted #5E5A4A 1px;
	border-bottom: dotted #5E5A4A 1px;
	float: left;
	}
	* html .navigation_initiativen {
	margin-top: 0px;
	}
	.navigation_initiativen p {
	float: left;
	margin: 0px 16px 0px 0px;
	padding: 0;
	}
	/* liste */
	.navigation_initiativen ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	.navigation_initiativen li {
	float: left;
	margin-right: 16px;
	}
	/* links */
	.navigation_initiativen a { text-decoration: none; display: block; }
	.navigation_initiativen a:link, .navigation_initiativen a:visited {
	color: #5E5A4A;
	background: url(../images/navigation_pfeil.gif) no-repeat 0 30%;
	padding-left: 16px;
	}
	.navigation_initiativen a:hover, .navigation_initiativen a:active {
	color: #FF3222;
	background: url(../images/pfeil_rot.gif) no-repeat 0 30%;
	padding-left: 16px;
	}
	/* aktueller link */
	.navigation_initiativen a.aktuell:link, .navigation_initiativen a.aktuell:visited,
	.navigation_initiativen a.aktuell:hover, .navigation_initiativen a.aktuell:active {
	color: #FF3222;
	background: url(../images/pfeil_rot.gif) no-repeat 0 30%;
	padding-left: 16px;
	}
	
	
/***************************************************/
/***************************************************/
/****************************************** inhalt */

/* wrap um inhalt */
#inhalt_wrap {
	padding: 0px;
	margin: 0px;
	}

/* inhalt */
#inhalt {
	padding: 0px;
	margin: 0px; 
	}



/***************************************************/
/***************************************************/
/******************************* layout startseite */

/* layout startseite */
.inhalt_705 {
	border-left: dotted #5E5A4A 1px;
	width: 704px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	* html .inhalt_705 {
	float: left;
	}
	.inhalt_705 img {
	width: 694px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	.inhalt_705 .text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}
	/* links im text */
	.inhalt_705 a {
	}
	.inhalt_705 a:link, .inhalt_705 a:visited {
	text-decoration: none;
	color: #5E5A4A;
	}
	.inhalt_705 a:hover, .inhalt_705 a:active {
	color: #5E5A4A;
	text-decoration: none;
	} 

/***************************************************/
/***************************************************/
/**** standardlayout neben navigation mit 410px/295px spalten */

	
/* layout mit 410px breiter spalte, rechts daneben 295px breite spalte = standardlayout */
.inhalt_410_295 {
	margin: 0px;
	padding: 0px;
	}
/* spalte mit 410px breite links */
	.inhalt_410_295 .inhalt410 {
	width: 409px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-left: dotted #5E5A4A 1px;
	}
	/* bilder in dieser spalte */
	.inhalt_410_295 .inhalt410 img {
	margin: 20px 0px 20px 0px;
	}
	
	/* text in dieser spalte */
	.inhalt_410_295 .inhalt410 .text {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}
	/* links im text */
	.inhalt_410_295 .inhalt410 .text a {
	}
	.inhalt_410_295 .inhalt410 .text a:link, .inhalt_410_295 .inhalt410 .text a:visited {
	text-decoration: underline;
	color: #FF3222;
	}
	.inhalt_410_295 .inhalt410 .text a:hover, .inhalt_410_295 .inhalt410 .text a:active {
	color: #FF3222;
	text-decoration: underline;
	} 
	
	/* liste mit links, die roten pfeil vorne haben */
	.inhalt_410_295 .inhalt410 .text ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-image: url(../images/pfeil_rot.gif);
	}
	.inhalt_410_295 .inhalt410 .text ul a {
	}
	.inhalt_410_295 .inhalt410 .text ul a:link, .inhalt_410_295 .inhalt410 .text ul a:visited {
	}
	.inhalt_410_295 .inhalt410 .text ul a:hover, .inhalt_410_295 .inhalt410 .text ul a:active {
	}
	.inhalt_410_295 .inhalt410 .text li {
	}
	.inhalt_410_295 .inhalt410 .text li a {
	}
	.inhalt_410_295 .inhalt410 .text li a:link, .inhalt_410_295 .inhalt410 .text li a:visited {
	text-decoration: underline;
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_410_295 .inhalt410 .text li a:hover, .inhalt_410_295 .inhalt410 .text li a:active {
	text-decoration: underline;
	color: #FF3222;
	background-color: #FFFFFF;
	}

	/* downloadbox besteht aus kleinem bild und listenlink mit rotem Pfeil */
	.inhalt_410_295 .inhalt410 .text .downloadbox {
	border-bottom: dotted #5E5A4A 1px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}
	.inhalt_410_295 .inhalt410 .text .downloadbox .bild {
	float: left;
	width: 50px;
	height: 50px;
	/*background-color: #99CE26;*/
	margin: 0px;
	padding: 0px;
	}
	.inhalt_410_295 .inhalt410 .text .downloadbox .bild img {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	}
	.inhalt_410_295 .inhalt410 .text .downloadbox .text {
	margin: 0px 0px 10px 60px;
	padding: 0px;
	}
	* html .inhalt_410_295 .inhalt410 .text .downloadbox .text { 
	margin: -5px 0px 10px 60px;
	}
	
	/* zahlenboxen besteht aus den bildern, die einen rechner symbolisieren*/
	.inhalt_410_295 .inhalt410 .zahlenbox {
	border: none;
	margin: 0px 0px 20px 10px;
	float: left;
	}
	* html .inhalt_410_295 .inhalt410 .zahlenbox {
	margin: 0px 0px 20px 5px;
	}
	.inhalt_410_295 .inhalt410 .zahlenbox .reihe {
	float: left;
	margin: 0px;
	border: none;
	}
	* html .inhalt_410_295 .inhalt410 .zahlenbox .reihe { 
	margin: 0px 0px 9px 0px;
	}
	.inhalt_410_295 .inhalt410 .zahlenbox .box {
	float: left;
	width: 123px;
	height: 80px;
	margin: 0px 9px 9px 0px;
	background-color: #FF3222;
	border: none;
	}
	/* diese box muss immer rechts eingesetzt werden, da sonst das margin die spalte zu breit macht*/
	.inhalt_410_295 .inhalt410 .zahlenbox .box_rechts {
	width: 123px;
	float: left;
	height: 80px;
	margin: 0px 0px 9px 0px;
	background-color: #FF3222;
	border: none;
	}
	/* bilder in der zahlenbox */
	.inhalt_410_295 .inhalt410 .zahlenbox img {
	margin: 0px;
	padding: 0px;
	}
	
	/* trennlinielinie, die die ganze Breite ausfüllt */
	.inhalt_410_295 .inhalt410 .linie {
	border-bottom: dotted #5E5A4A 1px;
	margin: 0px 10px 20px 10px;
	padding: 0px;
	clear: both;
	}
	
	/* anker nach oben */
	.inhalt_410_295 .inhalt410 .ankerhinauf {
	border-bottom: dotted #5E5A4A 1px;
	border-top: dotted #5E5A4A 1px;
	margin: 0px 10px 20px 10px;
	padding: 6px 20px;
	background: url(../images/pfeil_oben.gif) no-repeat 0 50%;
	clear: both;
	}
	* html .inhalt_410_295 .inhalt410 .ankerhinauf {
	padding: 6px 0px 6px 20px;
	}
	.inhalt_410_295 .inhalt410 .ankerhinauf a {
	display: block;
	width: 350px;
	text-decoration: none;
	color: #5E5A4A;
	}
	.inhalt_410_295 .inhalt410 .ankerhinauf a:hover, .inhalt_410_295 .inhalt410 .ankerhinauf a:active {
	color: #FF3222;
	text-decoration: underline;
	}
	
/* spalte mit 295px breite rechts */
	.inhalt_410_295 .inhalt295 {
	width: 294px;
	margin-left: 410px;
	}
	* html .inhalt_410_295 .inhalt295 {
	margin-left: 0px;
	float: left;
	}
	.inhalt_410_295 .inhalt295 img {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
	/* text in dieser spalte */
	.inhalt_410_295 .inhalt295 .text {
	padding: 0px 0px 0px 10px;
	border-left: dotted #5E5A4A 1px;
	}
	.inhalt_410_295 .inhalt295 .text a {
	}
	.inhalt_410_295 .inhalt295 .text a:link, .inhalt_410_295 .inhalt295 a:visited {
	text-decoration: underline;
	color: #FF3222;
	}
	.inhalt_410_295 .inhalt295 .text a:hover, .inhalt_410_295 .inhalt295 .text a:active {
	color: #FF3222;
	text-decoration: underline;
	} 
	.inhalt_410_295 .inhalt295 .text img {
	margin: 20px 0px 20px 0px;
	}
	
	/* liste mit links, die roten pfeil vorne haben */
	.inhalt_410_295 .inhalt295 .text ul {
	list-style-image: url(../images/pfeil_rot.gif);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	.inhalt_410_295 .inhalt295 .text ul a {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_410_295 .inhalt295 .text ul a:link, .inhalt_410_295 .inhalt295 .text ul a:visited {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_410_295 .inhalt295 .text ul a:hover, .inhalt_410_295 .inhalt295 .text ul a:active {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_410_295 .inhalt295 .text li {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_410_295 .inhalt295 .text li a {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_410_295 .inhalt295 .text li a:link, .inhalt_410_295 .inhalt295 .text a:visited {
	text-decoration: underline;
	}
	.inhalt_410_295 .inhalt295 .text li a:hover, .inhalt_410_295 .inhalt295 .text a:active {
	text-decoration: underline;
	}
	
	/* auf zahlenseite: box rot mit der Info zur zahlenbox, hat fixe größe - achtung text sperren */
	.inhalt_410_295 .inhalt295 .boxrot {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	height: 436px;
	width: 295px;
	background: url(../images/boxrot.gif) no-repeat;
	}
	.inhalt_410_295 .inhalt295 .boxrot .text {
	padding: 5px 10px 10px 10px;
	color: #FFFFFF;
	border: none;
	margin: 0px;
	}
	.inhalt_410_295 .inhalt295 .boxrot .text .linie {
	border-bottom: dotted #FFFFFF 1px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
		.inhalt_410_295 .inhalt295 .boxblau {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	height: 436px;
	width: 295px;
	background: url(../images/boxblau.gif) no-repeat;
	}
	.inhalt_410_295 .inhalt295 .boxblau .text {
	padding: 5px 10px 10px 10px;
	color: #FFFFFF;
	border: none;
	margin: 0px;
	}
	.inhalt_410_295 .inhalt295 .boxblau .text .linie {
	border-bottom: dotted #FFFFFF 1px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}



/***************************************************/
/***************************************************/
/**** initiativenlayouts mit übersicht initiativen sowie kurzinfo zu den initiativen links von den initiativen - mit mouseover */


/* initiativenseiten */
.inhalt_initiative {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	}
	
	/* initiativen-zeile mit dem jeweiligen attribut zb a-z, jahreszahlen usw.  und den initiativenfeldern rechts */
	.inhalt_initiative_zeile {
	width: 855px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	}
	/* hier kommt die zb a-z, jahreszahl usw. rein */
	.inhalt_initiative_zeile .attribut {
	width: 158px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border-top: dotted #5E5A4A 1px;
	float: left;
	}
	/* hier kommen die initiativenfelder rein */
	.inhalt_initiative_zeile .initiativenbox {
	width: 687px;
	margin: 0px 0px 0px 168px;
	padding: 0px;
	}
	* html .inhalt_initiative_zeile .initiativenbox {
	float: left;
	margin: 0px;
	}
	.inhalt_initiative_zeile .initiativenbox .tanz, 
	.inhalt_initiative_zeile .initiativenbox .musik, 
	.inhalt_initiative_zeile .initiativenbox .mehrere, 
	.inhalt_initiative_zeile .initiativenbox .andere, 
	.inhalt_initiative_zeile .initiativenbox .theater, 
	.inhalt_initiative_zeile .initiativenbox .bildendekunst,
	.inhalt_initiative_zeile .initiativenbox .literatur,
	.inhalt_initiative_zeile .initiativenbox .architektur,
	.inhalt_initiative_zeile .initiativenbox .film,
	.inhalt_initiative_zeile .initiativenbox .kleinkunst,
	.inhalt_initiative_zeile .initiativenbox .kulturtheorie,
	.inhalt_initiative_zeile .initiativenbox .medienkunst {
	height: 22px; 
	margin: 0px 5px 5px 0px;
	padding: 0px;
	float: left;
	}
	/* hg für die initiativen - kann man später wahrscheinlich löschen, weil die bilder sie ersetzen */
	.inhalt_initiative_zeile .initiativenbox .tanz { background-color: #D4DC29; }
	.inhalt_initiative_zeile .initiativenbox .musik { background-color: #F9783B; }
	.inhalt_initiative_zeile .initiativenbox .mehrere { background-color: #009FDB; }
	.inhalt_initiative_zeile .initiativenbox .andere { background-color: #B11C18; }
	.inhalt_initiative_zeile .initiativenbox .theater { background-color: #FACA45; }
	.inhalt_initiative_zeile .initiativenbox .bildendekunst { background-color: #99CE26; }
	.inhalt_initiative_zeile .initiativenbox .literatur { background-color: #F46EA8; }
	.inhalt_initiative_zeile .initiativenbox .architektur { background-color: #003A80; }
	.inhalt_initiative_zeile .initiativenbox .film { background-color: #762690; }
	.inhalt_initiative_zeile .initiativenbox .kleinkunst { background-color: #F8A54C; }
	.inhalt_initiative_zeile .initiativenbox .kulturtheorie { background-color: #3C9F3D; }
	.inhalt_initiative_zeile .initiativenbox .medienkunst { background-color: #187CB2; }
	
	/* initiativen mit kurzinfo links - erscheint bei mouseover initiativfeldern*/
	#inhalt_initiative_kurzinfo {
	position: absolute;
	z-index: 10;
	width: 158px;
	margin: 0;
	padding: 0 0 130px 0;
	background-color: #FFF;
	overflow: hidden;
	}
	*html #inhalt_initiative_kurzinfo {
	margin: 0px;
	}
	/* telefon etc */
	#inhalt_initiative_kurzinfo .kurzinfo_left {
	position: absolute;
	float: left;
	width: 25px;
	}
	#inhalt_initiative_kurzinfo .kurzinfo_right {
	position: relative;
	width: 134px;
	left: 25px;
	}
	#inhalt_initiative_kurzinfo ul {
	list-style-image: url(../images/navigation_pfeil.gif);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	#inhalt_initiative_kurzinfo li {
	color: #5E5A4A;
	background-color: #FFFFFF;
	}
	#inhalt_initiative_kurzinfo a {
	}
	#inhalt_initiative_kurzinfo a:link, #inhalt_initiative_kurzinfo a:visited {
	color: #FF3222;
	text-decoration: underline;
	}
	#inhalt_initiative_kurzinfo a:hover, #inhalt_initiative_kurzinfo a:active {
	color: #FF3222;
	text-decoration: underline;
	}
	/* die initiativen-kategorien */
	#inhalt_initiative_kurzinfo .tanz, 
	#inhalt_initiative_kurzinfo .musik, 
	#inhalt_initiative_kurzinfo .mehrere, 
	#inhalt_initiative_kurzinfo .andere, 
	#inhalt_initiative_kurzinfo .theater, 
	#inhalt_initiative_kurzinfo .bildendekunst, 
	#inhalt_initiative_kurzinfo .literatur, 
	#inhalt_initiative_kurzinfo .architektur, 
	#inhalt_initiative_kurzinfo .film, 
	#inhalt_initiative_kurzinfo .kleinkunst,
	#inhalt_initiative_kurzinfo .kulturtheorie,
	#inhalt_initiative_kurzinfo .medienkunst {
	width: 149px;
	height: 22px;
	background-color: #006633;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	}
	#inhalt_initiative_kurzinfo .tanz {
	background-image: url (../images/initiative_tanz.gif)
	} 
	#inhalt_initiative_kurzinfo .musik {
	background-image: url (../images/initiative_musik.gif)
	}
	#inhalt_initiative_kurzinfo .mehrere {
	background-image: url (../images/initiative_musik.gif)
	}
	#inhalt_initiative_kurzinfo .andere {
	background-image: url (../images/initiative_andere.gif)
	}
	#inhalt_initiative_kurzinfo .theater {
	background-image: url (../images/initiative_theater.gif)
	}
	#inhalt_initiative_kurzinfo .bildendekunst {
	background-image: url (../images/initiative_bildendekunst.gif)
	}
	#inhalt_initiative_kurzinfo .literatur {
	background-image: url (../images/initiative_literatur.gif)
	}
	#inhalt_initiative_kurzinfo .architektur {
	background-image: url (../images/initiative_architektur.gif)
	}
	#inhalt_initiative_kurzinfo .film {
	background-image: url (../images/initiative_film.gif)
	}
	#inhalt_initiative_kurzinfo .kleinkunst {
	background-image: url (../images/initiative_kleinkunst.gif)
	}
	#inhalt_initiative_kurzinfo .kulturtheorie {
	background-image: url (../images/initiative_kulturtheorie.gif)
	}
	#inhalt_initiative_kurzinfo .medienkunst { 
	background-image: url (../images/initiative_medienkunst.gif)
	}
	
	/* hier die varianten: entweder wird die plattform_stern oder die plattform_kreis gezeigt */
	#inhalt_initiative_kurzinfo .plattform_stern {
	margin: -5px 0px 15px 0px;
	padding: 3px 25px;
	background: url(../images/stern.gif) no-repeat 0 50%;
	}
	* html #inhalt_initiative_kurzinfo .plattform_stern {
	padding: 3px 0px 3px 25px;
	}
	/* eigene Liste für plattform mit kreis-icon  */
	#inhalt_initiative_kurzinfo .plattform_kreis {
	margin: -5px 0px 15px 0px;
	padding: 3px 25px;
	background: url(../images/kreis.gif) no-repeat 0 50%;
	}
	* html #inhalt_initiative_kurzinfo .plattform_kreis {
	padding: 3px 0px 3px 25px;
	}	
	
	/* initiativen , die rechts neben der kurzinfo sind */
	.inhalt_initiative_initiativenbox {
	width: 687px;
	margin: 0px 0px 0px 168px;
	padding: 0px;
	}
	* html .inhalt_initiative_initiativenbox {
	float: left;
	margin: 0px;
	}
	.inhalt_initiative_initiativenbox .tanz, 
	.inhalt_initiative_initiativenbox .musik, 
	.inhalt_initiative_initiativenbox .mehrere, 
	.inhalt_initiative_initiativenbox .andere, 
	.inhalt_initiative_initiativenbox .theater, 
	.inhalt_initiative_initiativenbox .bildendekunst,
	.inhalt_initiative_initiativenbox .literatur,
	.inhalt_initiative_initiativenbox .architektur,
	.inhalt_initiative_initiativenbox .film,
	.inhalt_initiative_initiativenbox .kleinkunst,
	.inhalt_initiative_initiativenbox .kulturtheorie,
	.inhalt_initiative_initiativenbox .medienkunst { 
	height: 22px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	float: left;
	}
	.inhalt_initiative_initiativenbox .tanz { background-color: #D4DC29; }
	.inhalt_initiative_initiativenbox .musik { background-color: #F9783B; }
	.inhalt_initiative_initiativenbox .mehrere { background-color: #009FDB; }
	.inhalt_initiative_initiativenbox .andere { background-color: #B11C18; }
	.inhalt_initiative_initiativenbox .theater { background-color: #FACA45; }
	.inhalt_initiative_initiativenbox .bildendekunst { background-color: #99CE26; }
	.inhalt_initiative_initiativenbox .literatur { background-color: #F46EA8; }
	.inhalt_initiative_initiativenbox .architektur { background-color: #003A80; }
	.inhalt_initiative_initiativenbox .film { background-color: #762690; }
	.inhalt_initiative_initiativenbox .kleinkunst { background-color: #F8A54C; }
	.inhalt_initiative_initiativenbox .kulturtheorie { background-color: #3C9F3D; }
	.inhalt_initiative_initiativenbox .medienkunst { background-color: #187CB2; }
	


/***************************************************/
/***************************************************/
/**** initiativenübersicht über die ganze breite von 855 pixeln und höhe optional einstellbar */

.inhalt_initiativenalle {
float: left;
	margin: 0;
	padding: 0;
	width: 855px;
	height: 500px;
	}
	

/***************************************************/
/***************************************************/
/**** initiativenlayout mit standardnavigation, breiter textspalte in der mitte sowie kurzinfo rechts*/

	
/* layout mit 545px breiter spalte, rechts daneben 160px breite spalte */
.inhalt_545_160 {
	margin: 0px;
	padding: 0px;
	}
/* spalte mit 545px breite */
	.inhalt_545_160 .inhalt545 {
	width: 544px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-left: dotted #5E5A4A 1px;
	}
	.inhalt_545_160 .inhalt545 img {
	margin: 20px 0px 20px 0px;
	}
	
	/* text in dieser spalte */
	.inhalt_545_160 .inhalt545 .text {
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	}
	
	.inhalt_545_160 .inhalt545 .text a {
	}
	.inhalt_545_160 .inhalt545 .text a:link, .inhalt_545_160 .inhalt545 .text a:visited {
	text-decoration: underline;
	color: #FF3222;
	}
	.inhalt_545_160 .inhalt545 .text a:hover, .inhalt_545_160 .inhalt545 .text a:active {
	color: #FF3222;
	text-decoration: underline;
	} 
	
	/* liste mit links, die roten pfeil vorne haben */
	.inhalt_545_160 .inhalt545 .text ul {
	list-style-image: url(../images/navigation_pfeil.gif);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	.inhalt_545_160 .inhalt545 .text ul a {
	}
	.inhalt_545_160 .inhalt545 .text ul a:link, .inhalt_545_160 .inhalt545 .text ul a:visited {
	}
	.inhalt_545_160 .inhalt545 .text ul a:hover, .inhalt_545_160 .inhalt545 .text ul a:active {
	}
	.inhalt_545_160 .inhalt545 .text li {
	}
	.inhalt_545_160 .inhalt545 .text li a {
	}
	.inhalt_545_160 .inhalt545 .text li a:link, .inhalt_545_160 .inhalt545 .text li a:visited {
	text-decoration: underline;
	color: #5E5A4A;
	background-color: #FFFFFF;
	}
	.inhalt_545_160 .inhalt545 .text li a:hover, .inhalt_545_160 .inhalt545 .text li a:active {
	text-decoration: underline;
	color: #FF3222;
	background-color: #FFFFFF;
	}
	
	/* anker nach oben */
	.inhalt_545_160 .inhalt545 .ankerhinauf {
	border-bottom: dotted #5E5A4A 1px;
	border-top: dotted #5E5A4A 1px;
	margin: 0px 10px 20px 10px;
	padding: 6px 20px;
	background: url(../images/pfeil_oben.gif) no-repeat 0 50%;
	clear: both;
	}
	* html .inhalt_545_160 .inhalt545 .ankerhinauf {
	padding: 6px 0px 6px 20px;
	}
	.inhalt_545_160 .inhalt545 .ankerhinauf a {
	display: block;
	width: 500px;
	text-decoration: underline;
	color: #5E5A4A;
	}
	.inhalt_545_160 .inhalt545 .ankerhinauf a:hover, .inhalt_545_160 .inhalt545 .ankerhinauf a:active {
	color: #FF3222;
	text-decoration: underline;
	}
	

/* spalte mit 160px breite */
	.inhalt_545_160 .inhalt160 {
	width: 159px;
	margin-left: 545px;
	padding: 0px;
	}
	* html .inhalt_545_160 .inhalt160 {
	margin-left: 0px;
	float: left;
	overflow: hidden;
	}
	.inhalt_545_160 .inhalt160 img {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
	/* text in dieser spalte */
	.inhalt_545_160 .inhalt160 .text {
	padding: 0px 0px 0px 10px;
	border-left: dotted #5E5A4A 1px;
	}
	.inhalt_545_160 .inhalt160 .text a {
	}
	.inhalt_545_160 .inhalt160 .text a:link, .inhalt_545_160 .inhalt160 a:visited {
	text-decoration: underline;
	color: #FF3222;
	}
	.inhalt_545_160 .inhalt160 .text a:hover, .inhalt_545_160 .inhalt160 .text a:active {
	color: #FF3222;
	text-decoration: underline;
	} 
	.inhalt_545_160 .inhalt160 .text img {
	margin: 20px 0px 20px 0px;
	}
	/* telefon etc */
	.inhalt_545_160 .inhalt160 .kurzinfo_left {
	position: absolute;
	float: left;
	width: 25px;
	}
	.inhalt_545_160 .inhalt160 .kurzinfo_right {
	position: relative;
	width: 134px;
	left: 25px;
	}
	
	/* liste mit links, die roten pfeil vorne haben */
	.inhalt_545_160 .inhalt160 .text ul {
	list-style-image: url(../images/pfeil_rot.gif);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	.inhalt_545_160 .inhalt160 .text ul a {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_545_160 .inhalt160 .text ul a:link, .inhalt_545_160 .inhalt160 .text ul a:visited {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_545_160 .inhalt160 .text ul a:hover, .inhalt_545_160 .inhalt160 .text ul a:active {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_545_160 .inhalt160 .text li {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_545_160 .inhalt160 .text li a {
	color: #FF3222;
	background-color: #FFFFFF;
	}
	.inhalt_545_160 .inhalt160 .text li a:link, .inhalt_545_160 .inhalt160 .text a:visited {
	text-decoration: underline;
	}
	.inhalt_545_160 .inhalt160 .text li a:hover, .inhalt_545_160 .inhalt160 .text a:active {
	text-decoration: underline;
	}
	
	/* initiativenfelder in dieser spalte */
	.inhalt_545_160 .inhalt160 .tanz, 
	.inhalt_545_160 .inhalt160 .musik, 
	.inhalt_545_160 .inhalt160 .mehrere, 
	.inhalt_545_160 .inhalt160 .andere, 
	.inhalt_545_160 .inhalt160 .theater, 
	.inhalt_545_160 .inhalt160 .bildendekunst, 
	.inhalt_545_160 .inhalt160 .literatur, 
	.inhalt_545_160 .inhalt160 .architektur, 
	.inhalt_545_160 .inhalt160 .film, 
	.inhalt_545_160 .inhalt160 .kleinkunst,
	.inhalt_545_160 .inhalt160 .kulturtheorie,
	.inhalt_545_160 .inhalt160 .medienkunst {
	width: 149px;
	height: 22px;
	background-color: #006633;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	}
	.inhalt_545_160 .inhalt160 .tanz {
	background-image: url (../images/initiative_tanz.gif)
	} 
	.inhalt_545_160 .inhalt160 .musik {
	background-image: url (../images/initiative_musik.gif)
	}
	.inhalt_545_160 .inhalt160 .mehrere {
	background-image: url (../images/initiative_musik.gif)
	}
	.inhalt_545_160 .inhalt160 .andere {
	background-image: url (../images/initiative_andere.gif)
	}
	.inhalt_545_160 .inhalt160 .theater {
	background-image: url (../images/initiative_theater.gif)
	}
	.inhalt_545_160 .inhalt160 .bildendekunst {
	background-image: url (../images/initiative_bildendekunst.gif)
	}
	.inhalt_545_160 .inhalt160 .literatur {
	background-image: url (../images/initiative_literatur.gif)
	}
	.inhalt_545_160 .inhalt160 .architektur {
	background-image: url (../images/initiative_architektur.gif)
	}
	.inhalt_545_160 .inhalt160 .film {
	background-image: url (../images/initiative_film.gif)
	}
	.inhalt_545_160 .inhalt160 .kleinkunst {
	background-image: url (../images/initiative_kleinkunst.gif)
	}
	.inhalt_545_160 .inhalt160 .kulturtheorie {
	background-image: url (../images/initiative_kulturtheorie.gif)
	}
	.inhalt_545_160 .inhalt160 .medienkunst { 
	background-image: url (../images/initiative_medienkunst.gif)
	}
	
	/* hier die varianten: entweder wird die plattform_stern oder die plattform_kreis gezeigt */
	.inhalt_545_160 .inhalt160 .plattform_stern {
	margin: -5px 0px 15px 0px;
	padding: 3px 25px;
	background: url(../images/stern.gif) no-repeat 0 50%;
	}
	* html .inhalt_545_160 .inhalt160 .plattform_stern {
	padding: 3px 0px 3px 25px;
	}
	/*  mit kreis-icon  */
	.inhalt_545_160 .inhalt160 .plattform_kreis {
	margin: -5px 0px 15px 0px;
	padding: 3px 25px;
	background: url(../images/kreis.gif) no-repeat 0 50%;
	}
	* html .inhalt_545_160 .inhalt160 .plattform_kreis {
	padding: 3px 0px 3px 25px;
	}
	
	/* trennlinielinie, die die ganze Breite ausfüllt */
	.inhalt_545_160 .inhalt160 .linie {
	border-bottom: dotted #5E5A4A 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}