@charset "utf-8";

a#qf:hover {background-color: rgb(255,255,0);}

/*#copyright {position:fixed;bottom:0;left:0;padding:10px;background:rgb(0,0,0);background:rgba(0,0,0,0.7); color:white;font-size:0.7em;}*/
#warning , #copyright {padding:0 1em;font-size:0.7em;font-weight:100;}
#warning {float:right;}
/* Sticky footer */
#footer {height:1.75em;}
#pageminusfooter {margin-bottom:-2em; min-height:100%;}
#push {height:2em;}
/* GENERAL */
@font-face {
    font-family: 'lietz_lindauhamburgregular';
    src: url('fonts/lietzlindauhamburg-webfont.eot');
    src: url('fonts/lietzlindauhamburg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lietzlindauhamburg-webfont.woff') format('woff'),
         url('fonts/lietzlindauhamburg-webfont.ttf') format('truetype'),
         url('fonts/lietzlindauhamburg-webfont.svg#lietz_lindauhamburgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {margin:0; height:100%; padding:0;font-family: 'lietz_lindauhamburgregular', sans-serif;font-size:14px;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
a {text-decoration:none;color:black}}
img {display: inline-block; border:none;}
div#contents, div#logo,  div#menu {display:block;margin:0 auto;width:70%;padding:0;}
div#contents {margin-top:1em;}

.vimeoplayer {width: 100%; height: 100%;}
/* BACKGROUNDS */
#background {position:fixed; top:0;bottom:0;left:0;right:0;overflow:hidden;z-index:-1000;}
#background {background-size:cover;}
/* HEADER */
div#header  {height:150px; background:rgb(0,0,0);background:rgba(0,0,0,0.7); }
div#header img {height:45px; padding:15px 0;}
div#header div#menutitle div {display:inline-block; }
div#menu1 {position:relative; top:-0px;} /* top:-31px */
div#menu1 a {background:rgb(255,255,0);display:inline-block;margin:2px;padding:2px;font-size:20px;}
div#menu1 a:hover, div#menu1 a.current {color:white;background:black;}

/* SIDE */
div#side {position:absolute; top:15px; right:15px;}
div#side img {height:120px;}


/* HOME */
div.home div.contain {background:white;background:rgba(255,255,255,0.7);padding:5px;}

/* MOMENT PAGES */
/* v = Video, a = Artist, m = moment */
div.c, div.v{display:block; float:left;width:200px; height:200px; margin:0 5px 5px 0;background:white;}
div.m {display:block; width:200px; background:white;background:rgba(255,255,255,0.7);}
div.m {padding:5px;margin:0;position:fixed; right:15px;}

div.v iframe, div.v object {width:100%;height:100%;}
div.v {position:relative;overflow: hidden;}
div.v > * {position:absolute;}
div.v div {padding:0.3em;color:white;font-weight:bold;display:inline-block;background:black;font-size:0.7em;}


div.c {padding:5px;background:rgba(255,255,0,0.7);}

/* ORDER ME

ul, li {margin:0;padding:0;}


ul#menu {list-style-type:none;padding:0;margin:0;display:block;float:left; }
ul#menu li { margin-bottom:0.5em;}
ul#menu li a { padding:0.5em;width:16em;display:block;}
ul#menu li a { text-decoration:none;color:black;background:rgb(255,255,255);background:rgba(255,255,255,0.7);}
ul#menu li a:before {content:"{ ";}
ul#menu li a:after {content:" }";}

ul#menu li a:hover,
ul#menu li.current a,
div#contents div#pages div { background:white;}


#menu1 {overflow-y:hidden;overflow-x:auto;}
#menu2 {width:1000em;}
#menu2 * {float:left;}
#menu2 a	{padding: 3px 9px;display: block; margin:3px;background-color:rgb(255,255,255);color:black;}
#menu2 a:hover, #menu2 a.current	{background-color:#FF66CC;}
#prev,#next {display:none;}
#prev, #menupic {float:left;}
#next {float:right;}
#prev img, #next img {height:1.8em;}

*/

/* Recostructing the X

ul#gallery {list-style-type:none;}
ul#gallery li {display:inline-block;}
ul#gallery li a {text-decoration:none; color: black; background:white; font-weight: bold;padding:0.2em 0.4em;}
ul#gallery li:hover a,
ul#gallery li.current a {background:rgb(255,200,0);}
*/


/* ADMIN */
table.admin {background:rgba(255,255,255,0.7);text-align:left;}
table.admin td, table.admin tr {vertical-align:text-top;}