﻿/*		Website-Formatvorlage 
Autor:	Barbara Jost - Jost WebService - www.JostWebService.ch
Version:Rhylounge Stein am Rhein, Juni 2008
--------------------------------------------------------------
*/
/*		Farben:				 							*/
/*		hauptfarbe dunkel	= 666666 = dunkelgrau		*/
/*      hauptfarbe 			= CCCCCC = mittelgrau		*/
/*      hauptfarbe 			= E8E8E8 = hellgrau			*/
/*      hauptfarbe 			= A81B2D = rot		*/
/*      Schriftfarbe		= 000000 = schwarz			*/

body	{font-size		: 13px;
		line-height		: 18px;
		font-family		: Verdana,Arial,Helvetica,Sans-Serif;
		color			: #E8E8E8;
		background-color: #333333;
 		background-image: url('../images/bg.gif');
		margin			: 0;
		padding			: 0;   
		scrollbar-face-color:#CCCCCC;					/*ändern - Balkenfarbe*/
		scrollbar-arrow-color:#FFFFFF;					/*ändern - schwarz oder weiss - Kontrast*/
		scrollbar-base-color:#666666;
		scrollbar-shadow-color:#CCCCCC;
		scrollbar-darkshadow-color:#000000;
		scrollbar-highlight-color:#FFFFFF;				/*ändern - Hauptfarbe hell, oder weiss lassen*/
		scrollbar-3dlight-color:#000000;
		scrollbar-track-color:#000000;}	
		
p		{font-size		: 13px;
		line-height		: 18px;
		font-family		: Verdana,Arial,Helvetica,Sans-Serif;
		color			: #E8E8E8;}

td		{font-size		: 13px;
		line-height		: 18px;
		font-family		: Verdana,Arial,Helvetica,Sans-Serif;
		color			: #E8E8E8;}

h1		{font-size:14px;color:#FFFFFF;font-weight:bold;line-height:18px;}
h2		{font-size:13px;font-weight:bold;line-height:18px;}
img		{margin-left:0px; margin-right:0px;}
ul		{margin-left:16px;line-height:18px;}
		
/*		Tabellen-Definition	allgemein					*/
/*		------------------------------------------------*/
.box				{margin-top:15px;width:960px;height:580px;border:0px solid #000000;}
.boxfuss			{margin-top:0px;width:960px;height:20px;}
.menubox			{background-color:#941727;margin-top:0px;width:400px;}

/*		Kopf-Definitionen								*/
/*		------------------------------------------------*/
td.kopf				{background-color:#CCCCCC;color:#000000;height:128px;padding-top:2px;}
td.kopf5			{color:#000000;height:128px;padding-bottom:27px;padding-right:10px;}

/*		Hauptnavigation-Definitionen							*/
/*		------------------------------------------------*/
td.hauptnavi		{background-color	: #333333;
					height				: 25px;
					width				: 960px;
					padding-left		: 0px;
}
#navigation 		{
					padding				: 0px;
					margin				: 0px;
					}
#navigation a		{
					display				: block;
					float				: left;
					height				: 25px;
					line-height			: 25px;
					margin-right		: 1px;
					padding-left		: 12px;
					padding-right		: 11px;
					padding-top			: 0px;
					text-decoration		: none;
					color				: #E8E8E8;
					font-weight			: bold;
					}
#navigation a:hover	{
					height				: 25px;			/* um 2 Pixel kleiner als normaler Link	*/
					color				: #000000;
					background-color	: #C41E33;
					}
#navigation a.aktiv	{
					height				: 25px;			/* gleich oder um 2 Pixel kleiner als normaler Link	*/
					color				: #000000;
					background-color	: #C41E33;}
#navigation a.aktiv:hover	{
					height				: 25px;			/* gleich oder um 2 Pixel kleiner als normaler Link	*/
					color				: #000000;
					background-color	: #C41E33;}
#navigation a.on	{
					height				: 25px;			/* gleich oder um 2 Pixel kleiner als normaler Link	*/
					color				: #00C6FF;
					background-color	: #004052;}
#navigation a.on:hover	{
					height				: 25px;			/* gleich oder um 2 Pixel kleiner als normaler Link	*/
					color				: #000000;
					background-color	: #00C6FF;}

.navibox			{width:200px;padding-top:0px;padding-left:0px;}
.navi1cell			{height:20px;background-color:#CCCCCC;}
.navi1leer			{height:7px;}
a.navi1:link		{color:#FFFFFF;text-decoration:none;font-weight:bold;display:block;height:100%;padding-left:5px;}
a.navi1:visited		{color:#FFFFFF;text-decoration:none;font-weight:bold;display:block;height:100%;padding-left:5px;}
a.navi1:hover		{color:#A81B2D;text-decoration:none;font-weight:bold;display:block;height:100%;padding-left:5px;}

a.navi2:link		{color:#000000;text-decoration:none;}
a.navi2:visited		{color:#000000;text-decoration:none;}
a.navi2:hover		{color:#A81B2D;text-decoration:none;}

a.NaviOn:link		{color:#CCCCCC;text-decoration:none;font-weight:bold;display:block;height:100%;background-color:#FFCC00;padding-left:5px;}
a.NaviOn:visited	{color:#CCCCCC;text-decoration:none;font-weight:bold;display:block;height:100%;background-color:#FFCC00;padding-left:5px;}
a.NaviOn:hover		{color:#CCCCCC;text-decoration:none;font-weight:bold;display:block;height:100%;background-color:#FFCC00;padding-left:5px;}

/*		Fuss-Definitionen								*/
/*		------------------------------------------------*/
td.fuss				{color:#FFFFFF;height:20px;padding-left:5px;}
span.klein	{color:#000000;font-weight:normal;font-size:11px;}
.klein	{color:#000000;font-weight:normal;font-size:11px;}
span.gross	{font-size:14px;color:#333333;font-weight:bold;line-height:18px;}

.gross	{font-size:14px;color:#333333;font-weight:bold;line-height:18px;}

a.klein:link		{color:#A81B2D;font-size:11px;text-decoration:none;}
a.klein:visited		{color:#A81B2D;font-size:11px;text-decoration:none;}
a.klein:hover		{color:#CCCCCC;font-size:11px;text-decoration:underline;}

/*		ThemenSeiten-Definitionen						*/
/*		------------------------------------------------*/
td.inhaltbreit		{background-color:#941727;width:960px;padding-top:44px;padding-left:38px;}
td.inhaltlinks		{background-color:#941727;width:65%;padding-right:20px;}
td.inhaltlinks1		{background-color:#941727;width:28%;}
td.inhaltlinks2		{background-color:#941727;width:37%;}
td.inhaltrechts		{background-color:#941727;width:35%;}
td.inhaltmenu		{background-color:#941727;width:49%;padding-right:20px;}
td.inhaltmenu2		{background-color:#941727;width:51%;padding-right:20px;}

span.fett				{font-weight:bold; }

.fett				{font-weight:bold; }
span.fettfarbig	{font-weight:bold;color:#666666;}

.fettfarbig	{font-weight:bold;color:#666666;}

a:link				{color:#E8E8E8;font-weight:font-weight:normal;}
a:visited			{color:#E8E8E8;font-weight:font-weight:normal;}
a:hover				{color:#999999;font-weight:font-weight:normal;}
