/* CSS Document */
/*Festlegung der Eigenschaften html und body*/
html, body {
	width: 100%;
	height: 101%;
	margin: 0;
	padding: 0;
	background-color: #3A5FA6;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100.01%;
}

/*Seiteninhalt*/
#container

{
	width: 660px;
	position: relative;
	top: 70px;
	left: 100px;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
/*Formatierung des Textes*/
#textblatt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
}
/*Anzeige des halben Bildes*/
.foto-link
{
	width: 134px;
	height: 58px;
	display: block;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 100px;
}

.foto1
{
	background-image: url(bilder/home.png);
	background-repeat: no-repeat;
}

.foto2
{
	background-image: url(bilder/wiruns.png);
	background-repeat: no-repeat;
}

.foto3
{
	background-image: url(bilder/forderverein.png);
	background-repeat: no-repeat;
}
.foto4
{
	background-image: url(bilder/termine.png);
	background-repeat: no-repeat;
}

.foto5
{
	background-image: url(bilder/tipps.png);
	background-repeat: no-repeat;
}

.foto6
{
	background-image: url(bilder/projekte.png);
	background-repeat: no-repeat;
}

.foto7
{
	background-image: url(bilder/impressum.png);
	background-repeat: no-repeat;
}
.foto12 {
	background-image: url(bilder/presse.png);
	background-repeat: no-repeat;
}
/*Anzeige der anderen Hälfte des Bildes*/
.foto-link:hover
{
	background-position: 0 -58px;
}

/*Positionierung der Link-Bilder*/
#posfoto1 {
	position: relative;
}
#posfoto2 {
	position: relative;
}
#posfoto3 {
	position: relative;
}
#posfoto4 {
	position: relative;
}
#posfoto5 {
	position: relative;
}
#posfoto6 {
	position: relative;
}

/*Impressum-Link im Header*/
#posfoto7 {
	position: relative;
	background-image: url(bilder/impressumheader.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#posfoto12 {
	position: relative;
	left: 50px;
}
/*Position und Darstellung Header*/
#header {
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	width: 800px;
	background-image: url(bilder/logo_schule_welle.png);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	left: 0px;
	height: 220px;
}
/*Position und Darstellung Navigation*/
#navi
{
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	position: absolute;
	top: 225px;
	left: -95px;
	width: 200px;
}
/*Reaktion auf Anklicken der Fotolinks*/

.foto11stop {
	background-image: url(bilder/gaestebuchlstop.png);
	background-repeat: no-repeat;
}
.foto12stop {
	background-image: url(bilder/pressestop.png);
	background-repeat: no-repeat;
}

.foto7stop {

	background-image: url(bilder/impressumstop.png);
	background-repeat: no-repeat;
}
.foto6stop {


	background-image: url(bilder/projektestop.png);
	background-repeat: no-repeat;
}
.foto5stop {



	background-image: url(bilder/tippsstop.png);
	background-repeat: no-repeat;
}
.foto4stop {



	background-image: url(bilder/terminestop.png);
	background-repeat: no-repeat;
}
.foto3stop {
	background-image: url(bilder/fordervereinstop.png);
	background-repeat: no-repeat;
}
.foto2stop {

	background-image: url(bilder/wirunsstop.png);
	background-repeat: no-repeat;
}
.foto1stop {

	background-image: url(bilder/homestop.png);
	background-repeat: no-repeat;
}


/*Untermenue Wir über uns*/
#posfoto2a {
	position: relative;
	left: 50px;
}
.foto-linkklein {

	width: 100px;
	height: 29px;
	display: block;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 100px;
}
.foto-linkklein:hover {

	background-position: 0 -29px;
}
.foto2a {

	background-image: url(bilder/allgemein.png);
	background-repeat: no-repeat;
}

/*--Formatierung der Albumbox--*/
#album {
	width:500px;
	height:370px;
	margin: 20px auto;
	background-color: #ffffff;
	background-image: url(bilder/galeriebilder/eingangfront.jpg);
	background-repeat: no-repeat;
	background-position: 20 20px;
	border: 1px solid #ffffff;
	left: 300px;
}

/*--Formatierung der Linkleiste--*/
.gallery {
	padding:0;
	margin:320px 0 0 0;
	list-style-type:none;
	position:relative;
	width:320px;
}

/*--Horizontale Anordnung der Listeneinträge--*/
.gallery li {
float:left;
}
/*--Formatierung der Link-Buttons--*/
.gallery li a, .gallery li a:visited {
font-size:11px;
display: block;
text-decoration:none;
color:#000;
background:#3A5FA6;
text-align:center;
width:26px;
height:26px;
line-height:24px;
margin:2px;
}

