/*
Wichtige Farben:
grau       = #c0c0c0, Verläufe Header, Footer, Menü
rot        = #ab4522, Links, Menü

Neue Farben für Galerie:
hellblau   = #eeeeee
hellblau   = #efefef
weiß       = #ffffff
grau       = #aaaaaa
dunkelgrau = #333333
*/



/***************************/
/* allgemeine Definitionen */
/***************************/

.block {
          text-align: justify;
}

.zentriert {
          text-align: center;
}



/******************/
/* Header-Bereich */
/******************/

#header h1 {
          font-size: 1.8em;
          line-height:1.8em;
          text-align: center;
          margin: 0;
          padding: 0;
          font-weight: normal;
}
#header p.header {
          font-size: 1.8em;
          line-height:1.8em;
          text-align: center;
          margin: 0;
          padding: 0;
}



/***********************/
/* LinkeSpalte-Bereich */
/***********************/

#linkespalte a {
          text-decoration: none;
          font-weight: bold;
          color: black;
          display: block;
          padding: 3px;
}

#linkespalte a:hover {
          color: white;
}

#linkespalte ul {
          font-size: 1.3em;
          line-height: 1.5;
          list-style-type:none;
}

#linkespalte ul li {
          width: 175px;
}

#linkespalte #high {
          font-weight: bold;
          color: white;
          background-color: #ab4522;
          display: block;
          padding: 3px;
}



/****************/
/* Main-Bereich */
/****************/

#main p {
          font-size: 1.2em;
          line-height:1.3em;
          margin: 0 0 20px 0;
          padding: 10px 20px 10px 10px;
}

#main p.klein {
          font-size: 1.2em;
          line-height:1.4em;
          margin: 0;
          padding: 0 20px 10px 10px;
}

#main p.ohneabstand {
          font-size: 1.2em;
          line-height:1.4em;
          margin: 0 0 10px 0;
          padding: 10px 20px 0 20px;
}

#main h1 {
          font-size: 2em;
          line-height: 1.5em;
          margin: 0;
          padding: 15px 10px 10px 10px;
          color: #000;
}

#main h2 {
          font-size: 1.5em;
          line-height: 1.5em;
          margin: 0;
          padding: 30px 10px 20px 10px;
          color: #000;
          border-bottom: 1px solid #ab4522;
}

#main h2.obenweniger {
          padding: 30px 10px 10px 10px;
}

#main h2.ohnelinie {
          font-size: 1.5em;
          line-height: 1.5em;
          margin: 0;
          padding: 30px 10px 10px 10px;
          color: #000;
          border-bottom: 0px solid #ab4522;
}

#main p.kleineschrift {
          font-size: 1.0em;
          margin-bottom: 10px;
          padding: 0 20px 10px 10px;
          border-bottom: 1px solid #ab4522;
}

#main h3 {
          font-size: 1.5em;
          line-height: 1.5em;
          color: #000;
          border: 1px solid #ab4522;
          letter-spacing: -0.4px;
          width: 300px;
          float: left;
          text-align: center;
          margin: 0;
          padding: 10px 0;
}

/* Links */
#main a:link {
          color: #ab4522;
          text-decoration: none;
          font-style: italic;
}

#main a:visited {
          color: #ab4522;
          text-decoration: none;
          font-style: italic;
}

#main a:hover{
          text-decoration: underline;
}

/* Text-Tabelle */
#main table {
          margin:  0 0 0 10px;
          padding: 0;
          font-size: 1.2em;
}

#main tr {
          vertical-align: top;
}

#main td {
          padding: 0 10px 0 5px;
}

#main td.farbig {
          padding: 0 10px 0 5px;
          color: #ab4522;
          font-weight: bold;
}

/* Definitionsliste für Galerie */
#main #galerie {
          width: 520px;
          float: left;
}

#main #galerie dl {
          margin: 5px 1px;
          padding: 4px 1px;
          width: 165px;
          float: left;
          border: 1px solid #eee;
}

