.icon, .close {
	display: inline-block;
	background: url(images/iconmap.png);
	padding: 0;
	border: 0;
	width: 20px; 
	height: 20px;
	line-height: 23px;
}

.ie7 .icon {
	position: relative;
	top: -2px;
}

.icon.s { width: 11px; height: 11px; }
.icon.m { width: 15px; height: 15px; }
.icon.l { width: 24px; height: 24px; }

.icon.arrow-t.s { background-position: 0px 0px; }
.icon.arrow-r.s { background-position: 0px -11px; }
.icon.arrow-b.s { background-position: 0px -22px; }
.icon.arrow-l.s { background-position: 0px -33px; }

.icon.arrow-t-darkgrey.s { background-position: -33px 0px; }
.icon.arrow-r-darkgrey.s { background-position: -33px -11px; }
.icon.arrow-b-darkgrey.s { background-position: -33px -22px; }
.icon.arrow-l-darkgrey.s { background-position: -33px -33px; }

.icon.arrow-r.s.blue { background-position: -11px -11px; }
.icon.arrow-b.s.blue { background-position: -11px -22px; }
.icon.arrow-t.s.blue { background-position: -11px 0px; }
.icon.arrow-l.s.blue { background-position: -11px -33px; }
.icon.arrow-r.m.blue { background-position: -59px -15px; }

.icon.arrow-r.s.grey { background-position: -33px -11px; } /*ist eigentlich darkgrey*/

.icon.arrow-t.m { background-position: -44px 0px; }
.icon.arrow-r.m { background-position: -44px -15px; }
.icon.arrow-b.m { background-position: -44px -30px; }
.icon.arrow-l.m { background-position: -44px -45px; }

.icon.arrow-t.m.darkgrey { background-position: -89px 0px; }
.icon.arrow-r.m.darkgrey { background-position: -89px -15px; }
.icon.arrow-b.m.darkgrey { background-position: -89px -30px; }
.icon.arrow-l.m.darkgrey { background-position: -89px -45px; }

.icon.arrow-t.l { background-position: -104px 0px; }
.icon.arrow-r.l { background-position: -104px -24px; }
.icon.arrow-b.l { background-position: -104px -48px; }
.icon.arrow-l.l { background-position: -104px -72px; }

.icon.arrow-r.double.s { background-position: 0px -67px; }
.icon.arrow-l.double.s { background-position: -11px -67px; }

.icon.article, .icon.video, .icon.photo { width: 17px; height: 17px; vertical-align:top;}
.icon.article { background-position: -208px 0px; }
.icon.video { background-position: -208px -17px; }
.icon.photo { background-position: -208px -34px; }
.icon.responsive-navi-dropdown { background-position: 0 -111px; margin: 10px 10px 0 0; width: 25px; height: 18px; }

.correlated-link:hover .icon.article { background-position: -225px 0px; }
.correlated-link:hover .icon.video { background-position: -225px -17px; }
.correlated-link:hover .icon.photo { background-position: -225px -34px; }

#sub-nav .icon.arrow-b.m, #sub-nav .icon.arrow-t.m { 
	background: url(images/iconmap.png); 
	width: 15px; height: 15px;
	padding: 0;
	margin: 0 0 0 7px;
	position: absolute;
	top: 10px;
}
#sub-nav .icon.arrow-t.m { background-position: -44px 0px; }
#sub-nav .icon.arrow-b.m { background-position: -44px -30px; }

.icon.newsletter { width: 15px; height: 12px; background-position: -0px -78px; }

.icon.author, .icon.plus, .icon.gear { width: 15px; height: 15px;}
.icon.author { background-position: -242px -45px; }
.icon.author.small { width: 9px; height: 9px; margin-right: 3px; background-position: -257px 0px; }
.icon.plus { background-position: -242px -60px; }
.icon.gear { background-position: -242px -75px; }

.icon.comment, .icon.mail, .icon.print { width: 15px; height: 15px; }
.icon.print { background-position: -242px -30px; }
.icon.comment { background-position: -242px 0px;}
.icon.mail { background-position: -242px -15px; position: relative; top: 1px; height: 13px;}

/*Themencontainer -> Partner-Links*/
.icon.home, .icon.advertising  { width: 9px; height: 9px; }
.icon.home { background-position: -257px -9px; }
.icon.advertising { background-position: -257px -18px; }

/*F�hnchenicons*/
.rider .icon.arrow-r.m { position: relative; top: 2px;}
.ie7 .rider .icon.arrow-r.m { position: relative; top: -1px;}
.rider:hover .icon.arrow-r.m { background-position: -59px -15px; } /*wei� auf blau */
.full .rider:hover .icon.arrow-r.m { background-position: -44px -15px; } /*wei� auf blau */
.advertorial .rider:hover .icon.arrow-r.m { background-position: -91px -15px; } /*grauer Pfeil */

