@CHARSET "UTF-8";

/******************* SPRITEMAP *******************/

/********************INFO *************************/
/*
		.pointer: 	Adds cursor pointer to the element
		.sprite: 	Basic class needed for all sprites
		.mouseover:	Class is used to create a hover effect with js. Js adds/removes
					class .hover on mouseover and mouseout of the tagged element
		.hover:		Hover effect on a sprite. It is recommended not to set this manually!
					Will be removed via js when used in combination with .mouseover
		.highlight:	Creates a permanent hover effect of the tagged element unless
					.highlight class is removed manually

*/
/**************************************************/

.pointer {
	cursor: pointer;
}

.sprite {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url("../img/gfx/spritemap.png");
	/*border: 3px solid green;*/
}

.sprite.go {
	width: 37px;
	height: 24px;
	background-position: -2px -1px;
}

.sprite.go.hover,
.sprite.go.highlight {
	background-position: -42px -1px;
}

.sprite.login {
	width: 51px;
	height: 24px;
	background-position: -85px -1px;
}

.sprite.login.hover,
.sprite.login.highlight {
	background-position: -142px -1px;
}

.sprite.screenIt {
	width: 68px;
	height: 43px;
	background-position: 0px -30px;
}

.sprite.screenIt.hover,
.sprite.screenIt.highlight {
	background-position: 0px -76px;
}

.sprite.cleanIt {
	width: 63px;
	height: 43px;
	background-position: -68px -30px;
}

.sprite.cleanIt.hover,
.sprite.cleanIt.highlight {
	background-position: -68px -76px;
}

.sprite.trashIt {
	width: 55px;
	height: 43px;
	background-position: -131px -30px;
}

.sprite.trashIt.hover,
.sprite.trashIt.highlight {
	background-position: -131px -76px;
}

.sprite.helpMe {
	width: 70px;
	height: 50px;
	background-position: -190px -30px;
}

.sprite.helpMe.hover,
.sprite.helpMe.highlight {
	background-position: -190px -76px;
}

.sprite.disc {
	width: 75px;
	height: 22px;
	background-position: -323px -32px;
}
.sprite.musicSwitch {
	width: 68px;
	height: 43px;
	background-position: -212px -30px;
}

.sprite.musicSwitch.off {
	background-position: -212px -86px;
}

.sprite.goodieCrown {
	width: 29px;
	height: 10px;
	background-position: 0 -126px;
}

.sprite.goodieCrown.hover,
.sprite.goodieCrown.highlight {
	background-position: 0 -139px;
}

.sprite.goodieCitySign {
	width: 39px;
	height: 10px;
	background-position: -41px -126px;
}

.sprite.goodieCitySign.hover,
.sprite.goodieCitySign.highlight {
	background-position: -41px -139px;
}

.sprite.goodieGuitar {
	width: 28px;
	height: 10px;
	background-position: -93px -126px;
}

.sprite.goodieGuitar.hover,
.sprite.goodieGuitar.highlight {
	background-position: -93px -139px;
}

.sprite.goodieHeadphone {
	width: 53px;
	height: 10px;
	background-position: -134px -126px;
}

.sprite.goodieHeadphone.hover,
.sprite.goodieHeadphone.highlight {
	background-position: -134px -139px;
}

.sprite.arrowBw {
	width: 43px;
	height: 41px;
	background-position: -1px -160px;
}

.sprite.arrowBw.hover,
.sprite.arrowBw.highlight {
	background-position: -102px -160px;
}

.sprite.arrowFw {
	width: 43px;
	height: 41px;
	background-position: -54px -160px;
}

.sprite.arrowFw.hover,
.sprite.arrowFw.highlight {
	background-position: -155px -160px;
}

.sprite.arrowUp {
	width: 22px;
	height: 29px;
	background-position: -224px -160px;
}

.sprite.arrowUp.hover,
.sprite.arrowUp.highlight {
	background-position: -289px -160px;
}

.sprite.arrowDn {
	width: 22px;
	height: 29px;
	background-position: -255px -161px;
}

.sprite.arrowDn.hover,
.sprite.arrowDn.highlight {
	background-position: -320px -161px;
}

.sprite.submit {
	width: 71px;
	height: 23px;
	background-position: -1px -210px;
}

