@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Open+Sans+Condensed:300,700);

*, *:before, *:after {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

html {

	font: 14px "Open Sans", sans-serif;

	font-weight: 400;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

}

html, body, form, img {

	margin: 0;

	padding: 0;

}

html, body {

	height: 100%;

	width: 100%;

}

img {

	border: 0;

}

h1, h2, h3, h4, h5, h6 {

	color: #000;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

	margin: 0;

	line-height: 130%;

}

h1{ font-size:26px;}

h2{ font-size:20px;}

h3{ font-size:18px;}

h4{ font-size:16px;}

h5{ font-size:14px;}

h6{	font-size:12px;}

a {

	color: #008bc4;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}

hr{

	border: 0 solid #ccc;

	color:#ccc;

	background:#ccc;

	height:1px;

}

strong{ font-weight:600;}

.c{ clear:both; height:1px; overflow:hidden;}

#nosite{

	background:#fff;

	padding:40px;

	text-align:center;

}

/* Rahmen */

header{

	width:100%;

	background:#fff;

	padding:10px 0 20px;

}

header div{

	width:90%;

	max-width:1000px;

	min-width:400px;

	margin:auto;

}



main{

	width:100%;

	min-height:90%;

	background-image:url(img/bg_body.png);

	background-repeat:repeat-x;

	background-position:bottom;

	padding-bottom:11%;

	overflow:auto;

}

main #content{

	width:90%;

	max-width:1000px;

	min-width:400px;

	background:#fff;

	padding:20px;

	min-height:80px;

	margin: 0 auto;

	font-size:16px;

	line-height:150%;

	box-shadow: 0 12px 10px 10px #ddd;
	border: 1px solid #efefef;

}

main #yt_frame{

	margin-top:20px;

}

footer{

	width:100%;

	background:#bbb;

	color:#fff;

	border-top:5px solid #fff;

	text-align:right;

	padding:5px 10px;

	height:10%;

	position:fixed;

	bottom:0;

}

footer a{

	color:#fff;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

}

/* Fehler */

.box_error{

	background:#FFF2F2;

	text-align:center;

	padding:10px ;

	color:#900;

}



/* QR Code Formular */

#codeform{

	padding:80px 0;

	text-align:center;

}

#codeform div{

	margin-top:20px;

}

#codeform input[typ='number'],#codeform input,#codeform button{

	font-size:24px;

	padding:10px;

	border-radius:5px;

	border: 1px solid #ccc;

}

#codeform button:hover{

	cursor:pointer;

}

/* buchinfo*/

#buchinfo{

	overflow:auto;

	color:#555;

}

#buchinfo em{

	color:#999;

}

#buchinfo hr{

	margin:30px 0;

}

#buchinfo img{	

	float:right;

	margin-left:20px;

}

#buchinfo .bi2{

	font-size:14px;

	margin-top:20px;

}