@charset "utf-8";
/* CSS Document */
body{
	font-size:17px;
	background-color:#666;
	color:#000;
}

.kopf
{
	position: relative; top:20px; margin-left:auto; margin-right:auto;
	/*background-color:#433936;*/
	background-image:url(head.png);
	color:#CCC; font-family: "Comic Sans MS", cursive; font-size:30px;
	width:95%; height:80px;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;

}
.oben
{
	position:relative;; margin-left:auto; margin-right:auto;
	background-image:url(bild.jpg); background-position:center;
	width:95%; height:150px;
}

.weihn
{
	position:relative;; margin-left:auto; margin-right:auto;
	background-image:url(../../weihn/hgr.png); background-position:center;
	width:95%; height:150px;
}

#user
{
	position:absolute; top:2px; right:10px;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
}

#label
{
	position:absolute; top:3px; left: 5px;
	font-family:"Comic Sans MS", cursive 18px;
}

.seite
{
	position:absolute; margin-top:-770px; left:4%;
	background-image:url(bhgr1.gif);
	color:#999;
	height:740px; width:14%;
	text-align:center;
	padding:20px; padding-top:0px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius: 10px;

}

.textbox
{
	position:relative; margin-left:auto; margin-right:auto; width:95%; height:700px; overflow:auto;
	background-color:#CCC; background-image: url(glas_152.png); color:#000;
}

.textbox li
{
	color:#633;
}

#textbox1
{
	float:right; margin-top:15px; margin-right:3%; margin-left:auto;
	height:auto; width:75%;
	font-size:17px;
}

.textbox1 li
{
	color:#633;
}


/*Counter*/
.counter
{
	float:right; margin-top:130px; margin-right:0px;
	background-color:#433936;
	height:20px; width:79%;
	color:#CCC; text-align:center; font-size:14px;
	-moz-border-radius-topleft:10px;
	-khtml-border-top-left-radius:10px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.kalender
{
	color:#000; padding-top:50px; background-color:#999;
}

.fuß
{
	position: relative; margin-left:auto; margin-right:auto;
	background-image:url(foot.png);
	color:#CCC; font-family: "Comic Sans MS", cursive; font-size:10px;
	width:95%; height:40px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-khtml-border-bottom-left-radius:15px;
	-khtml-border-bottom-right-radius:15px;

}

h1{text-decoration:underline; font-family: Verdana, Geneva, sans-serif; color: #666; text-align:center;}

.tbbox1
{
	float:right; width:auto; height:auto;
	background-repeat:no-repeat;
	padding-left:5px;
}
.tbbox2
{
	float:left; width:auto; height:auto;
	background-repeat:no-repeat;
	padding-right:5px; padding-top:5px;
}

#vorschau1
{
	position: relative;
	color:#ccc;
	border:groove; margin:0px auto;
	border-color:#FFFFFF;
	background-color:#333;
	line-height: 1.2;
	text-align:left;
	width:560px;
	height:300px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	margin-top:-340px;
	z-index: 2;
	width>:599px;
}

#fehlerbox
{
	position:relative; margin:0px auto;
	background-color:#F00;
	padding:40px;
	border:solid 1px #FFF;
	color:#FFF; font-size:18px;
	opacity: 9.0;
	-moz-opacity: 9.0;
	filter: alpha(opacity=90);
	z-index:2;
}

#okbox
{
	position:relative;
	background-color:#0F3; border:solid 3px #CCC; margin:0px auto;
	text-align:center; color:#00F; font-size:18px; padding:10px;
	opacity: 9.0;
	-moz-opacity: 9.0;
	filter: alpha(opacity=90);
	z-index:2;
}
#fenster /*alle haupt divs*/
{
	position:relative;
	width:99%; height:530px;
	text-align:center; font-size:16px;
	color:#CCC;
}

.gbth {background:#666;	font-size:20px;	color:#CCC;	height: 30px; background-color:#433936;}
.dbtr1 {
	background-color:#666;
}
.dbtr2 {
	background-color:#535353;
}

/* Gästebuch*/
.gbeintr
{
	font-size:17px;
	margin:auto;
	padding:10px;
	border:solid #000;
	width:500px;
}
.eintrag
{
	background-image:url(images/eintr.png);
	color:#00F;
	padding:10px;
	font-size:16px;
}

#lightbox{	position: absolute; top:238px;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lb/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lb/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 238px; right: 3%; width: 76%; height: 700px; background-color: #000; z-index: 90; }

#spruch
{
	position:absolute; top:25%; right:10%; background-color:#666; width:250px; height:200px; text-align:center; padding:10px; 
	padding-top:5px;font-weight:800;
	-moz-border-radius:5px;
	-khtml-border-radius:15px;

}
#spruch u {color:#CCC;}