/*--Hover-Formatierung der Link-Buttons--*/
.gallery li a:hover {
	background-color: #ddd;
}
/*--active und focus-Formatierung der Link-Buttons--*/
.gallery li a:active, .gallery li a:focus {
background:#444;
color:#fff;
}

/*-- Blendet die Bilder aus--*/
.gallery li a img {
visibility:hidden;
border:0;
}

/*--Positionierung der Querformat-Bilder--*/
.gallery li a img.quer {
	position: absolute;
	top:-320px;
	left: 0px;
	z-index: 5;
	background-color: #ffffff;
}

/*--Positionierung der Hochformat-Bilder*/
.gallery li a img.hoch {
	position: absolute;
	top: -320px;
	left: 10px;
	border-right-width: 80px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	z-index: 5;
	border-left-width: 40px;
	background-color: #ffffff;
}

/*--Einblenden der Bilder im active/focus-Zustand--*/
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
.foto2b {


	background-image: url(bilder/leitbild.png);
	background-repeat: no-repeat;
}
.foto2c {



	background-image: url(bilder/aufzie.png);
	background-repeat: no-repeat;
}
.foto2astop {


	background-image: url(bilder/allgemeinstop.png);
	background-repeat: no-repeat;
}
.foto2bstop {



	background-image: url(bilder/leitbildstop.png);
	background-repeat: no-repeat;
}
.foto2cstop {




	background-image: url(bilder/aufziestop.png);
	background-repeat: no-repeat;
}
#containerstart {
	width: 600px;
	position: relative;
	left: 100px;
	background-color: #ffffff;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 390px;
	top: 70px;
}
.nachoben {

	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	position: relative;
	left: 500px;
}
.textblau {
	color: #3A5FA6;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.cellabstand {
	padding-left: 1em;
}
h3 {
	padding-left: 1em;
}
.foto4a {




	background-image: url(bilder/geforpro.png);
	background-repeat: no-repeat;
}
.foto4astop {




	background-image: url(bilder/geforprostop.png);
	background-repeat: no-repeat;
}
.textrot {

	color: #FF0000;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.foto2d {




	background-image: url(bilder/kollegium.png);
	background-repeat: no-repeat;
}
.foto2dstop {





	background-image: url(bilder/kollegiumstop.png);
	background-repeat: no-repeat;
}
.foto2e {




	background-image: url(bilder/schulleben.png);
	background-repeat: no-repeat;
}
.foto2estop {


	background-image: url(bilder/schullebenstop.png);
	background-repeat: no-repeat;
}
.foto8 {

	background-image: url(bilder/schnipsel.png);
	background-repeat: no-repeat;
}
.foto8stop {


	background-image: url(bilder/schnipselstop.png);
	background-repeat: no-repeat;
}
.textklein {
	font-size: 12px;
}
.zuruck {


	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	position: relative;
	left: 100px;
}
.text {
	font-size: 14px;
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
}
ul {
	font-size: 14px;
}
table {
	text-align: justify;
}
.foto6a {

	background-image: url(bilder/koop.png);
	background-repeat: no-repeat;
}
.foto6b {

	background-image: url(bilder/schulhof.png);
	background-repeat: no-repeat;
}
.foto6astop {

	background-image: url(bilder/koopstop.png);
	background-repeat: no-repeat;
}
.foto6bstop {

	background-image: url(bilder/schulhofstop.png);
	background-repeat: no-repeat;
}
.textkleinadobe {
	font-size: 10px;
	padding: 10px;
}
#footer {
	width: 800px;
	position: relative;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 3;
}
.foto9b {
	background-image: url(bilder/zeigmal.png);
	background-repeat: no-repeat;
}
.foto9bstop {

	background-image: url(bilder/zeigmalstop.png);
	background-repeat: no-repeat;
}
.textfett {
	font-size: 14px;
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}
.textunterstr {
	font-size: 14px;
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: underline;
}
#posfoto10 {

	position: relative;
}

#posfoto11 {


	position: relative;
}
.foto11 {

	background-image: url(bilder/gaestebuch.png);
	background-repeat: no-repeat;
}
#partnerheader {
	position: relative;
	background-repeat: no-repeat;
	left: 500px;
	top: 10px;
	z-index: 5;
	width: 200px;
	height: 91px;
}
#impressumheader {

	position: relative;
	background-repeat: no-repeat;
	left: 730px;
	width: 65px;
	height: 70px;
	z-index: 5;
	top: 30px;
}