/*
	
	* Project:			Schule Bergdietikon
	* File:				schule_bd.css (Allgemeine Gestaltungsangaben)
	* Created:			20.12.2007/gMu
	* Last modified:	01.04.2009/gMu (externe Links: padding angepasst)
	*					27.04.2009/gMu (.sternchen)
	*					11.01.2010/gMU (neu: .schulpflege_adr)
	*					31.05.2010/gMu (neu: .abstand_2)
*/

html{
	color: #000000; 
	background-color: #B3CB28;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}


html.admin{
	background-color: #949597;
}

body{
	color: #000000; 
	margin: 0; 
	padding: 0; 
	/* text-align:center; muss unbedingt fuer IE drin sein, sont wird Seite nicht zentriert! */
	font-size:1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
	text-align:center;
	background-color: #B3CB28;
}

body.admin{
	background-color: #949597;
}

table{
	color: #000000; 
	background-color: #FFFFFF;
	font-size:1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
}

table.adressen{
	line-height:140%;
}



#wrapper{
	margin: 0;
	padding: 0;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	width: 830px;
	background-color: #B3CB28;
}


#spalte_links {
	float:left;
	padding: 0px;
	margin: 0px;
	margin-top: 192px;
	text-align: right;	
	width: 138px;
	background-color: #B3CB28;
}


#mitte{
	padding: 0px;
	margin:0px;
	margin-left: 138px;
	background-color: #FFFFFF;
}

/* Hilfedatei */
div.hilfe{
	margin: 20px;
	padding: 20px;
	padding-bottom: 30px;
	padding-top:30px;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	text-align:left;
	background-color: #FFFFFF;
}

#hauptnav{

	margin:0;
	padding: 0;
	margin-top:17px;
	background-color:#B3CB28;
	/* ACHTUNG: hoehe (height!) darf nicht angegeben werden, da IE sonst nach links einen 3 px Abstand macht!!!  */
	
}

#content{
	padding: 0;
	margin:0;
	margin-left: 99px;
	margin-right: 99px;
		
	/* urspruenglich: aber im IE nicht richtig, deshalb unten eine Spezialbehandlung */
	margin-top: 140px;
		
	padding-bottom: 50px;
	background-color: #FFFFFF;
	min-height: 400px;
	/* IE rafft das mit min-height nicht, deshalb Spezialbehandlung! -gleich unterhalb hier */
}
* html #content {   /* nur fuer IE !!!  (da min-height da nicht funktioniert) */
    height: 450px;
    h\eight: 450px;
    
    margin-top: 20px;
    m\argin-top: 20px;
}    

#content_admin{
	padding: 0;
	margin:0;
	margin-left: 60px;
	margin-right: 40px;
		
	/* urspruenglich: aber im IE nicht richtig, deshalb unten eine Spezialbehandlung */
	margin-top: 140px;
		
	padding-bottom: 50px;
	background-color: #FFFFFF;
	min-height: 400px;
	/* IE rafft das mit min-height nicht, deshalb Spezialbehandlung! -gleich unterhalb hier */
}
* html #content_admin {   /* nur fuer IE !!!  (da min-height da nicht funktioniert) */
    height: 450px;
    h\eight: 450px;
    
    margin-top: 20px;
    m\argin-top: 20px;
}    

#globalnav{
	margin:0px;
	padding:0px;
	margin-top: 25px;
	margin-left: 18px;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
}

#unternav{
	margin:0;
	padding: 0;
	margin-top:40px;
	margin-left: 18px;
	font-size: 11px;
	height: 280px;
	color: #FFFFFF;
	text-align: left;
}

div{
	margin:0;
	padding:0;
}


p { color: #000000; 
	margin:0;
	padding:0;
	margin-top: 0px; 
	margin-bottom: 8px; 
	text-align: left; 
}

p.nav{
	border-bottom: 1px solid #FFFFFF;
}

p.footer{ 
	margin-left: 142px;
	color: #565656;
	margin-top:3px;
	margin-bottom:5px; 

}


