body {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
a {
    text-decoration: none;
    font-weight: bold;
    color: #57d1ff;
}
a:hover {
    background-color: #57d1ff;
    font-weight: bold;
    text-decoration:none;
    color: #ffffff;
}
h1 {
    color: #57d1ff;
    font-family: Arial;
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    padding-left:16px;
    padding-top:16px;
    font-size: 2em;
}
#wrapper {
    width: 920px;
    margin: 0 auto;
    text-align: left;
    font-family:sans-serif;
    color: #333333;
    background-color: #eeeeee;
}


#sidebar {
    width: 200px;
    float: left;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #eeeeee;
    height: 100%;
}

.menu-item {
    padding-left: 16px;
    display: block;
    font-family: Arial;
    font-variant: small-caps;
    color: #aaaaaa;
    line-height:150%;
    font-weight: bold;
}
.menu-item:hover {
    background-color: #57d1ff;
    font-weight: bold;
    text-decoration:none;
    color: #ffffff;
}
.menu-item-selected {
    font-weight: bold;
    color: #ffffff;
    background-color: #bbbbbb;
}


#content {
    float: right;
    width: 700px;
}
#pageStyleChooser {
    margin-top: 1em;
    margin-left: 0.5em;
    font-size: small;
}
.pageStyleLink {
    display: block;
    color: #aaaaaa;
}
.pageStyleLink-selected {
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: #bbbbbb;
}

#image {
    text-align: center;
}

img.screenshot {
    width: 640px;
    height: 480px;
    border: none;
}


#buttonsArea {
    text-align: center;
    margin: 1em;
}

.image-button {
    display: inline;
    padding: 0.3em;
    margin: 0.2em;

    background-color: #eeeeee;
}
.image-button:hover {
    background-color: #57d1ff;
    font-weight: bold;
    text-decoration:none;
    color: #ffffff;
}
.image-button-selected {
    background-color: #aaaaaa;
    color: #ffffff;
}


#textArea {
}


.serialSlideWrapper {
    margin: 0 auto;
    text-align: left;
    
    padding-top: 1em;
}
.serialSlideImage {
    width: 400px;
    float: left;
    margin-right: 1em;
    border: none;
}
.serialSlideText {
}


#footer {
    clear: both;
}
#statusArea {
    font-size: smaller;
    color: #808080
}


.juhend {
    display: none;
}