@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

body { 		height:100%;
			text-align:center;
 			font-family:Arial;
			background-color:#FFFFFF;
}
		

a:link {	font-family:Arial;
			font-size:12px;
			display:block;
			color:#000000;
			text-align:center;
			text-decoration:none;
			}

a:visited {	font-family:Arial;
			font-size:12px;
			display:block;
			color:#000000;
			text-align:center;
			text-decoration:none;}

a:hover , a:active{	font-family:Arial;
			font-size:12px;
			display:block;
			color:#FFFFFF;
			text-align:center;
			text-decoration:none;}

a.active { color:#FFFFFF;
			}
a.active_dark { color:#999999;
			}

		
#container  { 	width:800px;
				height:600px;
				margin: 1em auto;
				text-align:left;
				border:none;
				}
	
	
#header { 	background:url(bilder/header2.jpg) no-repeat top; 
			width:100%; height:85px;
}
			

#menu { 	background:url(bilder/menu3.jpg) no-repeat;
			width:142px; height:515px;
			text-align:center;
			float:left;
			padding-top: 15px;
			}
			

#linklist a { 	font-family:Arial;
				font-size:12px;
				font-weight:bold;
				text-align:left;
				text-decoration:none;
				border:none;
				margin-left:15px;
				margin-top:8px;}

#content_box  {	width:568px; height: 465px;
				padding: 22px 22px 22px 60px;
				position:relative;
				background-repeat: no-repeat;
				float:right;}
			
#content_box h1{	font-size:18px;
					margin-bottom:9px;
					font-family:Arial;}
			
			
#content	{	font-size:11px;
				font-family:Arial;
				position:relative;}
				

.button {
	width: 155px;
	height: 28px;
	font-size:14px;
	background-image: url(bilder/button.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	font-weight: bold;
	padding: 6px;
	line-height: 8px;
			 }
.button_f {
	font-size:9px;
	font-weight: bold;
			 }
.button_g {
	text-align:left!important;
	display:inline!important;
	color: #00F!important;
			 }
.button_g a:visited {
	text-align:left!important;
	display:inline!important;
	color: #00F!important;
			 }

.button a { 
				}
				
#bilder_list{
	float:right;
	overflow-y:scroll;
	max-height: 475px;
}
.bild_klein {  width:50px;
				height:75px;
	display: block;				
	border:none;
}
.bild_detail { 	display:none;
				background-color:#FFFFFF;
				position:absolute;
				top:7px;
				right:65px;
				width:300px;
				height:450px;
				z-index: 100;
				border:1px solid #999999;
				font-size:12px;
				font-weight:bold;}
				
				
.bild_detail p { text-align:center;
				}
				
.bild_detail img{
	width:300px;
	height:450px;
	margin-bottom: 10px;
}				


.hover_dummy {
	cursor:default;	
}	

			
.hover_dummy:hover .bild_detail{
	display:block;
}


#content p{ margin-bottom:1em;}


#box_bilder_30jubilaeum {float:right;
						width:155px;
						position:relative; 
						margin-left:30px;
						
						}

#bilder_30jubilaeum {	float:left;
	width:150px; /* Breite des Bildes */
	border:1px solid #999999;
	margin-bottom:5px;
} 



.uhren_bild_klein { width:100px;
				height:auto;
	display: block;				
	border:none; 
	}
	
.uhren_bild_detail {
				display:none;
				background-color:#FFFFFF;
				position:absolute;
				top:-50px;
				right:30px;
				max-width:auto;
				max-height:auto;
				z-index: 100;
				border:1px solid #999999;
				font-size:12px;
				font-weight:bold;
}

.uhren_bild_gross {
max-height:300px;
				max-height:auto;
				}



.grossuhren_bild_klein { width:100px;
				height:auto;
	display: block;				
	border:none; 
	}
	
.grossuhren_bild_detail {
				display:none;
				background-color:#FFFFFF;
				position:absolute;
				top: -10px;
				right:40px;
				max-width:auto;
				max-height:auto;
				z-index: 100;
				border:1px solid #999999;
				font-size:12px;
				font-weight:bold;
}

.grossuhren_bild_gross {
max-width:300px;
				max-height:auto;
				}
