/*
Theme Name: der Hörverlag
Version: 1.0
Author: Design Aspekt (MG)
*/

.icon {
	display:block;
	overflow: hidden;
	height: 0;
	background: transparent url(../pix/icons25_25.png) no-repeat;
}

/* Main icons */
.icon-settings { width: 25px; padding:26px 0 0 0; margin:0; }
.icon-settings-cart { background-position: 0px 0px; }
.icon-settings-listen { background-position: -25px 0px; }
.icon-settings-heart { background-position: -50px 0px; }
.icon-settings-pen { background-position: -75px 0px; }
.icon-settings-thumbnails { background-position: -125px 0px; }
.icon-settings-list { background-position: -100px 0px; }
.icon-settings-hand { background-position: -125px -100px;  }
.icon-settings-cd { background-position: -50px -100px;  }
.icon-settings-dvd { background-position: -75px -100px;  }
.icon-settings-mp3-cd { background-position: -100px -100px;  }
.icon-settings-sphere { background-position: -150px -100px;  }
.icon-settings-left { background-position: -225px 0px; margin:-3px 0 0 0; }
.icon-settings-right { background-position: -200px 0px; margin:-3px 0 0 0; }
.icon-settings-blank { background-position: -500px 0px; margin:-3px 0 0 0; }

.icon-settings-facebook { background-position: -25px -100px; }
.icon-settings-tweet { background-position: 0px -100px; }
.icon-settings-history {background-position: 70px -180px; padding: 13px 0 0 0; width: 100%;}
.icon-settings-info { background-position: -250px 0px; }
.icon-settings-word { background-position: -275px 0px; }
.icon-settings-image { background-position: -300px 0px; }
.icon-settings-pdf { background-position: -325px 0px; }
.icon-settings-video { background-position: -350px 0px; }
.icon-settings-delete { background-position: -375px 0px; }
.icon-settings-register { background-position: -175px -100px;}
.icon-settings-myskin { background-position: -150px -100px;}
.icon-settings-recommend{ background-position: -200px -100px;}


.icon-settings-cart:hover { background-position: 0px -50px; }
.icon-settings-listen:hover { background-position: -25px -50px; }
.icon-settings-heart:hover { background-position: -50px -50px; }
.icon-settings-pen:hover { background-position: -75px -49px; }
.icon-settings-thumbnails:hover { background-position: -125px -50px; }
.icon-settings-list:hover { background-position: -100px -50px; }
.icon-settings-hand:hover { background-position: -125px -125px;  }
.icon-settings-left:hover { background-position: -225px -50px; }
.icon-settings-right:hover { background-position: -200px -50px; }
.icon-settings-info:hover { background-position: -250px -50px; }
.icon-settings-word:hover { background-position: -275px -50px; }
.icon-settings-image:hover { background-position: -300px -50px; }
.icon-settings-pdf:hover { background-position: -325px -50px; }
.icon-settings-video:hover { background-position: -350px -50px; }
.icon-settings-delete:hover { background-position: -375px -50px; }
.icon-settings-register:hover { background-position: -175px -125px;}
.icon-settings-myskin:hover { background-position: -150px -125px;}
.icon-settings-recommend:hover{ background-position: -200px -125px;}
.icon-settings-facebook:hover { background-position: -25px -125px; }
.icon-settings-tweet:hover { background-position: 0px -125px; }

.icon-settings-thumbnails-active { background-position: -125px -25px; }
.icon-settings-list-active { background-position: -100px -25px; }

/*Large Icons*/
.icon-large { width: 65px; padding:65px 0 0 0; margin:0; }
.icon-large-twitter { background-position: 0px -230px; margin:0 0 5px -10px; }
.icon-large-facebook { background-position: -80px -230px; margin:0 0 5px -5px; }


