/* Formatierung für gesamte Seite */ body { background-color: #f4f5f7; } body; html { margin: 0; padding: 0; } #container { max-width: 62.5em; margin: 0 auto; text-decoration: none; } #container a { text-decoration: none; } #container img {border: none; } /* Beginn Formatierung für kleinen Bildschirm */ /* Beginn Formatierung der Kopfleiste */ #header { color: black; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; align-items: center; } #header_block_1 { display: flex; justify-content: center; align-items: center; } #header_block_1 img { width: 70%; height: auto; padding: 0px 0px 0px 60px; } #header_block_2 { padding: 10px; text-align: center; font-weigh: bold; letter-spacin: 1px; font-siz: 80%; colo: red; background-colo: grey;} #header_block_2 h1 { text-align: center; font-weight: bold; letter-spacing: 1px; font-siz: 100%;} #header_block_2 h2 { text-align: center; font-weigh: bold; letter-spacing: 1px; font-size: 100%;} #header_block_2 a { paddin: 10px; text-align: center; font-weight: bold; } #header_block_3 { display: flex; justify-content: center; align-items: center; paddin: 10px 10px 10px 10px; } #header_block_3 img { width: 70%; height: auto; margin-left: 10px; padding: 10px 0px 0px 50px; } #header a { color: black; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } /* Ende Formatierung der Kopfleiste */ /* Beginn Formatierung des Streifens zur Inhalts-Übersicht */ #inhalts_uebersicht { margin-top: 10px; text-align: center; colo: #990033; color: #46848f; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; border-top: #46848f 2px solid; border-bottom: #46848f 2px solid; letter-spacing: 1px; font-size: 110%; } #inhalts_uebersicht { font-weight: bold; font-size: 1.3em; padding: 10px 10px 10px 10px; } /* Ende Formatierung des Streifens zur Inhalts-Übersicht */ /* Beginn Formatierung der Navigationsleiste */ #navileiste { padding: 10px; background-color: #46848f; margin-top: 10px; color: white; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-siz: 0.8em; letter-spacin: 1px; } #navileiste a {color: white; font-weight: bold; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } #navipunkt { padding: 5px 10px 10px 20px; } /* Ende Formatierung der Navigationsleiste */ /* Beginn Formatierung des Aktualisierungs-Kastens */ #aktualisierung { font-weight: bold; margin-top: 10px; text-align: center; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.9em; letter-spacing: 1px; color: #46848f; paddin: 10px 10px 10px 10px; background-colo: yellow; } /* Ende Formatierung des Aktualisierungs-Kastens */ /* Beginn Kasten Kurzinfo über die Neandertaler */ #kurzinfo_neandertaler { margin-top: 10px; margin-bottom: 10px; text-align: left; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } #kurzinfo_neandertaler { fon-weight: bold; fon-size: 1.0em; padding: 10px 10px 10px 10px; } .kurzinfo_neandertaler {clear: both; padding: 10px 4px 15px 4px; border-left: 0px solid grey; borde-top: 1px solid grey; border-bottom: 1px solid grey; margin: 20px 0px 20px 0px; color: black; overflow: hidden; lette-spacing: 1px; background-colo: green; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } .kurzinfo { margin-top: 8px; } .kurzinfo_neandertaler h3 { letter-spacing: 0px; margin-top: 5px; margin-bottom: 5px; font-size: 1.1em; padding: 0px 0px 0px 0px; } .kurzinfo_neandertaler h2 { color: #46848f; } .bildlinks_und_text { font-size: 0.9em; letter-spacing: 1px; padding: 0px 5px 20px 0px; } .bildlinks_und_text img {float: left; margin-right: 5px; border: none; widt: 400px; padding: 0px 10px 10px 0px; } .bildlinks_und_text img { width: 60%; height: auto; margin-bottom: 0px; } .bildlinks_und_text a {text-decoration: none; color: black; } #h3inhalt { color: black; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0;} #h3inhalt a { color: black; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0;} /* Ende Kasten Kurzinfo über die Neandertaler */ /* Beginn Formatierung der Rubriken */ .rubrik_1 { padding: 10px; } .rubrik_2 { background-colo: white; padding: 10px; } .rubrik_3 { padding: 10px; } .rubrik_3_colum { padding: 0px; column-width: 12em; max-widt: 65em; } #rubriken_header { color: black; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } #rubriken_heade h2 { color: black; } .inhalt_rubriken { font-size: 0.9em; line-height: 140%; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; padding: 0px 0px 10px 0px; } .inhalt_rubriken a { color: black; text-decoration: none; } .inhalt_rubriken h3 { color: #46848f; letter-spacing: 0px; } .bild_rubriken img { width: 90%; height: auto; margin-bottom: 10px; } .bild_rubriken-2 img { width: 90%; height: auto; margin-top: 10px; margin-bottom: 10px; } .bild_rubriken-3 img { width: 100%; height: auto; margin-top: 20px; margin-bottom: 10px; } .bild_rubriken_col img { width: 80%; height: auto; margin-top: 20px; } .rubriken_mehr { color: #46848f; font-weight: bold; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; border-top: #46848f 1px solid; border-bottom: #46848f 1px solid; padding: 10px 0px 10px 0px; margin-top: 10px; } .rubriken_mehr a { color: #46848f; text-decoration: none; } .rubriken_noch-keine-beitraege { color: #46848f; font-weight: bold; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; border-top: #46848f 1px solid; border-bottom: #46848f 1px solid; padding: 10px 0px 10px 0px; margin-top: 30px; margin-bottom: 20px;} .abschluss_linie { border-top: #46848f 1px solid; border-bottom: #46848f 0px solid; padding: 10px 0px 0px 0px; margin-top: 10px; } .rubriken_absatz { margin-top: 10px; } /* Ende Formatierung der Rubriken */ /* Beginn Formatierung der Popup-Kästen */ #popup_BU_kopfleiste-1 div.pop_BU_kopfleiste-1 {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-1:hover div.pop_BU_kopfleiste-1 { display: block; width: 64%; position: absolute; margin-top: -12px; margin-left: 59px; background-colo: #f4f5f7; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kopfleiste-2 div.pop_BU_kopfleiste-2 {font-size: 80%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-2:hover div.pop_BU_kopfleiste-2 { display: block; width: 64%; position: absolute; margin-top: -12px; margin-left: 58px; background-color: #f4f5f7; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kurzinfo div.pop_BU_kurzinfo {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kurzinfo:hover div.pop_BU_kurzinfo { display: block; width: 54%; position: absolute; margin-top: 170px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_news div.pop_BU_news {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_news:hover div.pop_BU_news { display: block; width: 82%; position: absolute; margin-top: -50px; margin-left: 20px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_quellen div.pop_BU_quellen {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_quellen:hover div.pop_BU_quellen { display: block; width: 82%; position: absolute; margin-top: -50px; margin-left: 20px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_roman div.pop_BU_roman {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_roman:hover div.pop_BU_roman { display: block; width: 82%; position: absolute; margin-top: -50px; margin-left: 20px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; colo: yellow; } /* Ende Formatierung der Popup-Kästen */ /* Begin Formatierung für temporäre Website */ #info-temp h3 {color: #990033; } /* Ende Formatierung für temporäre Website */ /* Beginn Formatierung der Fussleiste */ #fussleiste { clear: both; display: block; margin-top: 10px; margin-bottom: 10px; color: black; text-align: center; font-size: 0.9em; text-decoration: none; letter-spacing: 1px; padding: 6px 6px 6px 6px; font-family: verdana, arial, helvetica, sans-serif; } #fussleiste a { color: black; text-decoration: none; font-weight: bold; } /* Ende Formatierung der Fussleiste */ /* Ende Formatierung für kleinen Bildschirm */ /* Beginn Formatierung für mittleren, kleinen Bildschirm */ @media screen and (min-width: 36em) { /* Beginn Formatierung der Kopfleiste */ #header { display: flex; } #header_block_1 { padding: 0px; } #header_block_1 img { width: 95%; height: auto; padding: 10px 0px 0px 0px; } #header_block_2 { padding: 0px; font-size: 0.8em; font-weight: normal; } #header_block_3 { padding: 0px; } #header_block_3 img { width: 95%; height: auto; margin-left: 0px; padding: 10px 0px 0px 10px; } #header img { max-width: 330px; } /* Ende Formatierung der Kopfleiste */ .bildlinks_und_text img { width: 60%; height: auto; margin-bottom: 0px; } .bildlinks_und_text img {float: left; margin-right: 10px; border: none; width: 350px; padding: 0px 10px 10px 0px; } #navipunkt { padding: 5px 10px 10px 20px; } /* Beginn Formatierung der Rubriken */ #trennung_reihen { margin-top: 0px; border-top: #f4f5f7 8px solid; text-align: center; color: white; } .rubriken_1und2 { display: flex; } .rubrik_1 { padding: 10px; max-width: 330px; width: 50%; } .rubrik_2 { padding: 10px; max-width: 330px; width: 50%; } .rubrik_3 { padding: 10px; max-width: 660px; } .rubrik_3_column { padding: 0px; column-width: 12em; } .rubrik_3_ersteheadline { margin-top: -17px; } .bild_rubriken img { width: 100%; height: auto; margin-bottom: 10px; } .bild_rubriken-2 img { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; } /* Ende Formatierung der Rubriken */ /* Beginn Formatierung der Popup-Kästen */ #popup_BU_kopfleiste-1 div.pop_BU_kopfleiste-1 {font-size: 80%; line-height: 110% ; display: none; padding: 10;} #popup_BU_kopfleiste-1:hover div.pop_BU_kopfleiste-1 { display: block; width: 27%; position: absolute; margin-top: -3px; margin-left: 0px; background-colo: red; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kopfleiste-2 div.pop_BU_kopfleiste-2 {font-size: 70%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-2:hover div.pop_BU_kopfleiste-2 { display: block; width: 27%; position: absolute; margin-top: -3px; margin-left: 9px; background-colo: red; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kurzinfo div.pop_BU_kurzinfo {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kurzinfo:hover div.pop_BU_kurzinfo { display: block; width: 330px; position: absolute; margin-top: 233px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_news div.pop_BU_news {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_news:hover div.pop_BU_news { display: block; width: 43%; position: absolute; margin-top: -50px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_quellen div.pop_BU_quellen {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_quellen:hover div.pop_BU_quellen { display: block; width: 43%; position: absolute; margin-top: -50px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_roman div.pop_BU_roman {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_roman:hover div.pop_BU_roman { display: block; width: 27%; position: absolute; margin-top: -50px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; colo: yellow; } /* Ende Formatierung der Popup-Kästen */ } /* Ende Formatierung für mittleren, kleinen Bildschirm */ /* Beginn Formatierung für etwas größeren Bildschirm */ @media screen and (min-width: 46em) { #header_block_1 img { width: 100%; height: auto; padding: 0px; } #header_block_2 { padding: 0px 0px 10px 10px; text-align: center; font-size: 0.95em; } #header_block_3 img { width: 93%; height: auto; margin-left: 0px; padding: 0px 30px 0px 0px; } /* Beginn Formatierung der Navigationsleiste */ #navileiste { display: flex; font-size: 0.9em; letter-spacing: 0px;} #navipunkt { padding: 0px 70px 0px 10px; } /* Ende Formatierung der Navigationsleiste */ .bildlinks_und_text img {float: left; margin-right: 10px; border: none; width: 350px; padding: 0px 10px 10px 0px; } .bildlinks_und_text { font-size: 0.9em; letter-spacing: 1px; padding: 0px 100px 20px 0px; } /* Beginn Formatierung der Rubriken */ .erste_reihe { display: flex; } .rubrik_1 { min-width: 230px; } .rubrik_2 { min-width: 220px; } .rubrik_3 { min-width: 220px; width: 35%; } .rubriken_noch-keine-beitraege { margin-top: 80px; } /* Ende Formatierung der Rubriken */ /* Beginn Formatierung der Popup-Kästen */ #popup_BU_kopfleiste-1 div.pop_BU_kopfleiste-1 {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-1:hover div.pop_BU_kopfleiste-1 { display: block; width: 27%; height: auto; position: absolute; margin-top: -12px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kopfleiste-2 div.pop_BU_kopfleiste-2 {font-size: 80%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-2:hover div.pop_BU_kopfleiste-2 { display: block; width: 27%; height: auto; position: absolute; margin-top: -12px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 10px 10px 6px 10px; z-index: 2; } #popup_BU_kurzinfo div.pop_BU_kurzinfo {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kurzinfo:hover div.pop_BU_kurzinfo { display: block; width: 330px; height: auto; position: absolute; margin-top: 220px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_news div.pop_BU_news {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_news:hover div.pop_BU_news { display: block; width: 29.5%; position: absolute; margin-top: -50px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_quellen div.pop_BU_quellen {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_quellen:hover div.pop_BU_quellen { display: block; width: 29.5%; position: absolute; margin-top: -50px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_roman div.pop_BU_roman {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_roman:hover div.pop_BU_roman { display: block; width: 26%;; position: absolute; margin-top: -50px; margin-left: 0px; background-colo: #f4f5f7; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; colo: yellow; } /* Ende Formatierung der Popup-Kästen */ } /* Ende Formatierung für etwas größeren Bildschirm */ /* Beginn Formatierung für großen Bildschirm */ @media screen and (min-width: 65em) { #header_block_1 img { width: 100%; height: auto; } #header_block_2 { margin-top: 10px; padding: 0px 10px 10px 30px; text-align: center; font-size: 0,9em; font-weight: bold; } #header_block_3 img { margin-left: 25px; width: 86%; height: auto; } #navipunkt { padding: 0px 120px 0px 10px; } .kurzinfo_1 { margin-top: 0px; max-width: 800px; } .kurzinfo_2 { margin-top: 0px; margin-bottom: 0px; max-width: 800px; } .kurzinfo_neandertaler {clear: both; padding: 10px 4px 15px 4px; border-left: 0px solid grey; borde-top: 1px solid grey; border-bottom: 1px solid grey; margin: 20px 0px 20px 0px; color: black; overflow: hidden; lette-spacing: 1px; background-colo: green; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; } .bildlinks_und_text { font-size: 0.9em; letter-spacing: 1px; padding: 0px 150px 20px 0px; } .erste_reihe { display: flex; } .rubrik_1 { width: 312px; } .rubrik_2 { width: 312px; } .rubrik_3 { width: 312px; margin-top: 0px; } .bild_rubriken img { width: 100%; height: auto; } #fussleiste { text-align: center; } /* Beginn Formatierung der Popup-Kästen */ #popup_BU_kopfleiste-1 div.pop_BU_kopfleiste-1 {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-1:hover div.pop_BU_kopfleiste-1 { display: block; width: 265px; position: absolute; margin-top: -12px; margin-left: 0px; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kopfleiste-2 div.pop_BU_kopfleiste-2 {font-size: 80%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kopfleiste-2:hover div.pop_BU_kopfleiste-2 { display: block; width: 266px; position: absolute; margin-top: -12px; margin-left: 25px; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_kurzinfo div.pop_BU_kurzinfo {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_kurzinfo:hover div.pop_BU_kurzinfo { display: block; width: 330px; position: absolute; margin-top: 232px; margin-left: 0px; background-color: white; padding: 10px 10px 10px 10px; z-index: 2; } #popup_BU_news div.pop_BU_news {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_news:hover div.pop_BU_news { display: block; width: 292px; position: absolute; margin-top: -50px; margin-left: 0px; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_quellen div.pop_BU_quellen {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_quellen:hover div.pop_BU_quellen { display: block; width: 292px; position: absolute; margin-top: -50px; margin-left: 0px; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; } #popup_BU_roman div.pop_BU_roman {font-size: 90%; line-height: 130% ; display: none; padding: 10;} #popup_BU_roman:hover div.pop_BU_roman { display: block; width: 292px; position: absolute; margin-top: -50px; margin-left: 0px; background-color: white; padding: 6px 10px 10px 10px; z-index: 2; colo: yellow; } /* Ende Formatierung der Popup-Kästen */ } /* Ende Formatierung für großen Bildschirm */