body, p {
    font-family      : arial, helvetica, sans-serif;
    font-size        : 13px;
    line-height      : 15px;
    margin           : 0px;
    padding          : 0px;
    color            : white;
    background-color : gray; }
h1 {
    font-size        : 21px;
    line-height      : 28px;
    font-weight      : bold;
    margin-top       : 7px;
    text-align       : center; }
h2 {
    font-size        : 16px;
    line-height      : 20px;
    font-weight      : bold;
    text-align       : center; }
a {
    text-decoration  : none;
    font-style       : italic;
    color            : #bbbbbb; }
a:hover {
    color            : white; }
div#navigation {
    border-top       : solid #555555 1px;
    border-bottom    : solid #555555 1px;
    padding-top      : 5px;
    padding-bottom   : 5px;
    height           : 21px; }
div#navigation div {
    background-color : #999999;
    float            : left;
    width            : 20%;
    width            : expression("19.9%");
    padding-top      : 3px;
    padding-bottom   : 3px;
    text-align       : center; }
div#content {
    padding          : 10px; }
p#footer {
    border-top       : solid #555555 1px;
    text-align       : center;
    color            : #aaaaaa;
    position         : absolute;
    bottom           : 6px;
    left             : 0;
    width            : 100%;
    height           : 25px;
    font-size        : 10px; }
p#footer span {
    position         : relative;
    top              : 7px; }

/* specific styles: index */
body#index div#content {
    padding-top      : 40px;
    text-align       : center; }

/* specific styles: galerie */
body#galerie div#content p {
    padding-bottom   : 25px; }
body#galerie div#content p.right, body#galerie div#content p.left {
    width            : 47%;
    padding          : 3px; }
body#galerie p.left {
    float            : left;
    text-align       : right; }
body#galerie p.right {
    float            : right; }

/* specific styles: raum */
body#raum div#content {
    padding          : 0px; }
body#raum div#content p {
    text-align       : center; }
body#raum p#foto {
    padding-top      : 25px; }
body#raum p#thumbs {
    position         : absolute;
    bottom           : 31px;
    border-top       : solid #555555 1px;
    width            : 100%; }
body#raum p#thumbs img {
/*   padding-left     : 12px;
    padding-right    : 12px; */
    margin-left      : 10px;
    margin-right     : 10px;
    cursor           : pointer; }
body#raum p#thumbs img.back {
/*    padding-left     : 5px;
    padding-right    : 18px;
    padding-bottom   : 18px; */
    margin-left      : 5px;
    margin-right     : 18px;
    margin-bottom    : 18px; }
body#raum p#thumbs img.forward {
/*    padding-left     : 18px;
    padding-right    : 5px;
    padding-bottom   : 18px; */
    margin-left      : 18px;
    margin-right     : 5px;
    margin-bottom    : 18px; }

/* specific styles: links */
body#links h2 {
    border-top       : solid #aaaaaa 1px; }
body#links div#content p {
    text-align       : center; }
body#links div#content a {
    padding-left     : 10px;
    padding-right    : 10px; }