body      {
	background: white;
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	margin-bottom: 20px;
	 }

/* Speziell für die Printversion sichtbar machen */
div.onlyprint{
	display: none;
	font-size: 10pt;
}

/* Links */
a{
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;
	background: transparent;
}

a:link    { }
a:visited {}
a:active  { }
a:hover  { 
	color: black;
	background: white; }
	
a.veranstaltung{
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 600;
	text-decoration: none;
	background: white;

}

a.veranstaltung:link    { }
a.veranstaltung:visited {}
a.veranstaltung:active  { }
a.veranstaltung:hover  { 
	color: black;
	background: white; }

	
a.bottom{	
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;
	color: #000066;
 	background-color: transparent; 	
	}	
	
a.bottom:link    { }
a.bottom:visited {}
a.bottom:active  { }
a.bottom:hover  {
	color: black;
 	background-color: transparent; 	}
	

a.sitemap{
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;	
	background: #F8E7AB;	
	}	
	
a.sitemap:link    { }
a.sitemap:visited {}
a.sitemap:active  { }
a.sitemap:hover  { 
	color: black;	
	background: #F8E7AB; }		
	
a.menu1{
	color: #6699FF;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	text-decoration: none;
	background: white;
	}	
	
a.menu1:link    { }
a.menu1:visited {}
a.menu1:active  { }
a.menu1:hover  { 
	color: black;	
	background: white; }
	


	
a.menu1_aktiv{
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	text-decoration: none;
	background: white;
	}	

a.menu1_aktiv:link    { }
a.menu1_aktiv:visited { }
a.menu1_aktiv:active  { }
a.menu1_aktiv:hover  {
	 color: #6699FF;	
	background: white; }	
	

a.menu2{
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;
	background: white;
	}	
	
a.menu2:link    {}
a.menu2:visited {	}
a.menu2:active  { }
a.menu2:hover  { 
	color: black;
	background: white;
	}
	
a.menuleft{
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;
	display: block;
	padding-left: 14px;
	background: #F8E7AB;	
}	

a.menuleft:link    {}
a.menuleft:visited {}
a.menuleft:active  {}
a.menuleft:hover  {
	color: black;	
	background: url('http://www.sstfr.de/clips/logo_small.gif') #F8E7AB;
	background-repeat: no-repeat;
	background-position: 0px 3px;	
	
	}

a.menuleftactiv{
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;
	background: url("http://www.sstfr.de/clips/logo_small.gif") #F8E7AB;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	display: block;
	padding-left: 14px;	
}
			
a.menuleftactiv:link    {}
a.menuleftactiv:visited {}
a.menuleftactiv:active  {}
a.menuleftactiv:hover  { color: black;	
	background: url("http://www.sstfr.de/clips/logo_small.gif") #F8E7AB;
	background-repeat: no-repeat;
	background-position: 0px 3px;	
	}



a.left_main{
	color: #6699FF;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: none;
	background:  #E4D397;
	display: block;
	padding-left: 14px;	
}
			
a.left_main:link    {}
a.left_main:visited {}
a.left_main:active  {}
a.left_main:hover  { 
	color: black;	
	background:  #E4D397;
	}


/* Überschriften */
h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #7F7F7F;
	background: white;
}
h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
}
h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* Überschrift Balken */
td.balken{
	border-top: 1px solid #B07607;border-bottom: 1px solid #B07607;background: #EDE1A4;color: black;
}


/* Normale Texte */
span.title {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;  }
span.newsdate {
	font-family: arial, helvetica, sans-serif;	
	font-size: 8pt; 
	color: #7F7F7F;
	background: white; }
/* Newsblock Startseite, Termine rechts */
span.newsblock {
	font-family: arial, helvetica, sans-serif;	
	font-size: 8pt; 
	color: black;
	background: white; }
span  {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;  }
span.normalred  {
	color: red;
	background: white;  }
span.normalgreen  {
	color: green;
	background: white;  }	

span.normal  {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;  }
span.normalbold  {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;  }
span.small  {
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;  }
span.smallbold  {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;  }
ul, ol  {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;  }
	
	
	
	
/* EDIT - IN - PLACE Ausgabe Klassen
 * EIP - Element - htmltext */
p.eip_htmltext{
	margin-top: 5px;
	margin-bottom: 5px;
}
 /* EIP - Element - imgcollection */
img.eip_imgcollection{
	border: 1px solid black;
	margin: 5px;
}
 /* EIP - Element - eip_imgcollectiontext */
img.eip_imgcollectiontext_img{
	border: 1px solid black;
}
p.eip_imgcollectiontext_text{
	margin: 0px;
}
 /* EIP - Element - eip_imgtext */
