/* Geraeteunabhaengie Werte einbinden mit */ BODY {astroback; direction: ltr; Font-Size:12pt;font-family:serif/*Verdana,arial,sans-serif*/; color:#000030 } /* Reihenfolge ist hier wichtig! */ a:link {color:#000099; text-decoration: underline} a:visited {color:#990099; text-decoration: none} a:hover {color:#6040ff; text-decoration: none} a:focus {color:#6040ff; text-decoration: none} /* beim Durchlauf mit TAB */ a:active {color:#000099; text-decoration: none} #astroback {background-color:rgb(240, 240, 240)} #astrograu {background-color:#c0c0c0} /* diesen Hintergrund mit einbinden! */ #astroblau {background-color:#101040} #hellweiss {background-color:#ffffff} /* */ #sofi {background-color:rgb(245, 245, 230)} /* */ #dunkelblau { background-color: #00003f; color: #efefef; } /* p,li,ul,table {Font-Size:10pt} h1{Font-Size:180%} h2{Font-Size:150%} h3{Font-Size:110%} h4{Font-Size:100%} p,h1,h2,h3,h4,li,ul,hr,br,td,tr,a { font-family:Verdana,arial,sans-serif;color:#000030} #bar {white-space: nowrap} #drwst {Font-Size:140%; font-variant:small-caps;} *.drwst {Font-Size:140%; font-variant:small-caps;} */ /* Kompaktes Layout für mobile Geraete*/ @media only screen and (max-device-width: 500px) { } /* Kompaktes Layout für mobile Geraete gross Landscape */ @media only screen and (min-device-width: 501px) and (max-device-width: 900px) { } /* Kompaktes Layout für mobile Geraete gross Portrait */ @media only screen and (min-device-width: 501px) and (max-device-width: 900px) and (orientation: portrait) { } /* Kompaktes Layout für mobile Geraete gross Landscape */ @media only screen and (min-device-width: 501px) and (max-device-width: 900px) and (orientation: landscape){ } /* Normales Layout für Desktop-Geraete */ @media only screen and (min-device-width: 901px) { }