/*
# ------------------------------------------------------------------------
# Extensions for Joomla 2.5.x - Joomla 3.x
# ------------------------------------------------------------------------
# Copyright (C) Merlin Creativ-Management.de. All Rights Reserved.
# @license - PHP files are GNU/GPL V2.
# Author: J.-B. Matthis
# Websites:  http://www.merlin-management.dwe 
# Date modified: 02/2014 - 13:00
# ------------------------------------------------------------------------
*/

#schellzugriff {
	position: fixed;
	right: 0;
	top: 40%;
	height: auto;
	width: 300px;
	z-index: 999;
}
.schellzugriff-content {
	position: relative;
}

.uhr, 
.email, 
.newsletter, 
.telephone {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	height: 32px;
	overflow: hidden;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.uhr {
	background-image: url(../images/uhr.png);
	width: 45px;
	top: 0;
}
.email {
	background-image: url(../images/email.png);
	width: 55px;
	top: 32px;
}
.newsletter {
	background-image: url(../images/newsletter.png);
	width: 65px;
	top: 64px;
}
.telephone {
	background-image: url(../images/telephone.png);
	width: 75px;
	top: 96px;
}
.uhr:hover, 
.uhr:active, 
.uhr:focus {
	width: 130px;
}
.email:hover, 
.email:active, 
.email:focus {
	width: 170px;
}
.newsletter:hover, 
.newsletter:active, 
.newsletter:focus {
	width: 250px;
}
.telephone:hover, 
.telephone:active, 
.telephone:focus {
	width: 230px;
}

#uhr, 
#uhr a, 
#uhr a:hover, 
#email, 
#email a, 
#email a:hover, 
#newsletter, 
#newsletter a, 
#newsletter a:hover, 
#telephone, 
#telephone a, 
#telephone a:hover {
	text-align: left;
	font-size: 13px;
	font-style: italic;
	width: 150px;
	margin-top: 5px;
	color: #fff;
	text-decoration: none;
}

#uhr {
	margin-left: 50px;
}
#email {
	margin-left: 60px;
}
#newsletter {
	margin-left: 80px;
}
#telephone {
	margin-left: 80px;
}