/*Carousel-Icons*/
.browseItem .prev .icon.arrow-l.m { background-position: -59px -45px; }
.browseItem .prev:hover .icon.arrow-l.m { background-position: -44px -45px; }
.browseItem .first .icon.arrow-l.m { background-position: -74px -45px; }
.browseItem .next .icon.arrow-r.m { background-position: -59px -15px; }
.browseItem .next:hover .icon.arrow-r.m { background-position: -44px -15px; }
.browseItem .last .icon.arrow-r.m { background-position: -74px -15px; }

/*Buttons*/
.button .icon.arrow-b.s { width: 9px; height: 9px; background-position: -33px -22px; }
.button .icon.arrow-r.s { width: 9px; height: 9px; background-position: -33px -12px; margin-left: 5px;}
.button .icon.arrow-l.s { width: 9px; height: 9px; background-position: -33px -34px; margin-right: 5px;}
.button.inverse .icon.arrow-r.s { width: 9px; height: 9px; background-position: 0px -12px; }

.ticker .icon.arrow-t.m { background-position: -89px -0px; }
.ticker .icon.arrow-b.m { background-position: -89px -30px; }

.aufmacherbox-regional .dropdown .icon.arrow-b-darkgrey.s, .aufmacherbox-regional .dropdown .icon.arrow-t-darkgrey.s {
	width: 11px; height: 11px; 
	background-position: 0px -22px;
	position: relative; 
	top: 1px;
}
.aufmacherbox-regional .dropdown .icon.arrow-t-darkgrey.s { background-position: 0px 0px; }
.ie7 .aufmacherbox-regional .dropdown .icon.arrow-b-darkgrey.s, .ie7 .aufmacherbox-regional .dropdown .icon.arrow-t-darkgrey.s {
	position: relative; 
	top: -2px;
	left: 10px;
}
.ie7 .aufmacherbox-regional .dropdown .icon.arrow-b-darkgrey.s { margin-left: 5px;}

.icon.dot, .icon.dot-active, .icon.dot-active-blue { width: 8px; height: 8px; }
.icon.dot { background-position: -200px 0px; }
.icon.dot-active { background-position: -200px -8px; }
.icon.dot-active-blue { background-position: -200px -16px; }


/*Mediabox*/
.video-inline .play .icon.arrow-r.l, .mediabox .play .icon.arrow-r.l {
	background-position: -128px -24px;
	margin-top: 14px;
	margin-left: 14px;
}
.mediabox .c2 .play .icon.arrow-r.m, .mediabox-spezial .play .icon.arrow-r.m {
	background-position: -59px -15px;
	margin-top: 7px;
	margin-left: 7px;
}

.icon.videogallery.l, .icon.photogallery.l {
	width: 50px;
	height: 50px;
}
.icon.videogallery.l { background-position: -266px 0px; }
.icon.photogallery.l { background-position: -266px -50px; }

.icon.videogallery.m, .icon.photogallery.m {
	width: 30px;
	height: 30px;
}
.icon.videogallery.m { background-position: -316px 0px; }
.icon.photogallery.m { background-position: -316px -30px; }



/*schliessen-Button z.B. bei "per Mail versenden"*/
.close {
	background-position: -346px 0px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -12px;
	right: -12px;
	cursor: pointer;
}

.nlclose {
	background-position: -346px 0px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: relative;
	top: -5px;
}

.new {
	background-position: 0px -90px;
	width: 25px; 
	height: 21px;
	position: absolute;
	margin-left: -8px;
	margin-top: -5px;
}

/*Kino-Modul Bewertung Daumen*/
.icon.cinethumb { 
	width: 15px; 
	height: 15px; 
	margin-right: 5px; 
}
.icon.cinethumb.thumbup { background-position: -242px -105px; }
.icon.cinethumb.thumbdown { background-position: -242px -90px; } 


/*Icon f�r externe Links*/
.icon.extern { 
	width: 9px; 
	height: 9px;
	background-position: -257px -27px;
	margin-right: 5px; 
}	
.icon.extern:hover { background-position: -257px -36px; }	


/* Wettericons */
.wettericon { background: transparent url(images/wetter/iconmap.png) no-repeat; }

.icon.sunrise { background-position: 0px -10px; width: 37px; height: 20px; line-height: 20px; }
.icon.sunset  { background-position: 0px -46px; width: 37px; height: 20px; line-height: 20px; }

.icon.niedrigwasser { background-position: -92px -56px; width: 56px; height: 56px; line-height: 56px; }
.icon.hochwasser 	{ background-position: -92px -112px; width: 56px; height: 56px; line-height: 56px; }
.icon.warnung  		{ background-position: -92px 0px; width: 56px; height: 56px; line-height: 56px; }

