@import url(http://fonts.googleapis.com/css?family=Merriweather:700italic);

@font-face {
    font-family: 'Graphik-Web';
    src: url('font/Graphik-Semibold-Web.eot');
    src: url('font/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'),
         url('font/Graphik-Semibold-Web.woff') format('woff'),
         url('font/Graphik-Semibold-Web.ttf') format('truetype'),
         url('font/Graphik-Semibold-Web.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Graphik-Web-Light';
    src: url('font/Graphik-Light-Web.eot');
    src: url('font/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'),
         url('font/Graphik-Light-Web.woff') format('woff'),
         url('font/Graphik-Light-Web.ttf') format('truetype'),
         url('font/Graphik-Light-Web.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
	
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    margin: 0; 
    padding: 0;
	line-height: 1;
	height: 100%;
	width: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
a:link, a:visited, a:active {
	color: #888;
	text-decoration: none;
	outline:none;
	transition: color 0.3s ease-in-out;
}
a:hover {
	text-decoration: none;
	color: #323232;
}


body { }

h1, h2, h3, h4, p { margin:0 0 15px 0; padding:0; }
h1, h2, h3, h4 { clear:both; }
h1 { font-size:36px; font-weight:normal; font-family:arial, sans-serif; letter-spacing:-1px; color:#333; }
h2 { font-size:28px; font-weight:normal; font-family:arial, sans-serif; letter-spacing:-1px; color:#333; padding:15px 0 0 0; }
h3 { font-size:22px; font-weight:normal; font-family:arial, sans-serif; letter-spacing:-1px; color:#333; padding:15px 0 0 0; }
h4 { font-size:16px; font-weight:normal; font-family:arial, sans-serif; color:#333; padding:15px 0 0 0; }
p { line-height:1.5em }

.clr {clear:both; font-size:1px; height:1px; }

/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible;}
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}
/* float clearing for everyone else */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}

*{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

/* slideshow */	

.ss1_wrapper {
	position:relative; margin:0; width: 100%; height: 100%; z-index:10000;
	opacity: 0;
}
.ss1_wrapper .slideshow { position:relative; width: 100%; height: 100%;}

.ss1_wrapper .slideshow_item {
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	display: none;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.ss1_wrapper .slideshow_item .data { display:none; }	

.ss1_wrapper a.slideshow_prev { display: block; position: absolute; left: 25px; top: 50%; margin-top: -23px; z-index:10; width:40px; height:46px; outline:none; }
	.ss1_wrapper a.slideshow_prev:hover { }
	.ss1_wrapper a.slideshow_prev span {
		display:block;
		width:40px;
		height:45px;
		text-indent:-9999px;
		background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
		background-size: 200px 200px;
		background-clip: content-box;
		background-position: -157px -107px;
	}
	

.ss1_wrapper a.slideshow_next { display: block; position: absolute; right: 25px; top: 50%; margin-top: -23px; z-index:10; width:40px; height:46px; outline:none; }
	.ss1_wrapper a.slideshow_next:hover { }
	.ss1_wrapper a.slideshow_next span {
		display:block;
		width:40px;
		height:45px;
		text-indent:-9999px;
		background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
		background-size: 200px 200px;
		background-clip: content-box;
		background-position: -157px -67px;
	}
	
.ss1_wrapper .slideshow_paging { position:absolute; bottom:10px; right:545px; z-index:11; font-size:12px; }
	.ss1_wrapper .slideshow_paging a { display:block; float:left; margin:0 0 0 2px; padding:4px 7px; color:#ccc; }
		.ss1_wrapper .slideshow_paging a:hover { color:#fff; }
		.ss1_wrapper .slideshow_paging a.activeSlide { background:#eee; color:#222 }

.ss1_wrapper .slideshow_box {
	position:absolute;
	left:0px;
	top:100%;
	width:100%;
	z-index:10;
}
	.ss1_wrapper .slideshow_box .data { color:#323232;  }
	.ss1_wrapper .slideshow_box .data h4 { color:#fff; font:bold 18px arial, sans-serif; padding:0; margin:0 0 10px 0; }
	.ss1_wrapper .slideshow_box .data p { padding:0; margin:0; }
	.ss1_wrapper .slideshow_box .data a { }
		
/********************************************************/

body {
	font-family: "Graphik-Web-Light", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

b, strong {
	font-weight: normal;
	font-family: "Graphik-Web", Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
}

.noOverflow {
	overflow:hidden;
}

.nav_header {
	width: 100%;
	height: 60px;
	color: #fff;
	font-size: 16px;
	font-family: "Graphik-Web-Light",Helvetica,Arial,sans-serif;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 10000;
	padding: 0;
	border-bottom: 1px solid #ccc;
	background:#fff;
	overflow: hidden;
	z-index:10000;
	cursor:pointer;
	-webkit-transition:color 0.4s ease-in-out;
	-moz-transition:color 0.4s ease-in-out;
	-o-transition:color 0.4s ease-in-out;
	transition:color 0.4s ease-in-out;
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	

}

.nav_header a {
	transition: color 0.3s ease-in-out;
}

.inactiveHeader {
	color: #bbb;
	position: relative;
}

.activeHeader {
	color: #555;
    display: block;
    position: fixed;
	
	left: 50%;
	transform: translate(-50%,0);
	width:888px;
	
}

.pluralClaimLittle {
	display: block;
	width: 40px;
	height: 20px;
	margin-right: 42px;
	float:left;
	-webkit-transition:opacity 0.4s ease-in-out;
	-moz-transition:opacity 0.4s ease-in-out;
	-o-transition:opacity 0.4s ease-in-out;
	transition:opacity 0.4s ease-in-out;
	opacity: 0;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -24px -72px;
}

.inactiveHeader .pluralClaimLittle {
	opacity: 0.3;
}

.activeHeader .pluralClaimLittle {
	opacity: 1;
}

.changeLanguage {
	height: 20px;
	display: block;
	cursor: pointer;
	position: relative;
	float: right;
	top: -10px;
	right: 50px;
	z-index: 20000;
	padding: 10px;
	color: #fff;
	-webkit-transition:color 0.4s ease-in-out;
	-moz-transition:color 0.4s ease-in-out;
	-o-transition:color 0.4s ease-in-out;
	transition:color 0.4s ease-in-out;
}

.inactiveHeader .changeLanguage {
	color: #ccc;
}

.activeHeader .changeLanguage {
	color: #000;
}

#page_title {
	width: 888px;
	margin: 20px auto 30px auto;
}

.toggleMenu {
	width: 20px;
	height: 20px;
	display:block;
	cursor:pointer;
	z-index: 20000;
	position: relative;
	float: right;
	top: 0;
	right: -70px;
	-webkit-transition:opacity 0.4s ease-in-out;
	-moz-transition:opacity 0.4s ease-in-out;
	-o-transition:opacity 0.4s ease-in-out;
	transition:opacity 0.4s ease-in-out;
	opacity: 0;
	margin-top: -1px;
}

.toggleMenu .open {
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -118px -122px;
	position: absolute;
	/*right: -50px;*/
}

.toggleMenu .close {
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -85px -122px;
	position: absolute;
	display: none;
	/*right: -50px;*/
}

.imprintContent {
	
}

.deadLink {
	cursor:default;
}



.inactiveHeader .toggleMenu {
	opacity: 0.3;
}

.activeHeader .toggleMenu {
	opacity: 1;
}

#topNav {
	position: fixed;
	z-index: 11000;
	border: none;
	width:100%;
}

#topNav .navHeaderSubContent {
	margin-left: 0px;
	margin-top: 27px;
}

#topNav #topNavClose {
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 30px;
	padding: 10px;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -74px -112px;
}

#topNav .changeLanguage {
	height: 20px;
	display: block;
	cursor: pointer;
	position: absolute;
	float: auto;
	top: 21px;
	right: 100px;
	padding: 10px;
}

#topNavToggleWhite {
	width: 20px;
	height: 20px;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -108px -138px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 21px;
	right: 30px;
	z-index: 11000;
	padding: 10px;
}

.kontaktImage {
	width: 45px;
	height: 35px;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 160px 160px;
	background-clip: content-box;
	background-position: -102px -109px;
	display: block;
	position: absolute;
	top: 16px;
	right: 80px;
	z-index: 11000;
	cursor: pointer;
	padding: 10px;
}

.kontaktText {
	font-family: "Graphik-Web-Light",Helvetica,Arial,sans-serif;
	font-size: 20px;
	line-height: 27px;
	text-align: right;
	display: none;
	position: absolute;
	top: 26px;
	right: 90px;
	z-index: 11000;
	cursor: pointer;
	color: #000;
	background: #fff;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	color: #000;
}

.kontaktText a {
	color: #000;
}

.kontaktText a:hover {
	color: #888;
}

.pluralClaim {
	color: #fff;
	position: absolute; 
	z-index: 11000;
	left: 50%;
	right: 50%;
	display: table-cell;
	width: 888px;
	margin-left: -444px;
	height: 50px;
	top: calc(50% - 160px);
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 180px 180px;
	background-clip: content-box;
	background-position: -19px -4px;
}

.titleholder {
	width: 100%;
	height: 100%;
	display:table-cell;
	overflow:hidden;
	position:absolute;
	-o-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}   

.title {
	font: 60px/65px "Graphik-Web",Helvetica,Arial,sans-serif;
	display: table-cell; 
	color: #FFF;
	position: absolute;
 	left: 50%;
	right: 50%;
 	top: calc(50% - 100px);
 	vertical-align: middle;
	width: 888px;
	height: 300px;
	margin-left: -444px;
}

.title a { 
	margin-top: 50%;
	margin-bottom:50%;
	color: #fff;
	text-decoration: underline;
}


.head {
	width: 100%;
	background: #000;
}

.data, .static_data {
	width: 888px;
	background: #fff;
	margin: 0 auto 0 auto;
	display:block;
	overflow:hidden;
	display: block;	
	padding:0;
	position: relative;
	font-family:"Graphik-Web-Light",Helvetica,Arial,sans-serif;
}

#leftCol, #leftCol_static {
	width: 560px;
	float: left;
	margin-left: 45px;
	margin-bottom: 50px;
	letter-spacing: 0.5px;
	font-size: 20px;
	line-height: 30px;
}

#leftCol_static {
	width: 700px;
}

.static_data #leftCol_static {
	margin-top: 80px;
}

#rightCol {
	width: 220px;
	color: #000;
	opacity: 1;
	-webkit-transition: opacity 100ms ease-out;
	-moz-transition: opacity 100ms ease-out;
	-o-transition: opacity 100ms ease-out;
	transition: opacity 100ms ease-out;
	margin-top: 50px;
	position: relative;
	color: #878787;
	float: right;
	margin-left: 0;
	display: block;
	font-size: 16px;
	line-height: 24px;
}

#rightCol.fixed {
   position: fixed;
   top: 0px;
   right: 0px;
   margin-top: 110px;
   z-index: 1;
   height: 80%;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
}

#rightCol li a {
	float:left; 
	width:85%;
	display:block;
	overflow:hidden;
	transition: color 0.3s ease-in-out;
	color: #888;
}

#rightCol li a:hover {
	color: #000;
}

