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

/* ---------------     Container     --------------- */
#frame {
    width      : 720px;
    margin     : 20px auto;
    text-align : left;
    border     : 1px solid #999999;
}
#header {
    height        : 165px;
    text-align    : right;
    background    : #F5F5F5;
	border-bottom : 5px solid #999999;
}
#main {
    width      : 700px;
    background : #FFFFFF;
}
#content1 {
    float       : left;
    width       : 510px;
    height      : 325px;
    padding     : 10px 25px 20px 25px;
    border-left : 1px solid #999999;
    background  : #FFFFFF;
}

#content2 {
    float       : left;
    width       : 510px;
    height      : 310px;
    padding     : 10px 25px 20px 25px;
    border-left : 1px solid #999999;
    background  : #FFFFFF;
}

#navi {
    float      : left;
    width      : 130px;
    height     : 650px;
    padding    : 25px 0 20px 0;
    background : #F2D273;
}
#footer {
    clear      : both;
	background : #DDB59B;
    height     : 50px;
    border-top : 1px solid #999999;
}

/* ---------------     Tags und Fonts     --------------- */
body {
    font       : 62.5% Arial, Helvetica, sans-serif;
    text-align : center;
	color      : #666666;
    background : #FFFFFF;
}
#content1 h1 {
    margin    : 1em 0 1em 0;
    font-size : 1.6em;
    color     : #E78F26;
}
#content2 h2 {
    margin    : 1em 0 1em 0;
    font-size : 1.6em;
    color     : #E78F26;
}
#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 : underline;
}
a:hover {
    color           : #E78F26;
    text-decoration : none;
}
ul {
    list-style-type: square;
}
#navi ul {
    margin-left: 30px;
}
#navi li a {
    display      : block;
    padding-left : 5px;
    width        : 165px;
}