/* ====== Anmerkungen ====== */
/*
Filmstreifen:
	Breite: 175px (redundant zu definieren!)
	Hoehe erstes Bild: 126px
	Hoehe folgende Bilder: 42px
	(auch jeder Separator wird als Bild verstanden)
Farben:
	Gelb: #f8ebbe
	helles Grau: #fafafa
	mittleres Grau: #f2f2f2
	dunkles Grau: #d6d6d6
*/

/* ====== KONVENTION ====== */
/*
Alles was im Hauptteil (spezieller Seiteninhalt) an Formatierung anfaellt bitte ganz am Ende dieser Datei definieren.
Dabei bitte immer das Individualformat "berbo" benutzen, das die div-Umgebung des Hauptteils auszeichnet.
Also folgendermaßen definieren:
1) #berbo p {...} definiert alle p-Elemente in <div id="berbo">,d.h. im Hauptteil
2) #berbo .form {...} definiert alle Elemente der Klasse "form" im Hauptteil
3) #berbo strong.pv {...} definiert alle strong-Elemente der Klasse "pv" im Hauptteil.
*/

/* ====== Allgemeines ====== */
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #474747;
	/*color: #8a8a8a;  ====== ehemals 484848 ====== */
}
a {
	color: #474747;
	/* 	color: #424242; 	oder  #000000*/
	text-decoration: none;
    font-weight: normal;
}
a:hover {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
div.container {
	/* (weisse) Raender um alles */
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	max-width: 1024px;
}	
table.main {
	width: 100%;
	table-layout: auto; /* erst durch den Wert 'auto' erhaelt die Tabelle eine Mindestgroesse, so dass bei kleineren Fenstergroessen ein Scrollbalken erscheint. */ 
}
img.horn {
}
#navigation {
	font-size: 8pt;
	border-style: solid;
	border-top-width: 2px; /* gelber Riegel ueber Navigation */
	border-bottom-width: 2px; /* gelber Riegel unter Navigation - wenn Riegel vorhanden (d.h. ungleich 0px), dann und nur dann sollte unten unter .links1 und .rechts1 die height-Angabe auskommentiert werden, damit die unteren Raender in einer Flucht sind.*/
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #f8ebbe;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 10px;
/* 	padding-left: 20px; */
	padding-bottom: 10px;
}
#navigation a {
	color: #474747;
	text-decoration: none;
	font-weight: normal;
}
#navigation a:hover {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}	

/* ====== dreispaltige Haupttabelle ====== */
td.links {
	vertical-align: top;
	width: 175px; /* Redundanz noetig in Variante index-b.html */
}
td.mitte {
	vertical-align: top;
}
td.rechts {
	vertical-align: top;
	width: 175px; /* Redundanz noetig in Variante index-b.html */
}
/* -- Mitte, erste Zeile (nur fuer die Variante index-b.html relevant) --- */
td.mitte1 {
	vertical-align: top;
/*	text-align: center; */
}

/* ====== linke und rechte Untertabelle (Filmstreifen) ====== */ 
table.links {
	width: 175px;
	table-layout: fixed; /* feste Weite, auch bei kleineren Fenstern */
}
.links1 {
/*	width: 175px; */ /*Redundanz eventuell noetig */
/*	height: 126px; */ /* auskommentieren, wenn unter der Navigation ein gelber Riegel sein soll, d. h. wenn die Zeile1 (Kopf) mit einem Flächenelement abschließt. Die Höhe wird dann ausschließlich ueber die Gesamthoehe des Mittelteils in Zeile1 definiert. */
	padding-left: 10px;
	background-color: #f8ebbe;
}
.links2 {
/*	width: 175px; */ /* Redundanz eventuell noetig wegen Variante index-b.html */
	height: 30px;
	padding-left: 10px;
}
.links3 {
	height: 38px;
	padding-left: 10px;
	background-color: #f2f2f2;
}
.links4 {
	height: 38px;
	padding-left: 10px;
	background-color: #f2f2f2;
}
.links5 {
	height: 38px;
	padding-left: 10px;
	background-color: #f2f2f2;
}
.links6 {
	height: 30px;
	padding-left: 10px;
}
.links7 {
	height: 38px;
	padding-left: 10px;
	background-color: #d6d6d6;
}
.links8 {
	height: 38px;
	padding-left: 10px;
	background-color: #d6d6d6;
}
.links9 {
	height: 38px;
	padding-left: 10px;
	background-color: #d6d6d6;
}
.links10 {
	height: 30px;
	padding-left: 10px;
}
.links11 {
	height: 38px;
	background-color: #fafafa;
	padding-left: 10px;
}
.links12 {
	height: 38px;
	padding-left: 10px;
	background-color: #fafafa;
}
.links13 {
	height: 38px;
	padding-left: 10px;
	background-color: #fafafa;
}

table.rechts {
	width: 175px;
	table-layout: fixed;  /* feste Weite, auch bei kleineren Fenstern */
}
.rechts1 {
/*	width: 175px; */ /* Redundanz eventuell noetig */
/*	height: 126px; */ /* auskommentieren, wenn unter der Navigation ein gelber Riegel sein soll, d. h. wenn die Zeile1 (Kopf) mit einem Flächenelement abschließt. Die Höhe wird dann ausschließlich ueber die Gesamthoehe des Mittelteils in Zeile1 definiert. */
	padding-left: 10px;
	background-color: #fafafa;
}
.rechts2 {
/*	width: 175px; */ /* Redundanz noetig fuer Variante index-b.html */
	height: 30px;
	padding-left: 10px;
}
.rechts3 {
	height: 38px;
	padding-left: 10px;
	background-color: #f8ebbe;
}
.rechts4 {
	height: 38px;
	padding-left: 10px;
	background-color: #f8ebbe;
}
.rechts5 {
	height: 38px;
	padding-left: 10px;
	background-color: #f8ebbe;
}
.rechts6 {
	height: 30px;
	padding-left: 10px;
}
.rechts7 {
	height: 38px;
	padding-left: 10px;
	background-color: #f2f2f2;
}
.rechts8 {
	height: 38px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #f2f2f2;
}
.rechts9 {
	height: 38px;
	padding-left: 10px;
	background-color: #f2f2f2;
}
.rechts10 {
	height: 30px;
	padding-left: 10px;
}
.rechts11 {
	height: 38px;
	padding-left: 10px;
	background-color: #d6d6d6;
}
.rechts12 {
	height: 38px;
	padding-left: 10px;
	background-color: #d6d6d6;
}
.rechts13 {
	height: 38px;
	padding-left: 10px;
	background-color: #d6d6d6;
}


/* ====== Hauptteil (alles in div id="berbo") ====== */
/* #berbo-Definitionen sind in berbo.css verschoben worden */