@charset 'utf-8';
@import url(reset.css);
html {
 height: 100%;
}
body {
 color: #000;
 background: #fff;
 line-height: 1.4;
 font: 100.1% "Courier New", Courier, mono;
 height: 100%;
}
body#project-body, body#about-body {
 overflow: visible;	
}
body#start-body #project-wrapper {
 margin-top: 144px
}
a {
 color: #000; 
}
a:link {
 color: #000;
 text-decoration: none;
}
a:visited {
 color: #000;
}
a:hover {
 color: #000;
 text-decoration: none;
 border-bottom: solid 1px #000;
}
a:active {
 color: #000;
}
h1 {
 height: 13px;
 margin: 8px;
 text-indent: -9999px;
}
h1.news {
 background: url(_img/headline.png) no-repeat 2px 0;
}
h1.about {
 background: url(_img/headline.png) no-repeat 2px -13px;
}
h1.imprint {
 background: url(_img/headline.png) no-repeat 2px -26px;
}
h1.index {
 background: url(_img/headline.png) no-repeat 2px -39px;
}
#wrapper {
 position: relative; 
 width: 100%;
 height: 100%;
}
#works-wrapper {
 position: absolute; 
 margin: -100px 0 0 20px;	
 width: 94%;
 height: auto;
}
#works {
 width: 38%;
 float: left;
 position: fixed;
 z-index:99999;
 top:25px;
}
#works img{
 width: 100%;
}
#project-wrapper {
 position: relative; 
 margin: 100px 3% 0;	
 width: 94%;
 height: auto;
}
#project-wrapper p {
 padding: 6px 0;
}
#project-images-left, #project-images-right {
 width: 44%;
 float: left;
}
#project-images-left {
 padding-right: 6%;
}
#project-images-right {
 padding-left: 6%;
}
#project-images-left li, #project-images-right li{
 float: left;
 width: 100%;
 padding: 6% 0;
}
#project-images-left li img, #project-images-right li img{
 width: 100%;
}
#start-images-left, #start-images-right, #start-images-middle {
 width: 25%;
 float: left;
}
#start-images-middle {

}
#start-images-left {
 padding-right: 12%;
}
#start-images-right {
 padding-left: 12%;
}
#start-images-left li, #start-images-right li,  #start-images-middle li{
 float: left;
 width: 100%;
 padding: 10% 0;
}
#start-images-left li img, #start-images-right li img, #start-images-middle li img{
 width: 100%;
}
#index_listing {margin: 10px 0;}
#index_listing a:hover {
 border-bottom: solid 1px #000;
}
#index_listing h2 {
 margin: 10px 21px;
 font-size: 0.88em;
 background: url(_img/headline.png) repeat-x -5px -105px;
 padding: 5px 0;
 float: left;
}
#index_listing p {
 padding: 0 21px;
}
#index_listing li{
 width: 50%;
 float: left;
}
#index_listing li li{
 width: auto;
 float: none;
}
#navigation {
 height: 30px;
}
#navigation li {
 float: left;
 padding: 0 5px;
}
#navigation li p {
 font-size: 0.75em;
 padding: 6px;
}
#navigation li a{
 text-decoration: none;
}
#navigation li a:hover{
 text-decoration: none;
 border-bottom: none;
}

