.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {  
  margin-bottom: 20px;
}


body {
  min-width:             800px;
  width:                 800px;
  background:            url(../pics/Hintergrund02.jpg);
  background-attachment: fixed;        /* Sonst läuft der Hintergrund beim Scrollen mit!! Default = "scroll"*/
  background-repeat:     repeat;       /* background-repeat:no-repeat; */
}

.container_12 {  
  margin-left:  10px;  
  margin-right: auto;  
  width:        800px;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:    18px;  /* War ursprünglich im "Body", hat aber nicht funktioniert! */
}

/* Die oberste Zeile (über dem Bild) */
#myTitle01, #myTitle02 {
  background:     #CCC;
  position:       fixed;
  left:           10px;
  z-index:        2;
  text-align:     center;
  /*letter-spacing: 5px; */
  vertical-align: middle;  /* Funktioniert leider nicht */
  top:            0px;     /*Nur Titel 1 (siehe unten)*/
  height:         40px;    /*Nur Titel 1 (siehe unten)*/
}

/* Bilderleiste unterhalb des Titels */
#myTitle02 {
  top:       40px;
  height:    70px;
}

/* Die Navigation zu den verschiedenen Seiten (unterhalb der Bilderleiste)*/
#myNavigation {
  background:     #CCC;
  position:       fixed;
  top:            110px;
  height:         35px;
  left:           10px;
  padding-top:    10px;
  z-index:        2;
  text-align:     center;
  vertical-align: middle;  /* Funktioniert leider nicht */
}

/* Platzhalter nach der Navigationszeile, damit beim Scrollen ein Abstand entsteht */
#myNaviDummy01{
  position:       fixed;
  left:           10px;
  height:         160px;
  border-style:   hidden;
  z-index:        1;
  background:     url(../pics/Hintergrund02.jpg);
}

/* Platzhalter weil die obersten 3 Reihen "fixed" sind! */
#myNaviDummy{
  height:         145px;
  border-style:   hidden;
}

/* Die Linke Navigationsleiste brauchen wir nicht mehr. Siehe "myNavigationLeft"
#myNavi2{
  border-right:   5px solid green;
  height:         float;
  position:       fixed;
  left:           10px;
  top:            175px;

  /*   opacity:1;
     filter:alpha(opacity=100);
}
 */

/* Die Linke Navigationsleiste */
#myNavigationLeft{
  position:       fixed;
  z-index:        0;
  border-right:   5px solid green;
  height:         400px;
  width:          135px;
  left:           -10px;
  top:            0px;
	padding-left:   20px;
	padding-top:    150px;
  text-align:     center;
  background:     url(../pics/Hintergrund02.jpg);

  /*   opacity:1;
     filter:alpha(opacity=100); */
}

/* Das grosse Fenster mit dem Haubtteil */
#Inhalt{
  margin-left:    160px;
  width:          630px;
/*  font-family:    Arial, Helvetica, sans-serif;
  font-size:      18px; */
}


/* Fussleiste mit Link zum Admin auf Seite index.html
   (Wird zur Zeit nicht gebraucht!)
#Footer01{
  background:     #CCC;
  position:       fixed;
  left:           10px;
  z-index:        2;
  text-align:     center;
  top:            650px;
  height:         25px;
}
*/


/* Tabelle auf Seite Info */
#TabInfo_01{
  vertical-align: top;
}


/* Brauchen wir vermutlich nicht mehr?!?!? */
#Test2 {
  /* method:     post;
  action:     mailto:rolf.heinz@sensemail.ch;
  enctype:    text/plain;
  name:       Zusatz-Formular; */
  background: #CCC;
}
 */

/*
#Test2.Table {
  colgroup><col width="150px;"><col width="600px"></colgroup>
}
*/

/*
#MeinMoto {
  border:  green;
  border-width:  5px;
  border-style:  solid;
  border-radius: 10px;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 50px;
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bolder;
  font-style: italic;
  text-align: center;
  box-shadow: 5px 5px 5px green;
  padding: 10px;
}
*/



ul {  
  text-indent:         12pt;
  list-style-position: outside;
  list-style-type:     disc;
  font-size:           1em;
  margin-left:         40px;
}

ul, li {
  background-color: transparent;
}

