body {padding:0; margin:0; font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size:12pt; color:#444;}
#top {background:#6699cc;}
body, p {line-height:1.5em}
#top h1 {text-indent:-10000px !important; height:20px; margin:0px;padding:0;font-size:8px;}

#middle {}

#bottom {}
.content {width: 900px; margin: 0 auto;}
#top .content {padding: 50px 400px 50px 0px; color: #fff;width: 500px;position:relative; }
.c1, .c2 { padding-top: 10px;}
#middle .c1 {width: 57%; float: left;}
#middle .c2 {width: 36%; float: right;}
#container {min-height:100%; position:relative; padding-bottom: 80px;}

#bottom { height: 60px; width: 100%; background:#eee; position: absolute; bottom:0;}
#bottom .content { padding-top:20px; font-size: 10pt; }
#apfel {position: absolute; bottom: 50px; right: 0px;}
.clear {clear:both;}
.rfloat {float: right;}
a img {border:0;}
a {color: #6699cc;}
input[type~=text], textarea { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size:12pt; width: 100%; border:3px solid #eee; background: #eee; margin-bottom: 6px; color: #444;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
 }

input[type~=text]:hover, textarea:hover { border:3px solid #ddd; background: #ddd; }
input[type~=text]:focus, textarea:focus { color: #fff; border:3px solid #6699cc; background: #6699cc; }
textarea {height: 8em;}
input[type~=submit] {    background: #6699cc;
    color: #fff;
    border: 1px solid #6699cc;
    padding: 5px 8px;
    font-size: 11pt;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
    cursor: pointer; }
input[type~=submit]:hover { color: #eee; }
input[type~=submit]:active { background: #aaa;    border: 1px solid #aaa; }
h1  {font-style: normal; color: #6699cc; font-size: 20pt;}
h1 em {font-style: normal; color: #444;}
li i {font-size: 10pt;}
li {line-height:1.5em}
.error {font-size:10pt; color: red;}
ul {list-style: url('dot.png'); padding-left: 18px}