h2, h3, #diary .sep, #gallery a.pagination, #mc_embed_signup label,
#mc_embed_signup #form-right input {font-family:'DIN Next W01 Medium', 'DIN-Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
h2 span.sub, #diary .item span strong {font-family:'DIN Next W01 Light', 'DIN-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
h3 {color:#585858; text-transform:uppercase;}

body {background:#eee; color:#000; font:normal 11px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align:left;}
body.white-body {color:#fff;}
body.dark-bg {background-color:#333;}

#loading-overlay {background:#fff url(../img/loading-grey.gif) 50% 50% no-repeat; height:100%; left:0; position:fixed; top:0; width:100%; z-index:10;}

a#fb-link {background:transparent url(../img/fb.png) 0 0 no-repeat; cursor:pointer; display:block; height:20px; overflow:hidden; position:absolute; right:16px; text-indent:-500px; top:0; width:76px; z-index:100;}
a#fb-link:hover {background-position:0 -20px;}

#nav {min-height:1px; position:relative;}
#nav-i {left:20px; position:fixed; top:0; width:150px; z-index:2;}
* html #nav {height:1px;}
* html #nav-i {position:absolute;}
#nav h1 {border-bottom:1px solid #e74011; height:150px; margin-bottom:10px; padding:25px 0 24px;}
#nav h1 a {background:transparent url(../img/logo.png) 0 0 no-repeat; display:block; height:150px; margin:0 auto; overflow:hidden; position:absolute; text-decoration:none; text-indent:-500px; width:150px; z-index:15;}
#nav h1 a:hover {background-position:0 -160px;}
#nav h1 a:active {background-position:0 -320px;}
#nav ul li {font-weight:bold; line-height:19px; margin-bottom:1px;}
#nav ul li a {background:#fff; display:block; padding:0 10px;}
#nav ul li.active a, #nav ul li a:hover {color:#e74011; text-decoration:none;}
#nav ul li ul {border-top:10px solid #e74011; border-bottom:9px solid #e74011; display:none; margin-top:1px;}
#nav ul li ul li {background:none; line-height:20px; margin:0;}
#nav ul li ul li a, #nav ul li.active ul li a {background:transparent url(../img/submenu.gif) 0 0 no-repeat; color:#fff;}
#nav ul li ul li a:hover {color:#000;}
#nav ul li.active ul {display:block;}
#nav ul li ul li.active a {background-position:0 -20px;}
#nav ul li ul:hover li a {background-position:0 0;}
#nav ul li:hover ul li a:hover, #nav ul li:hover ul li.active a:hover {background-position:0 -20px; color:#fedcd2;}

#wrap {margin-left:20px; width:980px;}
#page {position:relative; z-index:1;}

.fullsize {position:relative;}

#startimg {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);}

#supersized-loader, #loading {background-image:url(../img/loading-grey.gif); background-repeat:no-repeat; display:none; height:32px; left:49.5%; position:absolute; text-indent:-999em; top:49.5%; width:32px; z-index:0;}
body.dark-bg {background-image:url(../img/loading-white.gif); background-repeat:no-repeat; background-position:50% 50%;}
#supersized {left:0; position:fixed; top:0; z-index:0;}
#supersized img, #supersized a {cursor:default; height:100%; position:absolute; width:100%; z-index:-1;}
#supersized .prevslide, #supersized .prevslide img {z-index:1;}
#supersized .activeslide, #supersized .activeslide img {z-index:2;}

#gallery, #diary {line-height:0; padding:0 16px 16px 16px;}
#gallery .item, #diary .item {display:inline-block; float:left; line-height:0; margin:0; position:relative;}
* html #gallery .item, * html #diary .item {display:inline;}
#gallery .item, #diary .item {background:#ddd; margin:0 2px 2px 0;}
#gallery a.item:hover, #diary a.item:hover {color:#fff; text-decoration:none;}
#gallery .item span, #diary .item span {background:#e74011 url(../img/loading-orange.gif) -1000px 0 no-repeat; display:block; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery img {height:140px;}
#gallery.loading a.item {cursor:default;}
#gallery .loading span {background-position:50% 50%;}
#gallery a.pagination {background:#ddd url(../img/arrow-large.gif) 100% -80px no-repeat; display:block; height:100px; float:left; line-height:20px; margin:0 2px 2px 0; width:120px;}
#gallery a.pagination:hover {background-color:#333; color:#fff; text-decoration:none;}
#gallery a.page-prev {background-position:0% -380px; text-align:right;}

#diary img {height:200px;}
#diary .item {color:#fff; overflow:hidden;}
#diary .item span {line-height:20px; top:-1000px;}
#diary .pre span {background-color:#666;}
#diary .item:hover span {top:0;}
#diary .item span strong, #diary .sep, a.pagination {display:block; font-size:40px; font-weight:normal; letter-spacing:-0.05em; line-height:1em; padding:20px 10px;}
#diary .sep, a.pagination {background:#ddd url(../img/arrow-large.gif) 100% -50px no-repeat; color:#666; font-size:30px; height:160px; line-height:1em; width:180px;}
#diary a.sep-prev {background-position:0% -350px; text-align:right;}
#diary a.sep:hover {background-color:#333;}
#diary a small {color:#999;}
#diary.loading a.item {cursor:default;}
#diary .loading span {background-position:50% 50%;}

#diary-wrap {position:relative;}
#diary-archive {display:none; left:16px; line-height:19px; margin-left:1px; position:absolute; top:111px; width:150px; z-index:20;}
#diary-archive a {background:#fff; display:block; margin-bottom:1px; padding:0 10px;}
#diary-archive a:hover {background-color:#e74011; color:#fff; text-decoration:none;}
#diary-month {background:#e74011 url(../img/arrow-down.gif) 100% 50% no-repeat; cursor:pointer; padding-right:30px;}
#diary-month:hover {background-color:#666; color:#fff;}

/*
#diary-view {background:#f5eeca url(../img/paper.jpg) 0 9px repeat;}
#diary-shot img {border:4px solid #fff; border-bottom-width:32px; margin:0 0 6px 20px; max-width:280px; position:relative;}
*/
#diary-view {background:#f2f2f2 url(../img/content/bg-diary-tl.jpg) 0 0 no-repeat;}
#diary-shot img {border:4px solid #fff; margin:0 0 6px 20px; max-width:280px; position:relative;}
#diary-view #content h1 {color:#1d2476; font-family:'GiacomettiLetterLTW01', 'Giacometti Letter LT W01', 'AdPro LT W01', Arial, sans-serif; font-size:60px; line-height:60px; margin:24px 0 30px; padding-right:40px; text-transform:uppercase;}
#diary-post {color:#1d2476; font-family:'AdPro LT W01', Arial, sans-serif; font-size:1.3em;}
/*
#diary-content {
	background:#fff;
	background:rgba(255,255,255,.8);
	padding:0 10px 20px;}
*/
#referenzen .span-2 {margin-right:12px;}
#referenzen .last {margin-right:0;}

body.iframe {background:#fff url(../img/loading-grey.gif) 50% 50% no-repeat;}

.heading ul, .heading li, .heading h2 {display:inline; float:right;}
.heading h2, .heading li {float:left;}
.heading ul {margin-right:16px;}
.heading li {margin-left:8px;}
.heading li a {background:transparent url(../img/grid-view.gif) 0 0 no-repeat; float:left; height:22px; margin:-1px -1px -1px -1px; overflow:hidden; position:relative; text-indent:-500px; width:22px;}
.heading li a.grid-view:hover {background-position:-30px 0;}
.heading li a.prev-album {background-position:0 -30px;}
.heading li a.prev-album:hover {background-position:-30px -30px;}
.heading li a.next-album {background-position:0 -60px;}
.heading li a.next-album:hover {background-position:-30px -60px;}

h2 {clear:both; font-size:13px; line-height:1em; padding:10px 0; text-transform:uppercase;}
h2 span {background:#e74011; color:#fff; float:left; padding:5px 10px 2px 5px;}
h2 span.sub {margin-left:1px;}
h2 span.white {background:#fff; color:#e74011;}
p, h2 {margin-bottom:20px;}

blockquote {background:transparent url(../img/quote.png) 0 0 no-repeat; padding-left:30px;}
.orange-text, blockquote {font-family:Arial; font-weight:900; }
.orange-text span, .orange-text span.line span {background:#e74011; color:#fff; padding:2px 0.5em;}
.orange-text span.line, .orange-text span.empty span {background:none; display:block; padding:0;}
.orange-text span.line span {float:left; min-height:20px; padding:0 0.5em;}
* html .orange-text span.line span {height:20px;}
.orange-text span.empty {background:none; height:20px;}

#links {margin-top:170px;}

#mc_embed_signup {position:relative;}
#mc_embed_signup form {background:#fff; color:#333; padding:20px 0 4px 20px;}
#mc_embed_signup .indicate-required {color:#848484; font-size:.9em; position:absolute; right:15px; bottom:20px;}
#mc_embed_signup label {color:#666; display:block; font-size:10px; line-height:1em; text-transform:uppercase; width:67px;}
#mc_embed_signup input.text {background:#dfdfdf; border:2px solid #ccc; display:block; font-size:16px; height:1em; line-height:1em; margin:4px 0 16px; padding:10px 10px; width:220px;}
#mc_embed_signup input.mce_inline_error {background:#ffa39a;}
#mc_embed_signup div.mce_inline_error {color:#e74011; font-size:10px; font-weight:900; margin:-15px 0 10px; position:relative;}
#mc_embed_signup #form-left, #mc_embed_signup #form-right {float:left; width:100px;}
#mc_embed_signup #form-left {padding-top:6px; width:263px;}
#mc_embed_signup #form-right input {background:#e74011; border:none; color:#fff; cursor:pointer; font-size:13px; display:block; height:80px; padding:0; width:80px;}
#mc_embed_signup #form-right input:hover {background-color:#333;}
#mc_embed_signup #mce-success-response, #mc_embed_signup #mce-error-response {font-size:11px; font-weight:bold; padding:0 20px 10px 0;}
#mc_embed_signup #mce-error-response {color:red;}

cite {font-weight:bold;}
ul.large-list li {background:#fff; color:#333; line-height:19px; margin-bottom:1px; padding:0 10px;}
ul.links li {padding:0;}
ul.links li a {display:block; font-weight:900; padding:0 10px;}
ul.links li a:hover, a.block-link:hover {background-color:#e74011; color:#fff; text-decoration:none;}

a.block-link {background:#fff; float:left; font-weight:900; padding:2px 0.5em;}
.bold {font-weight:900; font-size:13px;}
.m0 {margin:0;}
h2.m0 {margin-bottom:10px;}
.pt {padding-top:20px;}
.pl {padding-left:16px;}
.top-space {padding-top:80px;}

#controls {margin:20px 0 0 30px;}
#controls li, #controls li a {display:inline; float:left;}
#controls li a {background:transparent url(../img/controls.png) 0 0 no-repeat; cursor:pointer; height:29px; overflow:hidden; text-indent:-500px; width:108px;}
#controls li#c-video a {background-position:-108px 0;}
#controls li#c-song a:hover {background-position:0 -40px;}
#controls li#c-video a:hover {background-position:-108px -40px;}
#controls li#c-song a:active {background-position:0 -80px;}
#controls li#c-video a:active {background-position:-108px -80px;}

#controls.no-margin {margin-left:0;}

.shot iframe {display:block;}
#page-projects .shot {margin-bottom:30px;}
#page-projects .shot h3 {line-height:30px;}

#flashMessage {background:#333; color:#fff; height:36px; left:50%; line-height:36px; margin-left:-490px; position:absolute; top:500px; width:980px; z-index:10000;}

#login label {float:left; padding:5px 0; width:100px;}
#login input[type=text], #login input[type=password] {margin-bottom:5px; padding:5px; width:160px;}

.cake-debug, table.cake-sql-log {text-align:left;}
.cake-sql-log {margin:20px 0 20px!important; position:relative; z-index:3;}