/* Icons */
a.button.l .icon { margin-right: 10px; margin-top: 5px; }
a.button.r .icon { margin-left: 10px; margin-top: 5px; }


/*
         FSK Icons CSS
*/

.icon {
         background-color: transparent !important;
         background-image: url(../images/fsk_icons.png);
         background-repeat: no-repeat;
         width: inherit;
         height: inherit;
         background-size: 1000px 500px;
         display: block;
         border: 0px solid #000;
}

.icon:hover, .icon.light:hover { background-image: url(../images/fsk_icons_grey.png) !important; }
.icon.dark { background-image: url(../images/fsk_icons_grey.png) !important; }
.icon.light { background-image: url(../images/fsk_icons_white.png) !important; }
.icon.nohover { background-image: url(../images/fsk_icons.png) !important; }
.icon.light.nohover { background-image: url(../images/fsk_icons_white.png) !important; }
.button.active:hover > .icon.light {background-image: url(../images/fsk_icons.png) !important; }

/* Big 72x72 */
.icon.big {
         background-size: 720px 360px;
         width: 72px;
         height: 72px;
}
.icon.big.arrow_l { background-position: 0px 0px; }
.icon.big.arrow_r { background-position: -72px 0px; }
.icon.big.arrow_o { background-position: -144px 0px; }
.icon.big.arrow_u { background-position: -216px 0px; }
.icon.big.external { background-position: -288px 0px; }
.icon.big.heart { background-position: -360px 0px; }
.icon.big.search { background-position: -432px 0px; }
.icon.big.dot { background-position: -504px 0px; }
.icon.big.down { background-position: -576px 0px; }
.icon.big.up { background-position: -648px 0px; }

.icon.big.dot_r { background-position: 0px -72px; }
.icon.big.dot_rr { background-position: -72px -72px; }
.icon.big.dot_ll { background-position: -144px -72px; }
.icon.big.dot_l { background-position: -216px -72px; }
.icon.big.close { background-position: -288px -72px; }
.icon.big.XYZ { background-position: -360px -72px; }
.icon.big.start1 { background-position: -432px -72px; }
.icon.big.start2 { background-position: -504px -72px; }
.icon.big.start3 { background-position: -576px -72px; }
.icon.big.start4 { background-position: -648px -72px; }

.icon.big.date { background-position: 0px -144px; }
.icon.big.user { background-position: -72px -144px; }
.icon.big.comments { background-position: -144px -144px; }
.icon.big.time { background-position: -216px -144px; }
.icon.big.words { background-position: -288px -144px; }
.icon.big.mail { background-position: -360px -144px; }
.icon.big.phone { background-position: -432px -144px; }
.icon.big.views { background-position: -504px -144px; }
.icon.big.cat { background-position: -576px -144px; }
.icon.big.tag { background-position: -648px -144px; }

.icon.big.allgemein { background-position: 0px -216px; }
.icon.big.gesundheit { background-position: -72px -216px; }
.icon.big.kreativ { background-position: -144px -216px; }
.icon.big.it { background-position: -216px -216px; }
.icon.big.schule { background-position: -288px -216px; }
.icon.big.sprachen { background-position: -360px -216px; }
.icon.big.technik { background-position: -432px -216px; }
.icon.big.wirtschaft { background-position: -504px -216px; }
.icon.big.grafikdesign { background-position: -576px -216px; }
.icon.big.marketing { background-position: -648px -216px; }


/* Medium 40x40 */
.icon.medium {
        background-size: 400px 200px;
         width: 40px;
         height: 40px;
}
.icon.medium.arrow_l { background-position: 0px 0px; }
.icon.medium.arrow_r { background-position: -40px 0px; }
.icon.medium.arrow_o { background-position: -80px 0px; }
.icon.medium.arrow_u { background-position: -120px 0px; }
.icon.medium.external { background-position: -160px 0px; }
.icon.medium.heart { background-position: -200px 0px; }
.icon.medium.search { background-position: -240px 0px; }
.icon.medium.dot { background-position: -280px 0px; }
.icon.medium.down { background-position: -320px 0px; }
.icon.medium.up { background-position: -360px 0px; }