p.border_dotted{
	 border-bottom:1px dotted #000000;
}
/* P nach Seitentitel (enthaelt evt.3. Unternavigation)  */
p.border_dotted_seitentitel{
	 border-bottom:1px dotted #000000;
	 height: 20px;
}
p.border_seitentitel{
	 border-bottom:1px solid #B3CB28;
	 height: 20px;
	 margin-bottom: 13px;
}

.strich_unten_dotted{
	border-bottom:1px dotted #000000;
	padding-bottom: 9px;
}


.strich_unten_solid{
	border-bottom:1px solid #000000;
	padding-bottom: 9px;
}

.strich_unten_dotted_termine{
	border-bottom:1px dotted #000000;
	padding-bottom: 9px;
	width: 300px;
}

.strich_oben_dotted{
	border-top:1px dotted #000000;
	padding-top: 6px;
}


/* TerminTitel auf Home */
.titel_rechteSpalte{
	font-weight: bold;
	font-size: 1.1em;

}

p.schulpflege_adr{
	margin-top: 6px;
	font-style: italic;
}


/* Linie oberhalb Titel bei zB. Schulmodell */
h4.strich_oben_dotted{
	border-top:1px dotted #000000;
	padding-top: 9px;
}

/* Linie oberhalb Titel innerhalb einer Tabelle zB. Schulpflege*/
h4.strich_oben_dotted_tb{
	border-top:1px dotted #000000;
	padding-top: 9px;
	margin-top: 9px;
}

/* Linie oberhalb Titel bei zB. Schulmodell */
h3.strich_oben_dotted{
	border-top:1px dotted #000000;
	padding-top: 12px;
}

/* Boxen mit Links zB auf dienste.php */
.box_1{
	position:absolute; 
	margin-left: 370px; 
	margin-top: 6px; 
	padding:10px;
	width: 105px; 
	background-color:#EDEDED;
}

/* Box Termine */
.box_2{
	position:absolute; 
	margin:0;
	padding:0;
	margin-left: 370px; 
	padding-left:30px;
	padding-bottom:10px;
	width: 105px; 
	background-color:#FFFFFF;
}

#box_termine_sortieren{
	position: absolute; 
	margin:0px; 
	margin-left: 355px;
	padding:0px; 
	padding-left: 5px;
	margin-top: 15px;
	width: 134px;
}

p.letzter_absatz{
	margin-bottom: 15px;

}

/* damit die Tabellen-Zeilen zueinander einen Abstand bekommen (bsp: Tabelle Adressen) */
.tabellenZeile_abstand_unten{
	padding-bottom: 30px;
}
.tabellenZeile_abstand_dazwischen{
	padding-bottom: 15px;

}

/* P - Definitionen */
.abstand_1{
	margin-top: 6px;
	margin-bottom: 20px;
	padding:0px;
}
.abstand_2{
	margin-bottom: 2px;
	padding:0px;
}