#helpnavigation li {
 float: left;
 padding: 5px;
}
#helpnavigation li.imprint {
 background: transparent url(_img/imprint.png) no-repeat 0 0;
 width: 23px;
 height: 100px;
}
#helpnavigation li.facebook {
 background: transparent url(_img/facebook.png) no-repeat 0 0;
 width: 23px;
 height: 116px;
}
#helpnavigation li a{
 display: block;
 width: 100%;
 height: 100%;
}
#helpnavigation li a:hover{
 text-decoration: none;
 border-bottom: none;
}
#helpnavigation li span{
 display: none;
}
#project-details {
 float: left;
 padding: 5px;
 background: transparent url(_img/project-details.png) no-repeat 0 0;
 width: 23px;
 height: 244px;
 display: block;
}
#project-details span{
 display: none;
}
#projectnavigation, #aboutnavigation {
 height: 30px;
}
#projectnavigation li, #aboutnavigation li {
 float: left;
 padding: 0 5px;
}
#projectnavigation li p, #aboutnavigation li p{
 font-size: 0.75em;
 padding: 6px;
}
#projectnavigation li p a.home, #aboutnavigation li p a.home{
 border-bottom: solid 1px #000;
}
.info {
 display:none;
 position: absolute;
 top: 70px;
 left: -20px;
 z-index: 10000;
 padding: 5px;
 background: #fff;
 border:1px dotted black;
}
.start {
 position: relative;
}
.start a:hover{
border-bottom: none;
}
.start img{
 border: 1px solid transparent;
}
.resize {
 background: #fff;
 position: absolute;
}
.shadow {
 box-shadow: 1px 1px 4px #555;
 -webkit-box-shadow: 1px 1px 4px #555;
 -moz-box-shadow: 1px 1px 4px #555;
}
#wrapper img {
 position: absolute;
}
.resize img {
 cursor: pointer;
 position: absolute;
 border: 1px solid transparent;
}
img.drag{
 cursor: move;
 z-index: 9999;
}
div.drag {
 position: absolute;
 cursor: move;
 z-index: 9999;
 padding: 0 0 10px 0;
}
div.drag i{
 padding-left: 22px;
}
div.static {
 position: absolute;
 background: #fff;
 z-index: 0;
}
div.static i{
 padding-left: 22px;
}
div.fixed {
 position: fixed;
 background: #fff;
 z-index: 9999;
}
div.fixed i{
 padding-left: 22px;
}
div.close {
 position: absolute;
 top: 5px;
 right: 5px;
 z-index: 99999;
 display:none;
}
#holder div.close {
 right: 5px;
}
div.close a{
 display: block;
 width: 9px;
 height: 9px;
 background: transparent url(_img/close.gif) no-repeat 0 0;
}
div.close span{
 display: none;
}
div#holder {
 position: fixed;
 z-index: 999999;
 padding: 0;
 top:50px;
 left:50px;
 background:white;
 border-width:1px;
 border-style:dotted;
 border-color:black;
}
div#news {
 z-index: 9999;
 width: 440px;
 height: 290px;
}
div#news .item{
 margin-bottom: 50px;
}
div#news h2 {
 margin: 0px 19px;
 height: 23px;
 position: relative;
}
div#news h2 span {
 width: 22px;
 height: 20px;
 background: url(_img/number.png) no-repeat 0 0;
 display: block;
 float: left;
 text-indent: -9999px;
}
div#news h2 span.year {
 width: 16px;
}
div#news h2 span.seperator {
 float: none;
 background: url(_img/headline.png) repeat-x 0 -88px;
 width: 62px;
 position: absolute;
 top: 0;
 left: -2px;
}
div#news h2 .n01 {
 background-position: 0 0;
}
div#news h2 .n02 {
 background-position: 0 -20px;
}
div#news h2 .n03 {
 background-position: 0 -40px;
}
div#news h2 .n04 {
 background-position: 0 -60px;
}
div#news h2 .n05 {
 background-position: 0 -80px;
}
div#news h2 .n06 {
 background-position: 0 -100px;
}
div#news h2 .n07 {
 background-position: 0 -120px;
}
div#news h2 .n08 {
 background-position: 0 -140px;
}
div#news h2 .n09 {
 background-position: 0 -160px;
}
div#news h2 .n10 {
 background-position: 0 -180px;
}
div#news h2 .n11 {
 background-position: 0 -200px;
}
div#news h2 .n12 {
 background-position: 0 -220px;
}
div#news h2 .n13 {
 background-position: 0 -240px;
}
div#news h2 .n14 {
 background-position: 0 -260px;
}
div#news h2 .n15 {
 background-position: 0 -280px;
}
div#news h2 .n16 {
 background-position: 0 -300px;
}
div#news h2 .n17 {
 background-position: 0 -320px;
}
div#news h2 .n18 {
 background-position: 0 -340px;
}
div#news h2 .n19 {
 background-position: 0 -360px;
}
div#news h2 .n20 {
 background-position: 0 -380px;
}
div#news h2 .n21 {
 background-position: 0 -400px;
}
div#news h2 .n22 {
 background-position: 0 -420px;
}
div#news h2 .n23 {
 background-position: 0 -440px;
}
div#news h2 .n24 {
 background-position: 0 -460px;
}
div#news h2 .n25 {
 background-position: 0 -480px;
}
div#news h2 .n26 {
 background-position: 0 -500px;
}
div#news h2 .n27 {
 background-position: 0 -520px;
}
div#news h2 .n28 {
 background-position: 0 -540px;
}
div#news h2 .n29 {
 background-position: 0 -560px;
}
div#news h2 .n30 {
 background-position: 0 -580px;
}
div#news h2 .n31 {
 background-position: 0 -600px;
}
div#news p {

}
div p {
 font-size: 13px;
 padding: 6px 21px;
 line-height: 15px;
}
#scroll-wrapper {
	height: 450px;
}
#content p, #content2 p {
 padding: 6px 21px;
}
#content a:hover, #content2 a:hover, #imprint a:hover {
 border-bottom: solid 1px #000;
}
.ui-resizable-handle {
 display:block;
 position:absolute;
}
.ui-resizable-se {
 bottom:1px;
 right:1px;
 cursor:se-resize;
 height:12px;
 width:12px;
 background: url(_img/Pfeil1_s.gif) no-repeat 0 0;
}
div.white .ui-resizable-se {
 background: url(_img/Pfeil1_w.gif) no-repeat 0 0;
}
.ui-resizable-sw {
 bottom:1px;
 left:2px;
 cursor:sw-resize;
 height:12px;
 width:12px;
 background: url(_img/Pfeil2_s.gif) no-repeat 0 0;
}
div.white .ui-resizable-sw {
 background: url(_img/Pfeil2_w.gif) no-repeat 0 0;
}
.ui-resizable-nw {
 top:2px;
 left:2px;
 cursor:nw-resize;
 height:12px;
 width:12px;
 background: url(_img/Pfeil4_s.gif) no-repeat 0 0;
}
div.white .ui-resizable-nw {
 background: url(_img/Pfeil4_w.gif) no-repeat 0 0;
}
.ui-resizable-ne {
 top:2px;
 right:2px;
 cursor:ne-resize;
 height:12px;
 width:12px;
 background: url(_img/Pfeil3_s.gif) no-repeat 0 0;
}
div.white .ui-resizable-ne {
 background: url(_img/Pfeil3_w.gif) no-repeat 0 0;
}


