/*  =========================================================
Stylesheet für die Web-Site des Max-Born-Berufskollegs
Datum:  03.08.2009
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */
/* ====================================== 
   1. Allgemeine Styles 
   ====================================== */

	* {
		text-align: left;
		}

/* Allgemeine Selektoren */

	body {
		background: #fff;
		text-align: center;
		margin: 0;
		padding: 0;
		}

	table, td, div, p {
		font-family: arial;
		font-size: 9pt;
		color: #666;
		line-height: 170%;
		}
		
	textarea, input { 
		padding: 2px;
		background: #fff;
		border-width: 1 px;
		border-color: #666;
		border-style: solid; 
		} 
	  
	textarea {
		width: 100%; 
		height: 150px;
		} 

	h1 {
		font-size: 11pt;
		}

		
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
	li {
		background: url(kat.jpg) top left no-repeat;
		/*height: 14px;*/
		margin: 10px 0;
		padding-left: 25px;
		line-height: 14px;
		}
	

/* Hyperlinks allgemein*/

	a:link, a:active, a:visited {
		color: #666;
		text-decoration: none;
		}

	a:hover {
		color: #e04f67;
		text-decoration: none;
		}

/* Hyperlinks des Navigationsbereichs*/

	#navi a:link, #navi a:active, #navi a:visited {
		color: #666;
		display: block;
		margin: 14px 0;
		padding-left: 25px;
		line-height: 14px;	
		}	
		
	#navi a:hover {
		color: #e04f67;
		display: block;
		margin: 14px 0;
		line-height: 14px;
		}
		
	#navi1 a:link, #navi1 a:active, #navi1 a:visited {
		background: url(pfeil.jpg) top left no-repeat;
		color: #666;
		display: block;
		margin: 14px 0;
		padding-left: 25px;
		line-height: 14px;
		}
		
	#navi1 a:hover {
		background: url(pfeilhover.jpg) top left no-repeat;
		color: #e04f67;
		}
		
/* Hyperlink msdn*/
	#msdn a:hover, #msdn a:active, #msdn a:visited{
		color: #fff;
		text-decoration: none;
		}
		
/* Listen Sitemap*/

	.simple {
		background:none; 
		line-height: 10px;
		}
	.simple_left {
		background:none; 
		padding-left:0;
		line-height: 10px;
		}
	.simple_right {
		background:none; 
		padding-left:50;
		line-height: 10px;
		}
/* Allgemeine Klassen und IDs */

	#logo {	/*Hintergrundbild und Kalibrierung des Logos*/					
		background: url(logo.jpg) top left no-repeat;
		width: 255px;
		height: 121px;
		margin: 0 0 20px 0;
		float: left;
		}

	.normal { 
		font-size: 9pt; 
		}
	.headline {
	font-size: 11px; 
	font-family: Verdana,sans-serif; 
	text-decoration: none; 
	font-weight:bold
		}
	.Stil1 {
		color: #e04f67
		}
	.Stil2 {
		color: #e04f67
		}
	.Stil3 {
		color: #e04f67
		}
	.Stil4 {
		color: #666; 
		font-weight: bold; 
		}
	#buffer1	{ /*ID für vertikalen Abstandhalter 10px */
	height:10px;
	clear: left;
	}
	
	#buffer2	{ /*ID für vertikalen Abstandhalter 20px */
	height:20px;
	clear: left;
	}
	
	#absatz_aktuelles	{ /*ID für Überschriften der Absätze in "aktuelles" */
	padding-top:30px;
	padding-bottom:10px;
	}

	#imagelinks	{ /*ID und Klasse Bilder, die als Link fungieren */
		float: left;
		clear: left;
		}

		.imglink {
			margin: 10 20 0 0px;
			height:46px;
			}

	.imgcaption { /* Klasse für Bildunterschriften */
		font-size: 9px;
		}

	#imageport { /*ID und Klasse Porträt-Bilder */
		clear: left;
		}

		.imageport {
			margin: 0 20 10 0px;
			height:92px;
			float: left;
			}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
	
	#container { /*ID für Gesamtinhalt der Seite*/
		width: 860px;
		margin: 40px auto;
		}

	#links { /*ID für  sitemap-, impressum-, disclaimer-Links*/
		font-size: 8pt;
		line-height: 140%;
		text-align: right;
		}	
		
	#navi { /*ID für Navigation Spalte 1*/
		width: 160px;
		float: left;
		padding: 20px 0;
		border-top: 1px solid #bbbdc0;
		margin: 0 20px 0 0;
		}
			
	#kategorie { /*ID für Pfadanzeige*/
		margin: 0 0 0 360px;
		height: 25px;
		clear: left; /*ab hier nicht mehr in der gleichen Zeile...*/
		}
		.Stil3 /* Klasse Anzeige der aktuellen Seite */
			{
			color: #e04f67
			}

	#navi1  { /*ID für Navigation Spalte 2*/
		width: 160px;
		float: left;
		padding: 20px 0;
		border-top: 1px solid #bbbdc0;
		margin: 0 20px 0 0;
		}
				
	#content { /*ID für eigentlichen Inhalt*/
		width: 500px;
		float: left;
		padding: 20px 0;
		border-top: 1px solid #bbbdc0;
		}
		
/* ==================================== 
   3. Sonstige Styles
   ==================================== */
		
/* Zeitstrahl // Geschichte */
	#strahl {
		width: 500px;
		}
		
	#strahlnumber {
		width: 50px;
		background: #eee;
		color: #666;
		font-size: 9pt;
		float: left;
		text-align: center;
		}
		
	#strahltext1 {
		width: 200px;
		float: left;
		padding: 10px;
		margin-left: 15px;
		font-size: 10px;
		background: #eee;
		min-height: 50px;
		}
	
	#strahltext2 {
		width: 200px;
		float: left;
		padding: 10px;
		margin-left: 15px;
		font-size: 10px;
		background: #ddd;
		min-height: 50px;
		}
	
	#strahlimg {
		float: left;
		margin-left: 15px;
		width: 200px;
		height: 50px;
		}

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */