body 
{
	margin: 0 0 0 0;
   padding: 0 0 0 0; 
	text-align: center;
   color: #000000; 
	font-family: Arial, sans-serif, serif;
   font-size: 12px;	
	background: #FFFFFF;
}

#container
{
	width: 647px; 										/*breite center Part, headerbild / footer danach ausrichten*/
	margin: 100px auto auto auto; 				/*abstand von oben*/
	padding: 0;
    position: relative; 
	text-align: left;
}
a			/*allgemeine LINKS formatierung*/
{
	text-decoration: none;
	color: #6699CC;
}
a:link 
{
	text-decoration: none;
	color: rgb(179,63,96);
}
a:hover /*hover für alle links ausser navigation*/
{
	text-decoration: none;
	color: black;
}
b		/*allgemeine LINKS formatierung*/
{
	text-decoration: none;
	color: #6699CC;
}

#pageHeader
{
	background: url(../pictures/layout/header.png) no-repeat;  /*pageheader2.jpg*/
	height: 150px;										/*höhe des Bildes*/ 
	width: auto;
	text-align: right;
	position: relative; 
/*	z-index: 10;*/
}
#pageHeader1
{
  background: url(../pictures/layout/right.png) no-repeat; /*ph-flower.gif*/
  height: 240px; 
  width: 240px; 
  position: relative;
  top: -45px; 
  right:-527px;
/*    right: -120px;*/
  margin: 0;
 }

#pageHeader h2 
{
	position: absolute;
  	top: 133px; 
	right: 110px;
	margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: #FFFFFF;										/*farbe der schrift*/
	text-align: right;
	font: bold 1.1em/1em "Arial Unicode MS", serif; /*schriftart*/
}

#main, #part1 
{
	padding-left: 137px;/*217px;	*/							/*textabstand von rechts breite*/
}
#main
{
	background: url(../pictures/layout/side6.gif) left repeat-y;
}
#part1
{
	background: url(../pictures/layout/side6.gif) left repeat-y;
}
 
#main,#part1
{
  border-left: 1px solid #0000FF; /*rgb(184,214,194)*/ /*linker Rahmen*/
  border-right: 1px solid #0000FF;							/*rechter Rahmen*/
  padding-top: 2px; 												/*Abstand oben*/
  padding-bottom: 4px;											/*Abstand unten*/
}	
#main, /*#part1*/
{
 	border-top: 1px solid #0000FF; /*rgb(184,214,194); */ /*Konturlinie welche Teilbereiche abgrenzt*/
}
#part1
{
	border-bottom: 1px solid #0000FF; 
}
#main p, #part1 p
{
	font-size: 100%;
	line-height: 1.66em;
   margin: 0 1.5em; 
	padding: 0.5em 0;
}


#main h3, #part1 h3  
{
	letter-spacing: 0.1em;
 	font:  bold, 1.3em Arial, Times, "Times New Roman", serif; /*italic*/
 	color: #6699CC;
   margin: 4px 0 0.5em 0.5em;
}

#solution
{
	font-size: 75%;
	text-align: center;
}
#footer 
{
	background: #FFFFFF url(../pictures/layout/footer4.png) 0 0px no-repeat;
  	margin: 0 -217	px 0 0px; 
	height: 92px;
	padding: 45px 0px;
	
}
html>body #footer {margin-left: 0;}
#footer a 
{
	text-align: center;	
	margin: 0 0 0 130px;
	color: #6699CC; 
	line-height: 1em;
   font-size: 1.25em; 
	font-weight: 100px;
}

/*navigation*/


.navleft a
{
  height: 20px;
  /* width von .left*/
  margin: 2px auto auto auto;
  color: black; 

  padding: 4px 12px 0px 20px;
  text-decoration: none;
  display: block;
}
#home
{
     background-repeat: no-repeat;
 	  background-image: url(../pictures/nav/navleft/home/navhome.gif);
	  width: 128px; 
	  height: 20px; 
}
#blau,
#blau_IGR,
#blau_abt1,
#blau_abt2,
#blau_abt3,
#blau_abt4,
#blau_abtallg,
#blau_1stufe,
#blau_2stufe,
#blau_3stufe,
#blau_dieleitung,
#blau_lokalitaeten,
#blau_materialstelle,
#blau_links,
#blau_uebungen1stufe,
#blau_uebungen2stufe,
#blau_uebungen3stufe,
#blau_bilderhochladen,
#blau_bildergallerie,
#blau_bildersuchen,
#blau_chronik,
#blau_gbuch

