
/**
 * Grundsaetzliche Body-Angaben
 **/
 body {
 	margin:0px;
	padding:0px;
	font-family:Verdana,Helvetica,sans-serif;
 }

/**
 * Alle Links auf den Webseiten sollen erst einmal
 * keine Unterstreichung erhalten
 **/
 a img, a {
	 text-decoration:none;
	 border: none;
}

/**
 * Ueber folgenden Selektor legen wir die Gesamtbreite
 * des Dokumentes fest. Somit wird ein Umbrechen der
 * einzelnen Container-Elemente verhindert
 **/
 div#dokument {
	 overflow:hidden;
	 margin:0 auto;
	 width:986px;
}

/**
 * Ueber diesen Selektor geben wir das Layout
 * des oberen Bereiches der Webseite an.
 **/
 div#containerOben {
	 float:left;
	 position:relative;
	 overflow:hidden;
	 margin:0px;
	 padding:0px;
	 width:984px;
	 height:170px;
}

/**
 * Festlegen des Rahmentypes und der Breite fuer den Ansprachebereich
 **/
div.anspracheRahmen {
	border-width:1px;
	border-style:solid;
}

/**
 * Ueber diesen Selektor richten wir die Elemente der
 * Navigations-Ebene 1 und 2 aus. Der Container verhindert
 * ein umbrechen der einzelnen Elemente in sich selbst.
 **/
 div#containerNavigationOben {
	 clear:both;
	 overflow:hidden;
	 padding:0px 0px 0px 0px;
	 width:984px;
	 height:28px;
	 border-top:0px;
}

/**
 * Festlegen des Rahmentypes und der Breite fuer die NavigationOben
 **/
 div.navigationObenRahmen {
	border-width:1px;
	border-style:solid;
	border-top:0px;
}

/**
 * Ueber diesen Selektor geben wir an wie die Links
 * in der Navigations-Ebene 1 und 2 ausgerichtet werden sollen.
 **/
 #containerNavigationOben a {
	 display:block;
	 overflow:hidden;
	 padding:5px 0px 5px 0px;
	 width:100%;
	 height:18px;
	 text-align:center;
	 font-size:11pt;
	 font-weight:bold;
}

/**
 * Uber diesen Selektor erreichen wir, dass die Spalten-Elemente:
 * "containerLinks, containerMitte, containerRechts" sich nicht
 * untereinander verschieben.
 **/
 div#main {
	 width:997px;
}

/**
 * Ueber diesen Selektor richten wir den Container in der Mitte aus.
 * Dies ist noch nicht der eigentliche Inhalt(Content)-Container. Dieser
 * Container wird fuer die Border und Ecken benoetigt.
 **/
 div#containerMitte {
	 float:left;
	 overflow:hidden;
	 padding:0px 0px 0px 0px;
}

/**
 * Ueber diesen Selektor richten wir den eigentlichen Inhalt(Content) aus.
 * Abstaende nach oben, rechts, unten, links.
 **/
 div#inhalt {
	 margin:0px 0px 0px 0px;
	 padding:8px 13px 0px 12px;
}

/**
 * Border ausschalten sofern keine gewuenscht werden
 * 1px bitte erhalten wg. der Abstaende!!!
 **/
 .borderOff {
	border-width:1px;
	border-style:solid;
}
/**
 * Formatierung des Datums oben rechts
 **/   
 p.beschriftungDatum {
	 padding:0px;
	 margin:68px 0px 0px 0px;
	 white-space:nowrap;
	 font-size:8pt;
}

/** 
 * Ueber diesen Selektor legen wir die normale Breite des Inhaltes(Content)
 * fest. (Aeusserer Rahmen/Breite)
 **/
 .containerMitte {
	margin:8px 8px 0px 2px;
	padding:0px 0px 0px 0px;
	width:616px;
}

/** 
 * Ueber diesen Selektor legen wir die normale Breite des Inhaltes(Content)
 * fest. (innerer Rahmen/Breite)
 **/
 .containerInhalt {
	width:592px;
}