img.eip_imgtext_img{
	border: 1px solid black;
}
p.eip_imgtext_text{
	margin: 0px;
}
 /* EIP - Element - eip_img */
img.eip_img_img{
	border: 1px solid black;
}
 /* EIP - Element - intern_link_list */
ul.eip_intern_link_list{}
 /* EIP - Element - link_list */
ul.eip_link_list{}
 /* EIP - Element - Media - Datei */
a.eip_media:link   {}
a.eip_media:visited{}
a.eip_media:active  {}
a.eip_media:hover {}

 /* EIP - Element - Media - Datei - Liste */
ul.eip_media_list{}
a.eip_media_list:link   {}
a.eip_media_list:visited{}
a.eip_media_list:active  {}
a.eip_media_list:hover {}

 /* EIP - Element - MediaCollection */
a.eip_mediacollection:link   {}
a.eip_mediacollection:visited{}
a.eip_mediacollection:active  {}
a.eip_mediacollection:hover {}

 /* EIP - Element - Ordered List */
ol.eip_ordered_list{}

 /* EIP - Element - UnOrdered List */
ul.eip_unordered_list{}


 /* EIP - Schulstiftung - Element - Headline */
div.eip_stiftung_headline{
	border-top: 1px solid #B07607;border-bottom: 1px solid #B07607;background: #EDE1A4;
	font-family: arial, helvetica, sans-serif;font-size: 10pt;font-weight: 600;padding-top:3px;padding-bottom:3px;
	width: 100%;color: black;margin-bottom:15px;
}
h2.eip_stiftung_headline{
	margin-right: 5px;margin-left:5px;
}



/* EIP - 2-spaltige Tabelle */
table.table2cols{
 	border: 1px solid #BEBEBE;
 	border-collapse: collapse;
 	margin: 5px;
}
tr.table2cols{
  	
}
td.table2cols{
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	padding: 5px;
 	border: 1px solid #BEBEBE;
}
table.table2colswithout{
 	border: 0px solid #BEBEBE;
 	border-collapse: collapse;
 	margin: 5px;
}
tr.table2colswithout{
  	
}
td.table2colswithout{
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	padding: 5px;
 	border: 0px solid #BEBEBE;
}


 
/* EIP - 3-spaltige Tabelle */
table.table3cols{
 	border: 1px solid black;
 	border-collapse: collapse;
 	margin: 5px;
}
tr.table3cols{
  	
}
td.table3cols{
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	padding: 5px;
 	border: 1px solid black;
}
table.table3colswithout{
 	border: 0px solid black;
 	border-collapse: collapse;
 	margin: 5px;
}
tr.table3colswithout{
  	
}
td.table3colswithout{
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	padding: 5px;
 	border: 0px solid black;
}



   /* EIP - Tabellen */
  div.eiptables{overflow: auto;width: 400px;}
 table.tables{
 	border: 1px solid black;
 	border-collapse: collapse;
 	margin: 5px;
 }
  tr.tables{
  	
    }
 td.tables{
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	padding: 5px;
 	border: 1px solid black;
 	
 }
 
 table.tableswithout{
 	border: 0px solid black;
 	border-collapse: collapse;
 	margin: 5px;
 }
  tr.tableswithout{
  	
    }
 td.tableswithout{
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	padding: 5px;
 	border: 0px solid black;
 	
 }

	