/* Rating big stars */
.icon-rating-big { padding-top: 16px; background-position: -175px 0px; margin:0 0 0 0; }
.icon-rating-base-big { width: 128px; background-position: -175px -105px; position: relative; }
.icon-rating-big-1 { position: absolute; top: 0; left: 0; width: 23px; z-index: 60; }
.icon-rating-big-2 { position: absolute; top: 0; left: 0; width: 44px; z-index: 50; }
.icon-rating-big-3 { position: absolute; top: 0; left: 0; width: 65px; z-index: 40; }
.icon-rating-big-4 { position: absolute; top: 0; left: 0; width: 87px; z-index: 30; }
.icon-rating-big-5 { position: absolute; top: 0; left: 0; width: 107px; z-index: 20; }
.icon-rating-big-6 { position: absolute; top: 0; left: 0; width: 125px; z-index: 10; }

a.icon-rating-big { background-position: 9999px 9999px; }
a.icon-rating-big:hover { background-position: -325px -105px;  }

/* Rating small stars */
.icon-rating-small { padding-top: 16px; background-position: -180px 0px; margin:0 0 0 0; }
.icon-rating-base-small { width: 85px; background-position: -180px -129px; position: relative; }
.icon-rating-small-1 { position: absolute; top: 0; left: 0; width: 15px; z-index: 60; }
.icon-rating-small-2 { position: absolute; top: 0; left: 0; width: 30px; z-index: 50; }
.icon-rating-small-3 { position: absolute; top: 0; left: 0; width: 45px; z-index: 40; }
.icon-rating-small-4 { position: absolute; top: 0; left: 0; width: 55px; z-index: 30; }
.icon-rating-small-5 { position: absolute; top: 0; left: 0; width: 70px; z-index: 20; }
.icon-rating-small-6 { position: absolute; top: 0; left: 0; width: 85px; z-index: 10; }

a.icon-rating-small { background-position: 9999px 9999px; }
a.icon-rating-small:hover { background-position: -280px -129px;  }

ul.icon-rating-select {
	position: relative;
	margin: 0; padding: 0;
	list-style: none;
}

ul.icon-rating-select li {
	position: relative;
	margin: 0; padding: 0;
	list-style: none;
}

a.arrow-global {
	background-image: url(../pix/icon-sets/arrow-right.png);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding:0 0 0 15px;
	margin:0;
}

a.arrow-global:hover  {
	background-position: 0px -47px;
}

a.key-global {
	background-image: url(../pix/icon-sets/key-black.png);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	text-decoration:none;
	padding:0 0 0 30px;
	margin:0;
	font-weight:normal;
	color:#000000;
}

a.key-global:hover  {
	background-image: url(../pix/icon-sets/key-red.png);
}

a.brush-global {
	background-image: url(../pix/icon-sets/brush-black.png);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	text-decoration:none;
	padding:0 0 0 30px;
	margin:0;
	font-weight:normal;
	color:#000000;
}

a.brush-global:hover  {
	background-image: url(../pix/icon-sets/brush-red.png);
}

a.heart-global {
	background-image: url(../pix/icon-sets/heart-black.png);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	text-decoration:none;
	padding:0 0 0 30px;
	margin:0;
	font-weight:normal;
	color:#000000;
}

a.heart-global:hover  {
	background-image: url(../pix/icon-sets/heart-red.png);
}

a.recommend-global {
	background-image: url(../pix/icon-sets/recommend-black.png);
	background-repeat:no-repeat;
	background-position: 15px 0px;
	text-decoration:none;
	padding:25px 0 0 0;
	margin:0;
	font-weight:normal;
	color:#000000;
	text-size:12px;
}

a.recommend-global:hover  {
	background-image: url(../pix/icon-sets/recommend-red.png);
}

a.pen-global {
	background-image: url(../pix/icon-sets/pen-black.png);
	background-repeat:no-repeat;
	background-position: 25px 0px;
	text-decoration:none;
	padding:25px 0 0 0;
	margin:0;
	font-weight:normal;
	color:#000000;
	text-size:12px;
}

