/* Allgemeine Information
--------------------------------------------------------
- CSS-Designvorlage: www.sabk.de (Spätantike Archäologie
  und Byzantinische Kunstgeschichte e.V.)
- Autor: Thomas Raabe (Raabe & Raabe GbR, München)
- Version 1: November 2007
------------------------------------------------------*/







/* Korrektur automatischer HTML-Voreinstellungen
------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, div, p, form, input, select {
  margin: 0;
  padding: 0; }

img {
  border: none; }

ul, ol {
  margin-left: 16px;
  padding-left: 0; }





/* Webseitenaufbau
------------------------------------------------------*/
html {
  height: 100%; }

body {
  height: 100%;
  background: url(../bild/hintergrund_gesamt.gif) repeat-y center;
  background-color: #5A0404; }

#container {
  position: relative;
  width: 919px;
  margin: 0px auto;
  background: url(../bild/boden_leiste.gif) no-repeat bottom;
  background-color: #FEFFD5;
  min-height: 100%; }

/*min-height-Workaround fuer IE*/
* html #container {
  height: 100%; }
  
#top_logo {
  height: 144px;
  background: url(../bild/kopf_logo.jpg) no-repeat; }

  


#top_trailer_ueber_uns {
  height: 244px;
  background: url(../bild/kopf_ueber_uns.jpg); }
  
#top_trailer_vortraege {
  height: 244px;
  background: url(../bild/kopf_vortraege.jpg); }
  
#top_trailer_exkursionen {
  height: 244px;
  background: url(../bild/kopf_exkursionen.jpg); }
  
#top_trailer_publikationen {
  height: 244px;
  background: url(../bild/kopf_publikationen.jpg); }
  
#top_trailer_juliana_anicia_preis {
  height: 244px;
  background: url(../bild/kopf_juliana_anicia_preis.jpg); }
  
#top_trailer_projekte {
  height: 244px;
  background: url(../bild/kopf_projekte.jpg); }
  
#top_trailer_links {
  height: 244px;
  background: url(../bild/kopf_links.jpg); }
  
#top_trailer_lehre {
  height: 244px;
  background: url(../bild/kopf_lehre.jpg); }
  
#top_trailer_kontakt {
  height: 244px;
  background: url(../bild/kopf_kontakt.jpg); }
  
#top_trailer_sitemap {
  height: 244px;
  background: url(../bild/kopf_sitemap.jpg); }
  
  
  
  
#hauptnavi {
  position: absolute;
  left: 72px;
  width: 185px;
  height: 253px; }
  
#hauptnavi a {
  display: block; }
  
  
  
  
#iconnavi {
  position: absolute;
  right: 40px;
  top: 175px;
  width: 125px; }
  
#iconnavi a.links {
  position: absolute;
  left: 0; }
  
#iconnavi a.mitte {
  position: absolute;
  left: 55px; }
  
#iconnavi a.rechts {
  position: absolute;
  right: 0px; }
   
#seitentitel {
  position: absolute;
  right: 40px;
  top: 320px; }
  
  
  
  
#center_ueber_uns {
  background: url(../bild/bodenbild_ueber_uns.gif) no-repeat bottom right; }

#center_vortraege {
  background: url(../bild/bodenbild_vortraege.gif) no-repeat bottom right; }

#center_exkursionen {
  background: url(../bild/bodenbild_exkursionen.gif) no-repeat bottom right; }

#center_publikationen {
  background: url(../bild/bodenbild_publikationen.gif) no-repeat bottom right; }

#center_juliana_anicia_preis {
  background: url(../bild/bodenbild_juliana_anicia_preis.gif) no-repeat bottom right; }

#center_projekte {
  background: url(../bild/bodenbild_projekte.gif) no-repeat bottom right; }

#center_hyperlinks {
  background: url(../bild/bodenbild_links.gif) no-repeat bottom right; }

#center_lehre {
  background: url(../bild/bodenbild_lehre.gif) no-repeat bottom right; }

#center_kontakt {
  background: url(../bild/bodenbild_kontakt.gif) no-repeat bottom right; }

