body, html {
    background-image:url('/static/images/gradient.gif');
    overflow:auto;
    width:100%;
    height:auto;
    margin-bottom:10px;
}

body#index {
    height:100%;
    width:100%;
    background-image:none;
    background-color:#fff;
}

h1 {
    margin:0px;
}

#index_image {
    position:absolute;
    left:50%;
    top:50%;
    height:180;
    width:240;
    background-color:#00f;
    margin:-90px 0px 0px -120px;
}
#index_footer {
    background-image:url('/static/images/gradient.gif');
    background-repeat:repeat-y;
    position:absolute;
    left:0px;
    bottom:0px;
    height:20px;
    width:100%;
    background-color:#00f;
}

#main{
    z-index:2;
    position:absolute;
    top:0px;
    left:0px
    clear:both;
    width:790px;
}

#content {
    background-color:#fff;
    padding:20px 20px 20px 20px;
    float:right;
    min-height:450px;
    height:auto !Important;
    height:450px;
    margin-bottom:20px;
}

#content a {
    color:#000;
    text-decoration:none;
    outline:none;
}

#content a:hover {
    color:#aaa;
}

#content #information, #content #references, #content #links, #content #contact, #content #home_intro, #content #imprint {
    width:560px;
    margin-top:195px;
    background-color:#fff;
}

#content #references h1 {
    margin-left:100px;
}

#references ul {
    margin:1em 0px 0px 100px;
}
#content #information h1 {
    margin-left:350px;
}

#content #information #informationText {
    margin:1em 0px 0px 350px;
    font-size:11px;
}

#content #links h1 {
    margin-left:0px;
}

#content #links h2 {
    font-size:11px;
    margin-bottom:0px;
}


#links ul {
    margin:0px 40 0px 0px;
    float:left;
    width:145px;
}

#content #contact h1 {
    margin-left:260px;
}

#content #imprint h1 {
    margin-left:160px;
}

#content #contact img {
    position:absolute;
    bottom:20px;
    width:220px;
    margin-top:-150px;
    margin-bottom:20px;
}

#content #contact #contactText {
    margin:1em 0px 0px 260px;
    font-size:11px;
}

#content #imprint h1 {
    margin-left:50px;
}

#content #imprint #imprintText {
    margin:1em 0px 0px 50px;
    font-size:11px;
}


#content #information h1, #content #references h1, #content #links h1, #content #contact h1, #content #home_intro h1, #content #imprint h1 {
    font-weight:bold;
    font-size:12px;
}

#content #home_intro {
    margin-top:60px;
    width:560px;
    height:auto;
    background-color:#aaa;
}

#content #project, #content #projects {
    width:560px;
    margin-top:-60px;
}

#content .project {
    background-color:#fff;
    margin-top:30px;
    position:relative;
}

#content .project .projectHeader {
    margin-top:-20px;
    width:100%;
    overflow:auto;
    padding-top:20px;
    border-top:1px solid #000;
}

#content .project.first .projectHeader {
    border-top:none;
}

#content .project h1 {
    font-size:14px;
    float:left;
    display:inline;
    margin-right:.5em;
}

#content .project .projectDescription {
    font-size:13px;
    font-weight:normal;
    line-height:1.4em;
    float:left;
}

#content .project .projectFile {
    margin-bottom:10px;
}

#content .project .projectFile.first img, #content .project .projectFile.first embed, #content .project .projectFile.first object {
}

#content .project .projectFile.hidden {
    display:none;
}

#content .project img, #content .project embed, #content .project object {
    width:560px;
    height:auto;
    margin-top:.25em;
    background-color:#aaa;
    color:#fff;
    cursor:pointer;
}

#content .project .fileDescription {
    font-size:11px;
    display:block;
    height:15px;
    width:150px;
    font-size:0px;
    color:transparent;
    line-height:0px;
}

#content .project .projectTags {
    float:right;
    margin-top:-20px;
}

#content .project .projectTags h2 {
    font-size:11px;
    float:left;
    margin:0px;
}

.project .projectTags ul {
    background-color:#fff;
    width:auto;
    float:right;
    overflow:hidden;
}

