/* www.css copyright 2000-2007 Luc Saffre */

/**

  BODY enthält immer nur ein einziges Element, und zwar eine
  DIV class="pageLayout".
  Dadurch kann man mit dem Gesamtrahmen spielen.

  Kolonnenbreiten:
    50 + 120 + 30 = 200pt

  http://de.selfhtml.org/css/formate/box_modell.htm

  http://de.selfhtml.org/helferlein/farben.htm
   
 **/



body {
  margin:0;
  font-family: Georgia, "Book Antiqua", Palatino, Times, "Times New Roman", serif;
  background-color:gray;
  }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", Tahoma, "Trebuchet MS",   Verdana, Lucida, Geneva, Helvetica, sans-serif;
}  
  
div#pageLayout {
  text-align:left;
    margin:0;
  padding:0pt;
  border:1pt solid wheat;
  background-color:wheat;
  color:rgb(51,0,0);
}

/**

 Hier jetzt die 5 areas:

 headerArea
 leftArea
 rightArea
 titleArea
 mainArea
 bottomArea
 
 Die und nichts anderes haben par convention in dieser Reihenfolge in
 der pageLayout zu stehen.
 
 **/


a.topic {
  text-decoration:none; 
}
a.partner {
  text-decoration:none; 
}
a.news {
  text-decoration:none; 
}
a.persons {
  text-decoration:none; 
}

div#headerArea {
  /* text-align:center; */
  padding-left: 2pt;
  background-color:wheat;
  clear:both;
}

div#headerArea p {
  vertical-align:middle;
  padding: 0;
  margin:3pt;
}

div#rightArea {
  float:right;
  width:18em;
  font-size:0.8em;
  margin:0pt;
  padding:1pt;
}

div#titleArea {
  margin-left: 50pt;
  margin-top:1pt;
  background-color:wheat;
  padding: 1pt;
    font-family: "Lucida Grande", Tahoma, "Trebuchet MS",Verdana, Lucida, Geneva, Helvetica, sans-serif;
}


div#mainArea {
  margin-left: 15em;
  margin-right: 20em;
  padding: 1pt;
  background-color:wheat;
}

div#bottomArea {
  text-align:center;
  padding: 2pt;
  margin: 2pt;
  color:black;
  background-color:peru;
  font-size:small;
  clear:both;
}


/**
 **
 **/

div#leftArea {
  clear:left;
  float:left;
  width:14em; 
  margin:1pt;
  margin-top:0;
  padding-top: 2pt; 
  border: 0 none peru;
  background-color:peru;
  font-family: "Lucida Grande", Tahoma, "Trebuchet MS",Verdana, Lucida, Geneva, Helvetica, sans-serif;
}

div#leftArea p.langSelector {
  margin-top:2pt;
  text-align:center;
  padding: 1pt;
  background-color:peru;
  color:peru;
}


div#leftArea {
  color:white;
  background-color:peru;
  min-height: 40em;
  }
  
div#leftArea ul.menu1 {
  margin:0;
  margin-left: 3pt;
  padding:0;
}

div#leftArea ul.menu2 {
  font-size: 0.8em;
  margin:0;
  margin-left: 6pt;
  padding:0;
}


div#leftArea ul.menu1 li {
  /* text-decoration:none; */
  list-style: none;
  margin:0;
  padding:0;
  padding-left: 1pt;
}

div#leftArea ul.menu2 li {
  /* text-decoration:none; */
  list-style: none;
  padding:0;
  padding-left:1em;
}


div#leftArea ul li.selectedItem {
  background-color:wheat;
  color:black;
  }

div#leftArea ul li.selectedItem a {
  background-color:wheat;
  color:black;
  }


div#leftArea ul a {
  text-decoration:none;
  /* display:block; */
  font-weight:bold;
}
div#leftArea ul a:link {
  color:white;
  background-color:peru;
}
div#leftArea ul a:visited {
  color:#444444;
  background-color:peru;
}
div#leftArea ul a:hover {
  color:#eeeeee;
  background-color:rgb(153, 51, 0);
}
div#leftArea ul a:active {
  color:red;
  background-color:green;
}

pre {
  font-family: "Lucida Console", "Courier", fixed;
  font-size:0.9em;
  /* font-size:0.8em; */
}

pre.screen {
  padding: 2pt;
  background-color: black;
  color: green;
  overflow: auto;
}

pre.field {
  padding: 1pt;
  margin-left: 5pt; margin-right: 5pt;
  border: 3pt solid grey;
  background-color: rgb(210, 210, 210);
  overflow: auto;
}

tt.field {
  padding: 1pt;
  background-color: rgb(150, 150, 150);
}

pre.code {
  padding: 2pt;
  overflow: auto;
}

pre.verses {
  font-family: Georgia, "Book Antiqua", Palatino, Times, "Times New Roman", serif;
  font-size:1em;
  padding-left: 4em;
}

pre.verses p {
  margin:0pt;
}

p.preview {
  min-height:9ex;
}
p.preview img {
  /* position:absolute; right:0; top:0;
  */
  float: left;
  margin-right:2pt;
  height:9ex;
}

img.primary {
  height: 20ex;
  float: right;
}

p.photos {
  text-align: center;
}

div#mainArea li {
  padding-top: 2pt;
  padding-bottom: 2pt;
}


blockquote {
  font-family: Arial;
  background-color:#bbbbbb;
  border:1pt solid brown;
  padding:2pt;
  font-size:0.9em;
}
blockquote h1 { font-size:14pt; font-weight:bold;}
blockquote h2 { font-size:12pt;}
p.hint {
  text-align:right;
  font-family: Arial;
  font-size:10pt;
  }

div#mainArea table td {
  background-color: white;
  vertical-align:top;
}

div#mainArea table.empty td {
  background-color:wheat;
}
div#mainArea table.empty {
  border: 0 solid black;
}

/* div.mainArea table.simple */
div#mainArea table.wide {
  width: 98em;
}

div#mainArea table.form {
  font-family: Arial;
  width: 100%;
  background-color: gray;
}

div#mainArea table.form td {
  background-color: gray;
  vertical-align:top;
}

/*
div.mainArea table.Kalender {
  width: 98pt;
  font-family: "Lucida Grande", Tahoma, "Trebuchet MS",   Verdana, Lucida, Geneva, Helvetica, sans-serif;
  }
  
div.mainArea table.Kalender td {
*    background-color: white;
*    vertical-align:top;
*  }
*/