/** 
 * Ueber diesen Selektor legen wir die normale Breite des Inhaltes(Content)
 * fest. (innerer Rahmen/Breite)
 **/
 .containerInhaltOhneRahmen {
	width:585px;
}

/** Links - werden sowohl vom Redakteur genutzt als auch in anderen Templates */

/** 
 * Positionierung des Textes bei 
 * Links mit Icon auf der linken Seite (Kleine)
 **/
a.linkIconLinksKlein,
span.linkIconLinksKlein {
	 padding-left:22px;
	 white-space: nowrap;
}

span.linkIconLinksKleinRed {
	 line-height: 18px;
}
span.linkIconLinksKleinRed a {
	 padding-left:17px;
	 white-space: nowrap;
}

/** 
 * Positionierung des Textes bei 
 * Links mit Icon auf der rechten Seite (Kleine)
 **/
a.linkIconRechtsKlein,
span.linkIconRechtsKlein,
span.linkIconRechtsKleinRed a {
	 padding-right:22px;
	 white-space: nowrap;
}

/** 
 * Positionierung des Textes bei 
 * Links mit Icon auf der linken Seite (Grosse)
 **/
a.linkIconLinksGross,
span.linkIconLinksGross,
span.linkIconLinksGrossRed a {
	 padding-left:22px;
	 white-space: nowrap;
}

span.linkIconLinksGrossRed {
	display:block;
	margin-bottom:2px;
	margin-top:0px;
	padding-bottom:2px;
	padding-top:1px;
	white-space: nowrap;
	font-size:11px;
	height:17px;
}

/** 
 * Positionierung des Textes bei 
 * Links mit Icon auf der rechten Seite (Grosse) 
 **/
a.linkIconRechtsGross,
span.linkIconRechtsGross,
span.linkIconRechtsGrossRed a {
 	 padding-left:22px;
	 white-space: nowrap;
}

/** 
 * Alle grossen Links brauchen mehr Abstand damit die Icons voll sichtbar sind
 **/
a.linkIconGross,
span.linkIconGross,
span.linkIconGross a {
	 float:left;
	 padding-bottom:3px;
	 padding-top:1px;
	 white-space: nowrap;
}

/**
 * Hebt an speziellen Stellen das Float-Modell wieder auf
 **/
 .clear {
	 clear:both;
}

.siteClear {
	clear:both;
	line-height: 1px;
}

/**
 * Trennlinie nur gueltig im Inhalt
 **/
 .trenner {
         clear:both;
         margin:-1px 0px 0px 0px;
         padding:0px 0px 12px 0px;
         border-top-width:1px;
         border-top-style:dashed;
	 line-height: 0px;
	 font-size: 0px;
}

/**
 * Abschlusscontainer im Inhalt. (Linkleiste, oben, kontakt usw.)
 **/
 #containerMitte div.inhaltLinkleisteAbschlussContainer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
}

/**
 * Ausrichtung des Links nach oben ganz nach links
 **/
 #containerMitte div.inhaltLinkleisteAbschlussContainer p {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:17px;
	line-height:13px;
}

/**
 * Ausrichtung der Laufschrift
 **/
 div.ausrichtungLaufschrift {
	margin-top:10px;
	width:614px;
	font-size:11px;
	padding-bottom:1px;
 }
 
 /**
  * Balken fuer die Ueberschrift
  **/
  .seitenUeberschriftBalken {
	height:5px;
	width:5px;
  }
  
 /**
  * Balken mitte
  **/
  .seitenUeberschriftBalkenMitte {
	width:601px;  
  }
  /**
  * Balken fuer die Ueberschrift
  **/
  .inhaltUnten {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:8px;
	width:6px;
  }
 
 /**
  * Balken unten mitte
  **/
  .inhaltUntenMitte {
	 width:601px;  
  }
  
  
  /**
   * Schrift innerhalb des Balken der Seitenueberschrift
   **/
   .seitenUeberschriftInhalt {
	   font-size:12px;
	   padding:0px 0px 5px 7px;
	   margin:0px 0px 0px 0px;
   }
   
   
 .clearBottom {
	clear:both;
	line-height:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	height:0px;
}

.copyright {
	font-family:verdana;
	font-size:11px;
	text-align:center;
}
