@charset "UTF-8";
/* CSS Document */
/* for http://dkpianist.de */

/* ---------------- */
/* Webfonts */
/* ---------------- */

@import url('http://fonts.googleapis.com/css?family=Open+Sans');


/* ---------------- */
/* HTML Elements */
/* ---------------- */

html, body {
height: 100%;
}
html {
/* 
  background: url(img/header1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 */
}
body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 300;
margin: 0;
padding: 0;
/* 
    background-image: url('http://www.canvaz.com/portrait/charcoal-1.jpg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
 */

}
strong {
	font-weight: 700;
}
h1 {
	font-weight: 100;
	margin-top: 0;
}
a:link, a:visited {
	color: #369;
}
a:hover {
	text-decoration: none;
	color: #69c;
}
table, td {
/* 
	border: 1px solid black;
 */
}
table {
	border-collapse: collapse;
}

/* ---------------- */
/* Responsive */
/* ---------------- */

@media (min-width:1px) and (max-width:767px) {
	#header, #about, #video, #kontakt {
	padding-left: 20px;
	padding-right: 20px;
	}
#about, #video, #kontakt {
	padding-top: 20px;
	padding-bottom: 20px;
	}
	#about img {
		width: 100%;
	}
	#right {
		clear: both;
		margin: 0;
		padding: 0;
		padding-top: 1em;
	}
	#video {
		text-align: center;
	}
	.player {
		margin: 1em auto;
		width: 100%;
		clear: both;
	}
	#footer {
		padding: 2rem 0;
	}
}

@media (min-width:768px) {
	#header, #about, #video, #kontakt {
	padding: 0 60px;
	}
	#about, #video, #kontakt {
	padding-top: 5em;
	padding-bottom: 5em;
	}
	#about img {
	width: 45%;
	height: auto;
	float: left;
	}
	#right {
	margin-left: 45%;
	padding-left: 1em;
	padding-top: 0;
	}
	.player {
	width: 48%;
	height: auto;
	float: left;
	margin-left: 4%;
	}
	.first {
	margin: 0;
	}
	#footer {
		padding: 10rem 0;
	}
}

/* 
@media (min-width:992px) { }
@media (min-width:1200px) { } 
@media (min-width:1px) and (max-width:767px) { }
@media (min-width:768px) and (max-width:991px) { }
@media (min-width:992px) and (max-width:1199px) { }
@media (min-width:1200px) and (max-width:999999px) { }
 */

/* ---------------- */
/* IDs - page structure */
/* ---------------- */

#header {
    background-image: url('img/header1.jpg');
    background-size: auto 1000px;
    background-repeat: no-repeat;
    background-position: center -100px;
    height: 700px;
}
#about {
}
#video {
	background: #F3F4E9;
	border-width: 1px 0;
	border-color: #ccc;
	border-style: solid;
}
#kontakt {
}
#footer {
	font-weight: 300;
	font-size: .8em;
	text-align: center;
	background: #666;
	color: #aaa;
}

/* ---------------- */
/* IDs - local */
/* ---------------- */

#header img {
	height: 180px;
	width: auto;
	margin-top: 40px;
}
#footer a:link {
	color: #aaa;
}
#footer a:hover {
	text-decoration: none;
	color: #ddd;
}

/* ---------------- */
/* Classes */
/* ---------------- */

.clear {
	clear: both;
}
.termin {
	background: #E9EFFB;
	border: 1px dotted #999;
	padding: 1em;
}