@charset "utf-8";

/* ------ Fonts ------ */

@font-face {
	font-family: 'Resagnicto';
	src: url('../fonts/resagnicto.eot');
	src: local('?'),
	url('../fonts/resagnicto.woff') format('woff'),
	url('../fonts/resagnicto.ttf') format('truetype'),
	url('../fonts/resagnicto.svg') format('svg');
}

@font-face {
	font-family: 'Resagnicto';
	src: url('../fonts/resagnictoBold.eot');
	src: local('?'),
	url('../fonts/resagnictoBold.woff') format('woff'),
	url('../fonts/resagnictoBold.ttf') format('truetype'),
	url('../fonts/resagnictoBold.svg') format('svg');	
	font-weight: bold;
}

@font-face {
	font-family: 'Resagnicto';
	src: url('../fonts/resagnictoItalic.eot');
	src: local('?'),
	url('../fonts/resagnictoItalic.woff') format('woff'),
	url('../fonts/resagnictoItalic.ttf') format('truetype'),
	url('../fonts/resagnictoItalic.svg') format('svg');
	font-style: italic;
	font-weight: normal;
}


/* =============================== */
/* ------ Standard Elements ------ */
/* =============================== */

* {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	list-style: none;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	outline: none;
}

html {
	color: #fff;
	font: normal 80%/120% Resagnicto, Arial, sans-serif;
	height: 100%;
}

body {	
	position: relative;
	background: #fff url('../images/kontakt/peter_kortmann_kontakt.jpg') no-repeat fixed;
	background-size: cover;
	height: 100%;	
	/*min-width: 960px;*/
}

h2,
h3,
h4,
legend {	
	line-height: 1.2em;
	margin-bottom:.8em;
}

h2 {
	font-size: 1.4em;
	text-transform: uppercase;	
}

#impressum h2 {
	margin-bottom: 1.6em;
}

h3,
legend {
	font-size: 1.2em;
	padding-top: .4em;
}

#datenschutz h3 {
	margin-top: 2em;
	
}

h2 span,
h3 span,
h4 span {
	display: block;
}

h4 {
	text-decoration: underline;
}

#content a,
#content a:visited {
	color: #fff;
	text-decoration: underline;
}

#content a:hover,
#content a:active,
#content a:focus {
	color: #999;
}

p,
ul,
ol,
dl,
address {
	margin-bottom: .8em;
}

label {
	cursor: pointer;
}
img {
	vertical-align: bottom;
	display: block;
}

/* ------ Clearfix and Hidden Elements------ */
#layer:after,
#slide-list:after {
	content: ".";
	display: block;
	height: .1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	overflow: hidden;
}

.hidden,
input {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}

/* ------ Display Functions and Structure ------ */
#layer {
	width: 96%;
	margin: 0 auto;
}

header {
	position: relative;
	margin-left: 20px;
	padding-top: 40px;
}

#content {	
	padding: 0 20px 20px 20px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-hyphens: auto;
	line-height: 1.6em;	
}

@media screen and (min-width: 960px) {
header {	
	float: left;
	width: 210px;
}

#layer {
	width: 700px;
	margin: 0 220px 0 40px;
}

#content {	
	width: 430px;	
	margin-top: 197px;
	float: left;
}
}



h1 {
	margin-bottom: 100px;
	height: 57px;
}

h1 img {
	padding: 5px;
}

label[for="displayContent"],
label[for="hideContent"] {
	display: block;		
	cursor: pointer;
	color: #fff;
	position: absolute;
	top: 140px;
	left: 0;
	
}


label:hover {	
color: #999;
}






#layer {
	background: #000;
	background: rgba(0,0,0,.8);
}

#hideContent:checked ~ #layer h1 img,
#hideContent:checked ~ #layer label[for="displayContent"] {
	background: #000;
	background: rgba(0,0,0,.6);
}

#hideContent:checked ~ #layer {
	background: none;
}

