body {
    background-color: #414141;
    margin: 0;
    padding: 0;
}

body, table, tr, td, html {

    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #FFF;
}

.content {
    position: relative;
    width: 964px;
    padding: 10px 10px 10px 29px;
}

.main, .mainfooter, .footer {
    margin: 0 auto;
    width: 1021px;
}

.main {
    background: #131313 url(../pics/site-background.png) repeat-y;
}

.main .header {
    position: relative;
    background: url(../pics/site-header.png) no-repeat;
    width: 1021px;
    height: 89px;
}

.main .header .logo {
    margin: 0;
}

.main .header .logo a {
    display: block;
    height: 80px;
    left: 10px;
    position: absolute;
    text-indent: -999em;
    width: 270px;
}

.navi_item {
    float: left;
    height: 42px;
    background-repeat: no-repeat;
}

a.navi_item:hover {
    background-position: 0 -42px;
}

.mainnavi {
    background: url(../pics/navigation-background.png) 100% 0% no-repeat;
    font: bold 16px Tahoma, Verdana, Arial, sans-serif;
    height: 42px;
    left: 380px;
    line-height: 41px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 0 0 4px #200;
    top: 16px;
    width: 613px;
}

.mainnavi li {
    display: block;
    float: left;
}

.mainnavi a {
    background: #9ABB31 url(../pics/navigation-item-left.png) 0 0 no-repeat;
    color: #FFF;
    display: block;
    text-decoration: none;
}

.mainnavi a span {
    background: url(../pics/navigation-item-right.png) 100% 0% no-repeat;
    display: block;
    height: 42px;
    padding: 0 1em;
}

.mainnavi .home a {
    background-image: url(../pics/navigation-background.png);
}

.mainnavi ._active a, .mainnavi a:hover {
    background-color: #637D0F;
    background-position: 0 100%;
    color: #000;
    text-shadow: 0 0 4px #FFF;
}

.mainnavi ._active a span, .mainnavi a:hover span {
    background-position: 100% 100%;
}

.languageselector {
    position: relative;
    right: 28px;
    text-align: right;
    top: 23px;
}

.languageselector form {
    margin: 0;
}

.languageselector select {
    font-size: 11px;
    text-align: center;
    width: 89px;
}

.languageselector .form_button {
    margin: 0.2em 0;
    width: 89px;
}

.downloadbutton {
    font-size: 14px;
    margin: 2em 0 0;
    text-align: center;
    width: 285px;
}

.downloadbutton img {
    border: 0;
    font: bold 17px Tahoma, sans-serif;
    margin: 0.3em 0;
}

.otherdownloads {
    font-size: 12px;
    margin: 1.5em 0 0;
}

.downloadbutton a, .otherdownloads a:hover {
    text-decoration: none;
}

.otherdownloads a {
    color: #888;
    text-decoration: underline;
}

.headline {
    color: #ABDC16;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.main .screenshot {
    position: relative;
}

.column2 {
    position: absolute;
    background-color: yellow;
    left: 300px;
}

.column1 {
    float: left;
    position: relative;
    width: 310px;

}

.mainfooter {
    background: url(../pics/site-footer.png) -2px 0 no-repeat;
    height: 22px;
    width: 1021px;
}

.footer {
    padding: 5px 10px 0;
    text-align: center;
    width: 1001px;
}

.footer, .footer a {
    color: #AAA;
    font-size: 10pt;
}

.separator {
    background: url(../pics/dotted_line.gif) repeat-x 0 0;
    text-align: left;
    height: 5px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

a {
    color: #ABDC16;
}

a:hover {
    text-decoration: none;
}

/* .content a[href^="http://"] {
    background: url(../pics/external-link.png) 100% 50% no-repeat;
    padding: 0 10px 0 0;
} */

.version {
    color: #ABDC16;
    font-weight: bold;
}