ol, ul, li { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
li { margin-top:0px; }
ul{ list-style-image: url(../images/bullet.gif); padding-left: 0px; margin-left: 14px;}
ol{ margin-left: 18px; padding-left: 0px;}

/* erst am 2.5.08 eingefuegt ... von hier ... */
ul{ padding-left: 1.2em; margin:0px;  }

/* Liste fuer IE speziell formatiert  */
* html ul { /*IE6 only*/
     padding-left: 1.5em;
  }
  
  *+html ul { /*IE7 only*/
    padding-left: 1.5em;
  }
/* ... bis hier */  
 

/* bei Meldungs-Ausgaben zB von einem Speicherungsvorgang  */
.txt_ok{
	color: #8FA511;
}
.txt_fehler{
	color: #C81C45;
}

.txt_grau{
	color: #ABABAB;
}

.txt_gruen{
	color: #819701;
	font-weight: bold;
}


/* Sternchen-Legende fuer Mail-Adressen  */
.sternchen{
	font-size: 0.8em;
	color: #565656;
}


/* Seitentitel */
h1{
	font-size: 1.4em;
	padding:0px;
	margin: 0px;
	margin-bottom: 4px;
	font-weight: bold;
}

h2{
	font-size: 1.2em;
	font-weight: normal;
	padding:0px;
	margin: 0px;
	margin-bottom: 10px;
}

h3{
	font-size: 1.1em;
	font-weight: bold;
	padding:0px;
	margin: 0px;
	margin-bottom: 8px;
}
h3.aktuelles_home{
	margin-top: 15px;
}

h3.aktuelles_home_strich_oben{
	border-top:1px dotted #000000;
	padding-top: 12px;

}

h3.termine{
	margin-bottom: 15px;
}

/* zB bei fetten Untertiteln, mit minimalem Zeilenabstand */
h4 {
	font-size: 1.0em;
	font-weight: bold;
	padding:0px;
	margin: 0px;
	padding-bottom: 4px;
}


/* zB bei Untertitel ohne groesseren Zeilenabstand, bsp in Tabellen - Schulsekretariat-Adressen */
h5 {
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
	padding:0px;
	margin: 0px;
}

/* Pfeil-Bildli muss hoehenmaessig richtig mit Linktext uebereinstimmen */
img_pfeil{
	margin: 0;
	padding: 0;
}


/* Formular-Elemente */
input, textarea, select{
	color: #000000; 
	font-size:1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
	margin-bottom: 2px;
	margin-top: 2px;
}


/*  noramle Links (zB. im Fliesstext) */
a:link{
	text-decoration: underline; 
    color: #132255;
}
		
a:visited{
	text-decoration: underline;
		color: #132255;
}	 
	
a:hover{
	text-decoration: underline;
	color:#B3CB28;
}
		 
a:active{
	text-decoration: underline;
	color:#B3CB28;
}


/*  Links auf externe Webseiten oder Files (Pfeil einfuegen und) */
/*  */


a.extern:link{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none; 
    color: #132255;
    padding-left: 20px;
    padding-top: 1px;
 	   
}
		
a.extern:visited{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none; 
    color: #132255;
    padding-left: 20px;
    padding-top:1px;

}	 
	
a.extern:hover{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color:#B3CB28;
	padding-left: 20px;
	  padding-top: 1px;

}
		 
a.extern:active{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color:#B3CB28;
	padding-left: 20px;
	padding-top: 1px;

}

/*  Links auf externe Webseiten - zB Linkseite, Oberstufe */
a.extern_2:link{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none; 
    color: #132255;
    padding-left: 20px;
    padding-top: 0px;
    	line-height: 25px;
 	   
}
		
a.extern_2:visited{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none; 
    color: #132255;
    padding-left: 20px;
    padding-top:0px;
    	line-height: 25px;

}	 
	
a.extern_2:hover{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color:#B3CB28;
	padding-left: 20px;
	  padding-top: 0px;
	  	line-height: 25px;

}
		 
a.extern_2:active{
	background-image: url(../../elements/images/pfeil_kl.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color:#B3CB28;
	padding-left: 20px;
	padding-top: 0px;
	line-height: 25px;

}


/*  Links Footer */
a.footer:link{
	color: #565656;
	text-decoration: none;
}
		
a.footer:visited{
	color: #565656;
	text-decoration: none;
}	 
	
a.footer:hover{
	color: #565656;
	text-decoration: underline;
}
		 
a.footer:active{
	color: #565656;
	text-decoration: none;
}




/*  Links Hauptnav: wegen IE muss hier padding und margin auf 0 gessetzt werden!! */
a.hauptnav:link{
	padding:0px;
	margin:0px;
}
		
a.hauptnav:visited{
	padding:0px;
	margin:0px;
}	 
	
a.hauptnav:hover{
	padding:0px;
	margin:0px;
}
		 
a.hauptnav:active{
	padding:0px;
	margin:0px;
}


/*  Navigation links */
 ul#Menue { 
      width:120px; margin:0px; padding:0px;
      list-style:none; 
      list-style-image:none;
 }
        
    ul#Menue li {
      list-style:none; 
      list-style-image:none;
      margin:0px; padding:0px;
      font-size:1.0em;
      line-height:140%;
    }
    ul#Menue a {
      display:block; padding:2px; text-decoration:none; 
      border-bottom:1px solid #FFFFFF;  
      color: #FFFFFF;
      background-color:#B3CB28;
    }
    
    ul#Menue a:hover {
        color:#B3CB28; background-color:#FFFFFF;
        font-weight:bold;
    }