.icon.medium.dot_r { background-position: 0px -40px; }
.icon.medium.dot_rr { background-position: -40px -40px; }
.icon.medium.dot_ll { background-position: -80px -40px; }
.icon.medium.dot_l { background-position: -120px -40px; }
.icon.medium.close { background-position: -160px -40px; }
.icon.medium.XYZ { background-position: -200px -40px; }
.icon.medium.start1 { background-position: -240px -40px; }
.icon.medium.start2 { background-position: -280px -40px; }
.icon.medium.start3 { background-position: -320px -40px; }
.icon.medium.start4 { background-position: -360px -40px; }

.icon.medium.date { background-position: 0px -80px; }
.icon.medium.user { background-position: -40px -80px; }
.icon.medium.comments { background-position: -80px -80px; }
.icon.medium.time { background-position: -120px -80px; }
.icon.medium.words { background-position: -160px -80px; }
.icon.medium.mail { background-position: -200px -80px; }
.icon.medium.phone { background-position: -240px -80px; }
.icon.medium.views { background-position: -280px -80px; }
.icon.medium.cat { background-position: -320px -80px; }
.icon.medium.tag { background-position: -360px -80px; }

.icon.medium.allgemein { background-position: 0px -120px; }
.icon.medium.gesundheit { background-position: -40px -120px; }
.icon.medium.kreativ { background-position: -80px -120px; }
.icon.medium.it { background-position: -120px -120px; }
.icon.medium.schule { background-position: -160px -120px; }
.icon.medium.sprachen { background-position: -200px -120px; }
.icon.medium.technik { background-position: -240px -120px; }
.icon.medium.wirtschaft { background-position: -280px -120px; }
.icon.medium.grafikdesign { background-position: -320px -120px; }
.icon.medium.marketing { background-position: -360px -120px; }


/* Small 30x30 */
.icon.small {
         background-size: 300px 150px;
         width: 30px;
         height: 30px;
}
.icon.small.arrow_l { background-position: 0px 0px; }
.icon.small.arrow_r { background-position: -30px 0px; }
.icon.small.arrow_o { background-position: -60px 0px; }
.icon.small.arrow_u { background-position: -90px 0px; }
.icon.small.external { background-position: -120px 0px; }
.icon.small.heart { background-position: -150px 0px; }
.icon.small.search { background-position: -180px 0px; }
.icon.small.dot { background-position: -210px 0px; }
.icon.small.down { background-position: -240px 0px; }
.icon.small.up { background-position: -270px 0px; }

.icon.small.dot_r { background-position: 0px -30px; }
.icon.small.dot_rr { background-position: -30px -30px; }
.icon.small.dot_ll { background-position: -60px -30px; }
.icon.small.dot_l { background-position: -80px -30px; }
.icon.small.close { background-position: -120px -30px; }
.icon.small.XYZ { background-position: -150px -30px; }
.icon.small.start1 { background-position: -180px -30px; }
.icon.small.start2 { background-position: -210px -30px; }
.icon.small.start3 { background-position: -240px -30px; }
.icon.small.start4 { background-position: -270px -30px; }

.icon.small.date { background-position: 0px -60px; }
.icon.small.user { background-position: -30px -60px; }
.icon.small.comments { background-position: -60px -60px; }
.icon.small.time { background-position: -90px -60px; }
.icon.small.words { background-position: -120px -60px; }
.icon.small.mail { background-position: -150px -60px; }
.icon.small.phone { background-position: -180px -60px; }
.icon.small.views { background-position: -210px -60px; }
.icon.small.cat { background-position: -240px -60px; }
.icon.small.tag { background-position: -270px -60px; }

.icon.small.allgemein { background-position: 0px -90px; }
.icon.small.gesundheit { background-position: -30px -90px; }
.icon.small.kreativ { background-position: -60px -90px; }
.icon.small.it { background-position: -90px -90px; }
.icon.small.schule { background-position: -120px -90px; }
.icon.small.sprachen { background-position: -150px -90px; }
.icon.small.technik { background-position: -180px -90px; }
.icon.small.wirtschaft { background-position: -210px -90px; }
.icon.small.grafikdesign { background-position: -240px -90px; }
.icon.small.marketing { background-position: -270px -90px; }



