@charset "utf-8";


/* ******** */
/* ELEMENTS */
/* ******** */

* { border:0; margin:0; padding:0; }
*:focus { outline:none; }

html,
body { height:100%; }

body,
textarea,
input { background:#fff; font-family: "Lato", "Helvetica", "Arial", "sans-serif"; color:#666; font-size:12.2px; line-height:16px; }
body { overflow-y:scroll; }

a:link,
a:visited { color:#666; text-decoration:none; }
a:hover,
a:active,
a.current { color:#000; }

abbr { letter-spacing:1px; }

label { font-size: 10px; }

p { margin:0 0 8px 0; }

ul { list-style-type:none; }

input,
textarea { padding:3px 5px; }
option { padding:1px 5px; }

/* ** */
/* ID */
/* ** */

#canvas { width:100%; height:373px; position:relative; overflow:hidden; /* overflow-x:auto; */ }
#canvas .teaser { position:absolute; z-index:5; width:600px; bottom:50px; left:38px; font-weight:100; font-size:32px; line-height:36px; color:#fff; display:inline; }
#canvas.profile-canvas { background:#000; height:353px; padding:20px 0 0 0; }
#canvas.profile-canvas .pro-cols { padding:0 0 0 19px; min-width:1000px; }
#canvas.profile-canvas .cols { width:300px; margin:0 0 0 20px; float:left; color:#fff; }
#canvas.profile-canvas .cols h2.header { margin:0 0 10px; line-height:20px; height:50px; overflow:hidden; }
#canvas.profile-canvas .cols .content { width:300px;}
#canvas.profile-canvas .cols .content .text { padding:0 3px 0 0; }
#canvas-control { position: absolute; top:380px; right:25px; }
#canvas-control .view { margin:0 20px 0 0; }
#strip { /*line-height:0;*/ white-space:nowrap; }
#strip li.end { margin:0 !important; }
#canvas.projects .jspPane,
#canvas.studio .jspPane { height:373px; } 
#canvas.projects .canvas-image img { visibility:hidden; }
#canvas.projects-overview .canvas-image:hover,
#canvas.projects-overview .canvas-image:active { cursor: pointer; }

#main { position:absolute; top:373px; width:1100px; margin:25px 0 0 26px; }

#header { position:fixed; z-index:55; bottom:0; margin:0 0 22px 12px; }

#settings { position:fixed; z-index:55; bottom:0; right:0; margin:0 22px 22px 0; }
#settings li.preferences { margin:8px 0 0 10px; font-size:11px; color:#777; }
#settings li.preferences a { margin:0 3px; }

#signet { display:block; line-height:0; width:110px; height:40px; background: url(../images/default/signet.png) no-repeat; }

#navigation li { margin:0 20px 8px 0; }
#navigation li a { text-transform:uppercase; }

#content { margin:0 0 0 13px; padding:0 0 100px 0; }

#ie6 { display:none; }

/* ***** */
/* CLASS */
/* ***** */

/* *********** */
/* project class */
/* *********** */

.canvas-image { float:left; margin:0 4px 0 0; }
.canvas-image *{ margin:0; line-height:0; }


.canvas-image:hover .select,
.canvas-image a.current .select,
.canvas-image .selected  {  display:none; }
.canvas-image:hover .selected,
.canvas-image a.current .selected {  display:block; }

.content-nav { float:left; margin:0 40px 0 0; }
.content-nav li { margin:0 0 8px 10px; white-space:nowrap; }
.content-area { float:left; width:450px; margin:0 30px 0 0; }
.content-area .text { text-align:justify; margin:0 0 0 10px; }
.content-caption { float:left; width:190px; margin:0 0 0 0; }
.content-caption .text { text-align:left; margin:0 0 8px 10px; }
.content-caption .pdf { text-align:left; margin:0 0 0 10px; }
.content-caption .pdf a { font-weight:bold; border-bottom: 2px solid #777; line-height:20px; }
.content-caption .pdf a:hover,
.content-caption .pdf a:active { color:#222; border-bottom: 2px solid #222; }

.loader { width:1px; height:373px; position: absolute; z-index:999; background:#dedede; display: block; }

/* ************* */
/* general class */
/* ************* */
.fett { font-weight: bold; }
.kursiv { font-style: italic; }
.nowrap { white-space:nowrap; }
.hidden { display:none; }
.float-left { float:left; width:50%; }
.float-right { float:right; width:50%; }
.clear { clear:both; line-height:0; height:0; }
.clear-right { clear:right; line-height:0; height:0; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }




/* ***** */
/* HACKS */
/* ***** */
/* Safari @media screen and (-webkit-min-device-pixel-ratio:0) { .selector {  } } */
/* Opera @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { :root .selector {  } } */