body {
	margin:0; 
	padding:0;
	height:100%;
	overflow:hidden;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px; 
	line-height:21px;
	color:#565656;
	}
html {height:100%;padding:0;margin:0;overflow:hidden;}

/*Definition für den Index Bereich*/

#abs_middle {
	position:absolute;
	left:0px;
	top:50%;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow:auto;
	z-index:700;
	text-align:center;
	margin-top:-11%;
}

#abs_middle a{ text-decoration:none}
#abs_middle p {margin-top:29px;font-size:9px;color:#818181;}
.lang-pic {margin-right:14px;margin-top:37px; border:none;}
.holder {margin-left:15px;}

/* Ende*/


p {margin:0px 0px 26px 0px;}

#top-menu {
	position:absolute;
	right:19px;
	z-index:800;
	text-align:left;
	margin-top:5px;
	margin-right:18px;
}


#top-menu a {
	font-size:10px;
	color:#868686;
	text-decoration:none;
	float:left;
}

.vlined_mini {
	background-image:url(../img/vertical_line_tiny.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	float:left;
	margin:2px 5px 0 5px;
}

#topcontainer {
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	height:100%;
	*height:100%;
	width:100%;
	overflow:auto;
	z-index:800;
	text-align:center;
}

#container{
	position: relative;
	top: 0px; 
	left:0;
	width: 822px;
	margin: 0 auto;
	height:100%;
	z-index:1;
}

#header {
	text-align:center;
	background-image:url(../img/backhigu_top.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
	height:180px;

}

#topcontainer #logoCont {
	background-image:url(../img/../img/logo.gif); 
	background-repeat:no-repeat;
	background-position:55%;
	height:120px;
	width:95%;
	position:absolute;
	top:18px;
	z-index:900;
	margin:auto;
	left:0px;
}

#topcontainer #logoCont img{
	border:0px;
	position:relative;
	left:30px;
}


#logo {
	/*position:absolute;
	top:10px;*/
	
	margin:auto;
	padding-top:17px;
	height:96px;
}

#menu {
	width:680px;
	padding-top:153px;
	}

#menu a{
	padding-top:7px;
	float:left;
}
.vlined {
	height:29px;
	margin:0 10px 0 10px; 
	float:left; 
	background-image:url(../img/vertical_line.gif); 
	background-repeat:no-repeat;
}

#submenu {
	clear:both;
	width:410px;
	padding-top:7px;
}
#submenu a {
	padding-top:3px;
	float:left;
}

.vlined_middle {
	height:17px;
	margin:0 10px 0 10px; 
	float:left; 
	background-image:url(../img/vertical_line_middle.gif); 
	background-repeat:no-repeat;
}

#main {
	background-image: url(../img/horizontal_line.gif); 
	background-position:top center; 
	background-repeat:no-repeat;
	width:100%;
	min-height:100px;
}

#picbox {
	margin-top:47px;
	margin-bottom:20px;
	float:left;
	width:343px;
	height:auto;
	*height:500px;
	text-align:right;
}

#picbox p {margin-top:20px; margin-right:30px; text-align:right;}

#picbox a:link {color:#565656; text-decoration:underline;}
#picbox a:visited{color:#565656;text-decoration:underline;}
#picbox a:hover{color:#000000;}
#picbox a:active{color:#981600;}





#content {
	margin-top:44px;
	margin-left:42px;
	margin-bottom:60px;
	float:left;
	text-align:left;
}
#content p {
	width:400px;
}

#content h5 {margin:0px;padding:0px;font-size:12px;font-weight:bold;}

