h1 {
    width : 100%;
    text-align : center;
    color : #626262;
  }


h2 {
    width : 70%;
    margin-left : 10%;
    color : #626262;
  }


h3 {
    width : 60%;
    margin-left : 20%;
    color : #626262;
  }


h4 {
    width : 50%;
    margin-left : 30%;
    color : #626262;
  }


p {
    width : 50px;
  }


span {
    font-size : 18px;
    text-decoration : underline;
    width : 50px;
  }


a {
    color : #626262;
    font-size : 20px;
    font-style : italic;
    margin-left : 15%;
    text-decoration : underline;
  }


.c0 {
    background-color : #78f634;
  }


.c1 {
    background-color : hotpink;
  }


.c2 {
    background-color : #1c9a1e;
  }


.body {
    background-color : #DCDCDC;
  }


.label {
    position:absolute;
    left:12em;
  }


.input {
    position:absolute;
    left:20em;
  }


blockqote {
    -ms-filter-radius: 60px;
    -moz-border-radius : 60px;
    border-bottom-color : #DCDCDC;
    border-bottom-style : double;
    border-bottom-width : 10px;
    border-left-color : #DCDCDC;
    border-left-style : double;
    border-left-width : 10px;
    border-right-color : #DCDCDC;
    border-right-style : double;
    border-right-width : 10px;
    border-top-color : #DCDCDC;
    border-top-style : double;
    border-top-width : 10px;
    margin-left : 20%;
    width : 60%;
    margin-left : 40%;
    color : #626262;
  }


#anzeige {
    background-color : #ffc422;
    position: absolute;
    width : 80%;
    left: 10%;
    top: 0px;
    bottom: 0px;
  }


#buttons {
    -ms-filter-radius: 60px;
    -khtml-border-radius : 50px;
    -moz-border-radius : 50px;
    background-image : url('logoKlein.jpg'); /*logoKlein2.jpg*/
    border-bottom-style : inset;
    border-left-style : inset;
    border-right-style : inset;
    border-top-style : inset;
    bottom : 2px;
    left : 12px;
    position : absolute;
    text-align : center;
    top : 200px;
    width : 150px;
  }


#titel {
    -ms-filter-radius: 60px;
    -khtml-border-radius : 30px;
    -moz-border-radius : 30px;
    background-color : #ffc422;
    border-bottom-style : outset;
    border-bottom-width : 6px;
    border-left-style : outset;
    border-left-width : 6px;
    border-right-style : outset;
    border-right-width : 6px;
    border-top-style : outset;
    border-top-width : 6px;
    height : 140px;
    left : 12px;
    position : absolute;
    right : 0px;
    text-align : center;
  }


#inhalt {
    left : 180px;
    right: 0px;
    overflow : auto;
    position : absolute;
    top : 165px;
    bottom: 0px;
  }


#anmelden {
    left:6em;
    position:absolute;
  }


#buttonliste {
    top:805px;
    left:25em;
    position:absolute;
  }


#liste {
    top:3em;
    left:12em;
    position:absolute;
  }


#pSide {
    bottom : 10px;
    font-size : 20px;
    left : 10px;
    position : absolute;
    right : 10px;
    text-align : center;
    top : 30px;
  }


[type=submit] {
    -ms-filter-radius: 60px;
    -khtml-border-radius : 50px;
    -moz-border-radius : 50px;
    background-color : #ffc422;
    font-size : 120%;
    font-style : italic;
    font-weight : bold;
    width : 120px;
  }


[type=submit]:hover {
    background-image : url('tennisball.jpg');
    -khtml-border-radius : 50px;
    -moz-border-radius : 50px;
    background-color : #ffc422;
    font-size : 120%;
    font-style : italic;
    font-weight : bold;
    width : 120px;
  }


[type=reset] {
    -ms-filter-radius: 60px;
    -khtml-border-radius : 50px;
    -moz-border-radius : 50px;
    background-color : #ffc422;
    font-size : 120%;
    font-style : italic;
    font-weight : bold;
    width : 120px;
  }


[type=reset]:hover {
    background-image : url('tennisball.jpg');
    -khtml-border-radius : 50px;
    -moz-border-radius : 50px;
    background-color : #ffc422;
    font-size : 120%;
    font-style : italic;
    font-weight : bold;
    width : 120px;
  }

h2:hover {
    background-color : #DCDCDC;
  }