.ias_loader {
	text-align:center;
	margin: 5px 0;
}

.jScrollPaneContainer {
 position: relative;
 overflow: hidden;
 z-index: 1;
 margin: 10px 0;
}
.jScrollPaneTrack {
 position: absolute;
 cursor: pointer;
 right: 5px;
 top: 0;
 height: 100%;
  background:white;
 border-color:black;
 border-width:1px;
 border-style:dotted;
}
.jScrollPaneDrag {
 position: absolute;
 background: black;
 border-color:black;
 border-width:1px;
 border-style:dotted;
 cursor: pointer;
 overflow: hidden;
}
.jScrollPaneDragTop {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
}
.jScrollPaneDragBottom {
 position: absolute;
 bottom: 0;
 left: 0;
 overflow: hidden;
}
a.jScrollArrowUp {
 display: block;
 position: absolute;
 z-index: 1;
 top: 0;
 right: 0;
 text-indent: -2000px;
 overflow: hidden;
 //background: url(_img/basic_arrow_up.gif) no-repeat 0 0;//
 height: 9px;
}
a.jScrollArrowUp:hover {
 /*background-color: #f60;*/
}

a.jScrollArrowDown {
 display: block;
 position: absolute;
 z-index: 1;
 bottom: 0;
 right: 0;
 text-indent: -2000px;
 overflow: hidden;
 height: 9px;
 //background: url(_img/basic_arrow_down.gif) no-repeat 0 0;//
}
a.jScrollArrowDown:hover {
 background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
 background-position: 0 -30px;
}