#main #galerie dl:hover {
          background: #efefef;
          border: 1px solid #eee;
          border-bottom: 1px solid #aaa;
}

#main #galerie dt img {
          border: 1px solid #aaa;
          border-bottom: 1px solid #333;
          padding: 10px 5px;
          margin: 2px;
}

#main #galerie dd {
          font-size: 1.0em;
          padding: 0 5px;
          color: #333;
}

/* Definitionsliste für Galerie-Seiten */
#main img.einzelbild1-3 {
          padding-left: 85px;
}
#main img.einzelbild1-5 {
          padding-left: 60px;
}
#main img.einzelbild0-9 {
          padding-left: 175px;
}

#main p.unterschrift {
          text-align: center;
}


/* Impressum-Seite */
#main p.impressum {
          font-size: 1.2em;
          line-height:1.3em;
          padding: 10px 20px 0px 10px;
          margin: 0 0 10px 0;
          text-align: left;
}
#main p.impressum1 {
          font-size: 1.2em;
          line-height:1.3em;
          padding: 15px 20px 3px 10px;
          margin: 0;
          text-align: left;
          font-style: italic;
}
#main table.im {
          margin: 0px 0px 0px 30px;
          padding: 0;
          border: 0px solid black;
}
#main tr.im {
          margin: 0;
          padding: 0;
}
#main td.im {
          margin: 0;
          padding: 0 2px 0 0;
          border: 0px solid black;
}

#main hr.links {
          width: 28px;
          height: 1px;
          padding: 0;
          margin: 0;
          color: #ab4522;
}
#main hr.rechts {
          width: 65px;
          height: 1px;
          padding: 0;
          margin: 0;
          color: gray;
}

#main p.impressum2 {
          font-size: 1.2em;
          line-height:1.3em;
          padding: 0px 20px 10px 10px;
          margin: 0;
          text-align: left;
          font-style: italic;
          letter-spacing: 1px;
}

img.webdesign {
          margin-top: 5px;
          margin-bottom: 10px;
}

/******************/
/* Footer-Bereich */
/******************/

#footer p.footer {
          font-size: 1.0em;
          line-height: 1.0em;
          text-align: left;
          margin: 0;
          padding: 10px 20px 0 3px;
          float: left;
          width: 300px;
}

#footer p.footerrechts {
          font-size: 1.2em;
          line-height: 1.0em;
          text-align: right;
          margin: 0;
          padding: 6px 20px 0 3px;
          float: right;
          width: 300px;
}

/* Definitionsliste für Galerie-Seiten */
#footer a {
          color: #000;
          text-decoration: none;
          font-size: 1.5em;
          color: #000;
          border: 1px solid #000;
          width: 40px;
          text-align: center;
          font-weight: bold;
          margin-left: 10px;
          padding: 5px;
          float: left;
}

#footer a.links {
          margin-left: 220px;
}

/* Weil beim IE6 die Buttonleiste beim 1.Bild (=Bild18) mit Klasse grau-links
   nicht mittig sondern ganz rechts positioniert wurde, wurden alles Buttons
   mit Element a gelöst. Die auf Kommentar gesetzten Klassen kommen daher nicht
   mehr zum Einsatz.

#footer a:hover {
          background: #fff;
}

#footer p.grau-links {
         color: #000;
         text-decoration: none;
         font-size: 1.5em;
         color: #000;
         border: 1px solid #000;
          width: 40px;
          text-align: center;
          font-weight: normal;
         margin-left: 220px;
         padding: 5px;
         float: left;
}

#footer p.grau-anderer {
         color: #000;
         text-decoration: none;
         font-size: 1.5em;
         color: #000;
         border: 1px solid #000;
          width: 40px;
          text-align: center;
          font-weight: normal;
         margin-left: 10px;
         padding: 5px;
         float: left;
} */