/* Mini 20x20 */
.icon.mini {
        background-size: 200px 100px;
         width: 20px;
         height: 20px;
}
.icon.mini.arrow_l { background-position: 0px 0px; }
.icon.mini.arrow_r { background-position: -20px 0px; }
.icon.mini.arrow_o { background-position: -40px 0px; }
.icon.mini.arrow_u { background-position: -60px 0px; }
.icon.mini.external { background-position: -800px 0px; }
.icon.mini.heart { background-position: -100px 0px; }
.icon.mini.search { background-position: -120px 0px; }
.icon.mini.dot { background-position: -140px 0px; }
.icon.mini.down { background-position: -160px 0px; }
.icon.mini.up { background-position: -180px 0px; }

.icon.mini.dot_r { background-position: 0px -20px; }
.icon.mini.dot_rr { background-position: -20px -20px; }
.icon.mini.dot_ll { background-position: -40px -20px; }
.icon.mini.dot_l { background-position: -60px -20px; }
.icon.mini.close { background-position: -80px -20px; }
.icon.mini.XYZ { background-position: -100px -20px; }
.icon.mini.start1 { background-position: -120px -20px; }
.icon.mini.start2 { background-position: -140px -20px; }
.icon.mini.start3 { background-position: -160px -20px; }
.icon.mini.start4 { background-position: -180px -20px; }

.icon.mini.date { background-position: 0px -40px; }
.icon.mini.user { background-position: -20px -40px; }
.icon.mini.comments { background-position: -40px -40px; }
.icon.mini.time { background-position: -60px -40px; }
.icon.mini.words { background-position: -80px -40px; }
.icon.mini.mail { background-position: -100px -40px; }
.icon.mini.phone { background-position: -120px -40px; }
.icon.mini.views { background-position: -140px -40px; }
.icon.mini.cat { background-position: -160px -40px; }
.icon.mini.tag { background-position: -180px -40px; }

.icon.mini.allgemein { background-position: 0px -60px; }
.icon.mini.gesundheit { background-position: -20px -60px; }
.icon.mini.kreativ { background-position: -40px -60px; }
.icon.mini.it { background-position: -60px -60px; }
.icon.mini.schule { background-position: -80px -60px; }
.icon.mini.sprachen { background-position: -100px -60px; }
.icon.mini.technik { background-position: -120px -60px; }
.icon.mini.wirtschaft { background-position: -140px -60px; }
.icon.mini.grafikdesign { background-position: -160px -60px; }
.icon.mini.marketing { background-position: -180px -60px; }



/* transparenz */
.t75 {
        opacity: 0.75;
          filter: alpha(opacity=75);
}

.t50 {
        opacity: 0.5;
          filter: alpha(opacity=50);
}

.t25 {
        opacity: 0.25;
          filter: alpha(opacity=25);
}


/* Social Media */
#socialmedia {
         float:left;
         width: 220px;
         height: 20px;
         text-align: left;
         margin-top: 5px;
         margin-bottom: 5px;
}

#socialmedia a {
         display: inline-block !important;
         width: 20px !important;
         height: 20px !important;
         background-image: url(../images/socialmedia_logos.png);

         background-repeat: no-repeat;
         padding: 0px !important;
         opacity: 0.7;
         filter: alpha(opacity=70);
}

#socialmedia a:hover { opacity: 0.7; filter: alpha(opacity=70); background-image: url(../images/socialmedia_logos_hover.png); }
#socialmedia a.twitter { background-position: 0px 0px; }
#socialmedia a.facebook { background-position: -29px 0px; }
#socialmedia a.googleplus { background-position: -58px 0px; }
#socialmedia a.youtube { background-position: -87px 0px; }
#socialmedia a.pinterest { background-position: -116px 0px; }
#socialmedia a.skype { background-position: -145px 0px; }
#socialmedia a.snapchat { background-position: -172px 0px; }
#socialmedia a.rss { background-position: -200px 0px; }