/*Internetpräsenz der Evangelischen Schulstiftung in Mecklenburg-Vorpommern und Nordelbien: Stylesheet für Bildschirm und Projektion*/

/*Schriftgröße: font-size=70%, also 1em (equal M) Fließtext =11,2px bei Browserstandardeinstellung (Schrift Medium)*/

/*Farben: Hintergrund, blauer Text #0093dd; Home #135a90; Überschrift #6e6e6e; Text #3e3e3e; Landkarte Schulstiftung #c9e0f2*/


/* Einträge des alten Stylesheets text_link_style für die Links der Menüleiste */
		a:visited	{color: white; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;}  
		a:link		{color: white; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;} 
		a:active	{color: white; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;} 
		a:hover		{color: white; text-decoration: underline; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;} 
		a:focus		{color: white; text-decoration: underline; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;}

		/*Zentrieren des Tabellenlayouts, so dass der Doctype xhtml funktioniert*/
		html, body {
		width:100%;
		height:100%;
		}
		table.aussen {
		background-color: #0093dd;
		border: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
		}
		table.innen {
		border: 0;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		}
		#huelle {
		position: relative;
		width: 900; 
		height: 606;
		}
/*Allgemeine Designvorgaben*/		
body {
font-family: Arial, Helvetica, Geneva, sans-serif;
}
ul, li {
list-style-type: none;
margin: 0;
padding: 0;
color: #3e3e3e;
}
a img {
border: 0;
}
/*Kopfbereich*/
#kopfbereich {
position: absolute;
top: 9px;
left: 86px;
z-index: 5;
}
/*Landkarte*/
#landkarte {
position: relative;
background-color: #fff;
background: #0093dd url(bilder/revision/schulkarte_mvn.gif);
height: 377px;
font-size: 70%;
z-index: 4;
}
#logo_print {
position: absolute; /*...damit das Logo für den Ausdruck aus dem Fluss der Elemente genommen ist*/
z-index: 3; /*...damit das Logo für den Ausdruck auf dem Bildschirm nicht zu sehen ist (unter der Landkarte liegt*/
} 
/*Logo, Fisch und Schulbild auf der Landkarte*/
img.logo {
position: absolute;
top: 6px;
right: 6px;
z-index: 33; /*...damit das Logo über dem Bildstreifen mit dem Schulnamen - z=32 - liegt*/
}
img.schulbild {
position: absolute;
top: 160px;
left: -110px;
}
/*Schuladressen auf der Landkarte*/
#schuladresse {
position: absolute;
top: 28px;
left: 200px;
height: 65px;
width: 500px;
padding-left: 50px;
background: url(bilder/jonafisch_klein.gif) left bottom no-repeat;
z-index: 32; /*...damit der Bildstreifen mit dem Schulnamen unter dem Logo liegt*/
font-size: 70%;
}
#schuladressestart{
position: absolute;
top: 28px;
left: 200px;
height: 65px;
width: 500px;
padding-left: 50px;
background: url(bilder/jonafisch_klein.gif) 312px bottom no-repeat;
z-index: 32; /*...damit der Bildstreifen mit dem Schulnamen unter dem Logo - z=33 - liegt*/
}
#schuladresse h1 {
position: absolute;
margin: 0;
padding: 0;
top: -1.3em;
font-size: 1.3em;
font-style: oblique;
color: white;
}
#schuladresse p {
position: absolute;
margin: 12px 0 0 0;
padding: 0;
left: 154px;
font-size: 125%;
line-height: 125%;
color: white;
}
#schuladresse p a:link, #schuladresse p a:visited {
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
color: white;
background: none;
padding: 0;
}
#schuladresse p a:hover, #schuladresse p a:focus, #schuladresse p a:focus {
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
color: white;
text-decoration: underline;
background: none;
padding: 0;
}
h1#ueberschrift_print {
display: none; /* ...damit die Schulliste der Print- und Textversionen eine Überschrift hat. */
} 
/* Links auf der Landkarte */
#landkarte a:visited, #landkarte a {
color: #6e6e6e;
padding: 4px 0 4px 17px;
background: url(bilder/revision/listenicon.gif) left center no-repeat;
text-decoration: none; 
font-weight: bold;
}  
#landkarte a:hover, #landkarte a:focus, #landkarte a:active {
color: #6e6e6e;
padding: 4px 0 4px 17px;
background: url(bilder/revision/listenicon_rot.gif) left center no-repeat;
text-decoration: none; 
font-weight: bold;
}
/* Links Anklam; Walkendorf extra von rechts nach links*/
#landkarte li#anklam a:visited, #landkarte li#anklam a:link, #landkarte li#walkendorf a:visited, #landkarte li#walkendorf a:link {
color: #6e6e6e;
padding: 4px 17px 4px 0;
background: url(bilder/revision/listenicon.gif) right center no-repeat;
}  
#landkarte li#anklam a:hover, #landkarte li#anklam a:focus, #landkarte li#anklam a:active, #landkarte li#walkendorf a:hover, #landkarte li#walkendorf a:focus, #landkarte li#walkendorf a:active {
color: #6e6e6e;
padding: 4px 17px 4px 0;
background: url(bilder/revision/listenicon_rot.gif) right center no-repeat;
}
/* Definition des Hier-Linkes */
#landkarte a.hier {
background: url(bilder/revision/listenicon_rot.gif) left center no-repeat;
}
/* Definition des Hier-Linkes Anklam; Walkendorf */
#landkarte li#anklam a.hier, #landkarte li#walkendorf a.hier {
background: url(bilder/revision/listenicon_rot.gif) right center no-repeat;
}
/* Definition des Home-Linkes */
a#home:visited, a#home:link, a#home:hover, a#home:focus, a#home:active {
color: #135a90;
padding: 0 0 0 0;
background: none;
font-size: 14px;
font-style: oblique;
font-weight: bold;
text-decoration: none;
}
/* Schwerin-Link */
#landkarte li#schwerin a:visited, #landkarte li#schwerin a:link {
background: url(bilder/revision/schulstiftungsicon.gif) left center no-repeat;
padding: 4px 0 4px 22px; /* wegen größerem Icon */
}  
#landkarte li#schwerin a:hover, #landkarte li#schwerin a:focus, #landkarte li#schwerin a:active {
padding: 4px 0 4px 22px; /* wegen größerem Icon */
background: url(bilder/revision/schulstiftungsicon_rot.gif) left center no-repeat;
}
/*Positionierung der Orte*/
li#anklam {
position: absolute;
top: 234px;
right: 139px;
z-index: 2;
}
li#baddoberan {
position: absolute;
top: 188px;
left: 489px;
}
li#barth {
position: absolute;
top: 137px;
left: 602px;
z-index: 5;
}
li#benz {
position: absolute;
top: 213px;
left: 789px;
}
li#demmin_grundschule {
position: absolute;
top: 208px;
left: 643px;
z-index: 3;
}
li#demmin_regschule {
position: absolute;
top: 220px;
left: 637px;
z-index: 1;
}
/* Landkarteneintrag der Regschule weiß stellen 
#landkarte li#demmin_regschule a:visited, #landkarte li#demmin_regschule a:link, #landkarte li#demmin_regschule a:hover, #landkarte li#demmin_regschule a:focus, #landkarte li#demmin_regschule a:active {
color: #fff;
}*/
li#hagenow {
position: absolute;
top: 322px;
left: 401px;
z-index: 7;
}
li#moellenhagen {
position: absolute;
top: 290px;
left: 647px;
}
li#neubrandenburg {
position: absolute;
top: 278px;
left: 690px;
}
li#neustrelitz {
position: absolute;
top: 334px;
left: 651px;
}
li#parchim {
position: absolute;
top: 319px;
left: 476px;
z-index: 6;
}
li#pasewalk {
position: absolute;
top: 300px;
left: 782px;
}
li#ribnitzdamgarten {
position: absolute;
top: 162px;
left: 560px;
}
li#spornitz {
position: absolute;
top: 335px;
left: 459px;
}
li#stralsund {
position: absolute;
top: 135px;
left: 652px;
z-index: 4;
}
li#walkendorf {
position: absolute;
top: 215px;
right: 296px;
}
li#waren {
position: absolute;
top: 301px;
left: 607px;
}
li#wismar {
position: absolute;
top: 232px;
left: 429px;
}
li#schwerin {
padding: 4px 0 4px 0;
position: absolute;
top: 289px;
left: 426px;
}
/*Stellenbörse*/
#stellen {
position: relative;
background-color: #fff;
background: #0093dd url(bilder/klasse_personal.gif);
height: 377px;
z-index: 4;
}
div#scrollcontainer_stellen {
position: absolute;
top: 100px;
left: 210px;
width: 590px;
height: 178px; 
overflow: auto; 
overflow-x: hidden; 
overflow-y: scroll;
z-index: 34;/*Scrollcontainer über dem Logo, damit das Scrollen nicht beeinträchtigt wird*/
}
div#scrollcontainer_stellen h1 {
margin: 0;
}
div#scrollcontainer_stellen p {
margin: 0 7px 12px 0;
}
/* Menüleiste */
#navigation {
position: relative;
background: url(bilder/schulkarte_unten.gif) no-repeat;
height: 39px;
z-index: 9;
}
#navigation ul, #navigation li {
display: inline;
}
#navigation li.schulen {
z-index: 14;
}
#navigation li.schulstiftung {
position: absolute;
left: 210px;
z-index: 13;
}
#navigation li.stellenboerse {
position: absolute;
left: 420px;
z-index: 12;
}
#navigation li.kontakt {
position: absolute;
left: 654px;
z-index: 11;
}
#navigation li.bildstrecke {
position: absolute;
left: 860px;
top: 6px;
z-index: 10;
}
#navigation li.info {
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
}
#navigation img {
vertical-align: middle;
}
#navigation a.hier {
color: red;
}
/*Inhalt Schulseiten*/
div#inhalt {
width: 900px;
height: 190px;
background-color: #fff;
}
h1 {
padding-top: 10px;
margin: 0 0 7px 210px;
font-size: 100%;
font-weight: bold;
color: #6e6e6e;
}
strong {
font-size: 100%;
font-weight:bold;
color: #0093dd;
}
strong#bemerkung {
position: absolute;
left: -110px;
}
h2 {
margin: 0 0 0 210px;
font-size: 100%;
font-weight: bold;
color: #0093dd;
}
div#scrollcontainer_top {
margin: 0 0 7px 210px;
width: 690px;
height: 124px; 
overflow: auto; 
overflow-x: hidden; 
overflow-y: scroll;
}
div#scrollcontainer {
margin: 0 0 7px 45px;
width: 855px;
height: 124px; 
overflow: auto; 
overflow-x: hidden; 
overflow-y: scroll;
}
p {
margin: 0 7px 7px 0;
color:  #3e3e3e;
}
dl {
float: left;
font-size: 100%;
width: 840px;
margin: 0;
padding: 0;
}
dl dt {
float: left;
clear: both;
width: 165px;
margin: 0 0 7px 0;
padding: 0;
font-weight: bold;
color: #6e6e6e;
}
dl dd {
float: left;
width: 675px;
margin: 0 0 7px 0;
padding: 0;
font-weight: normal;
color: #3e3e3e;
}
.stellenangebot {
color: #0093DD; 
font-weight: bold;
}
a:link.blaulink, a:hover.blaulink, a:focus.blaulink, a:active.blaulink, a:visited.blaulink  {
color: #0093DD; 
}
a:link.textlink, a:hover.textlink, a:focus.textlink, a:active.textlink, a:visited.textlink {
color: #0093DD;
font-weight: normal;
}
div#inhaltdrei {
padding: 0;
width: 900px;
height: 190px;
}
.drei {
display: none;
}
/*Infoseite*/
#pinnwand {
position: relative;
background-color: #fff;
background: url(bilder/fussballjunge.jpg) #0093dd;
height: 377px;
z-index: 4; /*...damit das Logo für den Ausdruck - z=3 - auf dem Bildschirm nicht zu sehen ist (unter dem Fußballjungen o. ä. liegt)*/
}
#anzeige_schulgesetz {
position: absolute;
top: 80px;
left: 240px;
padding: 5px 5px 0 15px;
background-color: #0093dd;
width: 180px;
}
#einweihung_hagenow {
position: absolute;
top: 40px;
right: 0;
padding: 5px 0px 7px 9px;
color: #0093DD;
background: white url(bilder/hagenow_einweihung_icon.jpg) right no-repeat;
height: 230px;
width: 300px;
}
#neuer_vorstand {
position: absolute;
top: 60px;
left: 30px;
padding: 5px 5px 7px 7px;
background-color: #d0eba5;
width: 190px;
line-height: 130%;
}
/*Hagenowseite*/
#hagenow_einweihung {
position: relative;
background-color: #fff;
background: url(bilder/hagenow_einweihung.jpg) #0093dd;
height: 377px;
z-index: 4; /*...damit das Logo für den Ausdruck - z=3 - auf dem Bildschirm nicht zu sehen ist (unter dem Fußballjungen o. ä. liegt)*/
}
/*Kontaktseite*/
#kontakt {
position: relative;
background: url(bilder/martin_buber.jpg) right no-repeat #0093dd;
height: 377px;
z-index: 4; /*...damit das Logo für den Ausdruck - z=3 - auf dem Bildschirm nicht zu sehen ist (unter dem Fußballjungen o. ä. liegt)und */
}
#zitat_buber {
position: absolute;
top: 90px;
left: 0px;
padding: 5px 5px 0 15px;
width: 450px;
}
blockquote {
margin: 0;
padding: 0;
}
#zitat_buber blockquote p, #zitat_buber blockquote cite {
color: white;
}
/*Index*/
#index {
position: relative;
background: #0093dd url(bilder/startbild_3_index.jpg) bottom no-repeat;
font: 2em bold;
color: white;
height: 377px;
z-index: 4; /*...damit das Logo für den Ausdruck - z=3 - auf dem Bildschirm nicht zu sehen ist (unter dem Fußballjungen o. ä. liegt) */
}
#inhalt_start {
height: 190px;
}
/*Schulstiftung*/
#windrose {
position: relative;
background: #c9e0f2 url(bilder/schulkarte_windrose.gif) bottom no-repeat;
color: #6e6e6e;
height: 377px;
z-index: 4; /*...damit das Logo für den Ausdruck - z=3 - auf dem Bildschirm nicht zu sehen ist (unter dem Fußballjungen o. ä. liegt) */
}
#windrose ul li a.hier {
color: red;
}
div#inhalt img {
float: left;
}
/* Linkfarbe auf der Windrose */
#windrose a:visited, #windrose a:link, #windrose a:hover, #windrose a:focus, #windrose a:active {
color: #6e6e6e;
}  
/* Positionierung der Menüpunkte */
#windrose li {
position: absolute;
}
li#gute {
top: 7px;
left: 301px;
}
li#fachkraft {
top: 89px;
left: 386px;
}
li#partnerschaft {
top: 170px;
left: 466px;
}
li#lebensnah {
top: 255px;
left: 386px;
}
li#reform {
top: 340px;
left: 301px;
}
li#vertrauen {
top: 340px;
right: 625px;
}
li#oeffentlich {
top: 255px;
right: 704px;
}
li#struktur {
top: 170px;
right: 788px;
}
li#finanz {
top: 89px;
right: 704px;
}
li#schulneu {
top: 7px;
right: 625px;
}