Aus ProgrammingWiki
Archivierte Version vom 2018-02-01T09:54:15+00:00. Aktuelle Version

body { font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; text-align: center; background: url(images/page_bg.jpg); color: #6f6f6f; }

html, body, #wrapper, h1, #nav, li, ul { margin: 0; padding: 0; list-style: none; }

th, td { font-size: 11px; }

img { border: 0; }

  1. wrapper {

margin: 16px auto; text-align: left; width: 750px; position: relative; }

h1, h2, h3 { font-size: 11px; }


h1 { margin: 0; padding: 0; }

h2 { margin: 0 0 5px 0; padding: 0; }

h3 { padding: 4px 0 0 0; }

p { margin: 1em 0; padding: 0; }

.block { display: block; }

.clear { clear: both; height: 1px; padding-top: 0; margin-top: 0; margin-bottom: 0; font-size: 1px; line-height: 1px; }

  • html .clear {

margin-top: -5px; margin-bottom: -4px; }

.left { float: left; margin: 1px 8px 0px 0px; }

.softright { text-align: right; }

.readmore { text-align: right; }

/* ***** */

html, body, #wrapper { height: 100%; }

body { background: #a6b3cb; color: #fff; }

p { line-height: 1.4; }

a { color: #fbde3b; text-decoration: none; }

a:hover {

  text-decoration: underline;

}

  1. wrapper {

margin: auto; width: 787px; padding: 0; background: url(images/page_bg.gif) repeat-y; }

  1. wrapper-i {

background: url(images/page_bg.gif) repeat-y; width: 100%; }

/* header */

  1. header {

position: absolute; top: 0; left: 13px; width: 766px; background: url(images/menu_bg.gif) repeat-x; }

  1. header-cap {

position: absolute; top: 197px; left: 327px; width: 129px; height: 29px; background: url(images/header_2.jpg) no-repeat; }

  1. header h1 {

background: url(images/header.jpg) no-repeat; text-align: right; margin: 32px 0 0 0; }

/* nav */

  1. nav {

position: absolute; top: 0; left: 0; width: 574px; height: 32px; background: url(images/menu_cap.gif) top right no-repeat; }

  1. nav li {

float: left; }

  1. b-nav {

background: url(images/b_nav_r.jpg) top right no-repeat; }

/* body */

  1. spacer {

height: 197px; }

  1. body {

background: url(images/body_bg.jpg) repeat-x; margin: 0 8px 0 13px; padding: 14px; min-height: 200px; }

  1. body-i {

background: url(images/divider_v.gif) 276px 9% no-repeat; }

/* left */

  1. left {

float: left; width: 261px; }

  1. bullets {

padding-top: 15px; background: url(images/box_t.jpg) no-repeat; }

  1. bullets ul {

padding-bottom: 20px; background: url(images/box_b.jpg) bottom left no-repeat; }

  • html #bullets ul {

width: 100%; }

  • html #bullets img {

margin-left: -3px; marg\in-left: 0px; float: left; }

  1. bullets img {

display: block; }

  1. left .i {

margin: 0 25px; }

/* right */

  1. right {

float: right; width: 442px; margin-top: 15px; }

  1. right .i {

margin: 0 253px 0 27px; }

  1. right .j {

float: right; width: 246px; margin-top: 0.5em }

  1. right .i .left {

margin: 0; }

  1. right .j ul {

float: right; width: 130px; display: inline; margin-right: 10px; }

  1. right .clear {

padding-top: 7px; margin: 0 0 10px 0; }

ul.bigbullets li { background: url(images/bullet.gif) left no-repeat; margin: 0; padding: 5px 2px 5px 20px; }

  • html ul.bigbullets li {

text-indent: -1.5em; }

/* footer */

  1. footer-p {

clear: both; height: 24px; }

  1. footer { background: url(images/footer_w_bg.gif) repeat-x; }
  2. footer .l { background: url(images/footer_w_l.gif) top left no-repeat; }
  3. footer .r { background: url(images/footer_w_r.gif) top right no-repeat; }
  1. foot-nav { background: url(images/footer_g_bg.gif) repeat-x; }
  2. foot-nav .l { background: url(images/footer_g_l.gif) top left no-repeat; }
  3. foot-nav .r { background: url(images/footer_g_r.gif) top right no-repeat; }
  1. footer {

color: #d96d1e; text-align: center; }

  1. footer a {

color: #d96d1e; text-decoration: underline; }

  1. footer a:hover {

color: black; }

  1. foot-nav {

position: relative; top: -14px; width: 43em; margin: auto; color: #f8fbc8; }

  1. foot-nav .r {

padding: 9px 0 10px 0; width: 100%; }

  1. foot-nav a {

color: #f8fbc8; text-decoration: none; }

  1. foot-nav a:hover {

color: #f8fbc8; text-decoration: underline; }

  1. footer p {

position: relative; margin-top: 13px; top: -20px;