.number {width:10%; float:left; font-size: 16px; line-height:25px;}

#rightCol li {
	margin-bottom: 10px;
	display: block;
	overflow:hidden;
}

h1.mainHeadline {
	margin-top: 80px;

}

.data a, .static_data a {
	color: #323232;
}

#leftCol a, #leftCol_static a {
	text-decoration:underline;
}

#leftCol img {
	max-width: 100%;
	height: auto;
	margin: 45px 0 0 0;
	width:100%;
}

.navHeaderSubContent {
	display: block;
	margin: 20px 0 0 83px;
	padding-bottom: 35px;
	overflow: hidden;
	line-height: 25px;
}

.navHeaderSubMenu {
	width: 220px; float: left; display:block; overflow:hidden;
	margin-right: 20px;
	margin-bottom: 15px;
}

.aboutPlural {
	width: 220px; display: block; overflow: hidden; float: left;
	margin-right: 20px;
}

.navHeaderContact {
	width: 220px; display: block; overflow: hidden; float: left;
}

.contentLink  {
	font-size: 0.6em;
	text-decoration: underline;
	line-height: 0.6em;
}

.contentLink a:link {
	text-decoration: underline;
}

.contentLinkImage {
	width: 45px;
	height: 45px;
	display:block;
	overflow:hidden;
	float:left;
	margin-top: 15px;
	
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -121px -65px;
}

