@charset "UTF-8";

/* 
CSS Document 
Title:			Icons CSS
Description: 	additional stylesheet 
Author:			quellcodekunst.de
*/

/* Only to display Elements on icons.html */
.iconStylesheet{background:#dedede;padding:10px 10px 200px 10px;}
.iconStylesheet h3{margin:50px 0px 10px;font-weight:bold;text-transform:uppercase;}
.iconStylesheet .iconsprite{border:0;background:#000;display:inline-block;width:100%;height:300px;overflow:scroll;}
.iconStylesheet .iconsprite img{width:100em;height:auto;}
.iconStylesheet .label{display:inline-block;width:150px;color:#0000cc;font-family:arial;padding:0px 0px 5px 0px;text-align:left;font-size:11px;font-weight:normal;display:table-cell;vertical-align:middle;}
.iconStylesheet table{margin:0px auto;}
.iconStylesheet td{border: 1px solid #D4D2D4;padding:10px;text-align:center}
.iconStylesheet td:nth-child(1){color:#0000cc;font-size:11px;text-align:left;}
.iconStylesheet tr:nth-child(1) td:nth-child(1){color:#000;font-size:12px;}
.iconStylesheet tr:nth-child(1) td{color:#0000cc;font-size:11px;}
.iconStylesheet p{display:table;}
/* END: Only to display Elements on icons.html */

/* GENERALS */
.icn{font-size:14px;}
.icn{display:inline-block;background: url(/img/layout/iconsprite.png) no-repeat;background-size:100em 150em;}
.icn:hover{cursor:pointer}
.icn.small{font-size:6px}
.icn.normal{font-size:12px}
.icn.big{font-size:18px}
.icn.xxl{font-size:22px}
/* GENERALS END */

/* ICONS */
.print{width:em;height:em;background-position: -em -em;}
.delete{width:em;height:em;background-position: -em -em;}
.write{width:em;height:em;background-position: -em -em;}
.close{width:em;height:em;background-position: -em -em;}
.close{width:em;height:em;background-position: -em -em;}

/* Brands */
.facebook{width:2.5em;height:2.5em;background-position: 0em -8.75em;}
a:hover .facebook,
a.active .facebook{background-position: 0em -11.25em;}

.facebook02{width:2.5em;height:2.5em;background-position: 0em -13.75em;}
a:hover .facebook02,
a.active .facebook02{background-position: 0em -16.25em;}

.google.plus{width:2.5em;height:2.5em;background-position: -3.75em -8.75em;}
a:hover .google.plus,
a.active .google.plus{background-position: -3.75em -11.25em;}

.google.plus02{width:2.5em;height:2.5em;background-position: -3.75em -13.75em;}
a:hover .google.plus02,
a.active .google.plus02{background-position: -3.75em -16.25em;}

.twitter{width:2.5em;height:2.5em;background-position: -7.5em -8.75em;}
a:hover .twitter,
a.active .twitter{background-position: -7.5em -11.25em;}

.twitter02{width:2.5em;height:2.5em;background-position: -7.5em -13.75em;}
a:hover .twitter02,
a.active .twitter02{background-position: -7.5em -16.25em;}

.google{width:2.5em;height:2.5em;background-position: -11.25em -8.75em;}
a:hover .google,
a.active .google{background-position: -11.25em -13.75em;}



/* ICONS END */



/* ARROWS */
.arrow{font-size:10px;}

.arrow.grey.top{width:0.9em;height:0.45em;background-position: -25em -2.5em;}
.arrow.grey.right{width:0.45em;height:0.9em;background-position: -26.25em -2.5em;}
.arrow.grey.bottom{width:0.9em;height:0.45em;background-position: -27.5em -2.5em;}
.arrow.grey.left{width:0.45em;height:0.9em;background-position: -28.75em -2.5em;}

.arrow.white.top{width:5em;height:5em;background-position: -0em -2.5em;}
.arrow.white.right{width:5em;height:5em;background-position: -6.25em -2.5em;}
.arrow.white.bottom{width:5em;height:5em;background-position: -12.5em -2.5em;}
.arrow.white.left{width:5em;height:5em;background-position: -18.75em -2.5em;}

.arrow.yellow.top{width:3.6em;height:1em;background-position: -30em -3.75em;}
a:hover .arrow.yellow.top,
a.active .arrow.yellow.top{background-position: -33.75em -3.75em;}

.arrow.yellow.right{width:1em;height:3.6em;background-position: -26.25em -3.75em;}
a:hover .arrow.yellow.right,
a.active .arrow.yellow.right{background-position: -28.7em -3.75em;}

.arrow.yellow.bottom{width:3.6em;height:1em;background-position: -30em -5em;}
a:hover .arrow.yellow.bottom,
a.active .arrow.yellow.bottom{background-position: -33.75em -5em;}

.arrow.yellow.left{width:1em;height:3.6em;background-position: -25em -3.75em;}
a:hover .arrow.yellow.left,
a.active .arrow.yellow.left{background-position: -27.5em -3.75em;}

/* ARROWS END */

/* STARS */
.starrate .star.bg,
.starrate .star.one,
.starrate .star.two,
.starrate .star.three,
.starrate .star.four,
.starrate .star.five{height:1.25em;}
.starrate .star.bg{width:6.25em;background-position: -6.25em  0em;}
.starrate .star.one{width:1.25em;background-position: 1111em  1111em;}
.starrate .star.one:hover{background-position: 0 0;}
.starrate .star.two{width:2.5em;background-position: 1111em  1111em;}
.starrate .star.two:hover{background-position: 0 0}
.starrate .star.three{width:3.75em;background-position: 1111em  1111em;}
.starrate .star.three:hover{background-position: 0 0;}
.starrate .star.four{width:5em;background-position: 1111em  1111em;}
.starrate .star.four:hover{background-position: 0 0;}
.starrate .star.five{width:6.25em;background-position: 1111em  1111em;}
.starrate .star.five:hover{background-position: 0 0;}


/* STARS END */



/* Definition of Icons for element.html */
/*
.icn.select{width:8px;height:10px;background: url(/img/layout/iconsprite.png) -0px -707px no-repeat}

.icn.calendar{width:13px;height:14px;background: url(/img/layout/iconsprite.png) -12px -705px no-repeat}

.icn.plus{width:23px;height:23px;background: url(/img/layout/iconsprite.png) -162px -216px no-repeat}

.icn.checkbox{width:26px;height:26px;background: url(/img/layout/iconsprite.png) -62px -700px no-repeat}
.icn.checkbox.checked{width:26px;height:26px;background: url(/img/layout/iconsprite.png) -31px -700px no-repeat}
.icn.checkbox.active{width:26px;height:26px;background: url(/img/layout/iconsprite.png) -62px -729px no-repeat}
.icn.checkbox.active.checked{width:26px;height:26px;background: url(/img/layout/iconsprite.png) -31px -729px no-repeat}

.icn.sep{width:9px;height:50px;background: url(/img/layout/iconsprite.png) -262px -703px no-repeat}

.icn.return{width:15px;height:12px;background: url(/img/layout/iconsprite.png) -289px -732px no-repeat}

.icn.select.down{width:14px;height:6px;background: url(/img/layout/iconsprite.png) -315px -715px no-repeat}
.active .icn.select.down{background-position: -292px -704px}
.icn.select.down.orange{background-position: -313px -693px}
.active .icn.select.down.orange{background-position: -289px -693px}

.active.others .icn.select.down,
.icn.select.up{width:14px;height:6px;background: url(/img/layout/iconsprite.png) -291px -715px no-repeat}
.icn.select.up.orange{background-position: -289px -693px}

.icn.arrow.big.left{width:20px;height:72px;background: url(/img/layout/iconsprite.png) -350px -694px no-repeat}
a:hover .icn.arrow.big.left,
.icn.arrow.big.left:hover{background-position: -371px -693px}

.icn.arrow.big.right{width:20px;height:72px;background: url(/img/layout/iconsprite.png) -392px -694px no-repeat}
a:hover .icn.arrow.big.right,
.icn.arrow.big.right:hover{background-position: -413px -693px}

.icn.arrow.small.left{width:7px;height:18px;background: url(/img/layout/iconsprite.png) -439px -694px no-repeat}
a:hover .icn.arrow.small.left,
.icn.arrow.small.left:hover{background-position: -439px -747px}

.icn.arrow.small.right{width:7px;height:18px;background: url(/img/layout/iconsprite.png) -455px -694px no-repeat}
a:hover .icn.arrow.small.right,
.icn.arrow.small.right:hover{background-position: -455px -747px}


.icn.bookmarken{width:125px;height:20px;background: url(/img/layout/iconsprite.png) -213px -761px no-repeat}
.icn.facebooken{width:208px;height:20px;background: url(/img/layout/iconsprite.png) -0px -761px no-repeat}

.nav.top .sep{width:2px;height:12px;background: url(/img/layout/iconsprite.png) -449px -722px no-repeat}
.nav.side .sep{width:6px;height:22px;background: url(/img/layout/iconsprite.png) -318px -732px no-repeat}

.icn.blocked{width:330px;height:12px;background: url(/img/layout/iconsprite.png) -0px -830px no-repeat;}
.icn.perc10{width:41px;height:23px;background: url(/img/layout/iconsprite.png) -488px -720px no-repeat;}
.icn.steps{width:363px;height:47px;background: url(/img/layout/iconsprite.png) -0px -850px no-repeat;}

.icn.infoPack{display:inline-block;width:84px;height:105px;background:url(/img/layout/iconsprite.png) -365px -1265px no-repeat;}


.arrow1.top{width:22px;height:11px;background: url(/img/layout/iconsprite.png) -114px -1179px no-repeat}
.arrow1.right{width:11px;height:22px;background: url(/img/layout/iconsprite.png) -136px -1190px no-repeat}
.arrow1.bottom{width:22px;height:11px;background: url(/img/layout/iconsprite.png) -113px -1213px no-repeat}
.arrow1.left{width:11px;height:22px;background: url(/img/layout/iconsprite.png) -13px -1191px no-repeat}

.icn.facebook1{width:23px;height:23px;background: url(/img/layout/iconsprite.png) -290px -1510px no-repeat}
a:hover .icn.facebook1{background-position: -313px -1510px}
.icn.google1{width:23px;height:23px;background: url(/img/layout/iconsprite.png) -290px -1538px no-repeat}
a:hover .icn.google1{background-position: -313px -1538px}
.icn.twitter1{width:23px;height:23px;background: url(/img/layout/iconsprite.png) -350px -1510px no-repeat}
a:hover .icn.twitter1{background-position: -373px -1510px}

.icn.print1{width:24px;height:22px;background: url(/img/layout/iconsprite.png) -233px -1409px no-repeat}
a:hover .icn.print1{background-position: -72px -1409px}
.icn.email1{width:20px;height:14px;background: url(/img/layout/iconsprite.png) -333px -1388px no-repeat}
a:hover .icn.email1{background-position: -333px -1441px}
.icn.close1{width:27px;height:27px;background: url(/img/layout/iconsprite.png) -287px -1192px no-repeat}
a:hover .icn.close1{background-position: -287px -1192px}
.icn.reload1{width:21px;height:20px;background: url(/img/layout/iconsprite.png) -253px -1510px no-repeat}
a:hover .icn.reload1{background-position: -253px -1510px}

*/