/* ---------------     Reset     --------------- */
* {
    padding : 0;
    margin  : 0;
}
html, body {
    border  : 0 solid;
}

/* ---------------     Container     --------------- */
#frame {
    width      : 1000px;
    margin     : 20px auto;
    text-align : left;
    border     : 1px solid #999999;
}
#header {
    height        : 100px;
    text-align    : right;
    background    : #F5F5F5;
	border-bottom : 5px solid #999999;
}
#main {
    width      : 1000px;
    background : #FFFFFF;
}
#content {
    float       : left;
    width       : 760px;
    padding     : 10px 20px 20px 25px;
    border-left : 1px solid #999999;
    background  : #FFFFFF;
}
#navi {
    float      : left;
    width      : 190px;
    padding    : 10px 0 20px 0;
    background : #FFFFFF;
}
#footer {
    clear      : both;
	background : #FFFFFF;
    height     : 80px;
    border-top : 1px solid #999999;
}

/* ---------------     Tags und Fonts     --------------- */
body {
    font       : 65.5% Arial, Helvetica, sans-serif;
    text-align : center;
	color      : #666666;
    background : #FFFFFF;
}
#header h1 {
    padding   : 25px 25px 0 0;
    font-size : 2.2em;
color     : #FF0000;
}
#content h3 {
    margin    : 1em 0 1em 0;
    font-size : 1.8em;
    color     : #FF0000;
}
#footer p {
    padding-top : 16px;
    text-align  : center;
}
p, li {
    font-size: 1.2em;
    line-height  : 180%;
}
p {
    margin-bottom : 1em;
    text-align    : justify;
}
a {
    color           : #666666;
    text-decoration : none;
}
a:hover {
    color           : #FF0000;
    text-decoration : none;
}
ul {
    list-style-type: square;
}
#navi ul {
    margin-left: 30px;
}
#navi li a {
    display      : block;
    padding-left : 5px;
    width        : 165px;
}