.project .projectTags li {
    float:left;
    margin:0px -1px 0px .5em;;
    padding-right:.5em;
    border-right:1px solid #000;
}

#nav {
    margin:0px 20px 0px 20px;
    float:right;
    width:150px;
}

#nav #intro {
    position:relative;
    height:200px;
    background-color:#fff;
    margin-bottom:15px;
    cursor:pointer;
}

#nav #intro a {
    display:block;
    width:100%;
    height:100%;
    background:none !Important;
}

#nav #menu {
    height:auto;
    width:100%;
    text-align:center;
}

#nav ul#menu, #nav #menu li {
    margin:10px 0px;
    text-align:center;
    list-style-type:none;
}

#nav a {
    text-decoration:none;
    display:block;
    height:15px;
    width:150px;
}

#nav #menu li a {
    font-size:0px;
    height:15px;
    width:100%;
    color:#000;
}

.en #nav #menu li a#projects {
    background-position:0px 0px;
}

.de #nav #menu li a#projects {
    background-position:0px -30px;
}

.en #nav #menu li a#projects:hover {
    background-position:0px -15px;
}

.de #nav #menu li a#projects:hover {
    background-position:0px -45px;
}

.en #nav #menu li a#references {
    background-position:0px -120px;
}

.en #nav #menu li a#references:hover {
    background-position:0px -135px;
}

.de #nav #menu li a#references {
    background-position:0px -150px;
}

.de #nav #menu li a#references:hover {
    background-position:0px -165px;
}

.en #nav #menu li a#information {
    background-position:0px -60px;
}

.en #nav #menu li a#information:hover {
    background-position:0px -75px;
}

.de #nav #menu li a#information {
    background-position:0px -90px;
}

.de #nav #menu li a#information:hover {
    background-position:0px -105px;
}

.en #nav #menu li a#links {
    background-position:0px -180px;
}

.en #nav #menu li a#links:hover {
    background-position:0px -195px;
}

.de #nav #menu li a#links {
    background-position:0px -210px;
}

.de #nav #menu li a#links:hover {
    background-position:0px -225px;
}

.en #nav #menu li a#contact {
    background-position:0px -240px;
}

.en #nav #menu li a#contact:hover {
    background-position:0px -255px;
}

.de #nav #menu li a#contact {
    background-position:0px -270px;
}

.de #nav #menu li a#contact:hover {
    background-position:0px -285px;
}

#nav ul#menu_lang {
    text-align:center;
    position:relative;
    width:150px;
    top:110px;
    text-decoration:none;
    color:#000;
}

#nav ul#menu_lang, #nav #menu_lang li {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#nav #menu_lang li {
    margin-auto;
    text-align:center;
    color:white;
}

#nav #menu_lang a {
    font-size:0px;
    color:#fff;
}

.en #menu_lang a {
    background-position:0px -300px;
}

.en #nav #menu_lang a:hover {
    background-position:0px -315px;
}

.de #menu_lang a {
    background-position:0px -330px;
}


.de #nav #menu_lang a:hover {
    background-position:0px -345px;
}

#imprintlink {
    z-index:1;
    position:absolute;
    top:0px;
    right:20px;
    width:10px;
    height:195px;
    overflow:hidden;
    background-color:#fff;
}

#imprintlink a {
    font-size:0px;
    position:absolute;
    bottom:0px;
    width:10px;
    height:195px;
    display:block;
}

.en #imprintlink a {
    background-position:-340px 0px;
}

.de #imprintlink a {
    background-position:-360px 0px;
}

.en #imprintlink a:hover {
    background-position:-350px 0px;
}

.de #imprintlink a:hover {
    background-position:-370px 0px;
}

.tags {
    text-align:right;
    font-size:10px;
    margin-top:3px;
    margin-bottom:-13px;
}

.tags ul, .tags ul li {
    display:inline;
    list-style-type:none;
    margin:0px;
}

.tags ul li {
    cursor:pointer;
}

ul, ul li {
    list-style-type:none;
    margin:0px;
    font-size:11px;
}