.sprite.submit.hover,
.sprite.submit.highlight {
	background-position: -81px -210px;
}

.sprite.signUp {
	width: 71px;
	height: 23px;
	background-position: -163px -210px;
}

.sprite.signUp.hover,
.sprite.signUp.highlight {
	background-position: -243px -210px;
}

.sprite.separatorV {
	width: 9px;
	height: 11px;
	background-position: 0px -266px;
}

.sprite.closeV {
	width: 9px;
	height: 25px;
	background-position: 0px -241px;
}

.sprite.closeV.hover,
.sprite.closeV.highlight {
	background-position: -14px -241px;
}

.sprite.stickItV {
	width: 9px;
	height: 33px;
	background-position: 0px -276px;
}

.sprite.stickItV.hover,
.sprite.stickItV.highlight {
	background-position: -29px -276px;
}

.sprite.separatorFancyV {
	width: 11px;
	height: 11px;
	background-position: -100px -266px;
}

.sprite.closeFancyV {
	width: 11px;
	height: 26px;
	background-position: -118px -240px;
}

.sprite.closeFancyV.hover,
.sprite.closeFancyV.highlight {
	background-position: -100px -240px;
}

.sprite.stickItFancyV {
	width: 11px;
	height: 33px;
	background-position: -81px -277px;
}

.sprite.stickItFancyV.hover,
.sprite.stickItFancyV.highlight {
	background-position: -100px -276px;
}

.sprite.separatorH {
	width: 11px;
	height: 11px;
	background-position: -163px -255px;
}

.sprite.closeH {
	width: 25px;
	height: 11px;
	background-position: -138px -240px;
}

.sprite.closeH.hover,
.sprite.closeH.highlight {
	background-position: -138px -254px;
}

.sprite.stickItH {
	width: 33px;
	height: 11px;
	background-position: -174px -270px;
}

.sprite.stickItH.hover,
.sprite.stickItH.highlight {
	background-position: -174px -241px;
}

.sprite.live {
	width: 23px;
	height: 61px;
	background-position: -323px -269px;
}

.sprite.live.hover,
.sprite.live.highlight {
	background-position: -360px -269px;
}

.sprite.show {
	width: 24px;
	height: 78px;
	background-position: -403px -251px;
}

.sprite.show.hover,
.sprite.show.highlight {
	background-position: -440px -252px;
}

.sprite.termine {
	width: 25px;
	height: 124px;
	background-position: -483px -205px;
}

.sprite.termine.hover,
.sprite.termine.highlight {
	background-position: -520px -206px;
}

.sprite.submit2 {
	width: 25px;
	height: 124px;
	background-position: -483px -205px;
}

.sprite.submit2.hover,
.sprite.submit2.highlight {
	background-position: -520px -206px;
}

.sprite.crownSmallH {
	width: 30px;
	height: 21px;
	background-position: -1px -317px;
}

.sprite.crownSmallVL {
	width: 22px;
	height: 30px;
	background-position: -39px -318px;
}

.sprite.crownSmallVR {
	width: 21px;
	height: 30px;
	background-position: -71px -317px;
}

.sprite.inputM {
	width: 193px;
	height: 22px;
	background-position: -103px -318px;
}

.sprite.picView {
	width: 126px;
	height: 25px;
	background-position: -124px -352px;
}

.sprite.picView.hover,
.sprite.picView.highlight {
	background-position: -124px -396px;
}

.sprite.log {
	width: 23px;
	height: 49px;
	background-position: -266px -350px;
}

.sprite.log.hover,
.sprite.log.highlight {
	background-position: -266px -408px;
}

.sprite.guestbook {
	width: 159px;
	height: 29px;
	background-position: -315px -348px;
}

.sprite.guestbook.hover,
.sprite.guestbook.highlight {
	background-position: -315px -388px;
}

.sprite.gig {
	width: 42px;
	height: 23px;
	background-position: -499px -351px;
}

.sprite.gig.hover,
.sprite.gig.highlight {
	background-position: -499px -391px;
}

.sprite.koenigreich {
	width: 162px;
	height: 37px;
	background-position: -566px -350px;
}

.sprite.koenigreich.hover,
.sprite.koenigreich.highlight {
	background-position: -560px -396px;
}

.sprite.nextGig {
	width: 122px;
	height: 25px;
	background-position: -1px -444px;
}

