/* ---------------------------------------
--------  Globale Festlegungen -----------
------------------------------------------ */

body 			{			 
			font-family: verdana, arial, helvetica, sans-serif; 
			font-weight:normal; 
			color: #000;
			text-align: center;			/* zentrieren der aussen-Box im IE   */
			padding: 0;
			margin: 0;
			background: url(http://www.schiller-gymnasium.de/grafik/hintergrunda.jpg) no-repeat fixed 0px 0px;}

body			{	
			font-size: x-small; 			/*  font-size fuer IE5  */
			voice-family: "\"}\"";
			voice-family: inherit;
			font-size: small;}
	
* html body 		{					
			/*font-size: x-small;     font-size für IE6: nicht notwendig in xhtml1 */
			background:#eee;}			/* Hintergrund fuer IE  */


			
h1			{
			font-size:180%;}
			
h2			{
			font-size:150%;}

h3			{
			font-size: 130%;}
			
h4			{
			font-size:120%}

p			{
			margin:0 0 8px 0;
			line-height:140%;}
			
h1,h2,h3,h4		{
			font-family: verdana,arial,helvetica,sans-serif;
			font-weight: normal;
			margin-top:0;
		
			text-align:left;
			}

			
table		{
	border: 1px solid #000;
	border-collapse: collapse;
}
			
.header   {
			font-size: 130%;
			font-weight:bold; 
			color: #0b6185;
			background-color: transparent;
			margin-bottom:5px;
}

.datum   {
			color:#0b6185;
			background-color: transparent;
			font-weight:bold;
}

.datum-gr  {
			color:#0b6185;
			background-color: transparent;
			font-weight:bold;
			font-size:130%;
			padding-left:1em;
}
	

.boldrot	{
	color: #C700C8;
	background-color: transparent;
	font-weight: bold;
	font-style: italic;
}

td 			{
			border: 1px solid #000;
			font-size: 12px;
			line-height: 120%;
			font-family: verdana, arial, helvetica, sans-serif; 
			text-align: left;}

.linie 			{
			padding: 0 0 5px 0;
			background: transparent;  
			text-align: right;	
			margin-top:2px;
			border-top:1px solid #c0c0c0;		/*silber*/
}

.linie2 		{
			padding: 0 0 5px 185px;
			background: transparent;  
			text-align: right;	
			margin-top:2px;
			border-top:1px solid #0b6185;		/*logoblau*/
}

.linie3 		{
			padding: 10px 5px 10px 185px;
			background: transparent; 
			width:200px; 
			text-align: right;	
			margin-top:2px;
			border-top:1px solid #0b6185;		/*logoblau*/
}


.rahmen			{					/* fuer Grafiken  */
			border-style: solid;
			border-width: 1px;
			border-color: #000;
			margin:8px;}

.bildtext	{
			font-size:9px;
			text-align:center;
}

.fett			{
			font-weight:bold;
}

.clearing    {
			clear: both;
}


#aussen {
			margin: auto;
			margin-top:15px;
			margin-bottom:15px;
			width: 900px;
			background: url(http://www.schiller-gymnasium.de/grafik/hintergrundh.jpg) fixed no-repeat  0px 0px;
			border: 1px solid #000; }

/* --------------------------------------------------
--------  Festlegungen für den Kopfbereich-----------
----------------------------------------------------- */
#oben1 			{
			margin: auto;
			width: 900px; 	
			background-color: transparent;
			text-align: left;
			padding: 10px 0 0 0;}

#oben2 			{
			margin: auto;
			width: 890px;
			background-color: transparent;
			padding: 5px 0 5px 0;}

#menu1 			{	
			margin: 0;
			width: 180px;
			height: 137px;
			background: url(http://www.schiller-gymnasium.de/grafik/kopf-menue2.gif) bottom left no-repeat;
			color:#399624;                	/* Farbe falls ungelinkt (warmes Gruen) */
			float:left;
			text-align: right;
			font-weight:bold;
			padding: 10px 0 0 0;		}

#menu1 ul  		{
			list-style-type: none;}

#menu1 li  		{
 			display: block;
			font-family:verdana,helvetica,sans-serif; }
			
#menu1  a:link 		{
			background: transparent;
			color:#696969;				     		/*grau*/
			text-decoration: none;	}		

#menu1  a:visited	{
			background: transparent;
			color:#696969;				     		/*grau*/
			text-decoration: none;	}

#menu1  a:hover		{
        	font-family:verdana,helvetica,sans-serif;
   		background: transparent;
			color:#c33;						/*rot*/
			text-decoration: underline;	}

#menu1  a:active	{
        	font-family:verdana,helvetica,sans-serif;
   		background: transparent;
			color:#c33;						/*rot*/
			text-decoration: underline;	}	
	
#menu2 			{
			height: 25px;
			width: 900px;
			color:#399624;            /* Farbe falls ungelinkt (warmes Gruen) */
			background: transparent;  
			margin: 0px;
			padding:0px;
			clear:both;   }

form    {
			margin:0;
			padding:0px 0px 20px 17px;
			width:160px;
}
			
#menu2 ul 		{
   			margin:0px;
			padding:0px 0px 0px 200px;
			list-style-type:none;
			white-space: nowrap;}
	
#menu2 li		{
			font-weight:bold;
			font-size:115%;	
			font-family:arial,helvetica,sans-serif;
			display:inline;
			padding:5px 15px 0px 0px;
			float: left;}

* html #menu2 li  	{
			padding:5px 15px 0 0;
			font-size: 105%;}
			
#menu2   a:link   	{
			background: transparent;
			color:black;
			text-decoration: none;	}

#menu2	 a:visited	{
			background: transparent;
			color:black;
			text-decoration: none;	}	
	
