@charset "utf-8";

/* CSS für Patrick Heiser 2010
------------------------------ */

@media screen, projection {

  * {
  margin:  0;
  padding: 0;
  }

  body {
  background:  #f6f6f7 url(../images/bg_page.png) repeat-x 0 0;
  font-family: verdana, arial, helvetica, sans-serif;
  color:       #000;
  }

  /* Schriften */
  
  p {
  font-size:     0.7em;
  line-height:   1.55em;
  text-align:    justify;
  margin-bottom: 10px;
  }
  
  h1 {
  font-size:   1.2em;
  font-weight: bold;
  color:       #444;
  margin-top:  8px;
  }
  
  h2 {
  font-size:   1.9em;
  font-weight: normal;
  font-style:  italic;
  color:       #444;
  }
  
  h3 {
  font-size:   0.9em;
  font-weight: bold;
  color:       #444;
  margin-top:  20px;
  margin-bottom: 5px;
  }

  a:link, 
  a:visited, 
  a:active {
  font-size:       1em;
  color:           #336600;
  font-weight:     bold;
  text-decoration: none;
  }

  a:hover { 
  font-size:       1em;
  color:           #336600;
  font-weight:     bold;
  text-decoration: underline;
  }
  
  .title {
  position: absolute;
  left:       400px;
  top:        79px;
  width:      558px;
  height:     50px;
  text-align: right;
  }

  /* Container */
  
  .container_main {
  position:    absolute;
  width:       1006px;
  height:      578px;
  left:        50%;
  margin-left: -503px;
  top:         50%;
  margin-top:  -289px;
  background:  url(../images/bg_content.png);
  text-align:  left;
  }
  
  .container_logo {
  position: absolute;
  width:    312px;
  height:   63px;
  left:     42px;
  top:      47px;
  border:   0;
  margin:   0;
  padding:  0; 
  }

  .container_content {
  position:   absolute;
  margin:     0;
  padding:    0;
  text-align: left;
  }

  #container_start_links {
  left:       48px;
  top:        145px;
  width:      335px;
  height:     400px;
  }
  
  #container_start_rechts {
  left:       408px;
  top:        145px;
  width:      335px;
  height:     400px;
  }  
  
  .container_adresse {
  position:   absolute;
  left:       770px;
  top:        390px;
  margin:     0;
  width:      195px;
  height:     170px;
  text-align: left;
  overflow:   hidden;
  }
  
  .container_zitat {
  position:    absolute;
  left:        608px;
  top:         50px;
  width:       350px;
  height:      50px;
  font-family: times new roman, times, verdana, arial;
  font-style:  italic;
  font-size:   0.85em;
  line-height: 1.2em;
  color:       #336600;
  overflow:    hidden;
  }
  
  .container_zitat table,
  .container_zitat td {
  width: 100%;
  height: 100%;
  border: 0;
  border-spacing: 0;
  text-align:  left;
  vertical-align: middle;
  }
  
  .container_quelle {
  position:    absolute;
  left:        608px;
  top:         95px;
  width:       350px;
  height:      15px;
  font-size:   0.6em;
  color:       #444;
  overflow:    hidden;
  }
  
  .container_quelle table,
  .container_quelle td {
  width: 100%;
  height: 100%;
  border: 0;
  border-spacing: 0;
  text-align:  right;
  vertical-align: bottom;
  }
  
  #container_text {
  left:          48px;
  top:           135px;
  width:         330px;
  height:        400px;
  border-right:  2px solid #336600;
  padding-top:   5px;
  padding-right: 20px;
  }
  
  #container_items {
  left:     420px;
  top:      135px;
  width:    550px;
  height:   400px;
  overflow: auto;
  }
  
  /* Auflistungen */
  
  .item {
  display:    block;
  border:     1px solid #ccc;
  margin-top: 6px;
  padding:    4px;
  text-align: left;
  }
  
  #startitem {
  width: 320px;
  }
  
  #bigitem {
  width: 510px;
  height: 64px;
  }
  
  #moditem {
  width:      320px;
  margin-top: 5px;
  }
  
  #smallitem {
  width: 180px;
  }

  a.item:link, 
  a.item:visited, 
  a.item:active {
  background-color: #e1fda7;
  font-size:        0.8em;
  color:            #336600;
  font-weight:      bold;
  text-decoration:  none;
  }

  a.item:hover {
  background-color: #f1f8e0;
  font-size:        0.8em;
  color:            #336600;
  font-weight:      bold;
  text-decoration:  none;
  }
  
  .subline {
  color:       #444;
  font-size:   0.85em;
  font-weight: normal;
  }
  
  .showall {
  width:      330px;
  text-align: right;
  }
  
  /* Bilder */
  
  .logo_noflash {
  width:        320px;
  height:       65px;
  border:       0;
  }
  
  .portrait {
  position: absolute;
  width:    188px;
  height:   188px;
  left:     770px;
  top:      183px;
  border:   1px solid #ccc;
  margin:   0;
  padding:  0; 
  }

  .icon {
  width:        32px;
  height:       32px;
  border:       0;
  margin-right: 5px;
  }
  
  .smallicon {
  width:        16px;
  height:       16px;
  border:       0;
  margin-right: 5px;
  }
  
  .bigicon {
  width:        64px;
  height:       64px;
  border:       0;
  margin-right: 5px;
  }
  
  .imageicon {
  width:        52px;
  height:       32px;
  border:       0;
  margin-right: 5px;
  }
  
  .imageicon_big {
  width:        104px;
  height:       64px;
  border:       0;
  margin-right: 5px;
  }
  
  /* Tabellen */
  
  table.tabelle {
  border-spacing: 2px;
  empty-cells:    show;
  }

  table.tabelle td {
  text-align:     left;
  vertical-align: top;
  font-size:      0.7em;
  line-height:    1.55em;
  padding-bottom: 4px;
  padding-right:  7px;
  }
  
  /* Formulare */
  
  .formularfeld {
  width:            518px;
  background-color: #e1fda7;
  border:           1px solid #ccc;
  font-family:      verdana, arial, helvetica, sans-serif;
  font-size:        1em;
  color:            #000;
  }

}