/* 
 
 
 style.css der Internetseite 
 http://histogerm.de/
 

Stand Juni 2007
 Autor: Ralf Arndt
 Based on a style-sheet by mitch bryson
 

 
 */
 
 /* 
 
 
 
 
 
 Globaldefinition für den Body-Tag
 
 
 */
 
																

* {
	margin: 0;
	padding: 0;
	}
	body {
		background: #F0F4FF url(bg_seite.jpg) center top repeat-y ;
		font-family:  "Verdana", "Trebuchet ms","Tahoma", "MS Sans Serif", sans-serif;
		font-size: 100%;
		text-align: center;
		}





/* 
----------------------------------------------------------------------------------------------------------
Definitionen für Layout der Seite */

/*Übergeordneter Container für den gesamten Seiteninhalt - mittig ausgerichtet (vgl. im body: text-align:center

Der Druckhinweis wird nicht angezeigt.
*/
																

div#print {
	display: none;
	}
	
div#seite {
	background: transparent;
	margin: 0px auto;
	margin-top: 10px;
	text-align: left;
	width:797px;
	
	}
	/*Der Container für den Seitenkopf.*/	
	div#kopf {
		margin: 0px;
		
		}
		
		
		
/*Der Container für den Seitenkopf. Der Schulname wird hier mit einem Bild definiert - für ältere Browser findet sich der Text mit class="hidden" (s.u.) */			
		div#kopf-in  {
			padding: 160px 15px 10px 10px;
			background:transparent url('kopf.jpg') no-repeat center top;
			
	border:0px;
	text-align:right;
			}
			
			
			


	div#inhalt {
	
	margin:0px;
background:transparent url(bg_text.jpg) top left no-repeat;

}




/*in diesem Container befindet sich der Fließtext*/
		div#text {
			margin: 0 0 30px 210px;
			color: inherit;
			background: transparent ;
			width:500px;
			border:0; font-size: 100%;
			
			}
			div#text-in {
				padding: 5px; 
				
				}
				
	
	#uebersicht {
	background: #F0F4FF; width: 350px; padding:5px; 
}
#uebersicht li {
list-style-type: none;
}
	
				
				
/*   Container für die Navigation auf der linken Seite */
				
		div#navigation {
			float: left;
			width: 200px;
			margin-left:5px;
			margin-top:40px;
			color: inherit;
			background: transparent;
			
			}
			div#navigation-in {
				padding: 5px 10px 10px 15px;
				}
/*   Container für die kleinen Infoboxen auf der rechten Seite */
	div#rechtsbox {
			float: right;
			margin-right:10px;
			margin-left:5px;
			margin-top:80px;
			width: 180px;
			color: inherit;
			background-color: #f5f5f5;
			
					
			}	
			
	div#rechtsbox-in { border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;

				padding: 5px 10px 10px 10px;
				}					
/* Der footer beinhaltet Links zu Startseite, Impressum und Sitemap sowie den Copyright- Hinweis */				
	div#footer-wrap {
		clear: both;
		border-top: 1px solid #5F92BF;
		}
		div#footer-in {
			padding:5px;
			}








/* Schriftdefinitionen */

*.x {
	display: none;
	}
	p, td, ul {
		font-size: 90%;
		line-height: 150%;
	}
td {
	vertical-align: top; border-bottom: 1px solid #333;
}

h1, h2, h3 {
	font-family: Georgia, Times, serif; font-weight:normal;
}	
	
h1 {
	font-size:180%;
	border-bottom: 1px solid #aa0000;
	margin-top:10px;
	margin-bottom:15px;
	color: #3E4244;
  
}
	
 h2 {
	margin: 0 0 15px 0;
	font-size: 140%;
	margin-top:50px; color:#455974;
	color: #006699;
	background: url(strich.gif) left bottom no-repeat;
	}

h3 {
	margin-top:25px;
	font-size: 120%;
	font-weight: bold;
}
	
	
div#navigation h2 {
	color:#aa0000;
	margin: 10px 5px 5px 10px;
	font-size: 100%;
	border:0;
	background:none;
	}