/*  Wird vermutlich nicht mehr gebraucht=?!?!
.mhHr1__ {
  background-color:#4E7C79;
  color:           #4E7C79;
  border:solid     0;
  height:          4px;
  width:           100%;
  text-align:      left;
  left:            -10px;
  margin-left:     0;
  margin-right:    0;
}
*/


.mhHr1 {
  background-color:#AEBB90;
  color:           #AEBB90;
  border:solid     0;
  height:          4px;
  width:           100%;
  text-align:      left;
  left:            -10px;
  margin-left:     0;
  margin-right:    0;
}

.mhHr2 {
  background-color:#AEBB90;
  color:           #AEBB90;
  border:solid     0;
  height:          4px;
  width:           100%;
  text-align:      left;
  left:            -10px;
  margin-left:     0;
  margin-right:    0;
}



/*
.kreis {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #AEBB90
}
*/

div #header {
  height: 80px;
}


/*
#header {  
  text-align: center;
  font-size:  47px;
  color:      #FF5F00;
}
*/

p {   
  font-size: 1em;  
  overflow: hidden;  
  text-indent: 0pt;
}

h1 {
  font-size: 2.0em;  
  overflow: hidden;
}

h2 { 
  font-size: 1.5em;  
  overflow: hidden;
}

h3 { 
  font-size: 1.3em;  
  overflow: hidden;
}

div #inhalt {  
  height: 250px;
}

/*
#inhalt {  
  font-size: 24px;
}
*/

div #pics {  
  height: 260px;
}

#autor {
  font-size: 100%;
}

.header {  
  font-family: Arial, Helvetica, sans-serif;  
  line-height: 46pt;
}



table {  
  border-collapse: collapse;
  border-spacing:  0px;
  font-size:       1em;
}

th, td, caption {  
  font-weight: normal;  
  vertical-align: top;  
  text-align: left;
}

a.spezLink1:link {  
  color: #FF5F00;
/*  font-family: Arial, Helvetica, sans-serif;  */
  text-decoration: none;
  font-weight: bold;
}

a.spezLink1:visited {  
  color: #FF5F00;  
  font-style: normal;
}

a.spezLink1:hover {  
  color: #AEBB90;  
  font-style: normal;
}

a.spezLink1:active {  
  color: red;  
  font-style: normal;
}

a.spezLink1:after {  
  color: #FF5F00;  
  font-style: normal;
}


a.spezLink2:link {  
  color: #AEBB90;  
  text-decoration: none;
  font-weight: bold;
}

a.spezLink2:visited {  
  color: #AEBB90;  
  font-style: normal;
}

a.spezLink2:hover {  
  color: #AEBB90;  
  font-style: normal;
}

a.spezLink2:active {  
  color: red;  
  font-style: normal;
}

a.spezLink2:after {  
  color: #AEBB90;  
  font-style: normal;
}

a.spezLink10:link {
  color: blue;
  text-decoration: none;
  font-weight: bold;
}

a.spezLink10:visited {
  color: blue;  
  font-style: normal;
}

a.spezLink10:hover {
  color: blue;  
  font-style: normal;
}

a.spezLink10:active {
  color: blue;  
  font-style: normal;
}

a.spezLink10:after {
  color: blue;
  font-style: normal;
}




/* Das wäre die Kurzvariante von oben (ausser geändertem font-weight)*/
a.spezLink11 {
  color: blue;
  text-decoration: none;
  font-style:      normal;
  font-weight:     normal;
}

a.spezLink11:hover {
  color: #FFF;
}


/* Das wäre die Kurzvariante von oben (aber nur für die aktuelle Seite), wird aber von Maren nicht gewünscht! */
a.spezLinkAktPage {
  color: green;
  text-decoration: none;
  font-style:      normal;
  font-weight:     bold;
}



a.spezLink20:link {  
  color: #AEBB90;  
  text-decoration: none;
  font-weight: bold;
}

a.spezLink20:visited {  
  color: #AEBB90;  
  font-style: normal;
}

a.spezLink20:hover {  
  color: #AEBB90;  
  font-style: normal;
}

a.spezLink20:active {  
  color: AEBB90;  
  font-style: normal;
}

a.spezLink20:after {  
  color: #AEBB90;  
  font-style: normal;
}

#footer {
  clear:      both ;
  margin-top: 1em;
  background: #efefef;
  text-align: center;
  padding:    10px;
}