/* {{{ debug */
#header,
#content,
#footer {
    /*border: 0.1em solid;/**/
}
/* }}} */
/* {{{ global */
* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 12pt;
}
body {
    font-size: 62.5%;
    background-color: #ffffff;
}
body, input, textarea, button {
    font-family: "Verdana", "Arial", "Helvetica Neue", "Helvetica", Sans-Serif;
}
#content h1,
#content h2,
#content b,
#content strong,
#content dt,
#navigation ul li a.parent_of_active,
#navigation ul li a.active {
    font-family: "Tahoma", "Verdana", "Arial", "Helvetica Neue", "Helvetica", Sans-Serif;
    font-weight: bold;
}
.invisible {
    display: none;
}
.hidden {
    visibility: hidden;
}
.clearfloat {
    clear: both;
}
/* }}} */
/* {{{ header */
#header {
    height: 13.9em;
}
#logo {
    position: absolute;
    top: 1.4em;
    left: 1.4em;
}
#logo:hover img,
#logo:hover object {
    filter: alpha(opacity=70); 
    opacity: 0.7;
}
#logo img, 
#logo object {
    display: block;
    border: none;
    width: 37.5em;
    height: 9.5em;
}
#logo a {
    display: block;
    position: absolute;
    width: 37.5em;
    height: 9.5em;
    text-decoration: none;
}
#logo a.dots {
    display: block;
    position: absolute;
    left: 75.1em;
    top: 5.5em;
    width: 18.2em;
}
#logo a.dots img {
    width: 18.2em;
    height: auto;
}
/* }}} */
/* {{{ header start */
.start #logo img, 
.start #logo object {
    display: block;
    border: none;
    width: 37.5em;
    height: 9.5em;
}
.start #logo a.dots {
    left: 0;
    top: 0;
}
.start #logo a.dots img {
    width: 36.4em;
    margin-left: 25em;
    margin-right: 20em;
    margin-top: 13.9em;
    margin-bottom: 13.9em;
}
/* }}} */

/* {{{ content */
#content {
    padding-top: 0.1em;
    margin-left: 26.5em;
    border-top-width: .1em;
    border-top-style: solid;
    width: 68.2em;
}
#content h1,
#content h2,
#content ul,
#content p {
    font-size: 1.2em;
    line-height: 1.4em;
}
#content ul p {
    font-size: 1em;
}
/* {{{ section normal */
#content h1,
#content h2,
#content b,
#content strong,
#content dt {
    font-weight: bold;
}
/* }}} */
/* {{{ section light */
#content .light h1,
#content .light h2,
#content .light b,
#content .light strong,
#content .light dt {
    font-weight: normal;
    font-weight: bold;
}
/* }}} */

.section {
    width: 50em;
    margin-bottom: 1.4em;
}
.section ul li {
    margin-left: 1.5em;
}
.section .googlemaps {
    width: 50em;
    height: 40em;
}
/* }}} */
/* {{{ details */
.details {
    clear: both;
}
.details dt {
    padding-top: 1.5em;
}
.details dt.hasdetails {
    cursor: pointer;
}
.details dt.hasdetails:hover {
    text-decoration: underline;
}
.details dd {
    display: block;
    width: 50em;
}
.javascript .details dd {
    display: none;
    /*padding-bottom: 1em;*/
}
/* }}} */
/* {{{ images */
.section .image {
    position: relative;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}
.section .image img,
.section .images img {
    display: block;
    margin-bottom: 0.5em;
}
.section .image img {
    width: 50em;
}
.section .image .caption {
    position: absolute;
    right: -18em;
    top: 0;
    width: 17em;
}

.section .images {
    width: 68.2em;
    margin-top: 0.3em;
}
.section .images img {
    width: 68.2em;
}
.section .images .clickthrough {
    position: relative;
    height: 46em;
}
.section .images .prevnext a {
    margin-right: 1em;
}

.section .half {
    width: 69.0em;
}
.section .half .image {
    float: left;
    padding-right: 0.8em;
}
.section .half .image img {
    width: 33.7em;
    width: 24.6em;
}
.section .half .image .caption {
    position: static;
}
/* }}} */

/* {{{ footer */
#footer {
    clear: both;
}
/* }}} */

/* vim:set ft=css sw=4 sts=4 fdm=marker : */