.sprite.nextGig.hover,
.sprite.nextGig.highlight {
	background-position: -1px -491px;
}

.sprite.readIt {
	width: 106px;
	height: 27px;
	background-position: -144px -442px;
}

.sprite.readIt.hover,
.sprite.readIt.highlight {
	background-position: -144px -489px;
}

.sprite.media {
	width: 93px;
	height: 24px;
	background-position: -314px -441px;
}

.sprite.media.hover,
.sprite.media.highlight {
	background-position: -316px -481px;
}

.sprite.stuff {
	width: 87px;
	height: 25px;
	background-position: -440px -441px;
}

.sprite.stuff.hover,
.sprite.stuff.highlight {
	background-position: -440px -481px;
}

.sprite.wordItUpLarge {
	width: 163px;
	height: 34px;
	background-position: -557px -445px;
}

.sprite.wordItUpLarge.hover,
.sprite.wordItUpLarge.highlight {
	background-position: -551px -492px;
}

.sprite.news {
	width: 79px;
	height: 28px;
	background-position: -2px -534px;
}

.sprite.news.hover,
.sprite.news.highlight {
	background-position: -2px -578px;
}

.sprite.wordItUpSmall {
	width: 103px;
	height: 13px;
	background-position: -98px -541px;
}

.sprite.wordItUpSmall.hover,
.sprite.wordItUpSmall.highlight {
	background-position: -98px -585px;
}

.sprite.shorties {
	width: 26px;
	height: 124px;
	background-position: -261px -501px;
}

.sprite.shorties.hover,
.sprite.shorties.highlight {
	background-position: -261px -637px;
}

.sprite.band {
	width: 73px;
	height: 26px;
	background-position: -315px -534px;
}

.sprite.band.hover,
.sprite.band.highlight {
	background-position: -407px -534px;
}

.sprite.shop {
	width: 71px;
	height: 24px;
	background-position: -314px -580px;
}

.sprite.shop.hover,
.sprite.shop.highlight {
	background-position: -407px -580px;
}

.sprite.welcome {
	width: 134px;
	height: 32px;
	background-position: -504px -540px;
}

.sprite.welcome.hover,
.sprite.welcome.highlight {
	background-position: -498px -587px;
}

.sprite.newsletter {
	width: 186px;
	height: 26px;
	background-position: -2px -624px;
}

.sprite.newsletter.hover,
.sprite.newsletter.highlight {
	background-position: -2px -670px;
}

.sprite.contact {
	width: 126px;
	height: 25px;
	background-position: -314px -628px;
}

.sprite.contact.hover,
.sprite.contact.highlight {
	background-position: -314px -672px;
}

.sprite.wieWas {
	width: 149px;
	height: 32px;
	background-position: -471px -627px;
}

.sprite.wieWas.hover,
.sprite.wieWas.highlight {
	background-position: -465px -674px;
}

.sprite.thumbs {
	width: 113px;
	height: 24px;
	background-position: -1px -716px;
}

.sprite.thumbs.hover,
.sprite.thumbs.highlight {
	background-position: -131px -716px;
}

.sprite.inputL {
	width: 278px;
	height: 22px;
	background-position: -9px -779px;
}

.sprite.inputL.hover,
.sprite.inputL.highlight {
	background-position: -131px -716px;
}

.sprite.streetSign {
	width: 36px;
	height: 184px;
	background-position: -11px -806px;
}

.sprite.crane {
	width: 17px;
	height: 130px;
	background-position: -55px -861px;
}

.sprite.windmill {
	width: 32px;
	height: 61px;
	background-position: -85px -928px;
}

.sprite.lamp {
	width: 18px;
	height: 145px;
	background-position: -127px -848px;
}

.sprite.modernLamp {
	width: 26px;
	height: 143px;
	background-position: -167px -851px;
}

.sprite.citySign {
	width: 134px;
	height: 181px;
	background-position: -210px -812px;
}

.sprite.crownLargeH {
	width: 88px;
	height: 65px;
	background-position: -346px -768px;
}

.sprite.headset {
	width: 53px;
	height: 53px;
	background-position: -366px -853px;
}

.sprite.skater {
	width: 45px;
	height: 59px;
	background-position: -365px -926px;
}