/* TAT.CSS */
/* Steuerdatei für die Anzeigestile der Webseitenelemente */
/* Copyright © Tauchen als Therapie e. V. 2006 */
/* Alle Rechte vorbehalten. */

/* Seiteninhalt */
body
{
	background-color: #EFEFEF;			/* Hintergrundfarbe */
	font-family: sans-serif;			/* Schriftart */
	margin-left: 30px;				/* Linker Rand */
	margin-right: 30px;				/* Rechter Rand */
	overflow: auto;					/* Automatische Einblendung eines Rollbalkens */
}

/* Listeneintrag */
li
{
	padding-bottom: 5px;				/* Unterer Innenabstand */
}

/* Tabelle */
table
{
	border-collapse: collapse;
	width: 100%;					/* Breite */
}

/* Tabellenspalte */
td
{
	vertical-align: top;				/* Vertikale Ausrichtung */
}

/* Rahmen */
div.border
{
	background-color: #FFFFFF;			/* Hintergrundfarbe */
	border: 1px solid #AFAFAF;			/* Rahmen */
	height: 100%;					/* Volle Browserhöhe */
}

/* Kopfzeile */
div#headline
{
	background-image: url('../img/top.png');	/* Hintergrundgrafik */
	background-repeat: repeat-x;			/* Wiederholung der Hintergrundgrafik */
	height: 140px;					/* Höhe */
}

/* Elemente der Kopfzeile */
div#headline *
{
	background-repeat: no-repeat;			/* Wiederholung der Hintergrundgrafik */
	height: 140px;					/* Höhe */
}

/* Elemente der Kopfzeile */

/* T.A.T - Logo */
span#logo
{
	background-image: url('../img/logo.png');	/* Hintergrundgrafik */
	float: left;					/* Ausrichtung */
	width: 140px;					/* Breite */
}

/* Schriftzug "Tauchen als Therapie" */
span#tat
{
	position: absolute;				/* Position zum Elternelement */
}

/* Schatten des Schriftzugs */
span.tat
{
	color: #000000;					/* Schriftfarbe */
	float: left;					/* Ausrichtung */
	position: relative;				/* Position zum Elternelement */
	z-index: 1;					/* Ebene */
}

/* Text des Schriftzugs */
span.tat span.text
{
	color: #FFFFFF;					/* Schriftfarbe */
	position: absolute;				/* Position zum Elternelement */
	left: -2px;					/* Links */
	top: -2px;					/* Oben */
	z-index: 0;					/* Ebene */
}

/* Wort "Tauchen" */
span#tauchen
{
	font-size: 40pt;				/* Schriftgröße */
	left: 0px;					/* Links */
	top: 10px;					/* Oben */
}

/* Wort "als" */
span#als
{
	font-size: 30pt;				/* Schriftgröße */
	left: 0px;					/* Links */
	top: 46px;					/* Oben */
}

/* Wort "Therapie" */
span#therapie
{
	font-size: 40pt;				/* Schriftgröße */
	left: -93px;					/* Links */
	top: 76px;					/* Oben */
}

/* Grafiken auf der rechten Seite */
span.taucher
{
	background-color: #FFFFFF;			/* Hintergrundfarbe */
	background-position: 2px 0px;			/* Position der Hintergrundgrafik */
	float: right;					/* Ausrichtung */
	width: 185px;					/* Breite */
}

/* rechte Grafik */
span#taucher1
{
	background-image: url('../img/taucher1.jpg');	/* Hintergrundgrafik */
}

/* äußerst rechte Grafik */
span#taucher2
{
	background-image: url('../img/taucher2.jpg');	/* Hintergrundgrafik */
}

/* Inhalte */
div#contents
{
	padding-top: 5px;				/* Oberer Innenabstand */
}

/* Alle Elemente innerhalb der Inhalte */
div#contents *
{
	font-size: 10pt;				/* Schriftgröße */
	text-align: justify;				/* Textausrichtung */
}

/* Menü */
td#menu
{
	border-right: 1px solid #EE9034;		/* Rechter Rahmen */
	padding-bottom: 5px;				/* Unterer Innenabstand */
	padding-left: 5px; 				/* Linker Innenabstand */
	padding-right: 10px;				/* Rechter Innenabstand */
	padding-top: 5px;				/* Oberer Innenabstand */
	width: 240px;					/* Breite */
}

/* Untermenü */
div.menu
{
	padding-bottom: 5px;				/* Unterer Innenabstand */
	padding-left: 23px;				/* Linker Innenabstand */
	padding-top: 2px;				/* Oberer Innenabstand */
}

/* Menü-Verweise */
td#menu a
{
	background-position: 0px 50%;			/* Position der Hintergrundgrafik */
	background-repeat: no-repeat;			/* Wiederholung der Hintergrundgrafik */
	color: #000000;					/* Schriftfarbe */
	display: block;					/* Darstellungsform */
	font-size: 9pt;					/* Schriftgröße */
	padding-left: 10px;				/* Linker Innenabstand */
	text-decoration: none;				/* Textauszeichnung */
}

td#menu a.active
{
	background-image: url('../img/pfeil.bmp');	/* Hintergrundgrafik */
	font-weight: bold;				/* Fettdruck */
}

td#menu a:hover
{
	text-decoration: underline;			/* Textauszeichnung */
}

/* Inhalt */
td#content
{
	padding-bottom: 5px;				/* Unterer Innenabstand */
	padding-left: 20px;				/* Linker Innenabstand */
	padding-right: 20px;				/* Rechter Innenabstand */
	padding-top: 5px;				/* Oberer Innenabstand */
	vertical-align: top;				/* Vertikale Ausrichtung */
}

/* Überschriften */
div.heading
{
	padding-bottom: 10px;				/* Unterer Innenabstand */
}

/* Überschrift 1 */
div#heading1
{
	font-size: 24pt;				/* Schriftgröße */
	position: relative;				/* Position zum Elternelement */
}

div#heading1 span.text
{
	color: #27458E;					/* Schriftfarbe */
	font-size: 24pt;				/* Schriftgröße */
	position: absolute;				/* Position zum Elternelement */
	left: -1px;					/* Links */
	top: -1px;					/* Oben */
	z-index: 0;					/* Ebene */
}

/* Überschrift 2 */
div#heading2
{
	font-size: 14pt;				/* Schriftgröße */
	position: relative;				/* Position zum Elternelement */
}

div#heading2 span.text
{
	color: #EE9034;					/* Schriftfarbe */
	font-size: 14pt;				/* Schriftgröße */
	position: absolute;				/* Position zum Elternelement */
	left: -1px;					/* Links */
	top: -1px;					/* Oben */
	z-index: 0;					/* Ebene */
}

/* Verweise */
td#content a
{
	color: #0000FF;					/* Schriftfarbe */
	text-decoration: none;				/* Textauszeichnung */
}

td#content a:hover
{
	text-decoration: underline;			/* Textauszeichnung */
}

/* Fußzeile */
div#footline
{
	font-size: 8pt;					/* Schriftgröße */
	padding: 5px;					/* Innenabstand */
	text-align: center;				/* Textausrichtung */
}