#center_sitemap {
  background: url(../bild/bodenbild_sitemap.gif) no-repeat bottom right; }

.centerhoehe {
  min-height: 600px; }

/*min-height-Workaround fuer IE*/
* html .centerhohe {
  height: 600px; }
  
  
  
  
#center_links {
  float: left;
  width: 300px;
  background: url(../bild/hintergrund_naviboden.gif) no-repeat; }
  
#center_links div {
  padding-top: 30px;
  min-height: 650px; }

/*min-height-Workaround fuer IE*/
* html #center_links div {
  height: 650px; }
  
div.archivbild {
  background: url(../bild/mittelinks_archivtext.gif) no-repeat; }
 
div.jahresbandbild {
  background: url(../bild/mittelinks_jahresband.gif) no-repeat; }
  
div.band_1_bild {
  background: url(../bild/band_1.jpg) no-repeat left bottom; }

div.band_2_bild {
  background: url(../bild/band_2.jpg) no-repeat left bottom; }
  
div.band_3_bild {
  background: url(../bild/band_3.jpg) no-repeat left bottom; }
  
div.band_4_bild {
  background: url(../bild/band_4.jpg) no-repeat left bottom; }
  
div.band_5_bild {
  background: url(../bild/band_5.jpg) no-repeat left bottom; }
  




#center_mitte {
  float: left;
  width: 419px;
  padding-top: 30px; }

#center_rechts {
  float: left;
  width: 200px;
  padding-top: 25px;
  min-height: 600px;
  background: url(../bild/mitterechts_bueste.gif) no-repeat right top; }
  
/*min-height-Workaround fuer IE*/
* html #center_rechts {
  height: 600px; }
  
#center_unten {
  clear: both;
  height: 40px; }
  
#sprungmarken {
  padding: 15px;
  border-left: 1px solid #645B4D;
  border-right: 1px solid #645B4D;
  margin-bottom: 50px; }
  
#marke_links {
  float: left; }
  
#marke_rechts {
  float: right; }
  
#preis {
  position: absolute;
  left: 15px;
  margin-top: -170px;
  padding: 15px 0 0 55px;
  background: url(../bild/icon_mitgliedsbeitrag.gif) no-repeat top left; }
  
#konto {
  position: absolute;
  left: 15px;
  margin-top: -170px;
  padding: 15px 0 0 55px;
  background: url(../bild/icon_vereinskonto.gif) no-repeat top left; }
  
#bottom {
  height: 90px; }






/* Zentralformate
------------------------------------------------------*/
.hidden {
  display: none; }
  
.cleaner {
  clear: both; }
  
#hyperlinks ul, #sitemap ul {
 list-style-image: url(../bild/icon_listenpunkt.gif); }
 
#sitemap li {
  padding: 5px 0 10px 0;
  font-family: Arial;
  font-size: 12px; }
  
#sitemap ul li ul {
  list-style-image: url(../bild/icon_listenpunkt_2.gif); }
  
#sitemap ul li ul li {
  margin-left: 30px; }
  
#sitemap ul li ul li a {
  color: #51452B;
  border-color: #51452B; }
  
h1 {
  color: #420303;
  font-weight: normal;
  font-size: 20px;
  font-family: Times New Roman;
  letter-spacing: 1.5pt;
  word-spacing: 1.5pt; }
  
h2 {
  color: #BC985D;
  font-size: 20px;
  font-family: Arial;
  padding: 20px 0 10px 0; }
  
h2 span {
  font-size: 12px;
  display: block;
  padding-bottom: 5px;
  letter-spacing: 1px; }
  
h3 {
  color: #600304;
  font-family: Times New Roman;
  font-size: 17px;
  letter-spacing: 0.5pt;
  padding-bottom: 20px; }

h4 {
  color: #51452B;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0.5pt;
  padding: 10px 0; }
  
div.referent {
  padding-top: 20px; }
  
div.referent span {
  color: #51452B;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  display: block;
  border-top: 1px dotted #51452B;
  padding-top: 3px;
  letter-spacing: 0.5pt; }
  
