/* ==================== GLOBALE EINSTELLUNGEN ==================== */

    * { margin: 0px;
        padding: 0px;
        font-family: verdana,tahoma,arial,sans-serif;
        font-size: 16px; }

    html, body { height:inherit;                /* warum? */
                 height:100%; }

    body       { background-color:#DDDDDD;
                 text-align:left; }

    a         { color:#000077;                  /* fuer alle */
                font-size:inherit; }
    a:link    { text-decoration:none; }         /* nicht besucht */
    a:visited { text-decoration:none; }         /* besucht */
    a:hover   { text-decoration:underline; }    /* mouseover */

    p { margin-top: 10px; }
    p.absatzlang { margin-top: 30px; }


/* ==================== SEITENAUFBAU UND MENUES ==================== */

/* -------------------------------------------------------- */
/* Layout                                                   */
/*                                                          */
/* Die seite ist der innere zentrierte Bereich,             */
/* die aeusseren Raender zum Zentrieren gehoeren zum body   */

    #layout-seite { width: 100%;
    	            min-width: 750px;
    	            max-width: 1035px;
                    min-height: inherit;                         /* warum ? */
                    min-height: 100%;                            /* warum ? */
                    margin: 0px auto;                            /* seite zentrieren */
                    background-color: #DDDDDD; }

                    /* width:980px;         fuer feste breite */

                    /* width:100%;         fuer flexible breite
		               max-width:980px;      */

    #layout-kopf { background-color: #000000;
                   background-image: url("../images/Titelbild.jpg");
                   background-repeat: no-repeat;
                   height: 180px;
                   text-align: right; }

    #layout-hauptmenu { background-color:#AAAAAA; }

    #layout-mitte { overflow: hidden;
                    min-height: 300px;
                    background-color: #FFFFFF; }

    #layout-seitenleiste { width: 230px;
                           float: left;
                           background-color: #FFFFFF; }

    #layout-inhalt { background-color: #FFFFFF;
                     margin-left: 231px;}

    #layout-fuss { background-color:#AAAAAA; }

    /* Layoutbereich Detailmenu auf der Kontaktseite ausblenden */
    /* #kat-Kontakt #layout-seitenleiste {display: none}
       #kat-Kontakt #layout-inhalt { margin-left: 0px; } */



/* -------------------------------------------------------- */
/* Kopf                                                     */

   /*
    div.titelzeile {font-size: 32pt;
                    font-weight:bold;
                    color: #FA0;
                    padding: 40px 20px 20px 20px; }
    */

    #logo {}

    #logo img{ height: 210px;
               margin: 20px; }


