div.bg {
background-image: url(null.gif);
background-color:orange;
width:500px;height:200px;
border:1px solid red;
padding:20px;
}

hr_ {
    border:solid #00ffff 3px;
    background-color:#0000ff;
    height:10px;
    width:400px;
    text-align:left;
}

hr {
    border:solid #04AEC0 1px;
    height:1px;
    margin:12px 0px;
}

a {
    color: blue;
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus {
  border-bottom: 1px solid #ffffff;
}
a:active {
  color: white;
  background-color: #ffffff;
}

a_:link { color: blue; }
a_:visited { color: blue; }


      .left    { text-align: left; }
      .right   { text-align: right; }
      .center  { text-align: center; }
      .justify { text-align: justify; }
      .start   { text-align: start; }
      .end     { text-align: end; }

img_ {
  width: 5%;
  height: auto;
}

hervorheben {
  background: red;
  color:      white;
}


/* Hintergrundfarbe #1593AF */
body,
header, nav, article:nth-of-type(1), article:nth-of-type(2), aside, footer, .class2, #id1, #id2, #usw {
   background-color: #0489B1;
}

/* Schriftfarbe */
.class1, .class3, .class5, #id3 {
   font-color: green;
}

.it  { font-style: italic; }
.bo  { font-weight: bold; }


h1 {
  font-size:      1.3em;
  text-align:     center;
  margin:         0 2em;
}

#kopf1 {
        font-size:      1.7em;
        line-height: 1.0;
        margin:         0 3em;
  text-align:     left;
}

#kopf2 {
  font-size:      0.7em;
  line-height: 1.2;
  margin:         0 2em;
  vertical-align: top;
  text-align:     right;
}

p_ {
  font-size:      0.6em;
  text-align:     left;
  line-height: 1.3;
}


sub, sup {
  line-height: 0
}


ul, ol, li, dl, dt, dd {
  display: block;
  padding: 0;
  margin: 0;
}

li {
  display: list-item;
  margin-left: 2em;
}