a.pen-global:hover  {
	background-image: url(../pix/icon-sets/pen-red.png);
}


a.facebook-global {
	background-image: url(../pix/icon-sets/facebook-black.png);
	background-repeat:no-repeat;
	background-position: 15px 0px;
	text-decoration:none;
	padding:25px 0 0 0;
	margin:0;
	font-weight:normal;
	color:#000000;
	text-size:12px;
}

a.facebook-global:hover  {
	background-image: url(../pix/icon-sets/facebook-red.png);
}


a.twitter-global {
	background-image: url(../pix/icon-sets/twitter-black.png);
	background-repeat:no-repeat;
	background-position: 10px 0px;
	text-decoration:none;
	padding:25px 0 0 0;
	margin:0;
	font-weight:normal;
	color:#000000;
	text-size:12px;
}

a.twitter-global:hover  {
	background-image: url(../pix/icon-sets/twitter-red.png);
}


a.headphones-global {
	background-image: url(../pix/icon-sets/headphones-black.png);
	background-repeat:no-repeat;
	background-position: 40px 0px;
	text-decoration:none;
	padding:25px 0 0 0;
	margin:0;
	font-weight:normal;
	color:#000000;
	text-size:12px;
}

a.headphones-global:hover  {
	background-image: url(../pix/icon-sets/headphones-red.png);
}


a.pdf-global {
	background-image: url(../pix/icon-sets/pdf-black.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	padding: 2px 0 0 30px;
	margin: 0;
	font-weight:normal;
	color:#000000;
	height: 21px;
}

a.pdf-global:hover  {
	background-image: url(../pix/icon-sets/pdf-red.png);
}



a div.schallwelten-global {
	background-image: url(../pix/icon-sets/btn_schallwelten.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	padding: 0 0 0 38px;
	margin: 6px 0 0 0;
	font-weight:normal;
	color:#000000;	
	height: 24px;
}

a div.schallwelten-global:hover {
	background-image: url(../pix/icon-sets/btn_schallwelten_hi.png);
}


a div.registrieren-global {
	background-image: url(../pix/icon-sets/btn_register.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	padding: 0 0 0 38px;
	margin: 6px 0 0 0;
	font-weight:normal;
	color:#000000;	
	height: 24px;
}

a div.registrieren-global:hover {
	background-image: url(../pix/icon-sets/btn_register_hi.png);
}


a div.newsletter-global {
	background-image: url(../pix/icon-sets/btn_newsletter.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	padding: 0 0 0 38px;
	margin: 6px 0 0 0;
	font-weight:normal;
	color:#000000;	
	height: 24px;
}

a div.newsletter-global:hover {
	background-image: url(../pix/icon-sets/btn_newsletter_hi.png);
}

a div.myskin-global {
	background-image: url(../pix/icon-sets/btn_myskin.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	padding: 0 0 0 38px;
	margin: 6px 0 0 0;
	font-weight:normal;
	color:#000000;	
	height: 24px;
}

a div.myskin-global:hover {
	background-image: url(../pix/icon-sets/btn_myskin_hi.png);
}


/* Footer icons */
.icon-footer { width: 63px; padding:63px 0 0 0; margin:0; }
.icon-footer-twitter { background-position: -8px -235px; }
.icon-footer-facebook { background-position: -86px -235px; }
.icon-footer-youtube{ background-position: -160px -235px; }
.icon-footer-rss { background-position: -237px -235px; }

.small-red {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #BF0000;
	font-size: 11px;
}

.move-up {
	margin:-3px 0 0 0;
}

.options {
	height:22px;
}

.options  li {
	float:left;
}

.arrow-shift {
	position:relative;
	left:8px;
}

.options-shift {
	position:relative;
	left:2px;
	top:-5px;
}

.disabled {
	border:1px;
	-moz-border-radius: 3px;
	background-color:#cccccc;
	margin-right:3px;
	padding:5px 5px 1px 5px;
}
