@charset "UTF-8";

* {margin:0px; padding:0px; border:none;}
			
body {
    /*overflow:hidden;*/
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    background-color:#f5f5f5;
    color:#8c8c8c;
    font-size:14px;
    width:100%;
    height:100%;
	/* line-height:1.3; */
    line-height:1.45em;
}

/*
a:hover img {
    border:15px solid #eee;
    margin:-15px;
}
*/

a {
    text-decoration:none;
    color:#8c8c8c;
    
    -webkit-transition:color 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in;  
    -o-transition:color 0.2s ease-in;  
    transition:color 0.2s ease-in;  
}

a:visited {
    color:inherit;
}

a:hover {
    color:#444;
}

#header {
	position:fixed;
	left:0px;
	top:0px;
}

img {
    vertical-align:top;
}

h2,h3 {
	display:inline;
	vertical-align:middle;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style:normal;
    text-transform: uppercase;
    font-size:1.5em;
    margin-top:0.5em;
    margin-bottom:0.5em;
    margin-right:0.7em;
    /*float:left;*/
	opacity:100;
}

h3 {
    font-style:italic;
    font-weight:normal;
    font-size:1em;
    /*float:left;*/
    /*margin-top:0.95em;*/
    margin-top:0.35em;
    margin-bottom:0.95em;
	opacity:100;
	/*white-space:nowrap;*/
	word-wrap:break-word;
	display:block;
}

#all {
	position:absolute;
	height:100%;
	overflow-y:hidden;
	width:10000px;
	z-index:-10;

	min-height:600px;	
}

#all:hover, .grabcursor:hover {
	cursor: url(../cur/openhand.cur) 4 4, url(/cur/openhand.cur) 4 4, w-resize;
}
#all:active, #all:focus, .grabcursor:active, .grabcursor:focus {
	cursor: url(../cur/closedhand.cur) 4 4, url(/cur/closedhand.cur) 4 4, w-resize;
}

em {
    font-style:inherit;
    font-weight:bold;
}

p {
	margin-bottom:0.35em;
}

/*
.mode_single_project #projekte  .projekt * {
	opacity:0;
}

.mode_single_project #projekte .projekt > img {
	opacity:100;
}
*/

.titleblock {
	margin-top:0.4em;
	margin-bottom:1em;
	height:auto;
}


/*div#handle {
    position:absolute;
    top:45%;
    width:6000px;
    height:500px;
    font-size:70px;
    
    -webkit-transition:all 2s ease-in;  
    -moz-transition:all 2s ease-in;  
    -o-transition:all 2s ease-in;  
    transition:all 2s ease-in; 
}*/

/*
.mode_detail #handle #projekte {
    position:absolute;
    top:18%;
    font-size:12px;
    height:1px;
    left:15px;
}
*/
/*
#handle #einzelprojekt {
    /*opacity:0;*/
}
*/
/*
.mode_detail #handle #einzelprojekt {
    top:53%;
    opacity:100;
}

.mode_single_project #projekte{
	font-size:4px;
	top:18%;
	height:1px;
	left:15px;
}

.mode_single_project #einzelprojekt {
	top:53%;
	opacity:100;
}
*/
div#handle > ul p {
    clear:left;
    /*font-size:1em;*/
    /*padding-top:1em;
    margin-top:0.5em;*/
    margin-bottom:2em;
    line-height:1.4;
}

#handle > ul {
    position:absolute;
    top:50%;
    left:0px;
    /*width:100%;
    width:10000px;*/
    height:1px;
    
    margin:0px;
    padding:0px;
	
    list-style-type:none;
    
    /*font-size:14px;*/
    /*background-color:#bff;*/
	
	-webkit-transition-property:top,left,height;
	-moz-transition-property:top,left,height;
	-o-transition-property:top,left,height;
	transition-property:top,left,height;
	
    -webkit-transition-duration:1s;  
    -moz-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;	
}

/*#handle > ul {
    position:absolute;
    top:45%;
    width:6000px;
    height:500px;
    font-size:70px;
    
    -webkit-transition:all 2s ease-in;  
    -moz-transition:all 2s ease-in;  
    -o-transition:all 2s ease-in;  
    transition:all 2s ease-in; 
}*/