/* -------------------------------------------------------- */
/* Hauptmenu                                                */

    #haupt-menu { padding:10px; }

    /* klassen mainmenu, menu, menuaktiv = auszeichnung durch das cms */
    ul.mainmenu { background-color:#AAAAAA;
                  margin: 0px;
                  padding: 0px; }

    li.mainmenu { background-color:#AAAAAA;
                  display:inline; }

    a.menu { padding:10px 10px;}
        /* Das Padding wirkt nur nach rechts und links.
           Oben und unten wird ignoriert, da li inline wurde.
           Aber padding hat Auswirkung auf die HG-Farbe der Boxen.
           Damit alles aufgeht muss das vertikale Padding hier dem
           Padding aus dem #hauptmenu entsprechen.  */

    a.menu:hover { text-decoration:none;
                   background:#dddddd;   }

    a.menuactive { text-decoration: none;
                   background: #eeeeee;
                   padding: 10px 10px;}

    a.menuactive:hover { text-decoration:none;
                         background:#dddddd; }

/* -------------------------------------------------------- */
/* Detailmenu mit Titelbild                                 */

    #detail-menu { padding:15px 20px 20px 20px; } /* -5 wg. in ueber */

    #detailmenutitel {display:block;
                      color:#007;
                      width : 100%;
                      line-height:24px;
                      font-weight:bold;
                      text-decoration:none;
                      padding:5px 0 5px 0px;
                      border-bottom:1px #aaa solid;}

    #detailmenutext {display:block;
                     color:#555;
                     font-weight:normal;
                     text-decoration:none;
                     padding:5px 0 5px 20px;
                     border-bottom:1px #aaa solid;

                     width : 100%;
                     line-height:24px;
                     border-bottom:1px #aaa solid;}
    /* wenn der detailmenutitel ein link sein soll, dann das hier
      entkommentieren und im template [kategorie|@={CATEGORY}=@]
    #detailmenutitel a{display:block;
                       color:#007;
                       width : 100%;
                       line-height:24px;
                       font-weight:bold;
                       text-decoration:none;
                       padding:5px 0 5px 0px;
                       border-bottom:1px #aaa solid;}

    #detailmenutitel a:hover { color:#000;
                               background:#ededed; }  */


    /* klassen detailmenu, detailmenuaktiv = auszeichnung durch das cms */
    ul.detailmenu { }

    li.detailmenu { display:block;
                    width:100%;
                    line-height:24px;
                    margin:0; }

    li.detailmenuR { display:block;
                    width:100%;
                    text-align:right;
                    line-height:24px;
                    margin:0; }

    div.detailmenu { display:block;
                     padding:5px 5px 5px 20px;
                     border-bottom:1px #aaa solid; }

    a.detailmenu { display:block;
                   color:#555;
                   font-weight:normal;
                   text-decoration:none;
                   padding:5px 5px 5px 20px;
                   border-bottom:1px #aaa solid; }

a.detailmenu:hover { color:#000;
                         background:#ededed; }

    a.detailmenuactive { display:block;
                         font-weight:bold;
                         text-decoration:none;
                         padding:5px 5px 5px 20px;
                         border-bottom:1px #aaa solid;}

    a.detailmenuactive:hover { color:#000; }

    /* auf der Home Seite detailmenue aus- und Titelbild einblenden */
    /* #titelfoto img {width: 100%}
    #titelfoto { display:none; }

    #kat-Home #titelfoto { display:block;
                           padding: 30px 10px 30px 30px; }
    #kat-Home #detail-menu { display:none; } */


/* -------------------------------------------------------- */
/* Infobox                                                  */

/*   #infobox { display: none; } */

   #infobox { padding: 10px;
              margin: 30px 20px 10px 20px;
             /* border: 2px #aaa solid; */
              background:#ededed; }

   #infobox a {font-size: 13px;}

   #infobox div.ib_kat {font-size: 12px;}
   #infobox div.ib_inhalt {width: 100%;
                           font-size: 15px;
                           text-align: right;}


   #karte {
        height: 500px;
        width: 100%;
        margin: 0px;
        padding: 0px; }

/* -------------------------------------------------------- */
/* Inhalt                                                     */

    #inhalt { padding:20px;
              word-wrap:break-word;}

/* -------------------------------------------------------- */
/* Fuss                                                     */

    #fuss-impress { padding:10px 20px; }

    #fuss-logneu {display:none;}
    #kat-Logbuch #fuss-logneu {display:block;
                               float: right;
                               padding: 10px;
                               font-size: 12px;}



/* ==================== LOGBUCH ==================== */

div.loglinknext  {font-weight:bold;
                  float:right;
                  margin-bottom: 30px; }
    div.loglinkvor  {font-weight:bold;
                     margin-bottom: 30px; }
                     div.loglinknextunten  {font-weight:bold;
                                       float:right;}
                         div.loglinkvorunten  {font-weight:bold;}

/* -------------------------------------------------------- */
/* Eintrag                                                     */

   div.eintrag  {border:2px solid #aaa;

  margin-bottom: 30px }

   div.eintrag h2 {font-weight:bold;
                   font-size:16px;
	               padding:5px 10px;
  color:#007;
  margin:0;
  background-color:#aaa;}

   div.eintrag p {padding:10px;}

/* -------------------------------------------------------- */
/* LogNeu                                                   */

   div.logneu-eintrag {border:3px solid #aaa;
                        display: block;
                        margin-bottom: 20px; }

   div.logneu-date {margin:0;
                    background-color:#aaa;
                    padding: 5px 10px;}
   input.logneu-date{font-weight:bold;
                     font-size:16px;
 	                 color:#007;
                     width: 100%;
                     background-color:#aaa;
                     border: none}

   div.logneu-titel {margin:0;
                     padding:  10px;}
   input.logneu-titel {font-weight:bold;
                      color: #FA0;
                   	  font-size:18px;
	                  width: 100%;
	                  border: none;}

   div.logneu-text {margin:0;
                     padding: 10px;}
   textarea.logneu-text {width: 100%;
 	                  border: none;}

   div.logneu-kommentar {margin:0;
                         padding: 5px 10px;
                         border-top: 2px solid #aaa;
                     }

   div.logneu-warn   {color: #F00;
                      margin-bottom: 10px;}
   div.logneu-warn-pw {color: #F00;
                       font-weight:bold;
                       margin-bottom: 10px;}

/* -------------------------------------------------------- */
/* LogbuchEintrag                                           */


   article.log  {border:3px solid #aaa;
                 display: block;
                 margin-bottom: 50px; }

   div.log-eintrag { overflow: hidden; }
               /* trick damit floats eingeschlossen werden.*/

   div.log-datum {font-weight:bold;
                  font-size:16px;
                  padding:5px 10px;
                  color:#007;
                  margin:0;
                  background-color:#aaa; }

       a.log-datum {font-weight:bold;
                      font-size:16px;
                      display: block;
                      text-decoration:none;
                      padding:5px 10px;
                      color:#007;
                      margin:0;
                      background-color:#aaa; }

   div.log-bild-links { float: left;
                        padding:10px; }

   div.log-bild-rechts { float: right;
                         padding:10px; }

   div.log-bild-unten { padding: 0px 10px 10px 10px; }

   div.log-galerie { padding: 0px 10px 10px 10px; }

   div.log-galerie-bild { display: inline;
                          padding: 10px; }

   h2.log-titel { padding: 10px;
                  margin: 0; }

   div.log-text { padding: 10px;}

   div.log-kommentar { border-top: 2px solid #aaa;
                       font-size: 13px;
                       padding: 10px; }

   div.kom-neu a{ padding: 0px;
                  float: right;
   	              font-size: 13px;
                  margin: 0px 0px 0px 0px; }

   div.kom-ueberschrift { color: #000000;
                          padding:0px;
                          font-weight: bold;
   	                      font-size:13px;
                          margin: 0px 0px 0px 0px; }

   div.kom-eintrag {}

   .kom-eintrag-vorschau {color: #F00; }

   div.kom-kopf { border-bottom: 1px solid #aaa;
                  padding:15px 10px 2px 0px;
                  margin: 0px 10px 0px 0px; }

   div.kom-name { display: inline;
                  font-size: 12px;
	              font-weight: bold; }

   div.kom-datum { padding: 0 10px 0 0;
                   display: inline;
                   font-size: 12px; }

   div.kom-text { font-size: 12px;
                  padding: 3px 0px 0px 20px;
                  text-align: left; }

   div.kom-form-kat { padding: 0px 0px 10px 0px; }

   div.kom-form-feld { padding: 0px 0px 20px 40px; }



/* ==================== FORMATIERUNGEN ==================== */


/* -------------------------------------------------------- */
/* [ueber1|...] */
/* ------------ */
h1 { font-weight:bold;
     color: #FA0;
	font-size:20px;
	margin-bottom: 25px; }

/* -------------------------------------------------------- */
/* [ueber2|...] */
/* ------------ */
h2 {font-weight:bold;
    color: #FA0;
	font-size:18px;
	margin-top: 25px;
	margin-bottom: 20px; }

/* -------------------------------------------------------- */
/* [ueber3|...] */
/* ------------ */
h3 {color: #FA0;
	font-size:18px;
	margin-top: 20px;
	margin-bottom: 15px; }



/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */

span.leftcontentimage{ margin: 0px 15px 0px 0px;
                       max-width:400px;
                       float:left; }

img.leftcontentimage{ /*border:1px solid;   */
                      max-width:400px; }


/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* --------------- */

span.rightcontentimage{ margin: 0px 0px 0px 15px;
                        max-width:400px;
                        float:right; }

img.rightcontentimage{ /* border:1px solid; */
                       max-width:400px; }

/* -------------------------------------------------------- */
/* [block|...] */
/* ----------- */
.alignjustify { text-align:justify; }

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
	/* margin:0px auto;
	border:1px solid #C0C0C0;
	border-collapse:collapse;  */
	width:100%;
}
th.contenttable {
	vertical-align:top;
	/*border:1px solid #C0C0C0;
	background-color:#E7E3E7;
	padding:2px 5px; */
}
td.contenttable1 {
    vertical-align:top;
/*	border-bottom:1px solid #C0C0C0; */
	background-color:#ffffff;
	padding: 4px 15px 4px 0px;
}

td.contenttable2 {
    vertical-align:top;
/*	border-bottom:1px solid #C0C0C0; */
	background-color:#eeeeee;
	padding: 4px 15px 4px 0px;
}

td.contenttablecell2 {width:99%}