::selection {
	color:white;
	background: rgba(0, 0, 0, 0.99); /* Safari */
	}
::-moz-selection {
	color:white;
	background: #000; /* Firefox */
}


a:link {
	color:#000;
	text-decoration:none;
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:#000;
	-webkit-user-select: auto;
	-moz-user-select: -moz-all;
}

a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:dotted;
	border-width:1px;
	border-bottom-color:#000;
	-webkit-user-select: auto;
	-moz-user-select: -moz-all;
}

a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:dotted;
	border-width:1px;
	border-bottom-color:#000;
	-webkit-user-select: auto;
	-moz-user-select: -moz-all;
}

#footer a:link {
	color:#fff;
	text-decoration:none;
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:#fff;
}

#imageCrawler a:link {
	color:#000;
	text-decoration:none;
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:#000;
}

#footer a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:dotted;
	border-width:1px;
	border-bottom-color:#fff;
}

#footer a:visited {
	color:#fff;
	text-decoration:none;
	border-bottom:dotted;
	border-width:1px;
	border-bottom-color:#fff;
}

strong, b {
font-weight: bold;
-webkit-user-select: auto;
-moz-user-select: -moz-all;
}

body {
	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-color: white;
	overflow-x:hidden;
	
}



* {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
}

#gallery {
	position: relative;
	top:0px;
	z-index:12;
	
	margin-bottom: 0px;
	
	pointer-events:none;
	overflow-x:hidden;
}





#layerUnder {
	position:fixed;
	left:50%;
	width:0px;
	/*
	background-color:red;	
	*/
	
	
}

.projectUnder {
	left: 50%;
	margin-left:-300px;
	margin-top:-480px;
	position:relative;
	display:none;
}



.headline {
	position:absolute;
	top:738px;
	pointer-events:none;
	
}

.lineStart {
	position:relative;
	top:738px;
	pointer-events:none;
	
}

.line {
	position:relative;
	background-color:#000;
	left:300px;
	width:1px; 
	height:1000px;
	top:738px;
	
}

.description{
	position:absolute;
	width:450px; 
	left:325px;
	top:1288px;
	font-family:Helvetica;
	font-size:12pt;
	line-height: 1.4em;
	font-weight:400;
	color:#000;	
	pointer-events:auto;
	-webkit-user-select: auto;
	-moz-user-select: -moz-all;
}

.projectOver {
	width:1200px;
	left:50%;
	margin-left:-600px;
	position:relative;
	display:none;
	
	pointer-events:auto;
	
}

.projectGallery {
	position:relative;
	z-index:2000;
	top:0px;
	
	margin-bottom: 650px;
	

}

.projectGallery img {
	margin-bottom:70px;
	
	margin-left:auto;
	margin-right:auto;
	display:block;	
}

.videoPlayer {
	margin-bottom:200px;
	
	margin-left:auto;
	margin-right:auto;
	display:block;	
}

.simple-video-wrapper {
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	margin: 0 auto;
	position: relative;
	width: 1024px;
	height: 768px;
	
}

#videoPlayer10 .simple-video-wrapper {
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	margin: 0 auto;
	position: relative;
	width: 1024px;
	height: 1024px;
	
}


.simple-video-overlay {
	background: rgba(0,0,0,0.4) url(button.png) 50% 50% no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}




#nextButton {
position:absolute;
top:50%;
right:50px;
pointer-events:none;

}

#next {
	position:absolute;
	right:0px;
	top: 20px;
	width: 50%;
	height: 738px;
	
	opacity: 0.3;
	cursor: pointer;
	-moz-transition-property: opacity, 
	margin; -webkit-transition-property: opacity, margin; -o-transition-property: opacity, margin; transition-property: opacity, margin; -moz-transition-duration: 333ms; -webkit-transition-duration: 333ms;
	-o-transition-duration: 333ms; transition-duration: 333ms; -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); transition-timing-function:
	cubic-bezier(0.1, 0, 0.25, 1);
	z-index:15;
	pointer-events:auto;
	
}

#fotorama {
	pointer-events:auto;
}

#next:hover {
	opacity:1
}

#prevButton {
position:absolute;
top:50%;
left:50px;
pointer-events:none;

}

#prev {
	position:absolute;
	left:0px;
	top: 20px;
	width: 50%;
	height: 738px;
	
	opacity: 0.3;
	cursor: pointer;
	-moz-transition-property: opacity, 
	margin; -webkit-transition-property: opacity, margin; -o-transition-property: opacity, margin; transition-property: opacity, margin; -moz-transition-duration: 333ms; -webkit-transition-duration: 333ms;
	-o-transition-duration: 333ms; transition-duration: 333ms; -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); transition-timing-function:
	cubic-bezier(0.1, 0, 0.25, 1);
	z-index:15;
	pointer-events:auto;
	
}

#prev:hover {
	opacity:1
}


#content {
	font-size:1.2em;
	line-height:1.8em;
}


label
{
	font-weight: bold;
}

.twitter{
	height:32px;
	}
	

