/*
 *	$Revision: 733 $
 *  $Author: florian.interaktiv $
 *  $LastChangedDate: 2010-08-05 22:23:59 +0200 (Thu, 05 Aug 2010) $
 *  $HeadURL: https://svn6.assembla.com/svn/interaktiv/Typo3_Plugins/dia_t3_dropbox/ressources/templates/style/style.css $
 * 
 */

div.element.dropbox
{
	display:block;
}

div.element.dropbox ul
{
	list-style:none;
	margin:15px;
	padding:0;
}

div.element.dropbox li
{
	padding:5px 0 5px 60px;
	height:50px;
	display:block;
	margin:0 0 10px 0;
}

div.element.dropbox li a
{
	padding:10px 0;
	display:block;
}

div.element.dropbox li.directory
{
	background:url(../images/ordner.png) 5px center no-repeat;
}

div.element.dropbox li.file.png,
div.element.dropbox li.file.jpg,
div.element.dropbox li.file.gif
{
	background:url(../images/pixel-grafiken.png) 5px center no-repeat;
}

div.element.dropbox li.file.zip
{
	background:url(../images/vektor-formate.png) 5px center no-repeat;
}

div.element.dropbox li.file.psd
{
	background:url(../images/photoshop.png) 5px center no-repeat;
}

div.element.dropbox li.file.ai
{
	background:url(../images/illustrator.png) 5px center no-repeat;
}

div.element.dropbox li.file.pdf
{
	background:url(../images/pdf.png) 5px center no-repeat;
}

/* Hover-Effekte */

div.element.dropbox li:hover
{
	background:#F293C4;
}

div.element.dropbox li.directory:hover
{
	background:#F293C4 url(../images/ordner.png) 5px center no-repeat;
}

div.element.dropbox li.file.png:hover,
div.element.dropbox li.file.jpg:hover,
div.element.dropbox li.file.gif:hover
{
	background:#F293C4 url(../images/pixel-grafiken.png) 5px center no-repeat;
}

div.element.dropbox li.file.zip:hover
{
	background:#F293C4 url(../images/vektor-formate.png) 5px center no-repeat;
}

div.element.dropbox li.file.psd:hover
{
	background:#F293C4 url(../images/photoshop.png) 5px center no-repeat;
}

div.element.dropbox li.file.ai:hover
{
	background:#F293C4 url(../images/illustrator.png) 5px center no-repeat;
}

div.element.dropbox li.file.pdf:hover
{
	background:#F293C4 url(../images/pdf.png) 5px center no-repeat;
}