.icon.S	  { background-position: -61px 0px; width: 31px; height: 31px; line-height: 31px; }
.icon.SSW { background-position: -61px -31px; width: 31px; height: 31px; line-height: 31px; }
.icon.SW  { background-position: -61px -62px; width: 31px; height: 31px; line-height: 31px; }
.icon.WSW { background-position: -61px -93px; width: 31px; height: 31px; line-height: 31px; }
.icon.W	  { background-position: -61px -124px; width: 31px; height: 31px; line-height: 31px; }
.icon.WNW { background-position: -61px -155px; width: 31px; height: 31px; line-height: 31px; }
.icon.NW  { background-position: -61px -186px; width: 31px; height: 31px; line-height: 31px; }
.icon.NNW { background-position: -61px -217px; width: 31px; height: 31px; line-height: 31px; }
.icon.N	  { background-position: -61px -248px; width: 31px; height: 31px; line-height: 31px; }
.icon.NNO { background-position: -61px -279px; width: 31px; height: 31px; line-height: 31px; }
.icon.NO  { background-position: -61px -310px; width: 31px; height: 31px; line-height: 31px; }
.icon.ONO { background-position: -61px -341px; width: 31px; height: 31px; line-height: 31px; }
.icon.O	  { background-position: -61px -372px; width: 31px; height: 31px; line-height: 31px; }
.icon.OSO { background-position: -61px -403px; width: 31px; height: 31px; line-height: 31px; }
.icon.SO  { background-position: -61px -434px; width: 31px; height: 31px; line-height: 31px; }
.icon.SSO { background-position: -61px -467px; width: 31px; height: 31px; line-height: 31px; }

.icon.s-S	{ background-position: -150px 0px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-SSW { background-position: -150px -18px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-SW  { background-position: -150px -36px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-WSW { background-position: -150px -54px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-W	{ background-position: -150px -72px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-WNW { background-position: -150px -90px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-NW  { background-position: -150px -108px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-NNW { background-position: -150px -126px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-N	{ background-position: -150px -144px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-NNO { background-position: -150px -162px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-NO  { background-position: -150px -180px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-ONO { background-position: -150px -198px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-O	{ background-position: -150px -216px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-OSO { background-position: -150px -234px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-SO  { background-position: -150px -252px; width: 18px; height: 18px; line-height: 18px; }
.icon.s-SSO { background-position: -150px -270px; width: 18px; height: 18px; line-height: 18px; }

.icon.pollen0 { background-position: 0px -74px; width: 37px; height: 37px; line-height: 37px; }
.icon.pollen1 { background-position: 0px -111px; width: 37px; height: 37px; line-height: 37px; }
.icon.pollen2 { background-position: 0px -148px; width: 37px; height: 37px; line-height: 37px; }
.icon.pollen3 { background-position: 0px -185px; width: 37px; height: 37px; line-height: 37px; }
.icon.pollen4 { background-position: 0px -222px; width: 37px; height: 37px; line-height: 37px; }
.icon.pollen5 { background-position: 0px -259px; width: 37px; height: 37px; line-height: 37px; }

.icon.inten0 { background-position: 0px -298px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten1 { background-position: 0px -335px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten2 { background-position: 0px -372px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten3 { background-position: 0px -409px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten4 { background-position: 0px -446px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten5 { background-position: 0px -483px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten6 { background-position: 0px -520px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten7 { background-position: 0px -557px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten8 { background-position: 0px -594px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten9 { background-position: 0px -631px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten10 { background-position: 0px -668px; width: 37px; height: 37px; line-height: 37px; }
.icon.inten11 { background-position: 0px -705px; width: 37px; height: 37px; line-height: 37px; }


.icon.electionNo { background-position: 0px -50px; width:18px;height:17px; }
.icon.electionYes { background-position: -18px -50px; width:18px;height:17px;}


/*Paid Content Overlays*/

.close.s {
	background-position: 0px -129px;
	width: 12px;
	height: 12px;
	position: relative;
	top: 0;
	right: 0;
	cursor: pointer;
	margin-bottom: -1px;
}	
.icon.arrow-l.circle { width: 29px; height: 29px; background-position: -371px 0px; }
.icon.pluscircle { width: 29px; height: 29px; background-position: -371px -29px; }
.icon.check.circle { width: 29px; height: 29px; background-position: -371px -58px; }
.active .icon.count.one { width: 29px; height: 29px; background-position: -371px -87px; }
.icon.count.one { width: 29px; height: 29px; background-position: -371px -116px; }
.active .icon.count.two { width: 29px; height: 29px; background-position: -371px -145px; }
.icon.count.two { width: 29px; height: 29px; background-position: -371px -174px; }