.data {
	color: #323232;
}

.data h1, .data h2 {
	font-family: "Graphik-Web",Helvetica,Arial,sans-serif;
	font-size: 21px;
	letter-spacing: 0.5px;
	line-height: 30px;
}

.data h1 { margin-bottom: 20px;}

.data h2 { margin-bottom:20px; margin-top:45px; }

.inactiveHeader a {
	color: #ccc;
}

.navHeaderSubContent {
	color: #888;	
}

.navHeaderSubContent a {
	color: #888;


	line-height: 1.35em;
	margin-top: 8px;
	display: inline-block;
}
.navHeaderSubContent a:hover, .navHeaderSubContent a.current {
	color: #000;
}
.navHeaderSubContent .subMenuHeader {
	color: #000;
	font-family: "Graphik-Web",Helvetica,Arial,sans-serif;
}

.download {
    display: block;
    overflow: hidden;
}

.projectContact span {
	width: 100%;
	display: inline-block;
}

.download {
	margin: 30px 0 0 0;
	padding-left: 10%;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-position: -91px -168px;
	height: 45px;
}

.projectContact {
	margin-left: 10%;
	display: block;
	margin-top: 30px;
}
.contactName {
	font-family: "Graphik-Web",Helvetica,Arial,sans-serif;
	margin-top: 10px;
}
.contactName a {
	color: #888;
}
.contactName a:hover {
	color: #000;
}
.contactEmail a {
	color: #888;
	line-height: 1.2em;
	display: inline-block;
	margin: 5px 0 5px 0;
}
.contactEmail a:hover {
	color: #000;
}
.contactTelephone a {
	margin-bottom: 5px;
	color:#878787;
}

