/* 	CSS Datei V4  
	3 Zeilenbereiche 3 Spaltenbereiche fuer die das neue Webseitenlayout A-qualifizierung */

/* 	Pseudoelemente fuer den Tag a (siehe www.selfhtml.de)
	link	für Verweise zu noch nicht besuchten Seiten 
	visited	für Verweise zu bereits besuchten Seiten
	focus	für Elemente, die den Fokus erhalten, mittels Tabulator Taste 
	hover	für Elemente, während der Anwender mit der Maus darüber fährt 
	aktive	für gerade angeklickte Elemente */
	 a:link {color:blue; text-decoration:none;font-weight:bold;}
	 a:visited { color:navy; text-decoration:none; font-weight:bold; }
	 a:focus { color:navy; background-color:gray; font-weight:bold; }
	 a:hover { color:blue; text-decoration:none; background-color:silver; font-weight:bold; }
	 a:active { color:aqua; background-color:silver; font-weight:bold; }


	h1   {font-size:150%;color:black; font-style:bold; }
	h1 i {font-size:150%;color:black; font-style:italic; }

	h2 {
	font-size:140%;
	color:black;
	font-style:inherit;
}
	h2 i {font-size:140%;color:black; font-style:normal;
		font-style:italic; }

	h3  { font-size:130%; color:black;
		 font-style:normal;}
	h3 i {font-size:130%;color:black;font-style:italic; }

	h4   {font-size:110%;color:black; font-style:bold; }
	h4 i {font-size:110%;color:black; font-style:italic; }

	h5   {font-size:100%;color:black; font-style:bold; }
	h5 i {font-size:100%;color:black; font-style:italic; }

	h6   {font-size:100%;color:black; font-style:bold; }
	h6 i {font-size:100%;color:black; font-style:italic; }

	hr {
		color:navy;
		background-color:black;
		height:3px;
		margin-left:0;
		text-align:left;
		 }


		 
	body {
    color: black;
	background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: left;  /* Zentrierung im Internet Explorer */
	}

	#BoxKoerper1 {
	width: 950px;
	margin: 0px auto;
	padding: 15px;
	text-align: left;
	background-color: #CCC;
	}

	
	#KopfBereich1 {
	height:200px;
	margin:10px;
	background-color:#CCC;
	}
	
	#BereichMitte1 {
	  position:relative;
	  width:100%;
	}
	
	#BereichInhalt1 {
	min-width:120px;
	padding:10px;
	margin:0px 10px 0px 220px;
	background-color:#CCC;
	max-width:700px;
	}
	
	#LinksBereich1 {
	position:absolute;
	top:0px;
	left:10px;
	width:200px;
	height:200px;
	text-align:left;
	background-color:#CCC;
	}
	
	#RechtsBereich1 {
	  position:absolute;
	  top:0px;
	  right:10px;
	  width:160px;
	  height:200px;
	  text-align:left;
	  background-color:rgb(184,225,250);
	}
	
	#FussBereich1 {
	height:50px;
	margin:10px;
	background-color:#CCC;
	}
	
	p {
	font-size:100%;
	padding:10px 15px;
	}
	
	pre {
	  font-size:12px;
	  padding:10px 15px;
	  min-height:450px;
	}
	
	/*Navigation Horizontal*/ 
 
	 ul#NavigationHorizontal {
		margin: 0; 
		padding:0.0em;
		text-align: center;	
		border: 1px solid black;
		background-color: navy;
	  }

	  ul#NavigationHorizontal li {
		list-style: none;
		display: inline;
		margin: 0.0em;
		padding: 0;
	  }

	  ul#NavigationHorizontal a, ul#NavigationHorizontal span {
		float: left;
		width: 6em;
		margin: 0.0em; 
		padding: 0.0em;
		text-decoration: none;
		font-size:70%;
		font-weight: bold;
		border: 1px solid black;
		border-left-color: white;
		border-top-color: white;
		color: Navy;
		background-color: #ccc;
	  }
	  * html ul#NavigationHorizontal a, * html ul#NavigationHorizontal span  {  /* Breitenangaben nur fuer IE */
		width: 8em;
		w\idth: 6em;
	  }

	  ul#NavigationHorizontal a:hover, ul#NavigationHorizontal span  {
		border-color: white;
		border-left-color: black;
		border-top-color: white;
		color: white;
		background-color: blue;
	  }
	  
	  ul#NavigationHorizontal div {
		 clear: left;
	  }
	  
	/* Navigation Vertical */

	  ul#NavigationVertical {
		width: 200px;
		font-size:70%;
		margin: 0;
		padding: 0.0em;
		border: 1px solid black;
		background-color: navy;
	  }
	  * html ul#NavigationVertical {  /* Korrekturen fuer IE 5.x */
		width: 160px;
		w\idth: 10em;
		padding-left: 0;
		padd\ing-left: 0.8em;
	  }
	  ul#NavigationVertical li {
		list-style: none;
		margin: 0.1em;
		padding: 0;
	  }

	  ul#NavigationVertical a {
		display:block;
		padding: 0.1em;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid black;
		border-left-color: white; 
		border-top-color: white;
		color: navy;
		background-color: #ccc;
	  }
	  * html ul#NavigationVertical a {  /* Breitenangaben nur fuer IE */
		width: 100%;
		w\idth: 8.8em;
	  }
	  ul#NavigationVertical a:hover {
		border-color: white;
		border-left-color: white;
		border-top-color: white;
		color: white;
		background-color: blue;
	  }

	/* Fetter 'Button' */
		#button2 {
		position: relative;/*fuer IE*/
		width: 8em;
		padding: 1px;
		border: 1px solid black;
		background-color: navy;
		text-align: center;
		}

		#button2 a {
		display:block;
		padding: 0.1em;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid black;
		border-left-color: white; 
		border-top-color: white;
		color: navy;
		background-color: #ccc;
	  }
		
		* html #button2 a {  /* Breitenangaben nur fuer IE */
		width: 100%;
		w\idth: 8.8em;
	  }

		#button2 a:hover {
		border-color: white;
		border-left-color: white;
		border-top-color: white;
		color: white;
		background-color: blue;
	  }


