#wpadminbar {opacity: 0.5;height:16px !important;}

/* Basic
-------------------------------------------------------------------------------*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #168dd9;}
a:hover {color: #449cd3;}

b {font-weight: bold;}

/* smooth hover effects */
a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: rgb(13, 108, 141); color: #fff; text-shadow: none;}
::selection {background: #0073a2; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.chromeframe {position: absolute; top: 0;}

body,input,textarea {font: 100% 'Droid Sans', Helvetica, Arial, sans-serif;}

h1,h2 {text-transform: uppercase;text-decoration: underline;}

h1 {font-size:200%;font-weight: 600;}
h2 {font-size:160%;margin-bottom: 10px;}
h3 {font-size:140%;margin-bottom: 10px;}
h4 {font-size:120%;margin-bottom: 15px;}

.large {font-size:200%;margin-bottom: 0px;}
.medium {font-size:140%;}
.small {font-size:120%;max-width: 700px;margin: 0 auto 10px;}

p, ul, ol {margin-bottom: 1em;line-height: 1.4em;}

ul li {list-style: none;margin-bottom: 10px;}


/* Grid
-------------------------------------------------------------------------------*/
.wrapper {width:100%;clear: both;margin: 0px;padding: 10px 0 20px;z-index: 1;position: relative;}
.content {margin:0px auto;width: 100%;max-width: 1200px;}
.g {margin: 10px 0 0 1.6%;min-height:50px;float:left;display: block;padding:15px;}
.gl {margin-left: 0px;}
.g6 {width:100%;}
.g5 {width:83.06%;}
.g4 {width:66.13%;}
.g3 {width:49.2%;}
.g2 {width:32.26%;}
.g1 {width:15.33%;}
.centered {text-align: center;}
.floored {display: inline-block;}
.righted {float:right;}
.shell {padding:0;margin:0;}
.clear {clear:both;}

/* Header & Navigation
-------------------------------------------------------------------------------*/
.header {width:100%;z-index: 100;position: fixed;top:0;left:0;}
.header p {margin-bottom: 3px;}

nav li {text-transform: uppercase; display: inline-block;padding: 3px;}
nav li a {color:white;text-decoration: none;}
nav li a:hover {color:#7E5B7B}

.selected {color: #fff;text-decoration: underline;}

.header.home- {background-color:rgba(0, 0, 0, 0.9) !important;}

.headroom {
    background-color:rgba(0, 0, 0, 0.9);
    transition: transform 300ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.header.headroom--top.home-1 {display:none;}
.header.headroom--top.home- {padding: 10px 0;height:50px;}
.header.headroom--not-top {padding: 10px 0;height:50px;}

/* Block styles
-------------------------------------------------------------------------------*/

html {background: #E8E8DE;height:100%;}

#buch {background: rgb(182, 211, 221);}
#vernissage, #stimmen {background: rgb(255, 128, 128)}
#timeline {}

footer {margin: 0 auto 10px ;}
footer p {color:#889897;font-size: 75%;margin-bottom: 0px;}


/* Special styles
-------------------------------------------------------------------------------*/

.btn {padding:10px 20px;background:rgba(255, 128, 128,0.72);border:2px solid red;color:#323232;border-radius:2px;text-decoration: none;text-transform:uppercase;}
.btn:hover {background:rgb(255, 128, 128); color:#333;}

.biglink, .cta {padding:5px;background-color: rgba(197,197,197,0.6);margin: 0 1px 3px 0;color:#333;display: inline-block;}
.biglink:hover {background-color: rgba(65,65,65,0.8);color:white;}

.cta:hover {background-color: rgba(65,65,65,0.6);color:white;}

.error {background: rgba(255,242,0,0.6);padding:10px;}

.qs {font-size:130%;}

.subline {max-width: 700px;margin: 10px auto 0;}

.quote {
padding-left: 50px;
font-size:120%; 
color:#E8E8DE;
quotes: "\201C" "\201D";
margin-bottom: 30px;
 }
 
.quote:before, .quote:after {
color: #E8E8DE;
display: block;
font-size: 400%;
width: 50px;
}

.quote:before {
content: open-quote;
height: 0;
margin: 30px 0 -10px -0.55em;
}

.quotecredit {
	color:#E8E8DE;
	padding-left: 50px;}
	
.quotecredit:before {
	content: "\2014\00a0";
}

.quotecredit a {color: #E8E8DE;}
.quotecredit a:hover {color: rgba(232,232,222,0.78);}

ul.postlist li, #news ul li {list-style: square;}
#news ul, #about ul, #about ol {padding-left:15px;}


/* Article styles
-------------------------------------------------------------------------------*/

#article {position: relative;}

article p, blockquote {font-family: 'Droid Serif', Georgia, serif;line-height: 165%;letter-spacing: -0.2px;}
article h3 {font-size: 200%;}
.main {max-width: 640px;margin: 80px auto 20px;padding-bottom: 50px;}
article ol, article ul {margin-left:7%;line-height: 150%;}
article ul li {margin-bottom: 0;list-style: square;}

.date {font-size: 85%;margin-bottom: 1em;color:grey;}

p.credit {color:#636363;text-align: right;font-size: 0.85em;}
p.sitecredit {color:#d2d2c6;font-size: 0.75em;margin-top: 70px;}
p.sitecredit a {text-decoration: none;color:#d2d2c6;}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {
}


/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
.tablet-hide {display: none;}
}


@media screen and (max-width: 480px) {
.g1,.g2,.g3,.g4,.g5,.g6 {width: 100%;margin: 0; padding:5px 15px; }
.mobile-hide {display: none !important;}
.btn {display: block;text-align: center;}
.header {display:none;height:75px;}
.nav {}
article.main {padding: 0 15px !important;margin-top: 80px;}
ul.postlist li {list-style: none;}
}