/* Überschriften linke Seite z.B. Suche */
div.head{
	background: #E4D397;padding-top:5px;width:180px;position: relative;color: #6699FF;
	font-family: arial, helvetica, sans-serif;font-size: 12pt;font-weight: 600;padding-top:3px;padding-bottom:3px;
	margin-top:2px;margin-bottom:2px;
}	
/* Überschriften Zeile Inhalt Feld, z.B. für Newsblock */	
div.headline{
	width: 240px;border-top: 1px solid #B07607;border-bottom: 1px solid #B07607;background: #EDE1A4;
	font-family: arial, helvetica, sans-serif;font-size: 10pt;font-weight: 300;padding-top:3px;padding-bottom:3px;
	color: black;
}
/* Überschrift Rechte Seite z.B. News */
div.headline2{
	width: 190px;border-top: 1px solid #B07607;border-bottom: 1px solid #B07607;background: #EDE1A4;
	font-family: arial, helvetica, sans-serif;font-size: 10pt;font-weight: 600;padding-top:3px;padding-bottom:3px;
	margin-bottom: 5px;color: black;
}
/* Allgemeine Styles */
/* Haupt Div-Außen */
div.main{ 
	width: 950px;border: 1px dashed black;position: relative;margin-left: 10px;margin-top: 10px;
	background: url('http://www.sstfr.de/bg/left.gif') white; background-repeat: repeat-y;border-bottom: none;
	color: black;
}
/* Inhalt Box mit Rahmen */
div.inhalt{
	text-align:left;width:750px;position: relative;border-top: 1px solid #AAAAAA;border-left: 1px solid #AAAAAA;float: right;margin: 0px;background:white;color: black;
}
/* Rechte Spalte mit Terminen, Links */
div.rechts{
	width: 190px; float: right;margin:0px;
}
/* Hauptinhalt */
div.main_content{
	width: 550px; margin: 0px;border-right: 1px dashed black;
}
div.main_content_style{
	padding: 20px;text-align:justify;
}
/* Linke Spalte */
div.links{
	width: 180px; margin:0px;position: relative;
}
/* Newsblock */
div.news_right{
	width: 240px;float: right; margin-left: 10px;margin-bottom: 10px;border-left: 1px dashed black;left: 20px;position: relative;
}
div.news_left{
	width: 240px;float: left; margin-right: 10px;margin-bottom: 10px;border-right: 1px dashed black;left: -20px;position: relative;
}
div.news_pic{
	width: 100%; background: #CDCDCD;text-align: right;margin-top:10px;color: black;
}

div.punkteunten  {
  width: 400px;border-top: 1px dashed black;position: relative;margin-left: 10px;clear:both;
  }
  div.bildleiste  {
    width: 950px;height:170px;background: white;position: relative;color: black;
  }
  div.logoleiste  {
   text-align: right;padding: 10px;position: relative;
  }
  div.hauptinhalt  {
  text-align:left;width:950px;position: relative;margin: 0px;
  }
  
  div.broadcrumb  {
  	top: 0px;left: -1px; height:30px;width:750px;position: relative;border-top: 1px solid #AAAAAA;background: url('http://www.sstfr.de/bg/small.gif') white;background-repeat: repeat-y;clear: both;color: black;
  }
  div.broadcrumb_links  {
 	 position: relative;
  }
  div.broadcrumb_master  {
  	position: absolute;top: 0px;left: 560px;width:190px;text-align: justify;background: url('http://www.sstfr.de/bg/bottom.gif') white;background-repeat: no-repeat;background-position: bottom  right;color: black;
  }
  div.rootmenue  { padding: 10px;  }
  div.rootmenue_line  {  width: 530px;border-top: 1px dashed black;left: 10px; position: relative;  }

input.suchen{
	width: 160px;
	border: 1px solid #B07607;
	margin: 3px;	
} 
input.suchen:focus{
	border: 1px solid green;	
} 
input.suchensubmit{
	border: 1px solid #B07607;
	background: #EDE1A4;	
	margin: 3px;
}  
input.suchensubmit:hover{
	background: white;
}

/* EIP - Überschriften */
h1.eip_headline{
	border-top: 1px solid #B07607;
	border-bottom: 1px solid #B07607;
	background: #EDE1A4;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	padding-top:3px;
	padding-bottom:3px;
	padding-right: 5px;
	padding-left:5px;
	color: black;
	margin-bottom:15px;
}
h2.eip_headline{
	color: #B07607;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:15px;
}
h3.eip_headline{
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	text-decoration: underline;
}
h4.eip_headline{
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	text-decoration: underline;
}
h5.eip_headline{
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
}
h6.eip_headline{
	font-size: 10pt;
	font-weight: bold;
	color: #9999AA;
	background: #FFFFFF;
}

div.eip_video  {
	margin-top: 8px;
	margin-bottom: 8px;
}


div.googlemap{
	margin-top: 20px;
	margin-bottom: 20px;
	height: 400px;
	overflow:hidden;
}

div.googlemap_info{
	width: 200px;font-size: 10pt;
}




body.imgzoomer  {
	background: white;
	margin:0px;
	padding:0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
div.imgzoomer_closeline  {
	padding:4px;
	background:#CCCCEE;
	text-align:right;
	padding-right:10px;
	margin:0px;
}
a.imgzoomer_link:link    { color: #1E4D9E;
	background: transparent;
	font-size: 10pt; 
	text-decoration: none; }
a.imgzoomer_link:visited { color: #1E4D9E; 
	background: transparent;
	font-size: 10pt;
	text-decoration: none;  }
a.imgzoomer_link:active  { color: #1E4D9E;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;  }
a.imgzoomer_link:hover  { color: #1E4D9E;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;  }



	




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;margin-top:20px;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.schulstiftung-freiburg.de/clips/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.schulstiftung-freiburg.de/clips/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }