body { color: black;
       font-family: sans-serif;
       font-size: 80%;
       margin: 0em; padding: 0.5em;
       height: 100%; width: 100%;
       scrollbar-arrow-color:#ff8727;
       scrollbar-highlight-color:silver;
       scrollbar-track-color:#ff8727;
}
#main {
  font-weight: bold;
}
#main_txt {
  font-size: 80%;
  color: black;
  font-weight: none;
  line-height: 15px;
}

#main_txt :visited
{
  color: #CC3300;
  text-decoration: underline;
  font-size: 100%;
}

#main_txt :link
{
  color: #CC3300;
  text-decoration: underline;
  font-size: 100%;
}

#main_txt :hover
{
  color: white;
  background: #FFAC59;
  font-size: 100%;
}
#ueberschrift {
   font-weight: bold;
   font-size: 150%;
   color: #CC3300;
}
#untertitel {
   font-weight: bold;
   font-size: 100%;
   color: #CC3300;
}
#bildunterschrift {
   font-size: 90%;
   color: black;
}
#galerietext {
   font-weight: bold;
   font-size: 80%;
   color: #ff8727;
}
#galerietext img {
   margin-top: 20px;
   position: absolute;
   left: 200px;
}
#galerietext p {
   margin-top: 480px;
}
#galerietext b {
   color: white;
}
#Info {
 font-size: 80%;
 text-align: center;
 /* float: right;  */
 margin: 2px; 
 padding: 1px;
 border-width: 1px;
 border-style: dashed;
 border-color: #CC3300; 
 background-color: white;
}

#Info strong {
  color: #CC3300;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
}

#Info p {
  margin: 0.2em;
}

#Info hr {
  color: #CC3300;
}

#Info :visited
{
  color: #CC3300;
  text-decoration: underline;
  font-size: 100%;
}

#Info :link
{
  color: #CC3300;
  text-decoration: underline;
  font-size: 100%;
}

#Info :hover
{
  color: white;
  background: #FFAC59;
  text-decoration: underline;
  font-size: 100%;
}
a.info {
}

h1 {
   margin-top:20px;
   color: #ff8727;
}

h2 {
   margin-top:20px;
   color: #ff8727;
}

h3 {
   margin-top:20px;
   color: #ff8727;
}
td.bl_txt {
   font-family: Courier New;
   font-size: 80%;
}

#blfont {
   font-family: Courier New;
}

ul {
   color: #CC3300;
   font-weight: bold;
   font-size: 14px;
   margin-top: 2px;
   margin-bottom: 2px;
   line-height: 25px;
   font-variant:small-caps; font-size:150%;
}
ol {
   color: #CC3300;
   font-weight: bold;
   font-size: 14px;
   margin-top: 2px;
   margin-bottom: 2px;
   line-height: 25px;
   font-variant:small-caps; font-size:150%;
}
#logo_area {
 vertical-align: middle;
 background-repeat: no-repeat;
 text-align: center;
}

#logo_area a:hover {
 text-decoration: none;
 background-color:transparent;
}
#top_area {
}

#left_area {
   background-repeat:repeat-y;
}

#absatz_01 {
   margin-top: 70px;
}

#main_area {
 padding-left: 16px;
 background-color: white;
 background-repeat: repeat-y;
}
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;
}

a.main_button {
   width: 120px;
   display: block;
   float: left;
   margin-right: 4px;
   color: black;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   text-align: center;
   padding: 2px;
   text-decoration: none;
   font-weight: bold;
   font-size: 90%;
   border-width: 1px;
   border-style: solid;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-color: #aaaaaa;
   border-top-color: #ffffff;
}
a.main_button:hover {
   color: red;
   background-color: #FDE801;
}

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

/* links, Hauptbuttons */
a.sub_button_1 {
   display: block;
   margin-top: 10px;
   font-size: 80%;
   /* oben, rechts, unten, links */
   padding: 4px 2px 4px 2px;
   overflow: visible;
   position: relative;
   color: black;
   width: 100%;
   margin-left: 5px;
   text-decoration: none;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   border-bottom: 1px solid #aaaaaa;
   border-top: 1px solid #ffffff;
}
a.sub_button_1:hover {
  display: block;
  background: #FFAC59;
  color: #ffffff;
}
/* erster Punkt, links , ohne Suptopic */
#sub_button_1_aktiv {
   display: block;
   margin-top: 10px;
   color: #CC3300;
   font-weight: bold;
   font-size: 80%;
   padding: 4px 2px 4px 2px;
   margin-left: 5px;
   width: 100%;
   text-decoration: none;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   border-bottom: 1px solid #aaaaaa;
   border-top: 1px solid #ffffff;
}
/* links, aktiver Hauptpunkt */
#sub_button_1_aktiv_first {
   display: block;
   margin-top: 10px;
   color: #CC3300;
   font-size: 80%;
   font-weight: none;
   display: block;
   padding: 4px 2px 4px 2px;
   margin-left: 5px;
   width: 100%;
   text-decoration: none;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   border-bottom: 1px solid #aaaaaa;
   border-top: 1px solid #ffffff;
}
a.sub_button_2 {
   display: block;
   font-size: 70%;
   font-weight: bold;
   padding: 4px 4px 4px 4px;
   width: 100%;
   color: #CC3300;
   margin-left: 5px;
   text-decoration: none;
   text-align: left;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;   
   border-bottom: 1px solid #aaaaaa;
   border-top: 1px solid #ffffff;
}
}
a.sub_button_2:hover {
  display: block;
  background: #FFAC59;
  color: #ffffff;
}
#sub_button_2_aktiv {
   display: block;
   font-size: 70%;
   font-weight: bold;
   padding: 4px 4px 4px 4px;
   width: 100%;
   color: black;
   margin-left: 5px;
   text-decoration: none;
   text-align: left;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;   
   border-bottom: 1px solid #aaaaaa;
   border-top: 1px solid #ffffff;
}
form, p { margin: 0; }

/* Rand um die verlinkten Bilder loeschen */
a img { border: none; }

#hf { color: #CC3300; }

#caps { font-variant:small-caps; 
        font-size:150%;
        color: #CC3300;
        text-indent:1em;
        line-height:1.0em;
}

#capsk { font-variant:small-caps; 
         font-size:120%;
         color: black;
         text-indent:1em;
         line-height:1.0em;
}

/* Individuelle Benutzereinstellungen LAYOUT 3
********************************************************* */
#menu div {
   font-size: 90%;
   color: #CC3300;
}

marquee {
   font-size: 100%;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   color: #CC3300;
}

/* für die HAUPTDOKUMENTE der EBENE 1 */
#rechts div {
   position: absolute;
   top: 18px;
   left: 180px;
   font-size: 100%;
}

/* für die KATEGORIEN der EBENE 1 */
#links div {
width: 100%;
   position: absolute;
   top: 140px;
   left: 180px;
   font-size: 100%;
}

#links p a, #rechts p a, #menu p a {
   width: 160px;
   float: left;
   margin-right: 4px;
   color: black;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   text-align: center;
   display: inline;
   padding: 2px;
   text-decoration: none;
   font-weight: bold;
   font-size: 90%;

   border-width: 1px;
   border-style: solid;

   border-left-width: 0px;
   border-right-width: 0px;
   
   border-bottom-color: #aaaaaa;
   border-top-color: #ffffff;
}

#links p a:hover, #rechts p a:hover, #menu p a:hover {
   color: white;
   background: #FFAC59;

   border-width: 1px;
   border-style: solid;

   border-left-width: 0px;
   border-right-width: 0px;
   
   border-bottom-color: #aaaaaa;
   border-top-color: #ffffff;
}

/* KATEGORIE aktiv */
#links p #main_button_aktiv {
   width: 160px;
   float: left;
   margin-right: 4px;
   color: #CC3300;
   background: #FFFFB3 url(pfds.gif) repeat-x left top;;  
   text-align: center;
   display: inline;
   padding: 2px;
   text-decoration: none;
   font-weight: bold;
   font-size: 90%;

   border-width: 1px;
   border-style: solid;

   border-left-width: 0px;
   border-right-width: 0px;
   
   border-bottom-color: #aaaaaa;
   border-top-color: #ffffff;
}

/* für die Darstellung der Flaggen und des Hilfe-Buttons */
#rechts p #flagge {
   float: left;
   margin-right: 0px;
   width: 26px;
   background-color: transparent;
   border-color: transparent;
   border-left-width: 0px;
}

/* für die EDITOR-Buttons */
#links p.farbe a, #rechts p.farbe a, #menu p.farbe a {
   color: green;
   width: 100px;
   float: left;
   background: white;
   color: blue;
   border-color: green;
   font-weight: normal;
}

#links p.farbe a:hover, #rechts p.farbe a:hover, #menu p.farbe a:hover {
   color: green;
   font-weight: bold;
   background: white;
}


/* Fuer das neue Gaestebuch */
table.gaestebuch { width:99%;
                   font-size:90%;
                   border-top-width:0px;
                   border-right-width:0px;
                   border-bottom-width:0px;
                   border-left-width:0px;
                   link: black;
                   visited: black;
                 }

table.gaestebuch a:visited, a:link a:hover {
                   color: black;
}


td.nachricht { width:99%;
               font-size:100%;
               font-weight: bold;
               color: #CC3300;   
             }

td.antwort { width:99%;
             font-size:100%;
             font-weight: bold;
             color: #ff8727;    
           }

/* Email */
span.email { unicode-bidi: bidi-override;
             direction: rtl;