@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

/* import core styles | Basis-Stylesheets einbinden */
/*@import url(maincolor.css);*/

@media screen, projection
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {
		height: 100%;		/* notwendig, um die linke Spalte über die gesamte Höhe aufzuziehen */
		background-color: #193B78;	/* Hintergrundfarbe */
		background-image: url(../../fileadmin/img/seitenhintergrund2c.png);
		background-repeat: no-repeat;
		background-position: center top;
/*	background-attachment: fixed;*/
	}

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  #page_margins { text-align:left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
	/* 740px und 80em aus original übernommen */
  #page_margins {
/*		min-width: 740px; max-width: 80em; background: #fff;*/

		position: relative; /* mit yaml-example abgeglichen 17-09-2008 */
  	width: 970px;
		min-width: 970px;
		max-width: 970px;
		background-color: transparent;
/*background-color: #FF00FF;*/
	}
	#wrap {
    width: 970px;   /* mit yaml-example abgeglichen 17-09-2008 */
  }
  #page { padding: 0; }

	/* umgibt den gesamten Hauptteil - alles außer den Banner */
  #main {
		padding: 0;
  	float: left;
/*		width: 100%;*/
		width: 969px;		/* 970px - 1x Border */
		background-image: url(../../fileadmin/img/main-bg2.gif);
		background-repeat: repeat-y;
		background-color: #00477F;	/* letztendlich Navi-Hintergrundfarbe */

		border-left: 1px solid #6F9FCD;
		
/*background-color: #FFFF00;*/
  }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
		position: relative;
		height: 200px;

    color: #000;
		background-color: #193B78;	/* Hintergrundfarbe */
    padding: 0;
		
		border-bottom: 1px solid #6F9FCD;

/*		z-index: 10;*/
/*background-color: #00FF00;*/
  }

	/* Störer in der rechte oberen Eckes des Headers (überlappt den Header) */
	#headerStoerer {
		position: absolute;
		right: 0;
		top: 0;
	}

	#banner {   /* komplett mit yaml-example abgeglichen 17-09-2008 */
		position: absolute;
		top: 200px;
/*		left: 980px;*/
		margin-left: 980px;
		width: 120px;
/*		padding-left: 10px;*/	/* mit einem padding verrückt der IE die Seite nach links */
/*background-color: #FFFF00;*/
	}

/* Login-Status-Anzeige */
	#loginStatusContainer {
		margin: 30px 0 0 0;	/* Abstände rausgenommen, wegen News-Hintergrund-Farbe */
		padding: 0 5px 0 25px;

		color: #B4B7C2;
		font-size: 83.33%;			/*  83.33% = 10px (laut Format: 12pt) */
		font-style: italic;
	}
	#loginStatusContainer input {
		margin-top: 5px;
		padding: 0 0 1px 0;
		color: #6F9FCD;
		background-color: transparent;
		font-weight: bold;
		border: 1px outset #114F90;
		cursor: pointer;
	}

/* Inhalte unter der 2. Ebene der Navigation */
	#leftContent {
/*		padding: 19px 8px 0px 8px;*/
		margin: 30px 0 0 0;	/* Abstände rausgenommen, wegen News-Hintergrund-Farbe */
/*		padding: 0 0 5px 0;*/
    padding: 0;

		background-color: #0061AE;

/*background-color: #00FF00;*/
	}
  /* Fix für <= IE6 */
  * html #leftContent {
/*		padding: 30px 1px 0 4px;*/	/* eigentlich wären rechts und links 4px platz - aber der IE6 mag das nicht... */
	}

	#leftContent .rssFeed {
/*		margin: 10px 5px 10px 25px;*/
		margin: 10px 5px 0 0;		/* Mit dem Accordion und der Übernahme des RSS-Links in den News-Container */
		padding-bottom: 10px;
	}
	#leftContent p.rssFeed img {
		float: left;
		margin: 3px 3px 3px 0;
	}

