/* CSS File für Layoutvorlage für Typo3 Standard01 Website */
/* ======================================================= */
body {
	margin:0;
         padding:10px;		/* Hier der obere Abstand als bodypadding einstellen */
         text-align:center;	/* muss so sein, wenn der Inhalt zentriert sein soll */
         font-size:medium;
         font-family:sans-serif;
         background:#ff8800;
}
* html body {
	font-size:small;
}

/*****************************************/
/* Übernimmt die Einmittung des Inhaltes */
#outer {
	margin:auto;
         width:960px;		/* Weite des Inhaltes bestimmen (alle Spalten( */
         text-align:left;        /* Textausrichtung für den gesamten Inhalt */
         background:#ffffff;
}

/***********************************************************************************************************/
/* Im Header ist das Bild als Hintergrund eingebettet, so dass man es nicht soooo einfach kopieren kann!!! */
#header {
	height:40px;           /* Höhe des Headers (= Logobild) */
         background:url(../image/header-x.jpg) no-repeat top left;
         border-left:2px solid #800080;
         border-right:2px solid #800080;
         border-top:2px solid #800080;
         padding-top:150px;
         padding-left:40px;
         text-align:center;
}

* html #header { height:190px; }


/******************************************************************************************/
/* 1 + 2 werden benötigt zum auslaufende Streifen links und rechts des Inhaltes zu machen */
/* dabei wird die Höhe verwendet, um eine minimale Höhe zu schaffen, da ansonsten die     */
/* Linien als Hintergrund abgeschnitten werden						 */
#main1 {
/*	height:300px;
         background:url(senkrecht.jpg) no-repeat top left; /* Nur Verlauf, keine Linien hier! */
}
#main2 {
/*	height:300px;
         background:url(senkrecht.jpg) no-repeat top right; /* Nur Verlauf, keine Linien hier! */
}


/******************************************************************************************/
/* Die MASTERTABLE generiert die horizontale Unterteilung der Seite in 3 (bzw. 2) Spalten */
#mastertable		{ width:100%; }


/*****************************************************/
/* Navicell: darin findet die ganze Navigation statt */
#navicell {
	width:180px;		/* Breite der Navigationsspalte */
         vertical-align:top;	/* Muss für jede Zelle angegeben werden */
         font-size:80%;          /* Muss für jede Zelle angegeben werden */
         border-left:2px solid #800080;
         border-bottom:2px solid #800080;
         padding-top:20px;
}
#navidiv {
	padding:20px 10px;	/* Abstand innerhalb der Navicell vom Rand */
         color:#800080;
}
#navidiv img {			/* Bild vor dem Navigationselement, welches aktuell 	*/
				/* angewählt ist (gilt auch für das leere	    	*/
                                 /* Bild, also für den Platzhalter !			*/

	margin-right:10px;	/* Abstand zwischen Bild und folgendem Menüelemtentext	*/
}
#navidiv p {			/* Wird nur für die Dummy Website benötigt um           */
				/* Erklärungen zu formatieren.				*/
         text-align:center;
         color:#800080;
         font-style:italic;
         font-size:90%;
}
#navidiv a {
	text-decoration:none;
         color:#800080;
}
#navidiv a:hover {
	text-decoration:underline;
         color:ff8000;
}
.navipt {			/* wird benützt, dass die ganze Zeile des Navigationselements */
				/* anklickbar ist und nicht nur der Text		      */
	padding:8px 0;
}
.navipt_aktuell {		/* Das aktuelle Navigationselement kann anders formatiert werden */
				/* Dabei ist es entweder nur das aktuelle oder der aktuelle Pfad */
                                 /* in Typo3 ACT oder CUR!					 */
/*	background:#224422; */
	color:#ff8000;
}
.navitxt {			/* Formatierung der Navigationselemente der ERSTEN Ebene	 */
	padding:3px 1px;
}
.navitxt2 {                      /* Formatierung der Navigationselemente der ZWEITEN Ebene	 */
	padding:3px 1px 3px 20px;	/* hier wird die zusätzliche Einrückung der zweiten	 */
         				/* Ebene vorgenommen					 */
         font-size:90%;
}
.navi, .navi1cur { padding-top:10px; }
.navi2, .navi2cur { padding-left:15px;font-size:90%; }
.navi1cur, .navi2cur { color:#ff8000; }

/**********************************************/
/* Contentcell: hier ist der Inhalt zu finden */
				/* Die Breite der Inhaltsspalte ergibt sich aus der Gesamtbreite */
                                 /* minus die beiden äusseren Spalten (bzw. minus die Navigations-*/
                                 /* spalte, wenn keine Werbung gewählt wird.			 */
#contentcell {
	vertical-align:top;
         font-size:80%;
         border-right:2px solid #800080;
         border-bottom:2px solid #800080;
}
#contentdiv {
	padding:20px 20px 0 10px;
         text-align:justify;
         color:#800080;
}
#contentdiv p {			/* Absatzabstände im Content */
	margin:0;
         padding:0 0 15px 0;
}
#contentdiv p span {		/* Hervorhebung innerhalb des Absatzes */
	color:#ff00ff;
}
#contentdiv h1 {			/* Die Überschrift im Typo3 */
	margin:30px 0 0 0;
         padding:0 0 10px 0;
         font-size:140%;
         color:#ff8000;
}

#contentdiv .csc-firstHeader {margin-top:0pix;}

/*********************/
/* Sprachumschaltung */
#footer		{ margin:0;padding:9px;text-align:center;
		  font-size:70%;font-weight:bold;font-family:tahoma, sans-serif;color:#646464; }

#footer a		{ color:#646464; }
#footer a:hover	{ color:#ec6400; }