/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ # html,body,div,span,abbr,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;outline:0;font-size:100%;line-height:133%;} html,body,div,span,table,h1,h2,h3,h4,tr,th,td { margin:0;outline:0;font-size:100%;line-height:1.33;} #body { line-height: 1; } body { height: 100%; } blockquote,q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; } ins { text-decoration:none; } del { text-decoration:line-through; } #table { border-collapse:collapse;border-spacing:0; } img { max-width: 100% } a { color: #0000D0; text-decoration: none; # -moz-transition: 0.2s color linear; # -webkit-transition: 0.2s color linear; # transition: 0.2s color linear; } a:visited {COLOR:#666699} a:hover { color: #20A0FF; # text-decoration: underline; } h1 { # font-family: Verdana,sans-serif; # font-size: 18px; font: bold 18px Verdana,sans-serif; # font-weight: 900; padding:0px 0px 10px 0px; } h2 { font-family: Verdana,sans-serif; font-size: 18px; font-weight: normal; } @keyframes animateFlashYellow { from {background-color: yellow;} to {background-color: white;} } .flashYellow { background-color: yellow; animation-name: animateFlashYellow; animation-duration: 1.5s; animation-iteration-count: infinite; color: black; } div.container { width: 100%; min-height: 100%; max-width: 1111px; margin: 0 auto -51px; font-family: Verdana,sans-serif; font-size: 13px; } div.header { padding: 0.5em; margin: 0; background-image: url(pics/blau_top.png); horizontal-align: right; clear: left; } div.content {} .push { height: 51px; /* .push must be the same height as .footer */ } div.footer { width:100%; color:white; background-color:#CCCCFF; # clear:left; padding-top:2px; padding-bottom:2px; FONT-FAMILY: Verdana,sans-serif; font-size: 13px; height: 47px; } div.menu { float:left; width:172px; margin:0; padding:1em; } @media (max-width: 700px) { .menu { display: none; } .extra { display: none; } .content { border-top:1px solid #CCCCFF; margin:0px; padding:10px; } .footer { float: none; width: auto; } } @media (min-width: 701px) { .extra { color: #AAAAFF; font-weight: 100; } .smscr { display: none; } .content { padding:1em; margin-left:195px; border-left:1px dotted #CCCCFF; } .footer { float: none; width: auto; } }