/**
 * Typografie (Schriftart + Farbe)
 */
body, 
p, 
textarea,
input {
    color               : #333;
    font-family         : Verdana, Tahoma, Helvetica, Arial;
    font-size           : 12px;
}
p {
    margin              : 0 0 1em 0;   
}
body {
    background          : #F9CA85;
    text-align          : center;
}
.right {
    float               : right;   
}
.left {
    float               : left;   
}
.clear {
    clear               : both;
}
a img {
    border              : 0;   
}
#frame {
    background          : #fff;
    border              : 5px solid #fff;
    margin              : 0 auto;
    text-align          : left;
    width               : 800px;
}
#left {
    width               : 200px;
    float               : left;
}

#content {
    width               : 560px;
    float               : right;   
    padding             : 0 20px;
    margin-bottom       : 20px;
}
#content a {
    color               : #E1921A;   
}
#content a:hover {
    background          : #FDA420;
    color               : #fff;
}
#footer {
    border-top          : 1px solid #CCC;    
    text-align          : right;
    padding             : 10px;
}
#footer a {
    color               : #666;
    font-size           : 11px;   
}
h1, h2, h3, h4, h5, h6 {
    color               : #FDA420;
}
h1 {
    border-bottom       : 1px solid #FDA420;
    font-size           : 18px;   
}
h2 {
    font-size           : 14px;
    margin-bottom       : 0;
}
h3 {
    font-size           : 12px;       
    margin-bottom       : 0;    
}
ul.list {
    list-style-type     : square;
    padding             : 0 0 0 30px;
}

.navigation,
.navigation ul {
    list-style-type     : none; 
    width               : 200;
    padding             : 0;
}
.navigation li {
    background          : #FDA420;   
}
.navigation li li {
    background          : #FFF0DA; 
    font-size           : 11px;  
}
.navigation a {
    border-bottom       : 1px solid #fff;
    color               : #333;
    display             : block;
    padding             : 6px 20px;
    text-decoration     : none;
}
.navigation li a:hover {
    color               : #fff;
    text-decoration     : underline;  
}
.navigation li li a:hover {
    color               : #E1921A;
    text-decoration     : underline;  
}

div.image-left {
    float               : left;
    margin-right        : 10px;  
}
div.image-right {
    float               : right;
    margin-left         : 10px;  
}
div.image {
    width               : 200px;   
}
div.image img {
    width               : 200px;
}
div.image p.descr {
    background          : #FFF0DA;
    font-style          : italic;  
    padding             : 4px
}