﻿

 /*  
:link
Nichtbesuchter Hyperlink. 
:visited
Besuchter Hyperlink 
:active
Aktiver Hyperlink (Wenn der User mit der Maus auf den Link klickt.) 
:hover
Mouseover-Effekt. Wenn der User den Mauszeiger über einen Hyperlink oder ein anderes Element bewegt.
 */

/* ######################################################### */
/* 				Einfache Bilder Vorschau    				 */
/* ######################################################### */


.lupeImage1{	
	width:152px; height:135px; 
	 	
	cursor:pointer;
 	text-align:center;
 	background-image:url('../intern/himmelfahrt2010/images/Himmelfahrt2010_google_tump.png');
 	background-repeat:no-repeat;
 	background-position:right center;
 	border:0px solid #CCCCCC;
 	border-bottom:0px;
 	border-right:0px;
 	margin:20px;
 	padding:0px 5px 0px 5px ;
 	float:left;	
}

.imageRahmen{

	padding:0px  0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px transparent solid;	
	height:106%; width:106%;
	background-color:transparent;
	position:static;
}
	
.lupeText{
font-size:0.9em;
display:inline-block;
border:0px transparent solid;
font-style:italic;
text-align:center
}

#lupeImage1{
	background-image:url('../intern/himmelfahrt2010/images/Himmelfahrt2010_google.png');
		
	display:none;	
}

.lupeImage1:hover #lupeImage1{ 

	width:600px; height:329px;	
	top:200px; left:25%;
			
	position:absolute;
	display:block;
	
	padding:0px  0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px transparent solid;	
	background-color:transparent;
		
}


/* Teil2 */
.lupeImage2{	
	width:152px; height:135px; 
	 	
	cursor:pointer;
 	text-align:center;
 	background-image:url('');
 	background-repeat:no-repeat;
 	background-position:center center;
 	border:0px solid #CCCCCC;
 	border-bottom:2px;
 	border-right:2px;
 	margin:20px;
 	padding:0px;
 	float:right;	
	
}

#lupeImage2{
	background-image:url('');
		
	display:none;	
}

.lupeImage2:hover #lupeImage2{ 
	width:300px; height:275px;		
	top:200px; left:25%;	
	position:absolute;
	display:block;	
}



/* ######################################################### */
/* 		Ende der einfachen Bilder-Vorschau    				 */
/* ######################################################### */




 