{
	  background-repeat: no-repeat;
 	  background-image: url(../pictures/nav/navleft/blau/navblau0.gif);
	  width: 128px; 
	  height: 20px; 
}
#rot, #kontakt
{
	  background-repeat: no-repeat;
 	  background-image: url(../pictures/nav/navleft/rot/navrot0.gif); /*rot/navrot0*/
	  width: 128px; 
	  height: 20px; 
}
#gelb
{		
     background-repeat: no-repeat;
 	  background-image: url(../pictures/nav/navleft/blau/navblau0.gif); /*GELB/navgelb0*/
	  width: 128px; 
	  height: 20px; 
}
#grau
{
	  background-repeat: no-repeat;
	  background-image: url(../pictures/nav/navleft/blau/navblau0.gif); /*grau/navgrau1*/
	  width: 128px; 
	  height: 20px; 
}
#schwarz
{
     background-repeat: no-repeat;
 	  background-image: url(../pictures/nav/navleft/schwarz/navschwarz0.gif);
	  width: 128px; 
	  height: 20px; 
}


.navleft a:hover /*hover für alle links IN der navigation*/
   {
     color: black;
	  font: bold;
}

a:hover /*hover für alle links ausser navigation*/
{
color: black;
}


body#section_home .left .navleft a#home , 				/*aktivierte MenuBox*/ 
body#section_abtallg .left .navleft a#blau_abtallg, 
body#section_IGR .left .navleft a#blau_IGR,
body#section_abt1 .left .navleft a#blau_abt1,
body#section_abt2 .left .navleft a#blau_abt2,
body#section_abt3 .left .navleft a#blau_abt3,
body#section_abt4 .left .navleft a#blau_abt4,
body#section_1stufe .left .navleft a#blau_1stufe,
body#section_2stufe .left .navleft a#blau_2stufe,
body#section_3stufe .left .navleft a#blau_3stufe,
body#section_dieleitung .left .navleft a#blau_dieleitung,
body#section_links .left .navleft a#blau_links,
body#section_lokalitaeten .left .navleft a#blau_lokalitaeten,
body#section_materialstelle .left .navleft a#blau_materialstelle,
body#section_chronik .left .navleft a#blau_chronik,
body#section_rot .left .navleft a#rot,
body#section_kontakt .left .navleft a#kontakt,
body#section_gbuch .left .navleft a#blau_gbuch
{
  background-repeat: no-repeat;
  background-image: url(../pictures/nav/navleft/gelb/navgelb0.gif);
}

#linkList
{
	position: absolute; 
	top: 0px; 
	left: 0px;
	padding: 10px; 
	margin-top: 153px;
	margin-left:-9px;
}

/*für die Chronik-Tabelle*/
td.jahr  						
{
color: #FFFFFF;					/*Farbe der Schrift*/
background-color: #6699CC;		/*HintergrundFarbe*/
font-size: 10px;					/*Grösse der Schrift*/
padding-left: 5px;				/*Abstand der Schrift von Links*/
padding-right: 4px;				/*Abstrand der Schrift von Rechts*/
}

td.chronikdatum
{
width: 140px;
color: #000000;					
background-color: #dcdcdc;/*#E8E8E8;	*/	/*Hintergrundfarbe Bild*/
font-family: Arial, sans-serif, serif;
font-size: 10px;
height: 15px;
padding: 4px;
}
td.chroniktext
{
width: 320px;
color: #000000;					
background-color: #dcdcdc;/*#E8E8E8;	*/	/*Hintergrundfarbe Bild*/
font-family: Arial, sans-serif, serif;
font-size: 10px;
height: 15px;
padding: 4px;
}

.balken
{
	width: 2px;
	height: 1200px;
}


/*Lokalitaeten Leiter*/
td.bildbeschreibung  /**benötigt bei der bildergallerie*/
{
color: #FFFFFF;					/*Farbe der Schrift*/
background-color: #6699CC;		/*HintergrundFarbe*/
font-size: 10px;					/*Grösse der Schrift*/
padding-left: 5px;				/*Abstand der Schrift von Links*/
padding-right: 4px;				/*Abstrand der Schrift von Rechts*/
}

td.bildbereich 
{
color: #000000;					
background-color: #dcdcdc;/*#E8E8E8;	*/	/*Hintergrundfarbe Bild*/
font-family: Arial, sans-serif, serif;
font-size: 10px;
height: 15px;
padding: 4px;
}

td.bildbereich a
{
color: #6699CC;					/*Link - Text Farbe*/ 
}

.altOptionValue	/*option Value im Bildbereich (Bildegallerie)*/
{
background-color: #dcdcdc;
font-family: Arial;
font-size: 10px;
color:  #6699CC;
} 

.myinput				/*Inputfelder*/
{
font-family: Arial;
font-size: 10px;
color: #0000FF;
border: 1px solid; 
}

.mybutton		/*eigener Button*/
{
font-family: Arial;
font-size: 10px;
background-color: #FFFFFF;
color: #6699CC;
border: 1px solid #0000FF; 
}

.lupenansicht
{
font-family: Arial, sans-serif, serif;
font-size: 10px;
color: #000000;
border: 1px solid #0000FF;
margin: 10px 0px 0px 0px;  


}

td.text 	/*für Textberechiche, z-B. Text bei Loginmaske in Bilder hochladen*/ 
{

color: #000000;					
font-family: Arial, sans-serif, serif;
font-size: 12px;
color: #000000;
margin: 10px 10px 10px 10px;  
}