/*
	V1.0 vom 15.08.2008

  Author: Jens Pfl?ger

  Positionierung und Layout der DIV-Elemente
  ACHTUNG: Layout von Schriften wird in einer separaten Datei definiert.

  Farben:
  	Gr?n: 1C6E02
    Lila: 55026E
    Dunkellila: 390149
    Hellgr?n: A4C59A

  Padding: Innen
  Margin: Au?en
*/

@charset "ISO-8859-1";

BODY {
  color:#390149; background-color: white;
  font-size: 100.01%;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0; padding: 1em 0;
  text-align: center;  /* Zentrierung im Internet Explorer */
  /*border-width:1px; border-color:#FF9999; border-style:solid;*/
}

/* Schriftformatierung */

DIV#klickPfad, DIV#naviOben, DIV.naviElement-e1-noact, DIV.naviElement-e1-act, DIV.naviElement-e2-noact, DIV.naviElement-e2-act, DIV.naviElement-e3-noact, DIV.naviElement-e3-act, DIV#naviUnten, DIV#bereichUnten {
  font-size:1.1em;
  font-variant:small-caps;
  font-weight:bold;
  color:#390149;
}

DIV#klickPfad, DIV#naviOben, DIV#naviUnten {font-size:0.8em;}

DIV#bereichUnten {font-size:0.7em;}

A { color: #390149; text-decoration: none; }
A:hover { color: #FF0000; text-decoration: underline;}
DIV.naviElement-e2-noact A, DIV.naviElement-e2-act A, DIV.naviElement-e3-noact A, DIV.naviElement-e3-act A {font-variant:normal;}
DIV.naviElement-e2-noact A:hover, DIV.naviElement-e2-act A:hover, DIV.naviElement-e3-noact A:hover, DIV.naviElement-e3-act A:hover {font-variant:normal;}

/* Hintergrundformatierung */
DIV#leisteOben, DIV#naviUnten { background-color:#A4C59A; }

/* Ausrichtung */
TD#td-links, TD#td-mitte, TD#td-rechts {
	text-align:left;
  vertical-align:top;
}

/*--------------------------------------------------------------------*/
/* Container f?r die Website. Au?erhalb wird nichts manipuliert.      */
/*		Hier werden Gr??e und Position der Website definiert. */
/*--------------------------------------------------------------------*/

DIV#metaContainer {
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width:1020px;
  min-height:500px;
  padding: 0em;
  /*border-width:1px; border-color:#FF9999; border-style:solid;*/
}

DIV#bgTop {
  height:36px;
  background-image:url(../main/img/bgi_oben.jpg);
  background-repeat:no-repeat;
  padding: 0em;
  /*border-width:1px; border-color:#FF9999; border-style:solid;*/
}

DIV#bgCenter {  /* bgCenter ist der eigentlich editierbare Ausschnitt */
  min-height:200px;
  background-image:url(../main/img/bgi_mitte.jpg);
  background-repeat:repeat-y;
  padding: 0 20px 0 1px;
  /*border-width:0px; border-color:#FF9999; border-style:solid;*/
}

DIV#bgBottom {
  height:50px;
  background-image:url(../main/img/bgi_unten.jpg);
  background-repeat:no-repeat;
  padding: 0em;
}


/*----------------------------------------------------------------------*/
/* DEFINITION DER INHALTS-CONTAINER										 									*/
/*----------------------------------------------------------------------*/

/* LOGO LEISTE MIT 3 BILDERN */
/*---------------------------*/

DIV#leisteLogo {
	/*border-width:1px; border-color:#FF9999; border-style:solid;*/
  text-align:center;
  margin-bottom:15px;
}

SPAN#bildTitel1, SPAN#bildTitel2, SPAN#bildTitel3 {
	margin-left:5px;
}

SPAN#bildLogo {
	float:left;
	margin:12px 5px 0 10px;
  /*border-width:1px; border-color:#FF9999; border-style:solid;*/
}


/* LEISTE F?R OBERE NAVIGATION */
/*-----------------------------*/

