/* Bildschirm-CSS - by T. Meinike für planetarium-merseburg.de 2008...12 */

*
{
  margin: 0;
  padding: 0;
}

html
{
  overflow: auto;
}

body
{
  color: #FFF;
  background: #000 url("../bilder/body_back.png") repeat-x scroll;
}

body div#kopfbereich h1
{
  background-image: url("../bilder/leiste_start.jpg");
}

body#startseite div#kopfbereich h1
{
  background-image: url("../bilder/leiste_start.jpg");
}

body#programm div#kopfbereich h1
{
  background-image: url("../bilder/leiste_programm.jpg");
}

body#schule div#kopfbereich h1
{
  background-image: url("../bilder/leiste_schule.jpg");
}

body#aktionen div#kopfbereich h1
{
  background-image: url("../bilder/leiste_aktionen.jpg");
}

body#kontakt div#kopfbereich h1
{
  background-image: url("../bilder/leiste_kontakt.jpg");
}

body#impressum div#kopfbereich h1
{
  background-image: url("../bilder/leiste_start.jpg");
}

#hauptblock
{
  width: 800px;
  margin: 0 auto;
  color: inherit;
  background-color: #000;
}

#kopfbereich
{
  margin: auto;
  text-align: center;
  height: 100px;
}

#fussbereich
{
  padding: 5px 0px;
  text-align: center;
  border: 1px solid #096;
  border-top: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#navigation
{
  color: inherit;
  background-color: #FFF;
  text-align: center;
}

#inhalte
{
  text-align: center;
  border: 1px solid #096;
  border-top: none;
  padding-bottom: 10px;
}

#navigation ul
{
  padding: 5px 0;  
  border-left: 2px solid #096;
  border-right: 2px solid #096;
}

#navigation li
{
  display: inline;  
  list-style-type: none;
  color: #000;
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 2px 4px 2px 8px;
  border-left: 1px solid #096;
}

#navigation li.last
{
  border-right: 1px solid #096;
  padding-right: 8px;
}

*:first-child+html #navigation li.last
{
  padding-right: 4px;
}

#navigation li a
{
  color: #096;
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  display: inline-block; 
}

#navigation li a:hover
{
  color: #FFF;
  background-color: #096;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;  
}

#inhalte ul li
{
  list-style-type: disc;
  list-style-position: inside;
  text-align: left;
  color: #FFF;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13.4px;
  margin: 10px 20px;
}

#inhalte ul li ul li
{
  list-style-type: circle;
  margin-top: 10px;
  font-style: italic;
}

li#aktnav
{
  color: #000;
  background-color: #FFF;
  font-weight: bold;
}

h1
{
  color: #FFF;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 28px;
  margin-bottom: 10px; 
  text-align: center;
  margin: 0;
  padding: 0;
  width: 800px;
  height: 100px;
}

h2
{
  color: #FFF;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0;
  text-align: left;
  padding: 15px 12px;
  border-left: 1px solid #096;
  border-right: 1px solid #096;
  border-bottom: 2px solid #096;
}

h3
{
  color: #FF9;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 15px auto;
  text-align: left;
  padding: 10px 15px 0px 15px;
}

#inhalte p,#inhalte address
{
  color: #FFF;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13.4px;
  font-style: normal;
  text-align: left;
  line-height: 1.5em;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
}

body#startseite #inhalte p
{
  text-align: justify;
}

h1 span
{
  display: none;
}

h2 span
{
  color: #096;
  background-color: #FFF;
}

h2 + ul
{
  margin-left: 20px;
  padding-top: 10px;
}

ul + p, table + p
{
  padding-top: 15px;
}

a:link
{
  color: #FFC;
  background-color: #000;
}

#fussbereich a:link
{
  color: #FFF;
  background-color: #000;
}

a:visited
{
  color: #CCC;
  background-color: #000;
}

a:hover
{
  color: #096;
  background-color: #000;
}

img
{
  border: none;
  margin: 10px 0;
}

img.left_box
{
  float: left;
}

img.right_box
{
  float: right;
}

img.center_box
{
  display: block;
  margin: 15px auto 25px auto;
}

.clear
{
  clear: both;
}

p.clear
{
  line-height: 0;
}

table
{
  width: 770px;
  margin-left: 15px;
  margin-right: auto;
}

table,tr,td,th
{
  border-collapse: collapse;
  border: 1px solid #FFF;
}

th,td
{
  color: #FFF;
  background-color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px; 
}

th
{
  background: #000 url("../bilder/thead_back.png") repeat-x scroll;
}

col.spalte1,col.spalte2,col.spalte3
{
  width: 100px;
}

abbr
{
  cursor: help;
  border-bottom: 1px dashed #FF9;
}

span.lastitem
{
  font-weight: bold;
}

h3#hinweis
{
  color: #F00;
  background-color: #000;
  text-align: center;
}

p#flyer
{
  text-align: right;
}

ul#termine
{
  display: inline-block;
  margin-left: 20px;
  float: left;
}

a.pdf
{
  padding-left: 20px;
  background-image: url("../bilder/pdf.gif");
  background-position: left center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}