#content h6 {margin:0px;padding:0px;font-size:12px; font-weight:normal;}
h6 a:link{color:#565656;text-decoration:none;}
h6 a:visited{color:#565656;text-decoration:none;}
h6 a:hover{color:#000000;}
h6 a:active{color:#981600;}
.inlinehd {margin:0 0 26px 0}

html>body #footer {position:fixed}/* for moz/opera and others*/

#pagenavi {margin:5px 0px 40px 0px; width:400px;clear:left;}

#pagenavi .vlined_mini {margin:0px 4px 0px 4px; background-position:0px 0px;}

#pagenavi a {float:left;}

#pagenavi_zurueck {margin-right:10px;}
#pagenavi_vorwaerts {margin-left:10px;}

#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:63px;
	background-image:url(../img/backhigu_bottom.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:9px;

}
#footer p {position:relative;top:40px;margin:0px;padding:0px;line-height:9px;bottom:0px;font-size:9px;color:#818181}

/* INFORMATION ZEITLEISTE */

#content .historywrapper {width:410px; height:270px; overflow:auto; margin-bottom:15px;}
#content .historywrapper .clearme {clear:left;height:1px;font-size:12px;}
#content .historywrapper .clearmebottom {clear:left;height:1px;font-size:1px;margin-bottom:15px;}
#content .historywrapper .historyitem {width:180px;height:auto;margin:0px 8px 15px 0px;padding:0px;float:left;}
#content .historywrapper .historyitem_even {width:180px;height:auto;margin:0px 0px 15px 0px;padding:0px;float:left;}
#content .historywrapper .historyitem p {margin:0px; width:178px; line-height:15px;}
#content .historywrapper .historyitem_even p {margin:0px; width:178px; line-height:15px;}
#content .historywrapper .historyitem .year {font-weight:bold;}
#content .historywrapper .historyitem_even .year {font-weight:bold;}
#content .historywrapper .historyitem .day {font-weight:normal; font-style:italic; line-height:20px;}
#content .historywrapper .historyitem_even .day {font-weight:normal; font-style:italic; line-height:20px;}

/* LINKS FORMATIERUNG */

#content .linkwrapper {}
#content .linkwrapper p {margin-bottom:8px;}
#content .linkwrapper a:link{color:#565656;text-decoration:underline;}
#content .linkwrapper a:visited{color:#565656;text-decoration:underline;}
#content .linkwrapper a:hover{color:#000000;}
#content .linkwrapper a:active{color:#981600;}


/* WICHTIGSTE TEMPEL FORMATIERUNG */

#content .tempelwrapper {width:430px; height:270px; overflow:auto; margin-bottom:15px;}
#content .tempelwrapper p {margin-bottom:8px; width:400px;}
#content .tempelwrapper a:link{color:#565656;text-decoration:underline;}
#content .tempelwrapper a:visited{color:#565656;text-decoration:underline;}
#content .tempelwrapper a:hover{color:#000000;}
#content .tempelwrapper a:active{color:#981600;}


/* SITEMAP FORMATIERUNG */

#content .sitemapwrapper {width:400px; float:left;}
#content .sitemapwrapper p {margin-bottom:0px;}
#content .sitemapwrapper a:link {color:#565656; text-decoration:underline;}
#content .sitemapwrapper a:visited{color:#565656;text-decoration:underline;}
#content .sitemapwrapper a:hover{color:#000000;}
#content .sitemapwrapper a:active{color:#981600;}
#content .sitemapwrapper ol {padding-left:0px;}
#content .sitemapwrapper ol li {font-size:11px;font-weight:bold;}
#content .sitemapwrapper ol ol {padding-left:25px;}
#content .sitemapwrapper ol ol li {font-size:11px;font-weight:normal;margin-left:0px;}

/* ALLGEMEINE INFORMATIONEN FORMATIERUNG */

#content table {margin-bottom:20px;}
#content tr {font-size:12px;}
#content tr a:link {color:#565656; text-decoration:underline;}
#content tr a:visited{color:#565656;text-decoration:underline;}
#content tr a:hover{color:#000000;}
#content tr a:active{color:#981600;}


/* BILDERGALERIE FORMATIERUNG */

#content .bildergaleriewrapper {width:350px;height:auto;float:left;background:none; margin:10px 0px 30px 0px;}
#content .bildergaleriewrapper img {margin:0px 10px 10px 0px; float:left;}

/* STARTSEITE DE FORMATIERUNG */

#startdewrapper {width:auto; height:auto; clear:both; background:none; margin-top:40px;}

/* TERMS OF USE FORMATIERUNG */

#termsofuse {margin:18px;}
#termsofuse p {text-align:left; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px;}
#termsofuse a:link {color:#565656; text-decoration:underline;}
#termsofuse a:visited{color:#565656;text-decoration:underline;}
#termsofuse a:hover{color:#000000;}
#termsofuse a:active{color:#981600;}
#termsofuse h4 {font:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#termsofuse .header p {text-align:center;}
#termsofuse .termscontent {width:370px;height:450px;overflow:auto; padding:5px;margin-bottom:5px;}
#termsofuse .termscontent ul li {text-align:left; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px;}
#termsofuse .termscontent p {text-align:left; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px;}
#termsofuse .termscontent h4 {font:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#termsofuse .termscontent .header p {text-align:center;}



/* LIGHTBOX STYLES */

#lightbox{
	position: absolute;
	left: 0;
	top:0px;
	width: 100%;
	z-index: 999;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
	
#prevLink { left: 0; bottom:0px; float: left;background: url(../img/prevlabel.gif) left 100% no-repeat;}
#nextLink { right: 0;  bottom:0px; float: right;background: url(../img/nextlabel.gif) right 100% no-repeat;}


#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 100% 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; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: auto; float: right;  padding-bottom: 0.7em;	}	
#imageData #bottomNavClose img{ width: auto; height:auto;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 990;
	width: 100%;
	height: 500px;
	background-color: #000;
	}