#hideContent:checked ~ #layer #mainnavi,
#hideContent:checked ~ #layer #content,
#hideContent:checked ~ #layer #content *,
#hideContent:checked ~ #layer label[for="hideContent"],
#displayContent:checked ~ #layer label[for="displayContent"],
#displayContent:checked ~ #slide-list,
#displayContent:checked ~ #prevslide,
#displayContent:checked ~ #nextslide  {
	position: absolute;
opacity: 0;
top: -9999px;
left: -9999px;
height: 0;
overflow: hidden;
font-size: 0;
}





/* ------ Navigation ------ */
label[for="toggleNavi"] {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	width: 40px;
	height: 24px;
	text-indent: -9999px;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
}

label[for="toggleNavi"]:before {
	content: "";
	display: block;
	height: 8px;
	width: 40px;
	position: absolute;
	top:8px;
	background: #fff;
	
}


@media screen and (max-width: 959px) {
	#mainnavi {
		position: absolute;
		top: 0;
		right: 20px;
	}
	
	#mainnavi ul {
		display: none;
		background: #000;
		padding: 20px 20px 5px 20px;
		margin-top: 80px;
		border: 1px solid #fff;
	}
	
	#toggleNavi:checked + ul {
	display: block;}
}

@media screen and (min-width: 960px) {
label[for="toggleNavi"] {
	
opacity: 0;
top: -9999px;
left: -9999px;
right: auto;
height: 0;
overflow: hidden;
font-size: 0;
}
}

#mainnavi {
	
}
#mainnavi li {	
	margin-bottom: 16px;	
}

#mainnavi a,
#mainnavi a:visited,
#mainnavi strong {
	display: block;
	color: #fff;
	text-transform: uppercase;
}

#mainnavi a:hover,
#mainnavi a:active,
#mainnavi a:focus,
#mainnavi strong {
	color: #999;
}


/* ------ Content ------ */
.slogans li {
	list-style: square outside;
	margin-left: 1em;
}



#content img {
	margin-bottom: 1em;
}

address dfn {
	display: block;
	float: left;
	min-width: 4em;
}

.companyName {
	text-transform: uppercase;
}



/* ------ Superzized ------ */
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

#supersized-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	background:url(../imgages/supersized/progress.gif) no-repeat center center;
	}
	
#supersized {
		display:block;
		position:fixed;
		left:0; top:0;
		overflow:hidden;
		z-index:-999;
		height:100%;
		width:100%;
		}

#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
}

#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
	}	/*Speed*/

#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
	}	/*Quality*/
		
#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#111;
}

#supersized a {
	width:100%;
	height:100%;
	display:block;
}

#supersized li.prevslide {
	z-index:-20;
}

#supersized li.activeslide {
	z-index:-10;
}

#supersized li.image-loading {
	background:#111 url(../imgages/supersized/progress.gif)	no-repeat center center;
	width:100%;
	height:100%;
}

#supersized li.image-loading img {
	visibility:hidden;
}

#supersized li.prevslide img,
#supersized li.activeslide img {
	display:inline;
}

/* ------ Controls Bar ------ */

#slide-list,
#prevslide,
#nextslide {
	position: absolute;
	left: 50%;
	bottom: 30px;	
}

#prevslide,
#nextslide {
	width: 35px;
	height: 35px;	
	
	background: /*rgba(255,255,255,.6)*/ url('../images/layout/iconset.png') no-repeat -90px -18px;
	cursor: pointer;	
}

#prevslide {
	margin-left: -230px;
	background-position: -128px -18px;
	
}

#nextslide {	
	margin-left: 196px;	
}


#slide-list li {
	border-radius: 50%;	
	float: left;
	width: 16px;
	height: 16px;	
	margin: 0 8px;
	background: #fff;
	cursor: pointer;
}

#slide-list li:hover,
#slide-list .current-slide {
	opacity: .4;
}