/*
In dieser Datei wird die Ausrichtung der Objekte wie z.B. Tabellen,
Bilder, Links, Text etc. vorgenommen. Diese Datei wird nicht über das
Content Management System beeinflusst da diese Datei Informationen enthält,
welche nicht geändert werden sollten. sollten sie die Informationen in dieser
Datei dennoch ändern wollen, beachten sie bitte die Kommentare.
*/

/*-Tags-----------------------------------------------------------------------*/
/*
	Hier werden HTML-Tags BODY, DIV, TABLE, TD, TH, TR usw. ausgerichtet und
	gegebenenfalls formatiert.
*/
body {
	background-repeat:no-repeat; /* Der Hintergrund wird nicht wiedeholt angezeigt. */
	background-position:top; /* Der Hintergrund wird an der obersten Kante ausgerichtet */
}

a {
	color: green;
}

/* Dieser Bereich wird derzeit per PHP in der config.php ralisiert! */
/*
body, td {
	font-family: verdana, arial;
	font-size: 12px;
}

.h2 {
	color: #000000;
	text-align: center;
	 font-family: verdana, arial;
 }

p {
	color: #ff0000;
}
*/

object {
	position: absolute;
	top: 0px;
	left: 0px;
}

table {
	width: 80%px; /* Breite aller Tabellen wird auf 600 pixel gesetzt */
/*	border: 1px solid #ff0000;*/
}

body, p, td {
   font-family:verdana, arial;
   color: #000;
}

/*-IDs------------------------------------------------------------------------*/
/*
	Hier werden IDs erstellt, diese werden nur einmal pro HTML-Seite benutzt.
	IDs sind für einmalige Bereich formatierungen und ausrichtungen gedacht.
	Soll eine Formatierung oder ausrichtung mehrmals verwendet werden sollte eine
	Class erstellt werden.
*/
/* Realisierung der Hintergrundebene */
#hintergrund {
	position:absolute; /* Position wird absolut zur vorherigen Position gestellt */
	z-index: 0; /* Die Ebenen Rangfolge ist 0 (niedrigste Ebende)) */
	width: 100%; /* Breite wird auf 100% gesetzt */
	height: 85%; /* Höhe wird auf 100% gesetzt */
	overflow: auto; /* ????? ????? ????? ????? */
	margin: 0; /* Die Seitenränder werden auf 0 gesetzt */
	top:50px; /* Bereich wird -5 pixel an der obersten Kante ausgerichtet. */
	}

/* Realisierung der Inhaltsebene */
#inhalt {
	position: absolute; /* Position wird absolut zur vorherigen Position gestellt */
	top: 0px; /* Bereich wird 0 pixel an der obersten Kante ausgerichtet */
	left: 0px; /* Bereich wird 0 pixel an der linken Kante ausgerichtet */
	width: 100%; /* Breite wird auf 100% gesetzt */
	height: 85%; /* Höhe wird auf 100% gesetzt */
	margin: 0; /* Die Seitenränder werden auf 0 gesetzt */
	
    scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color:green;
	scrollbar-track-color:#000000;
	scrollbar-darkshadow-color:green;
	scrollbar-face-color:green;
	scrollbar-highlight-color:green;
	scrollbar-shadow-color:green;
	
	}	

/*-Classes--------------------------------------------------------------------*/
/*
	Hier werden Classes erstellt, diese werden ggf. mehrere male pro HTML-Seite
	benutzt. Classes sind für mehrere Bereichs formatierungen und Ausrichtungen
	gut, soll ein Bereich nur einmal ormatiert oder ausgerichtet werden,
	so empfihelt es sich eine ID zu erstellen.
*/

/* Classen für die Imagegallerie (Vorschau) */
.table1 {border: 1px solid green;}
.td1 {border: 1px solid green; width:100px;height:75px; text-align:left; vertical-align:top;}
.td2 {border: 0px solid green; width:50%; text-align:left; vertical-align:top;}
.previmage {width:100px; height:75px};
