body {
    font-family:Arial,sans-serif;
    font-size: 0.6em;
    text-align: left;
    margin: 0;
}

h1 {

    font-size: 12px;
    font-stretch: expanded;
    letter-spacing: 1px;
    color: #000;
}

h2 {
    font-family:Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    line-height: 20px;
}

#sp {
    margin:0 auto;
    text-align: left;
    width: 725px;
    text-decoration: none;
    overflow: visible;
}

#spContent {
    position: absolute;
    top: 100px;
    background-image: url( ../images/X.gif );
    background-repeat: no-repeat;
    width: 725px;
    height: 415px;
    z-index: 1;
    float: left;
}

#logoHome {
    position: absolute;
    background-image: url( ../images/footer.gif );
    background-repeat: no-repeat;
    width: 725px;
    height: 50px;
    top: 490px;
    z-index: 0;
}

#blockOrange {
    position: absolute;
    background-image: url( ../images/Keil.gif );
    background-repeat: no-repeat;
    width: 725px;
    height: 415px;
    z-index: 2;
}

#spMenuLeft {
    position: absolute;
    width: 300px;
    padding-left: 70px;
    padding-top: 80px;
    float: left;
    z-index: 10;
}

.startButton {
    font-size: 11px;
    font-stretch: expanded;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2.5em;
    padding-left: 20px;
    text-decoration: none;
    color: #fff;
    width: 296px;
    height: 28px;
    background-image: url( ../images/button.png );
    background-repeat: no-repeat;
    filter: alpha( opacity = 80 );
    display: block;
}

.startButton:hover {
    filter: alpha( opacity = 50 );
    opacity: 0.5;
    color: #000;
}

#loginButton {
    width: 147px;
    height: 60px;
    margin-top: 18px;
    background-image: url( ../images/login_btn.gif );
    background-repeat: no-repeat;
    float: left;
}

#openSourceButton {
    width: 147px;
    height: 60px;
    margin-top: 18px;
    background-image: url( ../images/openSource_btn.gif );
    background-repeat: no-repeat;
    float: left;
}

.loginButton {
    font-size: 11px;
    font-stretch: expanded;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2.5em;
    padding-left: 20px;
    text-decoration: none;
    color: #fff;
    width: 127px;
    height: 60px;
    margin-top: 18px;
    background-image: url( ../images/login_btn.gif );
    float: left;
}

.loginButton:hover {
    background-image: url( ../images/LogIn_over_btn.gif );
}

.openSourceButton {
    font-size: 11px;
    font-stretch: expanded;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2.5em;
    padding-left: 20px;
    text-decoration: none;
    color: #fff;
    width: 127px;
    height: 60px;
    margin-top: 18px;
    background-image: url( ../images/openSource_btn.gif );
    float: left;
}

.openSourceButton:hover {
    background-image: url( ../images/openSource_over_btn.gif );
}

#startImage {
    width: 296px;
    height: 70px;
    background-image: url( ../images/start_bild.gif );
    background-repeat: no-repeat;
}

#spMenuRight {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: absolute;
    top: 80px;
    left: 377px;
    width: 295px;
    float: left;
    z-index: 11;
}

#spMenuRightTransparent {
    width: 290px;
    height: 200px;
    background-color: #fff;
    filter: alpha( opacity = 50 );
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.spAbout {
    padding-left: 15px;
    padding-top: 15px;
    position: absolute;
    top: 0;
}

.spMenuItemRight {
    width: 280px;
    border-top: 1px solid #ccc;
    padding-left: 15px;
    line-height: 2.9em;
}

.menuWhite {
    position: relative;
    font-size: 11px;
    font-stretch: expanded;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2.5em;
    padding-left: 20px;
    text-decoration: none;
    color: #fff;
    filter: alpha( opacity = 100 );
}

.menuBlack {
    font-size: 11px;
    font-stretch: expanded;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}

.menuOrange {
    font-size: 11px;
    font-stretch: expanded;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none;
    color: #ec6f1b;
}

a:link {
#333333
}

a:hover {
#ec6f1b
}

a:visited {
#cc0033
}

a:active {
#cc0033
}