div#navigation p {
	margin: 10px  10px 5px 10px;
	color: #666;
	background-color: inherit;
	font-size: 80%;
	}

		

	/*Die Abkürzungen werden über ein title="" erklärt*/
acronym {
	cursor:help;
}
.left
{ float: left;
  padding: 0px 8px 0px 0px;
}

.right
{ float: right;
  padding: 0px 0px 0px 8px;
}

.autor {
	font-variant: small-caps;
	font-weight: bold;
}
.titel {
	font-weight: bold;
}

/*		..:Linkdefinitionen:.. 		*/
 
 a:link, a:visited {font-size:100%; line-height:150%; color:#4685B6;}
  a:active,a:hover { text-decoration:none; }
 
 /* Für Bereiche mit kleinerer Schrift (class "kl" und "mini" benötigt man angepasste Links */ 
  a.mi:link, a.mi:visited {font-size:90%; line-height:150%; color:#4685B6;}
  a.mi:active,a.mi:hover { text-decoration:none; } 
    
  a.kl:link, a.kl:visited {font-size:80%; line-height:150%; color:#4685B6;}
  a.kl:active,a.kl:hover { text-decoration:none; }
  
   /*folgende Links sind für die Navigation reserviert:*/
  
 ul.navig, ul.navi {
	list-style : none; margin:0px; padding:0px; margin-top:5px; /*background:#F0F4FF; */
}

 div #navigation-in a:link, div #navigation-in a:visited {font-size:100%; line-height:150%; color:#006699; text-decoration:none;}
 div #navigation-in a:active,div #navigation-in a:hover { text-decoration:underline; }

  

  /*  Hier werden die Links ins WWW extra mit einem kleinen Bildchen versehen, damit klar wird,
   dass man die Seite verlässt; bei Bildern, die als Links dienen wird dieser kleine Zusatz natürlich nicht erwünscht,
    weshalb man sie mit der class  "keinpfeil" definieren muss  - angezeigt wird dies nur mit modernen Browsern. der ie zeigt garnix*/ 
   a[href^="http://"], a[href^="https://"]  {
	background: url(grafik/wwwseite.gif) no-repeat center right;
	padding-right: 12px; }
  
  a.keinpfeil 
  {
	background : none; 
}
  
	/*Hinweise in Blau*/
.hi {
	color : #006699; 
}
.blau {
	font-size : 90%; line-height:120%; color : #006699;  font-weight:bold;
}




/*		 ..::Listendefinitionen:.. 			*/

														


/*kopf-nav definiert die beiden Links (Startseite und Impressum*/
ul#kopf-nav {
	float: right;
	padding: 1px 0;
	list-style: none;
	}
	ul#kopf-nav li {
		display: inline;
		}
		ul#kopf-nav li a {
			margin: 0 8px;
			color: #aaa;
			background-color: transparent;
			font-size: 100%;
			text-decoration: none;
			border-bottom: 1px solid #5F92BF;
			}
		ul#kopf-nav li a:hover {
			color: #006699;
			background-color: inherit;
			border-bottom: 1px solid #fff;
			}
ul#nav-footer {
	margin: 0 0 0 210px;
	padding: 0 2px;
	color: #aaa;
	background-color: inherit;
	font-size: 80%;
	list-style: none;
	text-align: right;
	}
	ul#nav-footer li {
		display: inline;
		}
	ul#nav-footer li.left {
		float: left;
		}
		ul#nav-footer li a {
			margin: 0 3px;
			color: #aaa;
			background-color: inherit;
			}
		ul#nav-footer li a:hover {
			color: #333;
			background-color: inherit;
			}
ul.list {
	margin: 10px 30px;
	font-size: 90%;
	line-height: 150%;
	}




 

/* 


----------------------------------------------------------------------------------------------------------
Bilddefinitionen
*/  
.i  {
	border:2px solid #A7A7A7; margin:5px; padding:5px; background:#ffffff;
}






/* --------------- finis ------------------------ */