/* Magnify an image: www.cssplay.co.uk/menu/magnify.html */
/* umgesetzt von a href="http://www.webdesignconsult.de*/
#stu_images {
	z-index:				100;
	height:					22em;
}
a.p_border img {
	border:					0;
	display:				block;
	float:					left;
	padding:				10px 12px;
}
a.p_border {
	display:				block;
	text-decoration:			none;
	margin:					20px 20px 0 20px;
	padding-left:				2px;
	width:					110px;
	height:					75px; 
	float:					left;
}
a.p_border img {
	display:				block;
	border:					0;
}
a.p_border:hover {
	text-decoration:			none;
	background-color:			#8c97a3;
	color:					#000;
	position:				relative;
	z-index:				500;
}
a.p_border b {
	display:				block;
	position:				absolute;
	left:					-9999px;
	padding:				10px;
	opacity:				0;
	-o-box-shadow:				5px 5px 2px rgba(0, 0, 0, 0.4);
	-icab-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	-khtml-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	box-shadow:				5px 5px 2px rgba(0, 0, 0, 0.4);
	-o-border-radius:			8px;
	-icab-border-radius:			8px;
	-khtml-border-radius:			8px;
	-moz-border-radius:			8px;
	-webkit-border-radius:			8px;
	border-radius:				8px;
	-webkit-transition:			opacity 0.6s ease-in-out;
}
a.p_border:hover b {
	top:					-65px;
	left:					130px;
	padding:				10px;
	border:					1px solid #aaa;
	background-color:			#fff;
	opacity:				1.0;
}

/* Magnify an image: www.cssplay.co.uk/menu/magnify.html */
/* umgesetzt von a href="http://www.webdesignconsult.de*/

a.p1 {
	display:				block;
	text-decoration:			none;
	margin:					0 100px 0 0 ;
	padding-left:				2px;
}
a.p1 img {
	display:				block;
	border:					0;
}
a.p1:hover {
	text-decoration:			none;
	background-color:			#8c97a3;
	color:					#000;
	position:				relative;
	z-index:				500;
}
a.p1 b {
	display:				block;
	position:				absolute;
	left:					-9999px;
	padding:				10px;
	opacity:				0;
	-o-box-shadow:				5px 5px 2px rgba(0, 0, 0, 0.4);
	-icab-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	-khtml-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:			5px 5px 2px rgba(0, 0, 0, 0.4);
	box-shadow:				5px 5px 2px rgba(0, 0, 0, 0.4);
	-o-border-radius:			8px;
	-icab-border-radius:			8px;
	-khtml-border-radius:			8px;
	-moz-border-radius:			8px;
	-webkit-border-radius:			8px;
	border-radius:				8px;
	-webkit-transition:			opacity 0.6s ease-in-out;
}
a.p1:hover b {
	top:					-65px;
	left:					130px;
	padding:				10px;
	border:					1px solid #aaa;
	background-color:			#fff;
	opacity:				1.0;
}

/* Chunky Borders: www.cssplay.co.uk/boxes/chunky.html */
/* umgesetzt von a href="http://www.webdesignconsult.de*/
.xsnazzy {
	background-color:			transparent;
	width:					130px;
	height:					110px;
	margin-bottom:				20px;
}
.xboxcontent {
	display:				block;
	background-color:			#ccc;
	border:					3px solid #fff;
	border-width:				0 3px;
	width:					124px;
	height:					110px;
}
.xsnazzy span {
	float:					right;
	padding-bottom:				0.5em;
	color:					#444;
	width:					400px !important;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {
	display:				block;
	overflow:				hidden;
	font-size:				0;
}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {
	height:					1px;
}
.xb4, .xb5, .xb6, .xb7 {
	background-color:			#ccc;
	border-left:				1px solid #fff;
	border-right:				1px solid #fff;
}
.xb1 {margin:0 8px; background-color:#fff;}
.xb2 {margin:0 6px; background-color:#fff;}
.xb3 {margin:0 4px; background-color:#fff;}
.xb4 {margin:0 3px; background-color:#ccc; border-width:0 5px;}

.xb5 {margin:0 2px; background-color:#ccc; border-width:0 4px;}
.xb6 {margin:0 2px; background-color:#ccc; border-width:0 3px;} 
.xb7 {margin:0 1px; background-color:#ccc; border-width:0 3px; height:2px;}