body {
    font: small georgia, serif;
    background: #151515 url('graphics/back.jpg');
    text-align: center;
}

#header {
    background: #1e1e1e url('graphics/header.png') left top repeat-x;
    height: 200px;
    width: 100%;
}

#header h1 {
    behavior: url('/style/iepngfix.htc');
    background: transparent url('graphics/title.png') left bottom no-repeat;
    height: 175px;
    width: 444px;
    
    margin: 0 auto;
}

#header h1 a {
    display: block;
    height: 175px;
    width: 444px;
}

#header h1 span {
    display: none;
}




#navigation {
    background: transparent url('graphics/core.jpg') left top repeat-x;
    
    width: 100%;
    padding: 16px 0 0 0;
}

#interface {
    behavior: url('/style/iepngfix.htc');
    background: transparent url('graphics/interface.png') left top repeat-x;
    
    margin: 0 auto;
    height: 244px;
    width: 840px;
}


#interface .projects a  {
    display: block;
    height: 150px;
    width: 32px;
}
#interface .projects { padding: 47px 0 0 0; }
#interface .projects #next { float: right; }
#interface .projects #prev { float: left; }
#interface .projects #next a { margin: 0 16px -150px 0; }
#interface .projects #prev a { margin: 0 0 -150px 16px; }
#interface .projects a span { display: none; }

#interface .projects #center span { display: none; }
#interface .projects #center {
    behavior: url('/style/iepngfix.htc');
    margin: -28px auto -211px auto;
    
    width: 363px;
    height: 211px;
}
#interface .projects #prev_site {
    float: left;
    behavior: url('/style/iepngfix.htc');
    margin: -28px auto -211px 48px;
    width: 191px;
    height: 211px;
}
#interface .projects #next_site {
    float: left;
    behavior: url('/style/iepngfix.htc');
    margin: -28px auto -211px 602px;    
    width: 190px;
    height: 211px;
}
#interface .projects #next_site span { display: none; }
#interface .projects #prev_site span { display: none; }


#interface .projects .wire_center { background: transparent url('graphics/shots/wire42-c.png') center center; }
#interface .projects .wire_right { background: transparent url('graphics/shots/wire42-r.png') center center; }
#interface .projects .wire_left { background: transparent url('graphics/shots/wire42-l.png') center center; }

#interface .projects .roshambo_center { background: transparent url('graphics/shots/roshambo-c.png') center center; }
#interface .projects .roshambo_right { background: transparent url('graphics/shots/roshambo-r.png') center center; }
#interface .projects .roshambo_left { background: transparent url('graphics/shots/roshambo-l.png') center center; }

#interface .projects .tg_center { background: transparent url('graphics/shots/tg-c.png') center center; }
#interface .projects .tg_right { background: transparent url('graphics/shots/tg-r.png') center center; }
#interface .projects .tg_left { background: transparent url('graphics/shots/tg-l.png') center center; }

#interface .projects .bustalink_center { background: transparent url('graphics/shots/bustalink-c.png') center center; }
#interface .projects .bustalink_right { background: transparent url('graphics/shots/bustalink-r.png') center center; }
#interface .projects .bustalink_left { background: transparent url('graphics/shots/bustalink-l.png') center center; }

#interface .projects .findmusiker_center { background: transparent url('graphics/shots/cd-c.png') center center; }
#interface .projects .findmusiker_right { background: transparent url('graphics/shots/cd-r.png') center center; }
#interface .projects .findmusiker_left { background: transparent url('graphics/shots/cd-l.png') center center; }

#navigation ul {
    margin: 16px 0 0 0;
    clear: both;
    text-align: center;
}

#navigation ul li {
    display: inline;
    padding: 0 12px;
}

#navigation ul li a {
    font-size: 130%;
    color: #ffffff;
    text-decoration: none;
}

#navigation ul li a#active {
    color: #888888;
    font-style: italic;
}


#content {
    background: transparent url('graphics/content-top.jpg') left top no-repeat;
    width: 824px;
    margin: 16px auto;
    padding: 22px 0 0 0;
    text-align: left;
}

#content a {
    color: #417639;
}

#content .top {
    background: transparent url('graphics/content-bottom.jpg') left bottom no-repeat;
    padding: 0 0 22px 0;
}

#content .top .back {
    background: transparent url('graphics/content-back.jpg') left top repeat-y;
    padding: 1px 22px;
}

#content h2 {
    width: 775px;
    font-size: 200%;
    float: left;
    clear: both;
}

#content p {
    width: 775px;
    float: left;
    clear: both;
    margin: 1.2em 0 0 0;
}

#content .c_right {
    float: right;
    width: 332px;
}
#content .c_left {
    float: left;
    width: 430px;
    text-align: justify;
}
#content .c_left p {
    width: 430px;
}


#footer p {
    font-family: arial, verdana, sans-serif;
    font-size: 90%;
    text-align: center;
    color: #717171;
}

#footer p a {
    text-decoration: none;
    color: #417639;
}