@charset "utf-8";
/*gb_________________________________________________*/
.fetter {
	font-weight:bold;
}
.fett_name {
	font-weight:bold;
	background-color:#CCC;
	border-radius:15px;
	padding-left:5px;
	padding-right:5px;
}
/*formular gb__________________________________________*/
#frm {
	width:320px;
	position:relative;
	top:110px;
	left:80px;
	z-index:200;
	transform: skew(-10deg) scale(1,1);
}
#frm legend {
	text-align:center;
	padding-bottom:5px;
}
#frm textarea {
	vertical-align:bottom;
}
#frm div {
	padding-top:5px;
}
#frm img {
	 width:100px;
	 height:40px;
	 margin-top:15px;
	 margin-left:15px; 
}
#eingabe {
	margin-top:-13px;
	width:100px;
}
#but_gb {
	margin-top:-13px;
}
.laenge {
	width:150px;
}
#nname {
	margin-left:10px;
}
h1 {
	text-align:center;
	font-weight:bold;
	font-size:2.8em;
	margin-top:25px;
}
#info_auf {
	display:block;
	color:#666;
	text-shadow:1px 1px 2px #000;
	margin:auto;
	margin-top:300px;
	margin-bottom:20px;
	border:none;
	background-color:transparent;
	padding:5px 100px 5px 100px;
}
#info_auf:hover {
	cursor:pointer;
}
#info_zu {
	position:relative;
	top:2px;
	left:400px;
}
#info_zu:hover {
	cursor:pointer;
}
#info_gb {
	display:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	border:2px solid #F00;
	border-radius:15px;
	width:850px;
	margin:auto;
	margin-bottom:20px;
	padding-bottom:10px;
	background-color:#CCC;
}
#info_gb p {
	padding-bottom:10px;
}
#info_gb a {
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	color:#F00;
}
#info_gb a:hover {
	border-radius:15px;
	background-color:#999;
	
}
#info_gb span {
	font-weight:bold;
}
.mail {
	position:absolute;
	top:500px;
	left:600px;
	z-index:-100;
}
/*gb auslesen________________________________________*/
.divauslesen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	padding-top:2em;
	padding-left:1em;	
}
.divauslesen dt {
	display:inline-block;
	margin-bottom:0.2em;
}
.divauslesen dd {
	text-align:left;
	padding-left:10px;
	font-style:italic;
	margin-bottom:0.5em;
	font-size:1.3em;
}
.divgbtxt {
		width: 380px;
		height: 180px;
}
.fetter {
	font-family: PanamaBold,"Open Sans",Roboto,Arial,sans-serif;
	font-weight:bold;
}
.fett_name {
	font-family: PanamaBold,"Open Sans",Roboto,Arial,sans-serif;
	font-weight:bold;
	background-color:#CCC;
	border-radius:15px;
	padding-left:5px;
	padding-right:5px;
}
/*test_____blank__________________________________________________*/
#book {
	background: url("../bilder/gaestebuch/book.png") no-repeat;
	position: absolute;
	width: 830px;
	height: 260px;
	left:50%;
	top:450px;
	margin-left: -420px;
	margin-top: -125px;
	box-shadow:30px 10px 30px #666;
}

#pages section {
	background: url("../bilder/gaestebuch/paper.png") no-repeat;
	display: block;
	width: 400px;
	height: 250px;
	position: absolute;
	left: 415px;
	top: 5px;
	overflow: hidden;
}
	#pages section>div {
		display: block;
		width: 400px;
		height: 250px;
		font-size: 12px;
	}
	#pages section p,
	#pages section h2 {
		padding: 3px 35px;
		line-height: 1.4em;
		text-align: justify;
	}
	#pages section h2{
		margin: 15px 0 10px;
	}

#pageflip-canvas {
	position: absolute;
	z-index: 100;
}
.seite {
	width:10px;
	position:absolute;
	top:230px;
	left:380px;
}