.contactTelephone a:hover {
	color:#000;
}


.headlineNumber {
	font-family: "Graphik-Web-Light", Helvetica, Arial, sans-serif;
	position: absolute;
	margin-left: -45px;
	font-size: 16px;
}

.blockquote {
	font-family: 'Merriweather', serif;
	font-weight: bold;
	font-style: italic;
	font-size: 25px;
	line-height: 35px;
	margin-right:15px;
}
.quoteAuthor {
	clear: left;
	font-size: 20px;
	line-height: 30px;
	/*margin-top: 10px;*/
	color:#888;
	white-space: nowrap;
	display:inline-block;
	margin-bottom:40px;
}

.imageDescription {
	font-size: 16px;
	line-height: 1.3em !important;
	letter-spacing: 0.5px;
}
.imageDescription .imageTitle {
	font-family: "Graphik-Web-Light",Helvetica,Arial,sans-serif;
	margin: 0 5px 0 0;
	display: block;
	/*line-height:1.2em;*/
}
.imageDescription .imageSource {
	display: block;
	color:#aaa;
	/*line-height:1.4em;*/
}

.imageDescription .imageSource a {
	color:#aaa;
	text-decoration: none;
	
}

.imageDescription .imageSource a:hover {
	color:#000;
}

.imageholder-full-width {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 600px;
	background: url(../photos/3.jpg) no-repeat;
	background-size: cover;
	margin: 0 0 20px 0;
}

.imageholder {
	width: 100%;
	height: 400px;
	background: url(../photos/4.jpg) no-repeat;
	background-size: cover;
}

.image-spacer {
	height: 600px;
}

.toTop {
	display: block;
	width: 50px;
	height: 50px;
	margin-top: 20px;
	margin-left: calc(50% - 35px);
	margin-right: 50%;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -62px -56px;
	padding: 10px;
	z-index: 100000;
	cursor: pointer;
}



header, footer { display: none; }

.data { display: none; }



.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs,
.rsDefault .rsNav {
	background-color: #000 !important;
	background: #fff !important;
}

.rsDefault {
	width: 100% !important;
	margin: 30px 0 45px 0 !important;
}

.rsDefault .rsOverflow {
	width: 100% !important;
}

.rsDefault.rsHor .rsArrowLeft {
	margin-top: -10px;
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
	background-color: transparent !important;
	width: 42px !important;
	height: 45px !important;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -157px -107px !important;
}

.rsDefault.rsHor .rsArrowRight {
	margin-top: -10px;
	margin-right: 10px;
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
	background-color: transparent !important;
	width: 42px !important;
	height: 45px !important;
	background: url(../images/pluralnet_150924_rgb.svg) no-repeat;
	background-size: 200px 200px;
	background-clip: content-box;
	background-position: -157px -67px !important;
}

.rsNav {
	background: transparent !important;
}

.rsDefault .rsBullets {
	background: rgba(255,255,255,0) !important;
	bottom: 30px !important;
}

.rsDefault .rsBullet.rsNavSelected span {
    background-color: #fff !important;
}

.rsDefault .rsBullet span {
    background: #ccc !important;
}

