.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! */
  
  /*
  position: absolute;
  [b]left: 50%;[/b]
    [b]margin-left:  -400px[/b];
  */
}

/* Die oberste Zeile (über dem Bild) */
#myTitle01,                /* Die oberste Zeile     */
#myTitle02 {               /* Bilderleiste darunter */
  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) */
  
  /*
  position: absolute;
  [b]left: 50%;[/b]
    [b]margin-left:  -400px[/b];
  */
}

/* 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 */
#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;
}


/* 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;
}

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

ul, li {
  background-color: transparent;
}

div #header {
  height: 80px;
}

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;
}

/*
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.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;
}

img {
  border: 0;;
}