/* CSS File für Layoutvorlage für Typo3 Standard01 Website */

/* ======================================================= */

body {

	margin:0;

         padding:0;		/* 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:url(../image/hg.gif) repeat-y top center;

}

* html body {

	font-size:small;

}



/*****************************************/

/* Übernimmt die Einmittung des Inhaltes */

#outer {

	margin:auto;

         width:990px;		/* Weite des Inhaltes bestimmen (alle Spalten( */

         text-align:left;        /* Textausrichtung für den gesamten Inhalt */

}



/***********************************************************************************************************/

/* Im Header ist das Bild als Hintergrund eingebettet, so dass man es nicht soooo einfach kopieren kann!!! */

#header {

	height:195px;           /* Höhe des Headers (= Logobild) */

         background:#ffffff url(../image/header.jpg) no-repeat top center;

}



/**********************************************************************************************/

/* Wenn gewünscht kann im ACTUALPOINT  angezeigt werden, wie der aktuelle Navigationspfad ist */

#actualpoint 		{ height:30px;padding:5px;font-size:70%; }

#actualpoint a 		{ text-decoration:none;color:#888888; }

#actualpoint a:hover 	{ text-decoration:underline;color:blue; }

#actualpoint span 	{ color:#0000ff;}





/******************************************************************************************/

/* 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:200px;		/* 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:1px solid #224422;          Rahmen ist momentan ausgeschaltet

         border-bottom:1px solid #224422;          */

}

#navidiv {

	padding:0 10px 0 0;	/* Abstand innerhalb der Navicell vom Rand */

         color:#B4113C;

}

#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:#B4113C;

         font-style:italic;

         font-size:90%;

}

#navidiv a {

	text-decoration:none;

         color:#B4113C;

}

#navidiv a:hover {

	text-decoration:underline;

         color:#66747D;

}

.navipt {			/* wird benützt, dass die ganze Zeile des Navigationselements */

				/* anklickbar ist und nicht nur der Text		      */

	padding:3px 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; */

}

.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%;

}





/**********************************************/

/* 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-left:1px solid #224422;        Rahmen ist momentan ausgeschaltet

         border-bottom:1px solid #224422;        */

}

#contentdiv {

	padding:0 20px 20px 20px;

/*         height:300px;					   /* Mindesthöhe für Verlauf */

         text-align:justify;

         color:#000;

}

#contentdiv p {			/* Absatzabstände im Content */

	margin:0 0 30px 0;
	border-bottom: 0px solid #B4113C;
         padding:0 0 5px 0;
         text-align:justify;

}

#contentdiv p span {		/* Hervorhebung innerhalb des Absatzes */

	color:#000000;

}

#contentdiv h1 {			/* Die Überschrift im Typo3 */

	margin:0;

         padding:0 0 5px 0;

         font-size:140%;

         color:#B4113C;

}





/**************************************/

/* Werbe - Spalte oder was auch immer */

#publicell {

	width:199px;

         vertical-align:top;

         font-size:80%;

/*         border-left:1px solid #224422;             Rahmen ist momentan ausgeschaltet

         border-right:1px solid #224422;

         border-bottom:1px solid #224422;             */

}

#publidiv {

	padding:0 10px;

}

#publidiv img {

	margin-bottom:5px;

}

#publidiv h1 {
	font-size:90%;
	font-weight:bold;
	color:#fff;
	background:#B4113C;
	padding:2px;
	margin:0;
}

#publidiv p {			/* Wird nur für die Dummy Website benötigt um           */

				/* Erklärungen zu formatieren.				*/


         color:#66747D;
	text-align:justify;
         font-style:italic;
	border-bottom: 1px solid #B4113C;
         width:95%;

         font-size:90%;
         padding:2px 2px 5px 2px;
         margin:0 0 20px 0;

}