{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
ol {
   margin-top: 1px;
   margin-bottom: 1px;
} 

{ }
{ }
{ }
{ }
{ }
a.editor_button {
   color: dk-blue;
   background-color: #69F98E;
   text-align: center;
   display: inline;
   width: 100px;
   border-width: 2px;
   border-color: black;
   border-style: solid;
   padding: 2px;
   text-decoration: none;
   font-size: 80%;
}

a.editor_button:hover {
   color: red;
   background-color: #C0C0FF;
}

{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
{ }
form, p { margin: 0; }

/* Globale Einstellungen ******************************************** */
body { 
     background-color: #FFFFCF; 
     background-attachment: fixed;
     color: black; 
     font-family: sans-serif, arial; 
     margin: 1px; 
     padding: 3px;
     font-size: 100%;
     background-image: url(bg.gif);
}

ul, ol { margin-top: 1px; margin-bottom: 1px; }

#main {
    font-weight: bold;
    font-size: 80%;
}
#main_txt {
    font-size: 80%;
}

#main_area { /* TD Main Bereich */
   padding-left: 16px;
}
#left_area { /* TD Navbar linke Seite*/
}

#top_area { /* TD Navbar oben */
   background-repeat: repeat-x;
}

#logo_area { /* TD links oben Logo */
   background-repeat: no-repeat;
   text-align: center;
}

#blfont {font-family: Courier New; }

TD.bl_txt {font-family: Courier New; font-size: 80%; }

/* Überschriften ********************************************************* */
#ueberschrift {
    font-weight: bold;
    font-size: 150%;
}
#untertitel {
    font-weight: bold;
    font-size: 90%;  /* 100% */
}
#bildunterschrift {
    font-size: 70%;
}
#galerietext {
    font-weight: bold;
    font-size: 80%;
    text-align: center;
}

h1 {margin-top: 20px; }
h2 {font-size: 110%; 
    margin-bottom: 0px;}

/* Formulare */
textarea, input { background-color:#FDFDED; }
 
/* EDITOR-Buttons ****************************************************** */
a.editor_button {
    color: dk-blue;
    background-color: #69F98E;
    text-align: center;
    display: inline;
    width: 100px;
    border-width: 2px;
    border-color: black;
    border-style: solid;
    padding: 2px;
    text-decoration: none;
    font-size: 80%;
}
a.editor_button:hover {
    color: black;
    background-color: red;
}

a.editor_button:active {
    color: black;
}


/* ---------------------------------- */
/* Horizontale Main-Buttons  O B E N  */
/* ---------------------------------- */
a.main_button {
    color: black;
    background-color: #F2F4B9;
    text-align: center;
    /* display: block; */
    /* float: left; */

    width: 100px;
    -width: 100px;
    \width: 100px;
    w\idth: 100px;

    padding: 2px;
    text-decoration: none;
    font-weight: bold;
    font-size: 80%;

    border-width: 2px;
    border-color: black;
    border-style: solid;


   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}

a.main_button:hover {
    color: black;
    background-color: silver;

    border-left:1px solid #848484;
    border-top:1px solid #848484;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff; /* neu */

 }

#main_button_aktiv {
    color: #F2F4B9;
    background-color: gray;
    text-align: center;
    display: inline;
    width: 100px;
    padding: 2px;
    text-decoration: none;
    font-weight: bold;
    font-size: 80%;

    border-width: 2px;
    border-color: black;
    border-style: solid;

   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}

a.main_button:active {             /* Rainer */
    color: black;
    background-color: silver;
}

/* ------------------------------- */
/* Vertikale Sub-Buttons LINKS (1) */
/* ------------------------------- */
a.sub_button_1 {
    color: black;
    /* background-color: keine */
    text-align: left;
    display: block; 
    width: 100%;
    border-width: 1px;
    border-color: black; 
    border-style: solid;
    padding: 2px;
    text-decoration: none;
    font-size: 80%;
    margin-top: 4px;

   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}
a.sub_button_1:hover {
    color: black;
    background-color: silver;

    border-left:1px solid #848484;
    border-top:1px solid #848484;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff; /* neu */
}

#sub_button_1_aktiv {
    color: white;
    background-color: gray;
    text-align: left;
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding: 2px;
    text-decoration: none;
    font-size: 80%;
    margin-top: 4px;

   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}

/* ---------------------------------------- */
/* Links, mit Untermenues, die Ueberschrift */
/* ---------------------------------------- */
#sub_button_1_aktiv_first {
    color: #F2F4B9;
    background-color: gray;
    text-align: left;
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding: 2px;
    text-decoration: none;
    font-size: 80%;
    margin-top: 4px;

   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}

/* ------------------------- */
/* Vertikale Sub-Buttons (2) */
/* mit noch was drunter      */
/* ------------------------- */

#sub_button_2_aktiv {
    color: black;
    background-color: silver;
    text-align: left;
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding: 2px;
    text-decoration: none;
    font-size: 80%;

   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}

a.sub_button_2 {
    color: black;
    /* background-color: keine;  */
    text-align: left;
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding: 2px;
    text-decoration: none;
    font-size: 80%;

   /* Button 3D-Effekt */
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    /* ---------------- */
}

a.sub_button_2:hover {
    color: black;
    background-color: silver;

    border-left:1px solid #848484;
    border-top:1px solid #848484;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff; /* neu */
}

/* Absatzdefinitionen ********************************************* */
#absatz_01 {                   /* Beginn des 1. Submenüs */
    margin-top: 20px;
}

/* Infobox ********************************************************* */
#info {
    font-size: 70%;
    margin: 0;
    padding: 1px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    border: 2px dashed #4A5A9C; 
    background-color: #FDFDED;
    margin-top: 30px;
}
#info strong {
    font-size: 120%;
    margin: 0.1em; }

#info p {
    margin: 0.1em; }

a.info:hover { /* fuer die Hyperlinks der Infobox */
}

/* ----------------- */
/* Neue Definitionen */
/* ----------------- */
a:link { text-decoration:none;
         color:#0000C0; }

a:visited { text-decoration:none;
         color:#0000C0; }

a:hover { color:black;
          background-color: silver;
          text-decoration:none; }

/* Rand um die verlinkten Bilder */
a img { border:none; 
        /* border-style: dotted; */
}

/* ------------------- */
/* Druckformatforlagen */
/* ------------------- */
@page { size:portrait;
        margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm; }

/* Scrollleiste etwas anpassen */
body {
      scrollbar-arrow-color:#silver;
      scrollbar-highlight-color:#FFFF89;
      scrollbar-track-color:#FFFFCF; 
      scrollbar-base-color:#FFFF89}

/* FIrefox - Kompatibiliaet */
form, p { margin:0; }


/* Internes */
.bg_gray { background-color: gray; }

/* Fuer das neue Gaestebuch */
/* iframe { background-color:red; } */

table.gaestebuch { width:99%;
                   font-size:90%;
                   border-top-width:0px;
                   border-right-width:0px;
                   border-bottom-width:0px;
                   border-left-width:0px;
                 }

td.nachricht { width:99%;
               font-size:100%;
               color: blue;
             }

td.antwort { width:99%;
             font-size:100%;
             color: darkgreen;
           }