.social{
	position: relative;
	top: 728px;
	left:300px;
	margin-left:-45px;
	height:116px;
	background : url("images/bgLine.png");
	background-repeat:repeat-y;
	background-position:45px 0px;
	
}
.sharrre{
	margin:10px 10 10 10px;
}
.sharrre .box a:hover{
	text-decoration:none;
}
.sharrre .count {
	color:#525b67;
	display:none;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	height:40px;
	position:relative;
	text-align:center;
	width:70px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #b2c6cc;
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.sharrre .count:before, .sharrre .count:after {
	content:'';
	display:block;
	position:absolute;
	left:49%;
	width:0;
	height:0;
}

.sharrre .count:before {
	border:solid 7px transparent;
	border-top-color:#b2c6cc;
	margin-left:-7px;
	bottom: -14px;
}

.sharrre .count:after {
	border:solid 6px transparent;
	margin-left:-6px;
	bottom:-12px;
	border-top-color:#fbfbfb;
}

.sharrre .share {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-top:8px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:70px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; 
}

.twitter .share {
	text-shadow: 1px 0px 0px #0077be;
	filter: dropshadow(color=#0077be, offx=1, offy=0); 
	border:1px solid #0075c5;
	background: #26c3eb;
	background: -moz-linear-gradient(top, #26c3eb 0%, #26b3e6 50%, #00a2e1 51%, #0080d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26c3eb), color-stop(50%,#26b3e6), color-stop(51%,#00a2e1), color-stop(100%,#0080d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* IE10+ */
	background: linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c3eb', endColorstr='#0080d6',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #5cd3f1 inset;
}

.facebook .share {
	text-shadow: 1px 0px 0px #26427e;
	filter: dropshadow(color=#26427e, offx=1, offy=0); 
	border:1px solid #24417c;
	background: #5582c9; /* Old browsers */
	background: -moz-linear-gradient(top, #5582c9 0%, #33539a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5582c9), color-stop(100%,#33539a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5582c9 0%,#33539a 100%); /* IE10+ */
	background: linear-gradient(top, #5582c9 0%,#33539a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5582c9', endColorstr='#33539a',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #80a1d6 inset;
}

.googleplus .share {
	text-shadow: 1px 0px 0px #222222;
	filter: dropshadow(color=#222222, offx=1, offy=0); 
	border:1px solid #262626;
	background: #6d6d6d; /* Old browsers */
	background: -moz-linear-gradient(top, #6d6d6d 0%, #434343 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#434343)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* IE10+ */
	background: linear-gradient(top, #6d6d6d 0%,#434343 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #929292 inset;
}

#bepartofAnimation {
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	margin: 0 auto;
	position: relative;
	width: 512px;
	height: 384px;
	left: 1px;
	
}


#footer {
	position:relative;
	background-color:black;	
	width:100%; 
	height: 100px;	
	bottom:0px;
	overflow:hidden;
	
}

#logo {
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	text-align: left;
	font-size: 12pt;
	position: absolute;
	margin: auto;
	left: 50%;
	top: 31px;
}



#footerText {
	position: absolute;	
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	text-align: left;
	font-size: 12pt;
	font-weight: 100;
	left: 50%;
	top: 52px;
}

#imageCrawler {
	position: absolute;	
	font-family: Helvetica, sans-serif;
	text-transform: lowercase;
	color: black;
	text-align: left;
	font-size: 12pt;
	font-weight: 100;
	left: 130px;
	top: 52px;
	pointer-events:none;
	
}


#buttonWrapper{
	position: relative;	
	left: 30px;
	top: 52px;	
	float: left;
	width: 100%;
}
.footerButton{
	position: relative;	
	float:left;
	font-family: Helvetica, sans-serif;
	text-transform: lowercase;
	color: white;
	text-align: left;
	font-size: 12pt;
	font-weight: 100;
	pointer-events:auto;
	margin-right:15px;
	cursor:pointer;
}



#imprintButton {
	text-decoration:none;
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:white;
	-webkit-user-select: auto;
	-moz-user-select: -moz-all;	
}


#imprintButton:hover {
	text-decoration:none;
	border-bottom:dotted;
	border-width:1px;
	border-bottom-color:white;
	-webkit-user-select: auto;
	-moz-user-select: -moz-all;
}


#imprint {
	display:none;
	position:fixed;
	
	top: 19%;
	left: 20%;
	width: 60%;
	height: 62%;
	margin-top: -40px;
	margin-left: -50px;
	overflow-y: scroll;

	padding:0px 20px 20px 20px;
	z-index:501;
	
	background-color:white; 

	border-width:30px;
	border-style:solid;	
	border-color: black;
	
	box-shadow: 0 30px 70px rgba(0,0,0,0.45);
   -webkit-box-shadow: 0 30px 70px rgba(0,0,0,0.45);
   -moz-box-shadow: 0 30px 70px rgba(0,0,0,0.45);
	
	font-size:10px;	
}

#imprint h1{
	margin-top:25px;
}

#overlay {
	background-color:black;
	position:fixed;
	top:0px;
	height:100%;
	width:100%;
	z-index:500;
	display:none;
	opacity:0.8;
}

#overlay:hover {
	cursor:pointer;
}

.empty {
	position:relative;
	height: 500px;	
	pointer-events:none;

}

#projectGallery0 img{
	margin-bottom: 130px;
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
}

#projectGallery2 img{
	margin-bottom: 130px;
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
}

#projectGallery5 img{
	margin-bottom: 130px;
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	position: absolute;
	
}

#projectGallery10 img{
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	
}

#projectGallery11 img{
	box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 30px 30px rgba(0,0,0,0.45);
	
}



#glosserWrapper {
	position: relative;
	width:1200px;
	left:50%;
	margin-left:-600px;
	height:1300px;
}

#glosserA {
	left:100px;
}

#glosserB {
	right:100px;
	top:350px;
}

#westernWrapper {
	position: relative;
	width:1200px;
	left:50%;
	margin-left:-600px;
	height:1250px;
}

#westernA {
	left:50px;	
}

#westernB {
	right:50px;
	top:260px;   
}