/* typographer - an open source xhtml/css website layout by Armin Zimmermann (http://www.armin-zimmermann.eu).
Free to use as-is for any purpose as long as the proper credits are given for the original design work. */
/* Die Bildschirmbereiche */
/* Der Bildschirm - Das braucht man fuer einen eigenen Hintergrund */
body { margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #ffffff; /*#f4f4f4*/ /* Bildschirmrand ganz aussen rechts und links */;
}
#wrap { color: #333333; /* die normale Textfarbe. Schwarz ist zu kontrastreich */
margin: 0 auto;
width: 100%; /* Da ich keinen Rand zwischen wrap und body will, habe ich die width von 95% auf 100% gesetzt */
background: #ffffff;
padding: 0; /*0 2.5% 0 2.5%;*/
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* Seitenabschnitte */
/* Seitenueberschrift */
/* Der Kopf für spannhagengarten.eu */
#top_header_spannhagengarten { float: left;
background: #003366;
text-align: right;
width: 95%;
padding: 4px 2.5% 42px 2.5%; /* eigentlich reichen 32px aber fuer den IE muss man 42px nehmen! */
background-image: url(Bilder/Hintergrund_Spannhagengarten.png);
background-repeat: no-repeat;
background-position: left bottom;
height: 74px; /* Die eigentliche Bildhoehe ergibt sich aus heigth + padding top + padding bottom = 74+4+42 = 120px */
background-color: #003366;
}
/* Der Kopf für Bessarabien */
#top_header { float: left;
background: #003366;
text-align: center;
width: 95%;
padding: 4px 2.5% 42px 2.5%; /* eigentlich reichen 32px aber fuer den IE muss man 42px nehmen! */
background-image: url(Bilder/Hintergrund.jpg); /* url(Bilder/Figur.png);*/
background-repeat: no-repeat;
background-position: center bottom;
}
/* Menue */
#main_menu { width: 95%;
float: left;
text-align: center;
padding: 9px 2.5% 9px 2.5%;
color: #999999;
font-size: 1.0em;
font-weight: bold;
background-color: #e4e6e7;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#main_menu_top { float: left;
width: 100%;
height: 12px;
background: url(Bilder/Menu/Menue_oben.png) top repeat-x;
background-color: #e4e6e7; /* Damit es im IE keinen weissen Zwischenraum gibt */
}
#main_menu_bottom { float: left;
width: 100%;
height: 12px;
background: url(Bilder/Menu/Menue_unten.png) top repeat-x;
background-color: #ffffff; /* Damit es im IE keinen weissen Zwischenraum gibt */
}
/* Version */
#version { float: left;
text-align: center;
width: 95%;
padding: 20px 2.5% 0 2.5%;
color: #999999;
background: #ffffff;
font-size: 0.8em;
font-weight: normal;
}
/* Seiteninhalt */
#page_content { width: 91%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 4.5% 0 4.5%;
}
/* Wenn man rechts und links der Seite keinen Rand will, d.h. wrap fuellt die ganze Seite aus, dann muss page_content auf 100% gestellt werden und das padding
vom page_content entsprechend hoch. wrap muss auch auf 100% um den Rand verschwinden zu lassen. */
/* Fusszeile */
#footer { clear: both;
width: 95%;
padding: 12px 2.5% 20px 2.5%;
border-top: 1px solid #990000;
text-align: center;
color: #999999;
font-size: 0.9em;
background: #ffffff;
border-top: 1px solid #cccccc;
}
#footer a { color: #336699;
text-decoration: none;
}
#footer a:hover { text-decoration: underline;
}
/* Abschnitt ganz unten */
#bottom { float: left;
width: 95%;
padding: 9px 2.5% 9px 2.5%;
background: #666666;
font-size: 0.8em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#bottom_top { float: left;
width: 100%;
height: 12px;
background: url(Bilder/Bottom.png) top repeat-x;
border-top: 1px solid #CCCCCC;
background-color: #cccccc; /* Damit es im IE keinen weissen Zwischenraum gibt */
}
#bottom_spannhagengarten { float: left;
width: 95%;
padding: 9px 2.5% 9px 2.5%;
background: #003366;
font-size: 0.8em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#bottom_top_spannhagengarten { float: left;
width: 100%;
height: 20px;
/* background: url(Bilder/Bottom.png) top repeat-x; */
border-top: 1px solid #CCCCCC;
background-color: #e4e6e7; /* Damit es im IE keinen weissen Zwischenraum gibt */
}
/*-------------------------------------------------------------------------------------------------------------------*/
a { text-decoration: none;
color: #336699;
}
a:hover { text-decoration: underline;
color: #336699;
}
a img { border: 0;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* diverse Formatierungen */
.image_left_shadow { margin: 10px 10px 5px 0;
float: left;
background-image: url(Bilder/Bildschatten.png);
background-position: right bottom;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 14px;
padding-left: 4px;
}
.image_right_shadow { margin: 10px 0 5px 10px;
float: right;
background-image: url(Bilder/Bildschatten.png);
background-position: right bottom;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 14px;
padding-left: 4px;
}
.image_left { margin: 10px 10px 5px 0;
float: left;
}
.image_right { margin: 10px 0 5px 10px;
float: right;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* Seitenueberschrift */
.box_chapter { float: left;
width: 95%;
margin-top: 9px;
padding: 30px 2.5% 30px 2.5%;
background-color: #ffffff;
font-size: 1.5em;
font-weight: bold;
color: #990000;
text-align: center;
}
/* Ueberschrift fuer neuen Abschnitt */
.box_subchapter { float: left;
width: 95%;
margin-top: 4px;
padding: 9px 2.5% 18px 2.5%;
background-color: #ffffff;
border-top: 1px solid #cccccc;
}
.box_subchapter_colored { float: left;
width: 95%;
margin-top: 4px;
padding: 9px 2.5% 18px 2.5%;
background-color: #ffffff;
border-top: 1px solid #990000;
}
/* Spaltentrenner */
.box_line { float: left;
width: 95%;
height: 1px;
border-top: 1px solid #CCCCCC;
padding: 0 2.5% 0 2.5%;
}
.box_line_blank { float: left;
width: 95%;
height: 1px;
padding: 0 2.5% 0 2.5%;
}
.box_line_colored { float: left;
width: 95%;
height: 1px;
border-top: 1px solid #990000;
padding: 0 2.5% 0 2.5%;
}
/* eine Spalte */
.box_single { float: left;
width: 95%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2.5% 0 2.5%;
}
/* zwei gleiche Spalten */
.box_left { float: left;
width: 45.5%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
}
.box_left_image { float: left;
width: 150px;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
}
.box_right { float: right;
width: 45.5%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2.5% 0 2%;
}
.box_left p { padding-bottom: 0.6em; /* Registerhaltigkeit */
}
.box_right p { padding-bottom: 0.6em; /* Registerhaltigkeit */
}
/* zwei Spalten, links schmal */
.box_left_small { float: left;
width: 34.8%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
}
.box_right_large { float: right;
width: 56.2%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2.5% 0 2%;
}
.box_left_small_marg { float: left;
width: 34.8%;
line-height: 1.6em;
text-align: left;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
border-top: 1px solid #cccccc;
}
.box_left_small p { padding-bottom: 0.6em; /* Registerhaltigkeit */
}
.box_right_large p { padding-bottom: 0.6em; /* Registerhaltigkeit */
}
.box_left_small_marg p { padding-bottom: 0.6em; /* Registerhaltigkeit */
}
/* zwei Spalten, rechts schmal */
.box_left_large { float: left;
width: 56.2%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
}
.box_right_small { float: right;
width: 34.8%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2.5% 0 2%;
}
.box_left_large p { padding-bottom: 0.6em;
}
.box_right_small p { padding-bottom: 0.6em;
}
/* zwei Spalten mit Marginale */
.box_left_tiny { float: left;
width: 17.4%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
}
.box_center_small { float: left;
width: 34.8%;
line-height: 1.6em;
text-align: justify;
background-color: #ffffff;
padding: 0 2% 0 2%;
}
.box_left_tiny_marg { float: left;
width: 17.4%;
line-height: 1.6em;
text-align: left;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
border-top: 1px solid #CCCCCC;
}
.box_left_tiny p { padding-bottom: 0.6em;
}
.box_center_small p { padding-bottom: 0.6em;
}
.box_left_tiny_marg p { padding-bottom: 0.6em;
}
/* 3-spaltig */
.box_left_3 { float: left;
width: 29%;
line-height: 1.6em;
text-align: left;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
}
.box_center_3 { float: left;
width: 29%;
line-height: 1.6em;
text-align: left;
background-color: #ffffff;
padding: 0 2% 0 2%;
}
.box_right_3 { float: right;
width: 29%;
line-height: 1.6em;
text-align: left;
background-color: #ffffff;
padding: 0 2.5% 0 2%;
}
.box_foto_3 p { padding-bottom: 0.6em;
}
.box_left_3 p { padding-bottom: 0.6em;
}
.box_center_3 p { padding-bottom: 0.6em;
}
.box_right_3 p { padding-bottom: 0.6em;
}
/* Fussnoten */
.box_footer_left { float: left;
width: 29%;
line-height: 1.4em; /* = 1.6 em * 0.9 = 1.44em. Die Zeilenhoehe anpassen, damit das Verhaeltnis stimmt */
text-align: left;
background-color: #ffffff;
padding: 0 2% 0 2.5%;
font-size: 0.9em;
font-weight: normal;
color: #999999;
}
.box_footer_center { float: left;
width: 29%;
line-height: 1.4em;
text-align: left;
background-color: #ffffff;
padding: 0 2% 0 2%;
font-size: 0.9em;
font-weight: normal;
color: #999999;
}
.box_footer_right { float: right;
width: 29%;
line-height: 1.4em;
text-align: left;
background-color: #ffffff;
padding: 0 2.5% 0 2%;
font-size: 0.9em;
font-weight: normal;
color: #999999;
}
/* Die Post-its */
.box_post-it_small { float: left;
width: 42%;
margin-right: 2%;
padding-right: 4%;
padding-left: 4%;
padding-top: 2%;
padding-bottom: 2%;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
background-image: url(Bilder/Post-it-hell.png);
background-repeat: no-repeat;
background-position: right bottom;
line-height: 1.4em;
font-size: 0.9em;
font-weight: normal;
text-align: justify;
}
.box_post-it_medium { float: left;
width: 52.7%; /* 52.7 damit das Verhaeltnis aehnlich ist zu box_left_small und box_left_large */
margin-right: 2%;
padding-right: 4%;
padding-left: 4%;
padding-top: 2%;
padding-bottom: 2%;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
background-image: url(Bilder/Post-it-hell.png);
background-repeat: no-repeat;
background-position: right bottom;
line-height: 1.4em;
font-size: 0.9em;
font-weight: normal;
text-align: justify;
}
.box_post-it_large { float: left;
width: 92%;
padding-right: 4%;
padding-left: 4%;
padding-top: 2%;
padding-bottom: 2%;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
background-image: url(Bilder/Post-it-hell.png);
background-repeat: no-repeat;
background-position: right bottom;
line-height: 1.4em;
font-size: 0.9em;
font-weight: normal;
text-align: justify;
}
/* Die Hauptueberschrift */
.title_title { font-size: 1.3em;
font-weight: bold;
color: #cccccc;
border-top: 1px solid #cccccc;
}
/* Die Ueberschrift unter der Hauptueberschrift */
.title_subtitle { color: #999999;
}
/* Zaehler unten in der Fussnote */
.footer_counter { font-size: 0.9em;
font-weight: normal;
color: #333333;
}
/* Verweis auf die Fussnote */
.footer_link { font-size: 0.8em;
color: #336699;
vertical-align: bottom;
}
/* Der Text im Menue */
.menu_link { font-size: 11px;
font-weight: bold;
color: #336699;
}
.menu_link a { font-size: 11px;
font-weight: bold;
color: #336699;
text-decoration: none;
}
.menu_link a:hover { text-decoration: underline;
}
/* Menuetext ausgewaehlt */
.menutext_selected { font-size: 11px;
font-weight: bold;
color: #336699;
text-decoration: none;
}
.menutext_selected a { font-size: 11px;
font-weight: normal;
color: #336699;
text-decoration: none;
}
.menutext_selected a:hover { text-decoration: underline;
}
/* Abbildungstext */
.text_image_left { font-size: 0.9em;
text-align: left;
font-style: italic;
}
.text_image_right { font-size: 0.9em;
text-align: right;
font-style: italic;
}
.text_image_left_below { font-size: 0.9em;
clear: both;
font-style: italic;
}
.text_image_right_below { font-size: 0.9em;
clear: both;
text-align: right;
font-style: italic;
}
/* Kapitaelchen */
.text_capitals_small { font-size: 0.9em;
text-transform: uppercase;
}
.text_capitals_big { font-size: 1.0em;
text-transform: uppercase;
}
.text_capitals_small_colored { font-size: 0.9em;
text-transform: uppercase;
color: #990000;
}
.text_capitals_big_colored { font-size: 1.0em;
text-transform: uppercase;
color: #990000;
}
/* Unter-Ueberschriften */
.colored { color: #990000;
}
/* Seitenanfang */
.top { float: right;
width: 95%;
background-color: #ffffff;
padding: 0 2.5% 0 2.5%;
font-size: 1.0em;
font-weight: bold;
color: #999999;
text-align: right;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* Ueberschriften. h1 entspricht der Ueberschrift am Anfang der Seite (title_chapter), beispielsweise "Startseite" */
h1 { font-size: 1.5em;
font-weight: bold;
color: #990000;
text-align: center;
clear: both; /* Die Ueberschrift soll IMMER in einer neuen Zeile anfangen, egal ob vorher ein Umfluss definiert war oder nicht */
}
h2 { font-size: 1.2em;
font-weight: bold;
text-align: left;
clear: both;
}
h3 { font-size: 1.0em;
font-weight: bold;
text-align: left;
padding-bottom: 0.6em;
clear: both;
}
/* h4 wird verwendet, um in den Personenlisten eine rote Ueberschrift und einen Strich darueber zu erzeugen */
h4 { font-size: 1.0em;
font-weight: bold;
text-align: left;
color: #990000;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* In der Vorfahren-Liste gibt es Angaben, die aus Sekundaerquellen stammen und noch nicht geprueft worden sind.
Diese erhalten das Fromat Unter-Ueberschriften */
.unchecked { color: #999999;
}
.comment { color: #999999;
font-size: 0.9em;
line-height: 1.4em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 5px 10px 5px 10px;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* Baumstruktur. Quelle: http://odyniec.net/articles/turning-lists-into-trees/ */
/* Baumstruktur, normal */
ul.tree, ul.tree ul { list-style-type: none;
background: url(Bilder/Listen/vline.png) repeat-y;
margin: 0;
padding: 0;
}
ul.tree ul { margin-left: 10px;
}
ul.tree li { margin: 0;
padding: 0 12px;
background: url(Bilder/Listen/node.png) no-repeat;
}
ul.tree li.first { background: #ffffff url(Bilder/Listen/firstnode.png) no-repeat;
}
ul.tree li.last { background: #ffffff url(Bilder/Listen/lastnode.png) no-repeat;
}
/* Baumstruktur, Icons: Ordner */
ul.tree li.folder { margin: 0;
padding: 0 34px;
background: url(Bilder/Listen/node_folder.png) no-repeat;
}
ul.tree li.first_folder { margin: 0;
padding: 0 35px;
background: #ffffff url(Bilder/Listen/firstnode_folder.png) no-repeat;
}
ul.tree li.last_folder { background: #ffffff url(Bilder/Listen/lastnode_folder.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Icons: Home als Start */
ul.tree li.first_home { margin: 0;
padding: 0 35px;
background: #ffffff url(Bilder/Listen/firstnode_home.png) no-repeat;
}
/* Baumstruktur, Icons: Text */
ul.tree li.text { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_text.png) no-repeat;
}
ul.tree li.last_text { background: #ffffff url(Bilder/Listen/lastnode_text.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Icons: Bild */
ul.tree li.image { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_image.png) no-repeat;
}
ul.tree li.last_image { background: #ffffff url(Bilder/Listen/lastnode_image.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Icons: Package */
ul.tree li.package { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_package.png) no-repeat;
}
ul.tree li.last_package { background: #ffffff url(Bilder/lastnode_package.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Icons: Link */
ul.tree li.link { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_link.png) no-repeat;
}
ul.tree li.last_link { background: #ffffff url(Bilder/Listen/lastnode_link.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, breit */
ul.tree li.broad { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_broad.png) no-repeat;
}
ul.tree li.last_broad { background: #ffffff url(Bilder/Listen/lastnode_broad.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Pfeile */
ul.tree li.arrow { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_broad_arrow.png) no-repeat;
}
ul.tree li.last_arrow { background: #ffffff url(Bilder/Listen/lastnode_broad_arrow.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Person */
ul.tree li.person { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_broad_person.png) no-repeat;
}
ul.tree li.first_person { margin: 0;
padding: 0 35px;
background: #ffffff url(Bilder/Listen/firstnode_person.png) no-repeat;
}
ul.tree li.last_person { background: #ffffff url(Bilder/Listen/lastnode_broad_person.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Person 2. Heirat*/
ul.tree li.person_2nd_marriage { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_broad_person_2nd_marriage.png) no-repeat;
}
ul.tree li.last_person_2nd_marriage { background: #ffffff url(Bilder/Listen/lastnode_broad_person_2nd_marriage.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Person unbekannte Beziehung */
ul.tree li.person_unknown_relation { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_broad_person_unknown_relation.png) no-repeat;
}
ul.tree li.last_person_unknown_relation { background: #ffffff url(Bilder/Listen/lastnode_broad_person_unknown_relation.png) no-repeat;
padding: 0 35px;
}
/* Baumstruktur, Person gesperrt */
ul.tree li.person_locked { margin: 0;
padding: 0 35px;
background: url(Bilder/Listen/node_broad_person_locked.png) no-repeat;
}
ul.tree li.last_person_locked { background: #ffffff url(Bilder/Listen/lastnode_broad_person_locked.png) no-repeat;
padding: 0 35px;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* Tabellenformatierung */
table { border-collapse: collapse;
width: 100%;
}
td { border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 0.3em;
text-align: left;
vertical-align: top;
}
td.highlight { border-width: 2px;
border-color: #990000;
}
th { font-weight: bold;
background-color: #efefef;
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 0.3em;
text-align: left;
vertical-align: top;
}
/* Die Formatierungen für javascript tablesorter und columnhighlight */
table.tablesorter thead tr .header { background-image: url(Javascript/jquery/tablesorter/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter thead tr .headerSortUp { background-image: url(Javascript/jquery/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown { background-image: url(Javascript/jquery/tablesorter/desc.gif);
}
table.tablesorter .even { background-color: #ffffff;
}
table.tablesorter .odd { background-color: #edf5ff;
}
table.tablesorter td.sortedeven { background-color: #edf5ff;
}
table.tablesorter td.sortedodd { background-color: #dbeaff;
}
table.tablesorter thead .headerSortUp { background-color: #cccccc;
}
table.tablesorter thead .headerSortDown { background-color: #cccccc;
}
/* Die menue-Einstellungen */
.menu_home { font-weight: normal;
padding-left: 8px;
padding-right: 2px;
background: url(Bilder/Menu/Balken.gif) no-repeat left center;
}
.menu_folder { font-weight: bold;
padding-left: 8px;
padding-right: 2px;
background: url(Bilder/Menu/Balken.gif) no-repeat left center;
}
.menu_folder_selected { font-weight: normal;
padding-left: 12px;
padding-right: 2px;
background: url(Bilder/Menu/Pfeil.gif) no-repeat left center;
}
.menu_document { font-weight: bold;
padding-left: 8px;
padding-right: 2px;
background: url(Bilder/Menu/Balken.gif) no-repeat left center;
}
.menu_document_selected { font-weight: normal;
padding-left: 8px;
padding-right: 2px;
background: url(Bilder/Menu/Balken.gif) no-repeat left center;
}
.menu_document_selected a { color: #999999;
}
.menu_start { font-weight: bold;
padding-left: 12px;
padding-right: 2px;
background: url(Bilder/Menu/Start.gif) no-repeat left center;
}
/* die Textfarbe auf unsichtbar stellen */
.menu_last { font-weight: normal;
padding-left: 8px;
padding-right: 2px;
background: url(Bilder/Menu/Balken.gif) no-repeat left center;
color: #e4e6e7;
}
/* Initialen */
/* Man muss die Initiale als Hintergrundbild nehmen, den Buchstaben fuer die Suchfunktion mit
uebergeben und den Text dann mit 0.01em verschwinden lassen */
.initial_Duerer_A { background: url(Bilder/Initialen/Duerer-A.png) no-repeat left top;
width: 26px;
height: 53px;
float: left;
margin: 5px 5px 5px 0;
font-size: 0.01em;
color: #ffffff;
}
.initial_Duerer_L { background: url(Bilder/Initialen/Duerer-L.png) no-repeat left top;
width: 26px;
height: 48px;
float: left;
margin: 5px 5px 5px 0;
font-size: 0.01em;
color: #ffffff;
}
.initial_Neugotisch_A { background: url(Bilder/Initialen/Neugotisch-A.png) no-repeat left top;
width: 48px;
height: 48px;
float: left;
margin: 5px 5px 5px 0;
font-size: 0.01em;
color: #ffffff;
}
.initial_Neugotisch_L { background: url(Bilder/Initialen/Neugotisch-L.png) no-repeat left top;
width: 48px;
height: 48px;
float: left;
margin: 5px 5px 5px 0;
font-size: 0.01em;
color: #ffffff;
}
/* Die Behrens-Initialen http://moorstation.org/typoasis/designers/steffmann/index.htm */
.initial_Behrens_A { background: url(Bilder/Initialen/Behrens-A.png) no-repeat left top; width: 34px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_B { background: url(Bilder/Initialen/Behrens-B.png) no-repeat left top; width: 33px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_C { background: url(Bilder/Initialen/Behrens-C.png) no-repeat left top; width: 28px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_D { background: url(Bilder/Initialen/Behrens-D.png) no-repeat left top; width: 34px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_E { background: url(Bilder/Initialen/Behrens-E.png) no-repeat left top; width: 30px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_F { background: url(Bilder/Initialen/Behrens-F.png) no-repeat left top; width: 31px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_G { background: url(Bilder/Initialen/Behrens-G.png) no-repeat left top; width: 30px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_H { background: url(Bilder/Initialen/Behrens-H.png) no-repeat left top; width: 28px; height: 57px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_I { background: url(Bilder/Initialen/Behrens-I.png) no-repeat left top; width: 16px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_J { background: url(Bilder/Initialen/Behrens-J.png) no-repeat left top; width: 19px; height: 58px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_K { background: url(Bilder/Initialen/Behrens-K.png) no-repeat left top; width: 32px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_L { background: url(Bilder/Initialen/Behrens-L.png) no-repeat left top; width: 30px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_M { background: url(Bilder/Initialen/Behrens-M.png) no-repeat left top; width: 46px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_N { background: url(Bilder/Initialen/Behrens-N.png) no-repeat left top; width: 34px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_O { background: url(Bilder/Initialen/Behrens-O.png) no-repeat left top; width: 32px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_P { background: url(Bilder/Initialen/Behrens-P.png) no-repeat left top; width: 31px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_Q { background: url(Bilder/Initialen/Behrens-Q.png) no-repeat left top; width: 36px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_R { background: url(Bilder/Initialen/Behrens-R.png) no-repeat left top; width: 32px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_S { background: url(Bilder/Initialen/Behrens-S.png) no-repeat left top; width: 27px; height: 46px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_T { background: url(Bilder/Initialen/Behrens-T.png) no-repeat left top; width: 31px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_U { background: url(Bilder/Initialen/Behrens-U.png) no-repeat left top; width: 32px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_V { background: url(Bilder/Initialen/Behrens-V.png) no-repeat left top; width: 34px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_W { background: url(Bilder/Initialen/Behrens-W.png) no-repeat left top; width: 50px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_X { background: url(Bilder/Initialen/Behrens-X.png) no-repeat left top; width: 33px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_Y { background: url(Bilder/Initialen/Behrens-Y.png) no-repeat left top; width: 30px; height: 47px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
.initial_Behrens_Z { background: url(Bilder/Initialen/Behrens-Z.png) no-repeat left top; width: 31px; height: 48px; float: left; margin: 5px 5px 5px 0; font-size: 0.01em; color: #ffffff; }
/* Unsichtbarer Text bei Grafik-Ueberschriften */
/* Im Textbereich */
/* Die Grafik wird bei der Suche nicht hervorgehoben. Deshalb darf man den Text hier nicht zu klein machen */
#page_content .invisible_text { color: #ffffff;
font-size: 0.6em;
}
/* Infoboxen */
.box_info_header { float: left;
width: 92%;
padding-right: 4%;
padding-left: 4%;
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
text-align: left;
font-weight: bold;
line-height: 1.6em;
background-color: #f9f9f9;
}
.box_info_header p { padding-bottom: 0em; /* hier nehme ich nicht wie ueblich 0.6em, sondern 0. Der optische Eindruck ist besser */
}
.box_info { float: left;
width: 92%;
padding-right: 4%;
padding-left: 4%;
border-top: 1px solid #ffffff;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
text-align: justify;
}
.box_info p { padding-bottom: 0.6em;
}
.box_info_separator { float: left;
width: 95%;
height: 1.6em;
padding: 0 2.5% 0 2.5%;
}
/* Die Menuepunkte im top_header. */
#top_header_menu ul { margin: 0;
padding-top: 15px;
list-style: none;
font-size: 14px;
}
#top_header_menu li { display: inline;
}
#top_header_menu li a { text-decoration: none;
padding-top: 54px;
padding-bottom: 10px;
width: 80px;
text-align: center;
color: #0066cc;
float: right;
border-top: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
border-left: 1px solid #003366;
}
#top_header_menu li a:hover { text-decoration: none;
border-top: 1px solid #3399ff;
border-right: 1px solid #3399ff;
border-bottom: 1px solid #3399ff;
border-left: 1px solid #3399ff;
color: #3399ff;
}
#top_header_menu li.home a { background: url("Bilder/Menu/Home.png") no-repeat center top;
}
#top_header_menu li.search a { background: url("Bilder/Menu/Search.png") no-repeat center top;
}
#top_header_menu li.contact a { background: url("Bilder/Menu/E-Mail.png") no-repeat center top;
}
#top_header_menu li.guestbook a { background: url("Bilder/Menu/Notepad.png") no-repeat center top;
}
#top_header_menu li.selected a { border-top: 1px solid #004d99;
border-right: 1px solid #004d99;
border-bottom: 1px solid #004d99;
border-left: 1px solid #004d99;
}