/* Schriftart und Schriftgröße für gesamte Seite */
*
{
	/*color: rgb(128,130,133);*/			/* geändert für bessere Lesbarkeit (25.10.2007) */
	color: rgb(64,65,66);
	font-size: 11px;
	font-family: 'Arial',sans-serif;
}


/* Einstellungen für den Body-Bereich */
body
{
	margin: 0px;
	padding: 0px;
	background-color: rgb(218,219,220);
}


/* Einstellungen für eine Standardtabelle */
table
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
}

/* Einstellungen für ein Bild */
img
{
	border: 0;
}


/* Link */
a:hover 
{
	color: rgb(0,112,182);
}



/* -------------- Menüs -------------------- */

table.menue
{
	table-layout: fixed;
}

td.hm_normal
{
	height: 15px; width: 100px;				/* Hauptmenü ist 140 Pixel breit -> 5 Menüpunkte sind möglich */
	padding: 0px; 
	text-align: left;
	color: rgb(218,219,220);					/* hellgraue Schrift */
	background-color: rgb(128,130,133);		/* dunkelgrauer Hintergrund */
}


td.hm_aktiv
{
	height: 15px; width: 100px;
	padding: 0px;
	text-align: left;
	color: rgb(218,219,220);					/* hellgraue Schrift */
	background-color: rgb(0,112,182);		/* blauer Hintergrund */
}

td.hm_abstand
{
	width: 40px;									
	padding: 0px;
	background-color: rgb(128,130,133);		
}

td.hm_abstand_aktiv
{
	width: 40px;									
	padding: 0px;
	background-color: rgb(0,112,182);		
}


td.um_normal
{
	height: 15px; width: 100px;				/* Untermenü ist 120 Pixel breit (wegen Markierung) */
	padding: 0px;
	text-align: left;
	background-color: rgb(218,219,220);		/* hellgrauer Hintergrund */
}

td.um_aktiv
{
	height: 15px; width: 100px;				
	padding: 0px;
	text-align: left;								
	color: rgb(0,112,182);						/* blaue Schrift */
	background-color: rgb(218,219,220);		/* hellgrauer Hintergrund */
}

td.um_abstand
{
	width: 20px;									
	padding: 0px;
	background-color: rgb(218,219,220);		
}

td.um_mark
{
	width: 20px;									/* Markierung ist 20 Pixel breit, damit insgesamt 140 Pixel wie Hauptmenü */
	padding: 0px;
	background-color: rgb(0,112,182);		/* hellgrauer Hintergrund */
}





/* ----------- Seitenlayout ------------------ */


/* Tabelle, welche das Layout der Seite festlegt */
table.layout
{
	height: 100%;
	width: 995px;										/* Gesamtbreite des Darstellungsbereichs */
	table-layout: fixed;
}


/* linke Leiste oben neben dem Logo */
td.logo_links
{
	width: 770px;										/* Breite des linken Bereichs (Hauptbereich) */
	max-width: 770px;
	height: 55px;
	
	background-color: rgb(128,130,133);
	vertical-align: bottom;
}


/* Logo-Bereich ganz oben rechts */
td.logo_rechts
{
	text-align: center;
	background-color: rgb(255,255,255);
}


/* dunkle Leiste (u.a. am Ende der Seite) */
td.leiste_dunkel
{
	height: 17px;
	background-color: rgb(128,130,133);
	vertical-align: bottom;
}


/* helle Leiste (z.B. Linkleiste) */
td.leiste_hell
{
	height: 17px;
	background-color: rgb(218,219,220);
}



/* Leiste mit Links unten rechts */
td.unten_hell
{
	background-color: rgb(218,219,220);
	height: 1px;
	text-align: center;
}

/* Leiste mit aktiven Links unten rechts */
td.unten_hell_aktiv
{
	background-color: rgb(218,219,220);
	height: 1px;
	text-align: center;
	color: rgb(0,112,182);
}


/* horizontaler unsichtbarer Trenner */
td.trenner
{
	height: 5px;
	background-color: rgb(255,255,255);

}


/* Rechter Teil der Seite */
td.rechts
{
	border-left: 1px solid rgb(128,130,133);
	padding-top: 40px;								/* Abstand c15-Leiste zu Überschrift (rechts) */
	padding-left: 25px;
	padding-right: 0px;
	text-align: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
}

/* Linker Teil der Seite (Hauptbereich) */
td.links
{
	height: 100%;
	width: 700px;
	
	padding-top: 40px;								/* Abstand c15-Leiste zu Überschrift (links) */
	padding-left: 40px;
	padding-right: 25px;
	padding-bottom: 25px;
	text-align: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
}


/* Buttonfeld (z.B. Senden auf Kontaktseite) */
td.button
{
	height: 17px;
	background-color: rgb(218,219,220);
	cursor: pointer;
	
	text-align: center;
	/*color: rgb(128,130,133);*/			/* geändert für bessere Lesbarkeit (25.10.2007) */
	color: rgb(64,65,66);
	text-decoration: none;
	
}

td.button_hover
{
	height: 17px;
	background-color: rgb(218,219,220);
	cursor: pointer;
	
	text-align: center;
	color: rgb(0,112,182);
	text-decoration: none;
	
}



/* Hauptpunkt auf Sitemap */
td.sm_hauptpunkt
{
	height: 17px; width: 22%;
	background-color: rgb(0,112,182);
	cursor: pointer;
	
	text-align: left;
	padding-left: 5;
	color: rgb(218,219,220);
	text-decoration: none;
	
}


/* Unterpunkt auf Sitemap */
td.sm_unterpunkt
{
	height: 17px; width: 22%;
	cursor: pointer;

	text-align: left;
	padding-left: 5;
	text-decoration: none;
	border: 1px solid rgb(128,130,133);
	/*color: rgb(128,130,133);*/			/* geändert für bessere Lesbarkeit (25.10.2007) */
	color: rgb(64,65,66);
	background-color: rgb(218,219,220);
}

td.sm_unterpunkt_hover
{
	height: 17px; width: 22%;
	cursor: pointer;
	text-align: left;
	padding-left: 5;
	text-decoration: none;
	border: 1px solid rgb(128,130,133);
	color: rgb(0,112,182);
	background-color: rgb(218,219,220);
}

/* Haupttext bei 2-spaltigen Seiten (Text / Stichpunkte) */
td.haupttext
{
	width: 450px;
	padding: 0px;
	text-align: left; vertical-align: top;
}


/* Stichpunkte bei 2-spaltigen Seiten (Text / Stichpunkte) */
td.stichpunkte
{
	padding: 0px;
	text-align: right; vertical-align: top;
	font-weight: bold;
}


/* Stichpunktzeichen (Größerzeichen) */
font.stichpunkt
{
	color: rgb(0,112,182);
}


/* Hauptüberschrift (auf jeder Seite ganz oben + rechter Teil) */
h1
{
	font-size: 22px; font-weight: normal;
	/*color: rgb(128,130,133);*/			/* geändert für bessere Lesbarkeit (25.10.2007) */
	color: rgb(64,65,66);
	margin-bottom: 30px;				/* Abstand Überschrift zu Text */
}


/* Link auf dunklem grau */
a.dunkel
{
	color: rgb(218,219,220);
	text-decoration: none;
}
a.dunkel:hover
{
	color: rgb(0,112,182);
}

/* Link auf hellem grau */
a.hell
{
	/*color: rgb(128,130,133);*/			/* geändert für bessere Lesbarkeit (25.10.2007) */
	color: rgb(64,65,66);
	text-decoration: none;
}
a.hell:hover
{
	color: rgb(0,112,182);
}