@charset "UTF-8";
/* CSS Document */

/* Farbeinstellungen stw-on.de 
 * 			hell			dunkel
 rot		e3010f		c00808		grau 	d9d9d9		707173
 gelb		fcc200		e38c00
 gruen	85ba22		477216
 blau		0183c1		00537b
 oran.	e87500		a45301
 viol.		c13067		812043
 lila		a962a6		6a3164
 *
 * * * * * * * * * * * */

/* ========== Schriftfarben ========== */

/* Standard */
.rot, #artikel .brotkrumen a, h1, h2, h3, h4, h5, #artikel .swbs_wohnheimslogan, #artikel .swbs_reiter ul li a
    {color: #e3010f;}
.dunkelrot
	{color: #c00808;}
	
/* Themenbereiche */
.gelb,.essen #artikel .brotkrumen a
    {color: #fcc200;}
.dunkelgelb, .essen h1, .essen h2, .essen h3, .essen h4, .essen h5, .essen #artikel .swbs_wohnheimslogan, .essen #artikel .swbs_reiter ul li a, .essen #artikel .stwon_kontakt h2
	{color: #e38c00;}
	
.gruen, .wohnen #artikel .brotkrumen a
    {color: #85ba22;}
.dunkelgruen, .wohnen h1, .wohnen h2, .wohnen h3, .wohnen h4, .wohnen h5, .wohnen #artikel .swbs_wohnheimslogan, .wohnen #artikel .swbs_reiter  ul li a, .wohnen #artikel .stwon_kontakt h2
	{color: #477216;}

.blau, .finanzen #artikel .brotkrumen a, .finanzen h1, .finanzen h2, .finanzen h3, .finanzen h4, .finanzen h5, .finanzen #artikel .swbs_wohnheimslogan, finanzen #artikel .swbs_reiter ul li a, .finanzen #artikel .stwon_kontakt h2
    {color: #0183c1;}
.dunkelblau
	{color: #00537b;}

.orange, .beratung h6.brotkrumen a, .beratung h1, .beratung h2, .beratung h3, .beratung h4, .beratung h5, .beratung #artikel .swbs_wohnheimslogan, .beratung #artikel .swbs_reiter  ul li a, .beratung #artikel .stwon_kontakt h2
    {color: #e87500;}
.dunkelorange
	{color: #a45301;}

.violett, .kinder #artikel .brotkrumen a, .kinder h1, .kinder h2, .kinder h3, .kinder h4, .kinder h5, #kinder .swbs_wohnheimslogan, .kinder #artikel .swbs_reiter ul li a, .kinder #artikel .stwon_kontakt h2
    {color: #c13067;}
.dunkelviolett
	{color: #812043;}

.lila, .kultur #artikel .brotkrumen a, .kultur h1, .kultur h2, .kultur h3, .kultur h4, .kultur h5, .kultur #artikel .swbs_wohnheimslogan, .kultur #artikel .swbs_reiter ul li a, .kultur #artikel .stwon_kontakt h2
    {color: #a962a6;}
.dunkellila
	{color: #6a3164;}


/* ========== Navigationen ========== */

/*Rahmenfarben hell */
	#artikel .swbs_reiter ul li, #artikel .swbs_reiter ul li.current_page_item
		/*Standard rot */	{border-color: #c00808;} 	
	.essen #artikel .swbs_reiter ul li:hover, .essen #artikel .swbs_reiter ul li.current_page_item, #kopfzeile2 #themen ul.horizontal li.thema_essen, #kopfzeile2 #themen ul.horizontal li.thema_essen:hover
		/*gelb*/	{border-color: #fcc200;}
	.wohnen #artikel .swbs_reiter ul li.current_page_item, .wohnen #artikel .swbs_reiter ul li:hover, #kopfzeile2 #themen ul.horizontal li.thema_wohnen, #kopfzeile2 #themen ul.horizontal li.thema_wohnen:hover
		/* grün */	{border-color: #88bb1b;}
	.beratung #artikel .swbs_reiter ul li, .beratung #artikel .swbs_reiter ul li.current_page_item, #kopfzeile2 #themen ul.horizontal li.thema_beratung, #kopfzeile2 #themen ul.horizontal li.thema_beratung:hover
		/*orange*/	{border-color: #e87500;}
	.finanzen #artikel .swbs_reiter ul li, .finanzen #artikel .swbs_reiter ul li.current_page_item, #kopfzeile2 #themen ul.horizontal li.thema_finanzen, #kopfzeile2 #themen ul.horizontal li.thema_finanzen:hover
		/* blau */	{border-color: #0183c1;}
	.kinder #artikel .swbs_reiter ul li, .kinder #artikel .swbs_reiter ul li.current_page_item, #kopfzeile2 #themen ul.horizontal li.thema_kinder, #kopfzeile2 #themen ul.horizontal li.thema_kinder:hover
		/*violett*/	{border-color: #c13067;}
	.kultur #artikel .swbs_reiter ul li, .kultur #artikel .swbs_reiter ul li.current_page_item, #kopfzeile2 #themen ul.horizontal li.thema_kultur, #kopfzeile2 #themen ul.horizontal li.thema_kultur:hover
		/* lila */	{border-color: #a962a6;}
		
/*Rahmenfarben dunkel */
	.essen #artikel .swbs_reiter ul li
		/*dklgelb*/	{border-color: #e38c00;}
	.wohnen #artikel .swbs_reiter ul li
		/*dklgrün*/	{border-color: #477216;}
	.beratung #artikel .swbs_reiter ul li
		/*dklor.*/	{border-color: #a45301;}
	.finanzen #artikel .swbs_reiter ul li
		/*dklblau*/	{border-color: #00537b;}
	.kinder #artikel .swbs_reiter ul li
		/*dklvio.*/	{border-color: #812043;}
	.kultur #artikel .swbs_reiter ul li
		/*dkllila*/	{border-color: #6a3164;}


/* Hintergrundfarben */
	.essen #kopfzeile2 #themen ul.horizontal li.thema_essen, .essen #kopfzeile2 #themen ul.horizontal li.thema_essen:hover, #kopfzeile2 #themen ul.horizontal li.thema_essen:hover, 
	.essen #artikel .swbs_reiter ul li:hover, .essen #artikel .swbs_reiter  ul li.current_page_item,
	.essen #spalte3 .widget
		/* gelb*/	{background-color: #f8c105;}
	.wohnen #kopfzeile2 #themen ul.horizontal li.thema_wohnen, .wohnen #kopfzeile2 #themen ul.horizontal li.thema_wohnen:hover, #kopfzeile2 #themen ul.horizontal li.thema_wohnen:hover, 
	.wohnen #artikel .swbs_reiter ul li:hover, .wohnen #artikel .swbs_reiter  ul li.current_page_item,
	.wohnen #spalte3 .widget
		/* grün*/	{background-color: #88bb1b;}	
	.beratung #kopfzeile2 #themen ul.horizontal li.thema_beratung, .beratung #kopfzeile2 #themen ul.horizontal li.thema_beratung:hover, #kopfzeile2 #themen ul.horizontal li.thema_beratung:hover, 
	.beratung #artikel .swbs_reiter ul li:hover, .beratung #artikel .swbs_reiter  ul li.current_page_item, 
	.beratung #spalte3 .widget
		/* gelb*/	{background-color: #e87500;}
	.finanzen #kopfzeile2 #themen ul.horizontal li.thema_finanzen, .finanzen #kopfzeile2 #themen ul.horizontal li.thema_finanzen:hover, #kopfzeile2 #themen ul.horizontal li.thema_finanzen:hover, 
	.finanzen #artikel .swbs_reiter ul li:hover, .finanzen #artikel .swbs_reiter  ul li.current_page_item, 
	.finanzen #spalte3 .widget
		/* blau*/	{background-color: #0183c1;}
	.kinder #kopfzeile2 #themen ul.horizontal li.thema_kinder, .kinder #kopfzeile2 #themen ul.horizontal li.thema_kinder:hover, #kopfzeile2 #themen ul.horizontal li.thema_kinder:hover, 
	.kinder #artikel .swbs_reiter ul li:hover, .kinder #artikel .swbs_reiter  ul li.current_page_item, 
	.kinder #spalte3 .widget
		/* viol. */	{background-color: #c13067;}
	.kultur #kopfzeile2 #themen ul.horizontal li.thema_kultur, .kultur #kopfzeile2 #themen ul.horizontal li.thema_kultur:hover, #kopfzeile2 #themen ul.horizontal li.thema_kultur:hover,  
	.kultur #artikel .swbs_reiter ul li:hover, .kultur #artikel .swbs_reiter  ul li.current_page_item, 
	.kultur #spalte3 .widget
		/* lila */	{background-color: #a962a6;}

	
/*weisse Schrift*/
	#themen ul.horizontal li:hover a, #artikel .swbs_reiter ul li.current_page_item a, #artikel .swbs_reiter ul li:hover a, 
	.essen #kopfzeile2 #themen ul.horizontal li.thema_essen a:hover, .essen #kopfzeile2 #themen ul.horizontal li.thema_essen a, 
	.wohnen #kopfzeile2 #themen ul.horizontal li.thema_wohnen a:hover, .wohnen #kopfzeile2 #themen ul.horizontal li.thema_wohnen a, .wohnen #spalte3 .widget, .wohnen #spalte3 .widget a,
	.beratung #kopfzeile2 #themen ul.horizontal li.thema_beratung a:hover, .beratung #kopfzeile2 #themen ul.horizontal li.thema_beratung a, .beratung #spalte3 .widget, .beratung #spalte3 .widget a,
	.finanzen #kopfzeile2 #themen ul.horizontal li.thema_finanzen a:hover, .finanzen #kopfzeile2 #themen ul.horizontal li.thema_finanzen a, .finanzen #spalte3 .widget, .finanzen #spalte3 .widget a,
	.kinder #kopfzeile2 #themen ul.horizontal li.thema_kinder a:hover, .kinder #kopfzeile2 #themen ul.horizontal li.thema_kinder a, .kinder #spalte3 .widget, .kinder #spalte3 .widget a,
	.kultur #kopfzeile2 #themen ul.horizontal li.thema_kultur a:hover, .kultur #kopfzeile2 #themen ul.horizontal li.thema_kultur a, .kultur #spalte3 .widget, .kultur #spalte3 .widget a
		{color: #fff;}
/* dunkle Schrift */
	.essen #spalte3 .widget a, .alleorte #spalte3 .widget a, .allethemen #spalte3 .widget a 
		{color: #555;}
	.essen #spalte3 .widget a:hover, .alleorte #spalte3 .widget a:hover, .allethemen #spalte3 .widget a:hover, .allethemen #spalte3 .widget p, .alleorte #spalte3 .widget p, .essen #spalte3 .widget p 
		{color: #000;}	
	
 /* Spalte3 Widgets */
 
.beratung #spalte3 .widget 			{background-image: url(webdesign/stw-on_widget-beratung.gif);}
.beratung #spalte3 .widgetende	{background-image: url(webdesign/stw-on_widgetende-beratung.gif);}
.beratung #spalte3 .widget ul		{list-style-image: url(webdesign/stw-on_bullet-beratung.gif); }

.essen #spalte3 .widget 				{background-image: url(webdesign/stw-on_widget-essen.gif);}
.essen #spalte3 .widgetende 		{background-image: url(webdesign/stw-on_widgetende-essen.gif);}
.essen #spalte3 .widget ul 			{ list-style-image: url(webdesign/stw-on_bullet-essen.gif); }
 
.wohnen #spalte3 .widget 			{background-image: url(webdesign/stw-on_widget-wohnen.gif);}
.wohnen #spalte3 .widgetende		{background-image: url(webdesign/stw-on_widgetende-wohnen.gif);}
.wohnen #spalte3 .widget ul			{ list-style-image: url(webdesign/stw-on_bullet-wohnen.gif); }

.finanzen #spalte3 .widget			{background-image: url(webdesign/stw-on_widget-finanzen.gif);}
.finanzen #spalte3 .widgetende	{background-image: url(webdesign/stw-on_widgetende-finanzen.gif);}
.finanzen #spalte3 .widget ul		{list-style-image: url(webdesign/stw-on_bullet-finanzen.gif); }

.kinder #spalte3 .widget				{background-image: url(webdesign/stw-on_widget-kinder.gif);}
.kinder #spalte3 .widgetende		{background-image: url(webdesign/stw-on_widgetende-kinder.gif);}
.kinder #spalte3 .widget ul			{list-style-image: url(webdesign/stw-on_bullet-kinder.gif); }

.kultur #spalte3 .widget				{background-image: url(webdesign/stw-on_widget-kultur.gif);}
.kultur #spalte3 .widgetende			{background-image: url(webdesign/stw-on_widgetende-kultur.gif);}
.kultur #spalte3 .widget ul				{list-style-image: url(webdesign/stw-on_bullet-kultur.gif); }

 /* Artikel Themenbild */
 
.beratung #artikel .themabild			{background-image: url(webdesign/stw-on_thema-beratung.jpg);}
.essen #artikel .themabild				{background-image: url(webdesign/stw-on_thema-essen.jpg);}
.wohnen #artikel .themabild				{background-image: url(webdesign/stw-on_thema-wohnen.jpg);}
.finanzen #artikel .themabild			{background-image: url(webdesign/stw-on_thema-finanzen.jpg);}
.kinder #artikel .themabild				{background-image: url(webdesign/stw-on_thema-kinder.jpg);}
.kultur #artikel .themabild				{background-image: url(webdesign/stw-on_thema-kultur.jpg);}
#artikel .themabild-ansprechpartner		{background-image: url(webdesign/stw-on_thema-kontakt.jpg);}
#artikel .themabild-post				{background-image: url(webdesign/stw-on_thema-news.jpg);}