/* Suche */
	#searchContainer {
		margin: 30px 0 20px 0;	/* Abstände rausgenommen, wegen News-Hintergrund-Farbe */
		padding: 0 5px 0 25px;

		color: #B4B7C2;
		font-size: 83.33%;			/*  83.33% = 10px (laut Format: 12pt) */
		font-style: italic;
	}
	#searchContainer input.searchInput {
		margin: 0px 3px 0 0;
		padding: 2px;
		width: 120px;
		float: left;
		border: 1px solid #6F9FCD;
		background-color: #114F90;
		color: #EDF2F7;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
	#searchContainer input.searchButton {
		padding: 0 0 1px 0;
		color: #6F9FCD;
		background-color: transparent;
		font-weight: bold;
		border: 1px outset #114F90;
		cursor: pointer;
	}


/* Sponsoren-Zeile über Footer */
	#sponsor {
  	float: left;		/* WICHTIG für IE - Footer hat sonst keinen Abstand */
/*		width: 100%;*/
		width: 968px;		/* 970px - 2x Border */

		margin-bottom: 1px;
		background-color: #FFFFFF;

		border-top: 1px solid #6F9FCD;
		border-bottom: 2px solid #E1E2E6;		/* grau-blauer Streifen unten */
		border-right: 1px solid #6F9FCD;
		border-left: 1px solid #6F9FCD;

/*background-color: #FF0000;*/
	}
	#sponsorLeft {
		width: 228px;		/* 229px - 1x Border */
/*		height: 45px;*/
		float: left;
/*		margin-left: -842px;*/
		padding: 17px 0;
/*		background-color: #717171;*/
		background-color: #0D2652;
		color: #FFFFFF;
		text-align: center;
/*		font-size: 100%;*/
/*		font-size: 91.67%;*/
		font-size: 83.33%;
/*		font-weight: bold;*/
		font-weight: normal;

		border-right: 1px solid #6F9FCD;
	}
	#sponsorLeft a,
	#sponsorLeft a:focus,
	#sponsorLeft a:hover,
	#sponsorLeft a:active {
		color: #FFFFFF;
	}
	#sponsorLogos {
		width: 734px;			/* 968px - 228px = 740px - 2x3px Abstand */
		height: 60px;			/* 62px - 2x1px padding */
		margin: 0;
		margin-left: 231px;		/* 228px + 3px Abstand */
/*		border-top: 1px solid #717171;*/		/* passt nicht mehr zum neuen Design */
		padding: 1px;			/* 60px x 732px Platz für die Logos */
/*		background-color: #FFFFFF;*/	/* Hintergrundfarbe mit in die CSS-Datei maincolor.css übernommen */
/*background-color: #00FFFF;*/
	}
	/* Für den IE6 */
	* html #sponsorLogos {
		padding: 0;		/* sonst verschiebt sich das DIV unter sponsorLeft */
	}	
	#sponsorLogos img,
	#sponsorLogos a img {
		margin: 0;
		padding: 0;
	}
	/* Tabellen der Bannerverwaltung */
	#sponsorLogos table {
		float: left;
		margin: 0;
		padding: 0;
		width: 183px;		/* maximale Breite der Logos */
		height: 60px;
	}
	#sponsorLogos table td {
		padding: 0;
/*		width: 183px;*/		/* maximale Breite der Logos */
		text-align: center;
		vertical-align: middle;
	}
	#sponsorLogos table td div {
		margin: 0;
		border: 0;
		padding: 0;
	}

  #footer { 
		color: #FFFFFF;
		background-color: transparent;
		background-image: url(../../fileadmin/img/footer_nav_bg.png);
		background-repeat: repeat-x;
		background-position: top;
		padding: 0;
		height: 27px;
/*background-color: #FF0000;*/
  }
	/* Bilder für die Ränder */
	#footerStart, 
	#footerStop {
		margin: 0;
		padding: 0;
		width: 11px;
		height: 27px;
		background-color: #193B78;	/* Hintergrundfarbe */
		background-repeat: no-repeat;
	}
	#footerStart {
		float: left;
		background-image: url(../../fileadmin/img/footer_nav_ecke_links.gif);
		background-position: left top;
	}
	#footerStop {
		display: inline;
		float: right;
		background-image: url(../../fileadmin/img/footer_nav_ecke_rechts.gif);
		background-position: right top;
/*background-color: #FF00FF;*/
	}

	#rightFooter {
		display: inline;
		float: right;
		margin-right: 11px;
/*		padding-top: 3px;*/
/*background-color: #00FF00;*/
	}
}