@charset "UTF-8";
/*
 * $Id: main.css 32 2009-08-15 07:49:13Z norman $
 *
 *=========================================================================
 * main.css 
 * --------
 *
 * Design by ARTVERTISEMENT aufbereitet durch N. Markgraf
 *
 *
 * $Author: norman $
 * $Revision: 32 $
 * $Date: 2009-08-15 09:49:13 +0200 (Sat, 15 Aug 2009) $
 * $URL: http://art.sefiroth.de/PROJEKTE/TF/drupal-template/styles/main.css $
 *
 *=========================================================================
 */
body
{
	background-color: #C85300; 
	background-image: url("../images/back.jpg"); 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: left top; 
	margin: 0;
	width: 100%;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #0F2842;
	font-size: 14px;
}
 
table
{
	border-collapse: collapse;
}
 
/*
 * Hiermit wird der gesamte Layer zentriert. 
 * Dafuer wird er auf 1000px Breite festgelegt und der rechte und linke
 * Rahmen bekommt automatisch die selbe Breite zugewiesen.
 *
 * Fuer den MS IE wird eine extra CSS-Datei nachgeladen (tanzen2-ie.css)
 * 
 */
div.canvascentered
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

div#maincanvas
{
	z-index:10;
}


/*
 * Der topcanvas ist fixiert, da der maincanvas darunter verschwinden soll
 * hat er den gleichen Hintergrund, wie der gesamte body-Bereich, so kann
 * der maincanvas zwischen body und topcanvas verschwinden.
 *
 */
div#topcanvas
{
	background-image: url("../images/back.jpg"); 
	background-repeat: repeat-x;
	background-attachment: fixed; 
	background-position: left top; 
	margin:0;
	z-index:50;
	height: 114px; /* Eigentlich sollte es 92px sein ... ich finde aber 94px wirkt besser! ;-) */
/*	overflow:hidden; */  /* Muss hier weg, da die Menuezeile nach unten ausbrechen soll! */
}


body > div#topcanvas
{
	position: fixed;
	top: 0px;
	left: 50%;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:-500px;
	z-index:50;
}

a
{
	color: #ffffff;
	text-decoration: none;
}

/*
 * Einstellungen fuer den Kopfbereich (allgemein)
 *
 */
#head
{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	line-height: 20pt;
	font-weight: normal;
	color: #ffffff;
	font-size: 14pt;
}

#head a
{
	color: #ffffff;
	text-decoration: none;
}

#head a:hover
{
	color: #ffffff;
	text-decoration: overline;
} 

/*
 * Einstellungen fuer den Bereich in dem die Flash-Animation ablaeuft.
 *
 */
#flash
{
	position: relative;
	height: 200px;
	width: 100%;
	border: 0px;
	top: 114px;
	background-color: transparent;
}

/*
 * Die Hauptprojektionsflaeche (maincanvas)
 *
 */
div#maincanvas
{
	text-align: left;
}


#head-left
{
	z-index: 80;
}

#head-right
{
	z-index: 90;
}

/*
 * Einstellungen f"ur das Men"u oben
 */

.menu
{
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	font-weight: normal;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.menu div a,
.menu a
{
	color: #cccccc;
	text-decoration: none;
}

.menu div a:hover,
.menu a:hover
{
	color: #ffffff;
	text-decoration: none;
} 

.menucolor
{
	color: #ffffff;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.menu p
{
	margin: 0;
}

#footer div.left
{
	width: 50%;
	float: left;
}

#footer div.right
{
	text-align: right;	
}

/*
 *
 * ###########################################################################
 *
 */

#kurse-logo,
#news-riemer-logo
{
	min-height: 160px !important;
	height: 160px;
}

table.kurse
{
	border-collapse: separate;
}

td#kurse-text,
#kurse-text,
td#news-riemer-text,
#news-riemer-text 
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	text-align: left;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	line-height: 15pt;
	font-weight: normal;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
}

/*
 * Gestaltung der Kurs-Daten Tabelle
 */
.kurszeile 
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/inhaltBack.png");
	background-repeat: repeat;
	height: 25px;
}


#inhaltBack .kurszeile td
{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	line-height: 12pt;
	font-weight: normal;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}

#inhaltBack .kurszeile td a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;

}
.kurszeile td a:hover
{
	color: #F3C29F;
	text-decoration: none;
} 

.kurs-beginn,
.kurs-anmeldung
{
	width: 150px;
}

.kurs-wochentag,
.kurs-start1,
.kurs-start2,
.kurs-start3
{
	width: 100px;
}

.kurs-bemerkung
{
	width: 324px;
}

.kurse-left,
.news-left
{
	width: 400px;
}

.kurse-main,
.news-main
{
	width: 600px;
}

.schulen
{
	padding-top: 34px;
}

.fixed
{
	position: fixed;
}

div.frontpageimage
{
	margin-top: 35px;
	text-align:center;
}

div.frontpageimage img
{
	width: 200px; 
	height: 200px; 
	border: 0;
}