.rsGCaption {
    font-family: "Graphik-Web-Light",Helvetica,Arial,sans-serif;
    padding: 0 !important;
    margin-left: -5px !important;
	margin-bottom: -10px;
	font-size: 16px !important;
	color: #323232 !important;
	background: transparent !important;
	letter-spacing: 0.5px !important;
}

#leftCol .rsImg img {
	margin: 0 !important;
}

#leftCol_static h1, #leftCol_static h2 {
	font-weight:normal;
	font-size: 21px;
	font-family: "Graphik-Web",Helvetica,Arial,sans-serif;
	letter-spacing: 0.5px;
}

.personContact {
	width: 31.7%;
	display: inline-block;
	float:left;
	margin:30px 10% 50px 0;
}

.personContact span {
	text-align:center;
	font-size:0.8em;
	display:block;
	width:90%;
	line-height:1.5em;
}

.personContact .personImage img {
	max-width: 100%;
	border: 1px solid #fff;
	border-radius: 100px;
}

.personContact .personName {
	font-size: 100%;
}

.personContact .personMeta {
	color:#777;
	font-size:0.7em;
}

.personContact .personPhone, .personContact .personMail {
	font-size:0.7em;
}

.contactImage img {
	width: 100%;
	border-radius: 100px;
}

.rsDefault .rsGCaption {
	bottom: -20px !important;
}

/**********************************************
Media Queries, Responsive Design
***********************************************/

@media only screen and (max-width: 1100px) {
	.pluralClaim, .title {
		width: 70%;
		margin-left: -35%;
		font-size: 50px;
		line-height: 54px;
	}
	.contentLinkImage {
		transform: scale(0.9, 0.9);
		margin-top: 10px;
		margin-left: -3px;
	}
	.title {
		height: 250px;
		top: calc(50% - 80px);
	}
	.pluralClaim  {
		top: calc(50% - 137px);
		background-size: 155px 155px;
		background-position: -16px 0px;
	}
}

/* iPad vertical */
@media only screen and (max-width: 930px) {
	.changeLanguage {
		right: 70px;
	}
	.contentLinkImage {
		transform: scale(0.8, 0.8);
		margin-top: 10px;
		margin-left: -5px;
		width: 40px;
	}
	.slideshow_box {
		width: 100px;
		top: 0;
	}
	.data {
		width: 100%;
	}
	.nav_header {
	}
	.nav_header.activeHeader {
		margin-left: 0px;
	}
	.navHeaderSubMenu {
		width: 23%;
		margin-right: 20px;
	}
	.aboutPlural {
		width: 23%;
		margin-right: 20px;
	}
	.navHeaderContact {
		width: 23%;
	}
	.toggleMenu {
		margin-right: 40px;
	}
	#page_title {
		width: 100%;
		margin: 20px 20px 30px 20px;
	}
	#topNav #page_title {
		margin-top: 0px;
	}
	#leftCol {
		width: calc(100% - 70px);
		margin: 0 20px 470px 50px;
	}
	.headlineNumber {
		margin-left: -30px;
	}
	#rightCol {
		float: auto;
		position: absolute;
		top: auto;
		bottom: 0px;
		width: 100%;
		height: 300px;
		text-align: center;
	}
	#rightCol.fixed {
		position: absolute;
		top: auto;
		bottom: 110px;
		width: 100%;
		height: 300px;
		margin-top: 0px;
	}
	#rightCol ol, #rightCol .download {
		display: none;
	}
	.projectContact {
		margin-left: 0;
	}
	
	.toTop {
		position: absolute;
		bottom: 50px;
		margin-top: 400px;
		margin-left: calc(50% - 85px);
	}
	/*
	.nav_header {
		width: calc(100% - 40px);
		margin: 0 20px 0px 20px;
		padding-left: 0;
		padding-right:0;
	}
	*/
	
	
	.activeHeader {
		width:100%;
		left:0;
		transform: translate(0,0);
	}
	
}

/* iPad vertical */
@media only screen and (max-width: 768px) {

	.pluralClaim, .title {
		width: 70%;
		margin-left: -35%;
		font-size: 50px;
		line-height: 54px;
	}
	
}