/* KopfTeil1 Div Bereiche für den Kopf */  
  
  
	#apDiv1 {
		position:absolute;
		/* margin Innenabstand zum nächst höheren Div bereich */
		margin: 100px 10px 0 10px;
		width:930px;
		height:40;
		z-index:6;
	}
	
	#apDiv2 {
		position:absolute;
		/* margin Innenabstand zum nächst höheren Div bereich */
		margin: 10px 0 0 421px;
		width:217px;
		height:64px;
		z-index:3;
	}
	
	#apDiv3 {
		position:absolute;
		/* margin Innenabstand zum nächst höheren Div bereich */
		margin: 10px 0 0 688px;
		width:49px;
		height:84px;
		z-index:2;
	}
	
	#apDiv4 {
		position:absolute;
		/* margin Innenabstand zum nächst höheren Div bereich */
		margin: 10px 0 0 778px;
		width:140px;
		height:80px;
		z-index:1;
	}
	#apDiv5 {
		position:absolute;
		/* margin Innenabstand zum nächst höheren Div bereich */
		margin: 10px 0 0 10px;
		width:200px;
		height:113px;
		z-index:5;
	}
	
	#apDivNaviQuer {
		position:absolute;
		/* margin Innenabstand zum nächst höheren Div bereich */
		margin: 170px 10px 0 220px;
		width:650px;
		height:40;
		z-index:7;
	}
	
/* Zitat mit Rahmenmöglichkeiten und Text */

	#a1 {
	font-family:Helvetica, Arial, sans-serif;
	padding:10px;
	font-size:1.3em;
	color:#000000;
	font-style:normal;
	background-color: #CCC;
		 }

	p#Zitat {
		color:#000000;
		font-style:bold;
		font-size:120%;
	}

	p#Autor {
		color:#000000;
		font-style:italic;
		font-size:70%;
	}




	#a2 {
		font-family:Helvetica, Arial, sans-serif;
		width:auto;
		border:0px solid silver;
		padding:10px;
		font-size:1em;
		color:white;
		background-color:navy;
		 }