@charset "utf-8";
/* CSS Document */
/*Einsatz SVG-Filter*/ 

.greyscale{
/* CSS3 Filtereigenschaft */	
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
-ms-filter: grayscale(100%);
filter: grayscale(1);
/* Filter als SVG wenn CSS3 Eigenschaft nicht unterstützt wird*/
filter:url(../img/filter.svg#css_greyscale);
/* Filtereigenschaft alte Internet Explorer*/
filter: gray; /* IE6-9 */
}

.sepia{
-ms-filter: sepia(1);
-webkit-filter: sepia(100%);
-webkit-filter: sepia(1);
filter: sepia(1);
filter:url(../img/filter.svg#css_sepia);
}
.blur{
-ms-filter: blur(2px);
-moz-filter: blur(2px);
-webkit-filter: blur(2px);
filter: blur(2px);
filter:url(../img/filter.svg#css_blur);
}
.invert{
-ms-filter: invert(1);
-moz-filter: invert(1);
-webkit-filter: invert(1);
filter: invert(1);
filter:url(../img/filter.svg#css_invert);
}
/* Gamma ist nicht in allen Browsern nutzbar sofern ForeignObject methode nicht benutzt wird!!*/
.gamma{
-webkit-filter:url(../img/svg_filter.svg#css_gamma);
/*filter:url(svg_filter.svg#css_gamma)*/;}

/* Hover */
.greyscale:hover,.sepia:hover,.gamma:hover,.blur:hover,.invert:hover{
-webkit-filter:none;
filter:none;
}