@charset "UTF-8";


@font-face {
	font-family: 'MPlus2p';
	src: url('fonts/mplus-2p-light-webfont.ttf') format('truetype'),
		 url('fonts/mplus-2p-light-webfont.svg#M+2plightRegular') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'profax';
	src: url('fonts/profax-light_18.1.07-webfont.woff') format('woff'),
		 url('fonts/profax-light_18.1.07-webfont.svg#webfontMLUjFGpo') format('svg');
	font-weight: 200;
	font-style: normal;
}

HTML, BODY {
	margin:								0;
	padding:							0;
	width:								100%;
	height:								100%;
	background-color:					rgb(0,0,0);
}

BODY {
	background:							url(images/noise.png), url(images/bg.png), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
	background:							url(images/noise.png), url(images/bg.png), -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
	background:							url(images/noise.png), url(images/bg.png), -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
	background:							url(images/noise.png), url(images/bg.png), -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
	background:							url(images/noise.png), url(images/bg.png), linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
	background-position:				center center;
	overflow:							hidden;
	font-family:						profax, Helvetica, Arial;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	BODY {
		background:							url(images/noise@2x.png), url(images/bg.png), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
		background:							url(images/noise@2x.png), url(images/bg.png), -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
		background:							url(images/noise@2x.png), url(images/bg.png), -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
		background:							url(images/noise@2x.png), url(images/bg.png), -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
		background:							url(images/noise@2x.png), url(images/bg.png), linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.0) 50%,rgba(255,255,255,0.25) 100%), black;
		background-position:				center center;
	}
}

H1 {
	margin:								0 0 1em 0;
}

H2, H2 A {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.5em;
}

H2#portfolio,
H2#services {
	margin:								0 0 0 0;
	position:							absolute;
	top: 								-2em;
	left: 								-12em;
}

H2#services {
	top: 								22em;
}
	

A {
	color:								hsl(240, 25%, 50%);
}

#showcase {
	position:							absolute;
	font-size: 							64px;
	top:								50%;
	left:								50%;
	margin:								-7em 0 0 -6em;
	width:								10em;
	height:								6em;
}

#showcase img {
	position:							absolute;
}

#showcase img:hover {
	z-index:							1000;
	-webkit-transform:					scale(1.1);	
	-moz-transform:						scale(1.1);	
	-ms-transform:						scale(1.1);	
	transform:							scale(1.1);
	box-shadow:							0 0 1em rgba(0,0,0,0.75);	
}



.white {
	background:							#eee;
}



.one {
	width:								1em;
	height:								1em;
}

.two {
	width:								2em;
	height:								2em;
}

.four {
	width:								4em;
	height:								4em;
}

.eight {
	width:								8em;
	height:								8em;
}



#rhetoris_osx {
	left:								3em;
	top:								-1em;
}

#picoplay_osx {
	left:								4em;
	top:								-1em;
}

#messhider_osx {
	left:								5em;
	top:								-1em;
}


#krt5_cdrom {
	left:								-6em;
	top:								1em;
}


#krt6_cdrom {
	left:								-4em;
	top:								1em;
}


#weebee_ios {
	left:								0em;
	top:								3em;	
}

#enter_ios {
	left:								-2em;
	top:								3em;
}

#multidda_ios {
	left:								-4em;
	top:								3em;
}

#bb_profaxonline {
	left:								-6em;
	top:								3em;
}



#profaxonline {
	left:								8em;
	top:								4em;
}

#wgnomen_profaxonline {
	left:								6em;
	top:								6em;
}

#wgverben_profaxonline {
	left:								4em;
	top:								6em;
}

#rtpro_profaxonline {
	left:								2em;
	top:								6em;
}

#rtregeln_profaxonline {
	left:								0em;
	top:								6em;
}

#juniorre_profaxonline {
	left:								-2em;
	top:								6em;
}

#juniorfe_profaxonline {
	left:								-4em;
	top:								6em;
}

#juniorba_profaxonline {
	left:								-6em;
	top:								6em;
}

#geograch_profaxonline {
	left:								6em;
	top:								8em;
}

#katzemtz_profaxonline {
	left:								4em;
	top:								8em;
}

#multidda_profaxonline {
	left:								2em;
	top:								8em;
}

#krt5_profaxonline {
	left:								-2em;
	top:								8em;
}

#krt6_profaxonline {
	left:								0em;
	top:								8em;
}



#plc {
	left:								3em;
	top:								1em;
}

#katzemtz_plc {
	left:								7em;
	top:								1em;
}

#fuessler_plc {
	left:								9em;
	top:								1em;
}

#rtregeln_plc {
	left:								11em;
	top:								1em;
}

#rtwortst_plc {
	left:								13em;
	top:								1em;
}

#rtwortka_plc {
	left:								15em;
	top:								1em;
}

#multidda_plc {
	left:								17em;
	top:								1em;
}




#logotext {
	position:							fixed;
	bottom:								0;
	right:								0;
}

#logotext .line {
	stroke: 							rgba(0,0,80,0.1);
	stroke:								hsl(240, 25%, 80%);
	stroke:								rgba(255,255,255,1);
	stroke-width: 						0.05px;
}

#logotext .letter {
	fill: 								rgba(0,0,80,0.2);
	fill:								hsl(240, 25%, 80%);
	fill:								rgba(255,255,255,1);
	stroke:								none;
}

#batches {
    position:                           fixed;
    top:                                4px;
    right:                              4px;
}

#footer {
	color:								rgba(0,0,80,0.5);
	color:								hsl(240, 25%, 70%);
	color:								rgba(255,255,255,1);
	position:							fixed;
	bottom:								0.5em;
	right:								18em;
	padding:							0 0 0 1em;
}