DIV#leisteOben {
  border-top:1px; border-color:#1C6E02; border-style:solid;
  border-bottom:1px; border-color:#1C6E02; border-style:solid;
  border-left:0px;
  border-right:0px;
  margin-bottom:15px;
  height:18px;
}

DIV#klickPfad {
	float:left;
	padding: 0px 10px 2px 10px;
}

DIV#naviOben {
  	text-align:right;
	padding: 0px 10px 2px 10px;
}



/* TABELLE F�R HAUPTTEIL */
/*-----------------------*/

DIV#containerTabelle {
	margin-bottom: 15px;
}

table#tabelleMitte {
	table-layout:fixed;
  width:100%;
  border-width:0px; border-color:#1C6E02; border-style:dotted;
}

TD#td-links {
	width:200px;
  padding-left:5px;
  /*border-width:1px; border-color:red; border-style:solid;*/
}

TD#td-mitte {
  width:auto;
/*  border-width:1px; border-color:green; border-style:solid;*/
}

TD#td-rechts {
  width:200px;
  /*border-width:1px; border-color:blue; border-style:solid;*/
  border-left:1px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-top:0px;
  border-bottom:0px;
  padding-right:12px;
}



/* HAUPTNAVIGATION LINKS */
/*-----------------------*/

DIV#naviLinks {
  margin: 3px 0 0 0px;
  border-bottom:1px; border-color:#1C6E02; border-style:dotted;
  border-top:0px;
  border-left:0px;
  border-right:0px;
}

/* OBERSTE NAVI-EBENE */

DIV.naviElement-e1-noact {
  background-image:url(../main/img/bgNaviElement.jpg);
  background-repeat:no-repeat;
  height:25px;
  width:180px;
  border-top:1px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-left:0px;
  border-bottom:0px;
  margin-left:8px;
  padding-top:3px;
}

DIV.naviElement-e1-act {
  background-image:url(../main/img/bgNaviElement_activated.jpg);
  background-repeat:no-repeat;
  height:25px;
  width:180px;
  border-top:1px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-left:0px;
  border-bottom:0px;
  margin-left:8px;
  padding-top:3px;
}

/* ZWEITE NAVI-EBENE */

DIV.naviElement-e2-noact {
  height:25px;
  width:180px;
  border-top:0px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-left:0px;
  border-bottom:0px;
  font-weight:normal;
  margin-left:18px;
}

DIV.naviElement-e2-act {
  height:25px;
  width:180px;
  border-top:0px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-left:0px;
  border-bottom:0px;
  margin-left:18px;
}

/* DRITTE NAVI-EBENE */

DIV.naviElement-e3-noact {
  height:25px;
  width:180px;
  border-top:0px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-left:0px;
  border-bottom:0px;
  font-weight:normal;
  font-size:1.0em;
  margin-left:25px;
}

DIV.naviElement-e3-act {
  height:25px;
  width:180px;
  border-top:0px; border-color:#1C6E02; border-style:dotted;
  border-right:0px;
  border-left:0px;
  border-bottom:0px;
  margin-left:25px;
  font-size:1.0em;
}

/* RECHTER BEREICH */
/*-----------------*/

DIV#bereichRechts {
  width:100%;
  margin: 0;
  min-height:200px;
	/*border-width:1px; border-color:#FF9999; border-style:solid;*/
  border-bottom:0px;
  padding-left:5px;
}


/* CONTENT */
/*---------*/

DIV#bereichContent {
  margin: 0 0px 0 20px;
  width:95%;
  min-height:200px;
  /*border: 1px dashed silver;*/
}

DIV#naviUnten {
	border-top:1px; border-color:#1C6E02; border-style:solid;
  border-bottom:1px; border-color:#1C6E02; border-style:solid;
  border-left:0px;
  border-right:0px;
  margin-bottom:15px;
  text-align:center;
  height:18px;
}

DIV.naviUntenElement {
  /*padding: 5px 0 5px 3px;*/
  float:left;
  padding: 2px 10px 2px 10px;
	border-width:0px; border-color:#FF0000; border-style:solid;
}

DIV#bereichUnten {
  clear:none;
  color:#CCCCCC;
  text-align:center;
  font-variant:normal;
}