/*
.mode_list #projekte {
    visibility:visible;
}

.mode_list #einzelprojekt {
    visibility:hidden;
}

.mode_detail #projekte {
    visibility:hidden;
}

.mode_detail #einzelprojekt {
    visibility:visible;
}
* */

#back {
    position:fixed;
	left:0px;
	top:0px;
    margin-top:20px;
    margin-left:10px;
	max-width:30%;
}

li.projekt, li.fill {
    display:block;
    float:left;
    margin-left:1.5em;
    margin-right:1.5em;
    /*width:200px;*/
    
    width:auto;
    height:auto;
    
    color:inherit;
    -webkit-transition:color 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in;  
    -o-transition:color 0.2s ease-in;  
    transition:color 0.2s ease-in; 
}

li.projekt:visited {
    color:inherit;
}

#projekte li.projekt:hover {
    color:#444;
	cursor:pointer;
    -webkit-transition:color 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in;  
    -o-transition:color 0.2s ease-in;  
    transition:color 0.2s ease-in;  
}

li.projekt > div {
    width:100%;
    /*height:100%;	*/
}

li.projekt > * {
	font-size:14px;
}

li.projekt a > img, li.projekt a > .video-js, li.projekt a iframe,
li.projekt > img, li.projekt > .video-js, li.projekt iframe
{
    text-align:center;
	border:1px solid #b3b3b3;
    -webkit-box-shadow:0px 5px 5px rgba(1,1,1,0.3);
    -moz-box-shadow:0px 5px 5px rgba(1,1,1,0.3);
    box-shadow:0px 5px 5px rgba(1,1,1,0.3);
	margin-bottom:0.7em;
}

.projekt dl {
    /*font-size:1em;*/
}

.projekt dt {
    float:left;
    clear:both;
    font-weight:bold;
    width:40%;
}

.projekt dd {
    /*float:left;*/
    margin-left:40%;
}

li.projekt div {
    /*width:200px;*/
}

ul.icons {
    text-align:left;
    margin:0px;
    left:0px;	
    
    margin-top:1.25em;
    list-style-type:none;
    padding:0;
    
    clear:left;
}

ul.icons li {
    display:inline;
    float:left;
    
    margin-right:0.5em;
    margin-bottom:0.5em;
    width:1.8em;
    height:1.8em;
}

ul.icons li img {
    width:100%;
    height:100%;	
    vertical-align:top;
}

#header {
    position:fixed;
    left:0px;
    top:0px;
	margin-left:20px;
	margin-top:20px;
	max-width:25%;
}

.title, .smalltitle {
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style:normal;
}

.title {
    font-size:20px;
	margin-bottom:0px;
}

.smalltitle {
    font-size:12px;
}

div#titel {
    position:relative;
    left:0px;
    top:0px;
}

/*
div#titel p.name {
    
}

div#titel p.text {
    font-size:0.75em;	
}
*/

div#buttons {
    position:fixed;
    width:100px;
    left:180px;
    top:23px;
}

div#buttons div {
    width:20px;
    height:20px;
    float:left;
    background-color:#999;
    margin-right:10px;	
}

div#buttons img {
    width:22px;
    height:20px;
    float:left;
    /* background-color:#999; */
    margin-right:10px;	
}

#project_title_div {
    position:fixed;
    left:50px;
    top:20px;
}

#footer, #selectionmenu {
    position:fixed;
    top:20px;
}

#footer {
    right:20px;
    margin:0;
	padding:0;
	max-width:25%;
}

#selectionmenu {
    width:100%;
    left:0px;
    z-index:-5;
}

#selectionlist {
    position:relative;
    margin:0 auto;
    width:600px;
	padding:0;
	max-width:50%;
}

#selectionmenu {
    margin-left:auto;
    margin-right:auto;
}

#footer, #selectionlist {
    list-style-type:none;
}

#footer li, #selectionmenu ul li {
    display:inline;
    margin-left:10px;
}

/* scoll bars */
/* Styles specific to this particular page */
html
{
	overflow: auto;
}
#full-page-container
{
	overflow: auto;
}
.scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}

/**/