/* aktiver Button Navigation links */
li#Menue_aktiv {
      list-style:none; margin:0px; padding:0px;
      list-style-image:none;
      font-size:1.0em;
      line-height:140%;
    }
 li#Menue_aktiv a {
      display:block; padding:2px; text-decoration:none; 
      color: #B3CB28;
      background-color:#FFFFFF;
      font-weight:bold;
    }
li#Menue_aktiv a:hover {

    }


/*  globale Navigation links */
 ul#MenueGlobal { 
      width:120px; margin:0px; padding:0px; 
       list-style-image:none;
     
    }
        
    ul#MenueGlobal li {
      list-style:none; margin:0px; padding:0px;
       list-style-image:none;
    }
    ul#MenueGlobal a {
      display:block; padding:2px; text-decoration:none; 
      border-bottom:1px solid #18144D;  
      color: #18144D;
      background-color:#B3CB28;
    }
    
    ul#MenueGlobal a:hover {
        color:#B3CB28; background-color:#18144D;
    }
/* aktiver Global-Button links */
	li#MenueGlobal_aktiv {
      list-style:none; margin:0px; padding:0px;
       list-style-image:none;
    }
    li#MenueGlobal_aktiv a {
      display:block; padding:2px; text-decoration:none; 
      border-bottom:1px solid #18144D;  
      color: #B3CB28;
      background-color:#18144D;
    }
    
    li#MenueGlobal_aktiv a:hover {
    }


/* Links im Admin */

/*  Navigation links Admin */
 ul#Menue_Admin { 
      width:120px; margin:0px; padding:0px; 
       list-style-image:none;
     
    }
        
    ul#Menue_Admin li {
      list-style:none; margin:0px; padding:0px;
       list-style-image:none;
    }
    ul#Menue_Admin a {
      display:block; padding:2px; text-decoration:none; 
      border-bottom:1px solid #FFFFFF;  
      color: #FFFFFF;
      background-color:#949597;
    }
    
    ul#Menue_Admin a:hover {
        color:#B3CB28; background-color:#FFFFFF;
        font-weight:bold;
    }
	

/* ADMIN */
/* spezielle Gestaltungselemente fuer Admin */

#admintabelle { width: 585px; border: solid 1px #949597; text-align: left; padding: 0px; margin: 0px; spacing: 0px; border-spacing: 0px; border-collapse: collapse; }

tr.admin_head { background-color: #B3CB28 }
tr.admin_even { background-color: #dddddd }
tr.admin_odd { background-color: #ffffff }
th.admin { border: 1px solid #949597; padding: 2px 4px; font-weight: bold; font-size: 12px }
td.admin { border: 1px solid #949597; padding: 2px 4px; font-weight: normal; font-size: 12px; vertical-align: top; }


/*  globale Navigation Admin */
 ul#MenueGlobal_Admin { 
      width:120px; margin:0px; padding:0px; 
       list-style-image:none; 
    }
        
    ul#MenueGlobal_Admin li {
      list-style:none; margin:0px; padding:0px;
       list-style-image:none;
    }
    ul#MenueGlobal_Admin a {
      display:block; padding:2px; text-decoration:none; 
      border-bottom:1px solid #18144D;  
      color: #18144D;
      background-color:#949597;
    }
    
    ul#MenueGlobal_Admin a:hover {
        color:#FFFFFF; background-color:#18144D;
    }


/* Farbe von aktiven NaviButton im Admin-Bereich  */
.aktiv_admin{
	color: #B3CB28;
    font-weight:bold;
}