#menu2   a:hover	{
			color:#c33;
			background: transparent;
			text-decoration: underline;	}

#menu2   a:active	{
			color:#c33;
			background: transparent;
			text-decoration: underline;	}	

/* -------------------------------------------------------
--------  Festlegungen für die Navigation links-----------
---------------------------------------------------------- */
#kasten1 		{
			width: 200px; 
			background-color: transparent/*#ffe6b5*/;
			text-align: left;	
			margin:0px;
			padding: 0px;
			float:left;}


#navi			{
         padding: 10px 0 0 10px;
			color: #511;
			font-size: 100%;
			line-height: 150%;
			background: transparent;	}

#navi ul 		{
			list-style-type: none; 
			margin: 0;
			padding: 0;			}

#navi li		{
			display: block;}

#navi    a:link 	{
			padding: 0 0 0 16px;
			margin: 0px;
			text-decoration: none;
			color: #084a66;
			background: transparent;	}
			
#navi    a:visited	{
			padding: 0 0 0 16px;
			margin: 0px;
			text-decoration: none;
			color: #084a66;
			background: transparent;	}

#navi    a:hover 	{
			color:#c33;
			background-image: url(http://www.schiller-gymnasium.de/grafik/navpfeil.gif); 
			background-repeat: no-repeat;
			background-position:left center;
			text-decoration: none;
			padding: 0 0 0 16px;			}

#navi    a:active	{
			color:#c33;
			background-image: url(http://www.schiller-gymnasium.de/grafik/navpfeil.gif); 
			background-repeat: no-repeat;
			background-position:left center;
			text-decoration: none;
			padding: 0 0 0 16px;			}

			
.luecke 		{
			padding-bottom: 8px;		}
			


/* -------------------------------------------------------
--------  Festlegungen für den Inhaltsbereich  -----------
---------------------------------------------------------- */
#kasten2 		{
			width: 690px; 
			background-color:transparent;
			margin:0px;
			text-align: left; 
			padding: 0 0 12px 5px;	
			float:left;	}

#krumen dl	   	{
			margin: 0px; 
			padding: 0px;
			font-size:90%}

#krumen dd 		{	
			display: inline; margin: 0px 0px 0px 3px}

#krumen  a:link 	{
			background-image: url(http://www.schiller-gymnasium.de/grafik/pfeil.gif);
			background-repeat: no-repeat;
			background-position: right center;
			color: black;
			text-decoration: none;
			padding-right: 10px;}

#krumen  a:visited	{
			background-image: url(http://www.schiller-gymnasium.de/grafik/pfeil.gif);
			background-repeat: no-repeat;
			background-position: right center;
			color: black;
			text-decoration: none;
			padding-right: 10px;}

#krumen  a:hover 	{
			text-decoration: underline;
			color:#c33;	}

#krumen  a:active	{
			text-decoration: underline;
			color:#c33;	}

#inhalt2    		{
			font-family: verdana, arial, helvetica, sans-serif; 
			background: transparent;
			float: left;
			width: 680px;
			padding: 10px 0;
			}		
			
#inhalt2 a:link   	{ 
		   color:#084a66;			/*logoblau-dunkel*/
			background: transparent;
			text-decoration:underline;	}

#inhalt2 a:visited		{ 
		   color:#000;			/*schwatt*/
			background: transparent;
			text-decoration:underline;	}

#inhalt2 a:hover	{ 
		   color:#c33;                     /*rot*/
			background: transparent;
			text-decoration:none;	}

#inhalt2 a:active	{ 
		   color:#c33;                     /*rot*/
			background: transparent;
			text-decoration:none;	}
			

#inhalt2 dl  {
	float: left;
	width: 60%; 
	margin:  0;      /* wichtig für die präzise Plazierung der Krumen */
	padding: 0;
	display: inline; /*fixes IE/Win double margin bug */
}

dt  {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	color: #0b6185;
}

dd  {
	margin:0 0 15px 0;
	padding: 0;
   }

dl dd.img  {
	margin: 0;
}

dd.img img {
	float: left;
	margin: 5px 10px 5px 0;;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom-width: 2px;
	border-bottom-color: #999;
	border-right-width: 2px;
	border-right-color: #999;
	background: #fff;
}
/* ---------------------------------------------------------------
--------  Festlegungen für die fakultative Box rechts  -----------
------------------------------------------------------------------ */
			
#kasten3   	{
			width:220px;
			background-color:#e3edf0;
			float:right;
			padding:10px;
			padding-bottom:20px;
			margin-top:32px;
			margin-left:10px;
			margin-bottom:16px;
			}
#inhalt3		{
			text-align:left;
}

#kasten3 img {
			float: left;
			padding: 5px;
			border:1px solid #cccccc;
			background:#ffffff;
			margin: 0 8px 3px 0; }
			

/* --------------------------------------------------------------
--------  Festlegungen für den IE 5 und 6 (Häx, häx)  -----------
----------------------------------------------------------------- */

* html #aussen		{
			background: #fff;}

* html #kasten1 	{
			width: 180px; 
			text-align: left;	
			padding: 10px;
			float:left;}

* html #kasten2 	{
			width: 680px; 
			margin: 0px;
			text-align: left; 
			padding: 1px 12px 12px 4px;	
			float:left;	}

* html #navi 		{
         		padding: 10px 0 0 0;	}
/* -------------------------------------------------------
--------  Festlegungen für den Fußbereich      -----------
---------------------------------------------------------- */
#fuss 			{
			width: 900px;
			height: 15px;
			background: transparent;   
			font-size:10px; 
			text-align: center;
			padding-bottom:5px;
			clear:both;}


