/* {{{ debug */
img {
    /*background-color: #aaaaaa;*/
}
/* }}} */
/* {{{ global */
* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 12pt;
}
body {
    font-size: 75%;
}
body, 
input, 
textarea, 
button {
    font-family: "Verdana", "Tahoma", "Helvetica Neue", "Helvetica", "Arial", Sans-Serif;
}
p,
h1,
h2,
h3,
#navigation li a {
    font-size: 0.95em;
    line-height: 1.57em;
}
a img {
    border: none;
}
.invisible {
    display: none;
}
.hidden {
    visibility: hidden;
}
.font_normal {
    font-weight: normal;
}
.section,
#news h2,
#news li,
#navigation #navmain1,
#navigation #navmain2,
#navigation #subnav {
    padding-top: 0.5em;
}
#news a,
#navigation a {
    text-decoration: none;
}
#news a:hover,
#navigation a:hover {
    text-decoration: underline;
}
#navigation a.active,
#navigation a.parent_of_active {
    text-decoration: underline;
}
/* }}} */
/* {{{ westwaerts */
a.westwaerts {
    display: block;
    position: absolute;
    z-index: 1001;
    top: 2em;
    right: 0;
    width: 7em;
    height: 7em;
}
a.westwaerts img {
    display: block;
    width: 7em;
    height: 7em;
}
/* }}} */
/* {{{ content */
#content,
.section,
#navigation #subnav {
    width: 45em;
}
.section {
    clear: both;
    margin-top: -3px;
}
#content .video,
#content .fullwidth {
    position: relative;
    top: -1px;
    margin-top: -0.5em;
    padding-top: 0em;
    padding-bottom: 1px;
}
#content div + .video,
#content p + .video,
#content div + .fullwidth,
#content p + .fullwidth {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
#content .video + .video,
#content .fullwidth + .fullwidth {
    margin-bottom: 1em;
}
#content .fullwidth img {
    display: block;
    margin-bottom: 0.5em;
    width: 45em;
}
.section {
    margin-bottom: 0.6em;
    margin-bottom: 2.17em;
}
.hint {
    margin-bottom: 1.57em;
}
/* }}} */
/* {{{ news archive */
.news img {
    float: left;
    display: block;
    width: 6em;
    height: 6em;
    margin-right: 1.5em;
    margin-bottom: 0.1em;
    margin-top: 0.3em;
}
.news div {
    float: left;
    width: 37em;
    margin-bottom: 0.5em;
}
/* }}} */
/* {{{ thumbs */
#content .thumbs {
    width: 47.5em;
}
#content .thumbs a {
    float: left;
    padding-right: 1.4em;
    padding-bottom: 1.4em;
}
#content .thumbs a,
#content .thumbs img {
    display: block;
    width: 14em;
    height: 13.5em;
    border: none;
}
#content .thumbs a:hover img {
    opacity: 0.4;
}
/* }}} */
/* {{{ video */
.video {
    font-size: 0.83em;
}
.video div.wrapper {
    position: relative;
}
.video img,
.video object {
    display: block;
    width: 100%;
    border: none;
}
.video .controls {
    position: relative;
    line-height: 1.5em;
    color: #666666;
}
.video .indicator {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 30em;
    min-height: 100% !important;
    background: url("../js/depage_player/play_indicator.png") center center no-repeat !important;
    background: url("../js/depage_player/play_indicator.gif") center center no-repeat;
}
.video .controls img {
    display: block;
    width: 3em;
    height: 3em;
}
.video .controls .play,
.video .controls .pause,
.video .controls .rewind,
.video .controls .time,
.video .controls .legend {
    display: block;
    position: absolute;
    top: 1em;
    z-index: 998;
}
.video .controls .play,
.video .controls .pause {
    left: 0;
    cursor: pointer;
}
.video .controls .rewind {
    left: 2.6em;
    cursor: pointer;
}
.video .controls .progress {
    position: relative;
    display: block;
    height: 1em;
    top: 0;
    left: 0;
    width: 100%;
    background: #dddddd;
    cursor: pointer;
    overflow: hidden;
}
.video .controls .progress,
.video .controls .buffer {
    border-bottom-left-radius: 0.6em;
    border-bottom-right-radius: 0.6em;
    -webkit-border-bottom-left-radius: 0.6em;
    -webkit-border-bottom-right-radius: 0.6em;
    -moz-border-radius-bottomleft: 0.6em;
    -moz-border-radius-bottomright: 0.6em;
}
.video .controls .progress span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.video .controls .progress .position {
    background: #666666;
}
.video .controls .progress .buffer {
    background: #eeeeee;
}
.video .controls .time,
.video .controls .legend {
    padding-top: 0.8em;
}
.video .controls .time {
    left: 6em;
}
.video .controls .legend {
    position: relative;
    padding-left: 15em;
    color: #000000;
    top: 0;
    padding-bottom: 1.5em;
    z-index: 997;
}
.video .controls .time span,
.video .controls .legend span {
    font-size: 1.1em;
}
.flash .video .hint {
    display: none;
}
/* }}} */

/* {{{ navigation */
#navigation #subnav h3,
#navigation #subnav ul,
#navigation #subnav li {
    display: inline;
    padding-left: 0;
}
#navigation #subnav h3 {
    padding-right: 0.5em;
}
#navigation #subnav h3 {
    font-weight: bold;
}
#navigation #subnav li::before {
    content: ". ";
}
#navigation #subnav li.first::before {
    content: "";
}
/* }}} */

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