/* smaller than iPad vertical */
@media only screen and (max-width: 767px) {

	.pluralClaim, .title {
		font-size: 30px;
		line-height: 35px;
	}
	.title {
		height: 250px;
		top: calc(50% - 60px);
	}
	.contentLinkImage {
		transform: scale(0.57, 0.57);
		margin-top: -2px;
		margin-left: -7px;
		width: 35px;
	}
	.pluralClaim  {
		top: calc(50% - 100px);
		background-size: 100px 100px;
		background-position: -11px 0px;
		height: 35px;
	}
	.navHeaderSubMenu {
		width: 100%;
		margin-bottom: 20px;
		float: left;
	}
	.aboutPlural {
		width: 100%;
		margin-bottom: 20px;
		float: left;
	}
	.navHeaderContact {
		width: 100%;
		float: left;
	}
	
	.contactImage img {
	    width: 150px;
    	border-radius: 300px;
}
	
	
}

@media only screen and (max-width: 879px) {
	.static_data, #leftCol_static {
		width: 100%;
	}
	
	#leftCol_static {
		width:90%;
	}

	.personContact .personImage img {
 		max-width: 80%;
    	border: 1px solid #fff;
    	border-radius: 100px;
	}
}

@media only screen and (min-width:481px) and (max-width: 879px) {
	.personContact {
		width:250px;
	}
	
	.personContact .personMeta {
		font-size: 0.7em;
	}
}

@media only screen and (min-width: 640px) and (max-width:930px) {
	.rsDefault .rsBullets {
		background: rgba(255,255,255,0) !important;
		bottom: 40px !important;
	}
}

/* iPhone horizontal or smaller */
@media only screen and (max-width: 480px) {

	.ss1_wrapper a.slideshow_prev { display:none; }
	.ss1_wrapper a.slideshow_next { display:none; }
	
	.pluralClaim, .title {
		width: 88%;
		margin-left: -44%;
		font-size: 27px;
		line-height: 32px;
	}
	.title {
		height: 250px;
		top: calc(50% - 70px);
	}
	.pluralClaim  {
		/*top: 13px;*/
		background-size: 90px 90px;
		background-position: -11px 0px;
		height: 30px;
	}
	.contentLinkImage {
		transform: scale(0.5, 0.5);
		margin-top: -5px;
		margin-left: -10px;
		width: 35px;
	}
	.pluralClaimLittle {
		margin-right: 20px;
	}
	.kontaktImage {
		/*top: 55px;
		right: 6px;*/
		top: 4px;
		right: 40px;
	}
	.kontaktText {
		top: 67px;
		right: 20px;
	}
	.navHeaderSubContent {
		margin-left: 60px;
	}
	.ss1_wrapper .navHeaderSubMenu {
		margin-top: 40px;
	}
	.ss1_wrapper .changeLanguage {
		position: absolute;
		top: 50px;
		left: 70px;
	}
	.ss1_wrapper .toggleMenu {
		right: 0 !important;
	}
	#topNavToggleWhite {
		top: 10px;
		right: 10px;
	}
	#topNav .changeLanguage {
		top: 11px;
		right: 55px;
	}
	#topNav #topNavClose {
		top: 10px;
		right: 10px;
	}
	#topNav .navHeaderSubContent {
		margin-top: 17px;
	}
	#leftCol, #leftCol_static, .static_data {
		font-size: 15px;
		line-height: 20px;
		width: calc(100% - 40px);
		margin: 0 20px 470px 20px;
	}
	.imageDescription {
		font-size: 15px;
	}
	.rsGCaption {
		font-size: 15px !important;
		margin-bottom: -32px;
	}
	.data h1, .data h2 {
		font-size: 15px;
		line-height: 20px;
		margin-left: 20px;
	}
	.headlineNumber {
		font-family: "Graphik-Web",Helvetica,Arial,sans-serif;
		margin-left: -20px;
		font-size: 15px;
	}
	.blockquote {
		font-family: 'Merriweather', serif;
		font-weight: bold;
		font-style: italic;
		font-size: 22px;
		line-height: 30px;
	}
	.quoteAuthor {
		display: block;
		clear: left;
		font-size: 15px;
		line-height: 20px;
	}

	.toTop {
		margin-left: calc(50% - 55px);
	}
	
	.personContact {
		width:250px;
	}
	
	.rsDefault .rsBullets {
		background: rgba(255,255,255,0) !important;
		bottom: 20px !important;
	}

	.sub-site-title {
		width:130px;
		display:inline-block;overflow:hidden;
	}

	.pluralClaimStatic {
		background-position: -24px -70px;
	}

	.contactImage img {
	    width: 150px;
    	border-radius: 300px;
	}

	.rsDefault .rsGCaption {
		bottom: -20px !important;
	}

}

.navHeaderSubContent a.deadLink:hover {
	color:#888 !important;
}