/* basic elements */
body 
{
 font-family:Verdana;
 font-size:12px;
 background-color:#32cd32;
 text-align:center;
 margin:0px;
}
h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}
h4 {font-size:12px;color:#FFFFFF;text-align:justify;}

code {font-size:14px;color:#88ffff;}
pre
{
 font-size:14px;
 color:#0000ff;
 padding:5px;
}

#page{
width:760px;
margin:0px auto;
text-align:left;
background-color:#008000;
border:6px double #228b22;
padding:20px;
}/*Hier ist der mittlere Teil der ganzen Seite*/
#title {
height:34px;
padding:5px;
background-color:#228b22;
border-bottom:0px solid #000;
}/*Hier der Titelteil */
#left {
background-color:#228b22;
width:128px;
float:left;
}
.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#ff7f50; /* Coral */
width:115px;
margin:3px;
}
#content {
/*border:10px solid #ffFFFF; OrangeRed */
background-color:#008000;
width:800px;
float:center;
padding:0px 10px;
}/*Inhalt der mittleren Spalte */
#bilder{
text-align:center;
}


/* Navigation horizontal*/
#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 780px;
border-bottom: 1px solid #ddd;
}

#navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #eee;
}

#navlist li a:hover,#navlist a#current
{
color: #333;
border-top: none;
font-size: 1em;
}

#navlist a#current { color: #fc6; }
/* Navigationsblock bitte zusammenhalten!*/
#scrollgalerie {
     background: #008000;                 /* Hintergrundfarbe falls gewünscht */
     border: 0px double #00ff00;   /* Wert, Stil: dotted | dashed | solid | inset | outset | groove und Farbe */
      }
#gross {
     background: #32cd32;          /*  32cd32 Hintergrundfarbe des großen Bildfeldes */
      width: 100%;                /* Breite des breitesten Bildes + 20px */
      height: 310px;               /* Höhe des höchsten Bildes + 10px */
 }

#gross img {                       /* Formate des großen Bildes */
       					/* erzwungene Höhe - weglassen wenn alle gleich groß */
     border: 4px ridge #efefef;    /* Rahmen um das Bild */
	width:100px
    /* padding: 4px;                  Abstand zwischen Bild und Rahmen */
     background: ##32cd32;          /* Hintergrund zwischen Bild und Rahmen */
}

#scrollfenster {
     overflow:auto;
     width: 760px;                 /* Breite des größten Bildes*/
     height: 130px;                 /* Höhe  -der Vorschaubilder + 23px */
     padding: 0px;                 /* Abstand der Bilder zum Rand */
     white-space: nowrap;
}

#scrollfenster img {               /* Formate der Vorschaubilder */
     height: 100px;                 /* erzwungene Höhe - weglassen wenn alle gleich groß */
     border: 2px outset  #efefef;  /* Rahmen um das Vorschaubild */
}


#bildtitel1 {                         /* Textzeilenformat */
     font-family: Arial, sans-serif;  /* Schriftart */
     font-size: 120%;                  /* Schriftgröße */
     color: #c0c0c0;                  /* Schriftfarbe */
     text-align: center;              /* Textausrichtung */
}
#bildtitel2 {                         /* Textzeilenformat */
     font-family: Arial, sans-serif;  /* Schriftart */
     font-size: 100%;                  /* Schriftgröße */
     color: #ffffff;                  /* Schriftfarbe */
     text-align: justify;              /* Textausrichtung */
     height:50px;
}
//--></style>