div.infofeld {
  margin-bottom: 40px; }
  
div.infofeld h4 {
  padding-bottom: 5px;
  border-bottom: 1px dotted #51452B; }
  
div.infofeld p {
  padding: 5px 0; }
  
.sandfarben {
  background: #FDF8C4; }



  
  





/* Bereichsformate
------------------------------------------------------*/
#center_links li {
  font-family: Arial;
  list-style-type: none;
  color: #51452B;
  font-size: 12px;
  font-weight: bold; }

#center_links li p {
  font-size: 11px;
  font-weight: normal;
  width: 250px;
  padding-bottom: 10px; }
  
#center_links li p span {
  font-style: italic;
  display: block; }
  
div.archivbild ul {
  padding-top: 40px; }
  
/*padding-top-Zusatz-Workaround fuer IE*/
* html div.archivbild ul {
  padding-top: 55px; }
  
div.archivbild li a {
  padding-left: 30px;
  text-decoration: none;
  color: #51452B;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  background-color: #FEFFD5; }
  
div.archivbild li a:hover, div.archivbild li a.active {
  font-size: 16px; }
  
div.jahresbandbild ul {
  margin-left: 0;
  padding: 0; }

div.jahresbandbild li a {
  padding-left: 30px;
  text-decoration: none;
  color: #51452B;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  background-color: #FEFFD5; }

div.jahresbandbild li a:hover, div.jahresbandbild li a.active {
  background: url(../bild/mittelinks_unterlinie.gif) no-repeat left bottom;
  font-size: 16px;
  padding-right: 100px; }

/*padding-top-Reduzierung-Workaround fuer IE*/
* html div.jahresbandbild a:hover, * html div.jahresbandbild li a.active {
  display: inline; }

div.jahresbandbild ul p {
  font-family: Arial;
  font-size: 11px;
  padding: 0 0 10px 30px; }
  
  
  
  
  
#center_mitte p {
  color: #51452B;
  font-size: 12px;
  font-family: Arial;
  text-align: justify;
  line-height: 20px;
  margin-bottom: 20px; }
  
#center_mitte strong, #center_links strong {
  font-weight: bold;
  color: #9F0508; }
  
#center_mitte b {
  font-weight: bold; }
  
#center_mitte a {
  color: #6D0507;
  text-decoration: none;
  border-bottom: 1px dotted #6D0507; }
  
#center_mitte a:hover {
  color: #BC985D;
  text-decoration: none;
  border-bottom: 1px dotted #BC985D; }
  
#center_mitte table {
  border-spacing: 0px;
  width: 100%;
  color: #51452B;
  font-size: 11px;
  font-family: Arial;
  line-height: 16px; }

#center_mitte td {
  vertical-align: top;
  padding: 10px 5px; }
  
#center_mitte ol {
  font-family: Arial;
  font-size: 12px; }
  

  
#satzung a {
  border-bottom: none; }

#satzung a:hover {
  color: #51452B;
  border-bottom: none; }
  
#satzung div {
  color: #51452B;
  font-size: 12px;
  font-family: Arial; }
  
#satzung div p {
  padding-left: 25px;
  margin-top: -16px; }
  
/*margin-top-Workaround fuer IE*/
* html #satzung div p {
  margin-top: -18px; }
  
  
  
#sprungmarken {
  font-size: 11px;
  font-family: Arial;
  line-height: 19px; }
  
#sprungmarken a {
  color: #51452B;
  display: block; }
  
#sprungmarken a:hover {
  color: #9F0508; }
  


#preis, #konto {
  color: #51452B;
  font-size: 11px;
  font-family: Arial; }

#preis p, #konto p {
  padding-top: 10px; }

#preis span, #konto span {
  font-size: 16px;
  font-weight: bold; }
  
  
  
  
  
h7 { margin: 0 0; padding: 0 0 0px 10;; color: #600304; font-family: "Times New Roman"; font-size: 14px; letter-spacing: 0.5pt; }