/*************************************************************************
NTT Data Deutschland
©	2012
**************************************************************************/
/**/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	.content-functions a.openlayer {
		background-image: url(../../layout/content/bg_a.openlayer_2x.png);
		background-size: 100%;
	}
	.content-functions ul li ul li a.f-print{
		background: #333 url(../../layout/content/bg_a-function-print_2x.png) no-repeat 4px 7px;
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-pdf{
		background: #333 url(../../layout/content/bg_a-function-pdf_2x.png) no-repeat 4px 7px;
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-email{
		background: #333 url(../../layout/content/bg_a-function-email_2x.png) no-repeat 4px 8px;
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-facebook{
		background: #333 url(../../layout/content/bg_a-function-facebook_2x.png) no-repeat 4px 7px;
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-twitter{
		background: #333 url(../../layout/content/bg_a-function-twitter_2x.png) no-repeat 4px 7px;
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-ics{
		background: #333 url(../../layout/content/bg_a-function-ics_2x.png);
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-googlecal{
		background: #333 url(../../layout/content/bg_a-function-googlecal_2x.png);
		background-size: 28px;
	}
	.content-functions ul li ul li a.f-googlemaps{
		background: #333 url(../../layout/content/bg_a-function-googlemaps_2x.png);
		background-size: 28px;
	}

	/* Hover Status */
	.content-functions ul li:hover a.openlayer {
		background-position: 0 -60px;
	}
	.content-functions ul li ul li a:hover{
		background-position: 4px -93px;
		background-color:#fff;
		color:#343434;
	}

	/* Detailseiten Head Buttons
	------------------------------------------------------------------------------*/
	a.detail_head_button,
	div.back-to-overview a {
		background: url(../../layout/content/bg_detail_button_2x.png) no-repeat 100% -13px;
		background-size: 300px;
	}
	a.detail_head_button:hover, div.back-to-overview a:hover {
		background-position: 100% 100%;
	}

	/* Detailseite Kopf-Bereich */
	/* ---------------------------------------------------------------------- */
	.content-head ul li a:hover{
		background-position:-6px -100px;
	}
	.content-head ul li a.f-print{
		background-image:url(../../layout/content/bg_a-function-print_2x.png);
		background-size: 28px;
	}
	.content-head ul li a.f-pdf{
		background-image:url(../../layout/content/bg_a-function-pdf_2x.png);
		background-size: 28px;
	}
	.content-head ul li a.f-rss{
		background-image:url(../../layout/content/bg_a-function-rss_2x.png);
		background-size: 28px;
	}

	/* Expand Modul Standorte
	--------------------------------------------------------------------------*/
	#content .g_maps {
		background: url(../../layout/content/bg_map_2x.png) 1px 2px no-repeat;
		background-size: 10px;
	}
	#content .mvv_rout {
		background: url(../../layout/content/bg_bus_2x.png) 0 2px no-repeat;
		background-size: 12px;
	}
	#content .podcast {
		background: url(../../layout/content/bg_podcast_2x.png) 1px 4px no-repeat;
		background-size: 14px;
	}

	/* Links intern/extern
	--------------------------------------------------------------------------*/
	#content .intern-link,
	#right .intern-link,
	p.fe-login-link a {
		background: transparent url(../../layout/content/more_int_red_2x.png) no-repeat 0 5px;
		background-size: 6px;
	}
	.story_bild p a,
	.cbox p a,
	#menuThemes .themes-list-right p {
		background: transparent url(../../layout/content/more_int_red_2x.png) no-repeat right bottom;
		background-size: 6px;
	}
	.cbox.news ul li .news-title a{
		background: transparent url(../../layout/content/more_int_red_2x.png) no-repeat 0 3px;
		background-size: 6px;
	}
	#content .extern,
	#right .extern,
	#content .extern-link-new-window {
		background: transparent url(../../layout/content/more_ext_red_2x.png) no-repeat 3px 5px;
		background-size: 8px 8px;
	}

	/* Modul Leitung/Kontakt
	--------------------------------------------------------------------------*/
	#content a.pdf,
	#right a.pdf {
		background: url(../../layout/content/bg_pdf_2x.png) 0 2px no-repeat;
		background-size: 14px;
	}
	.cbox .cbox_name a.email {
		background: url(../../layout/content/bg_email_2x.png) 67px 3px no-repeat !important;
		background-size: 16px !important;
	}
	#content a.email,
	#right a.email,
	.cbox .cbox_kontakt a.email {
		background: url(../../layout/content/bg_email_2x.png) 0 3px no-repeat;
		background-size: 16px;
	}

	/* search */
	/* ---------------------------------------------------------------------- */
	#search input#search-button {
		background: url(../../layout/head/bg_searchbutton_2x.png) no-repeat right 0;
		background-size: 37px;
	}
	#search input#search-button:hover {
		background: url(../../layout/head/bg_searchbutton_2x.png) no-repeat right -50px;
		background-size: 37px;
	}

	/* Accordion
	--------------------------------------------------------------------------*/
	.inactive-header span {
		background: url(../../layout/content/bg_plus_minus_2x.png) no-repeat 100% -2px;
		background-size: 27px;
	}
	.active-header span {
		background: url(../../layout/content/bg_plus_minus_2x.png) no-repeat 100% -51px;
		background-size: 27px;
	}
	/* Slider Lupen Symbol
	--------------------------------------------------------------------------*/
	.cbox .cbox_gross {
		background: url(../../layout/content/bg_transparent_lupe_2x.png) no-repeat 0 0;
		background-size: 28px;
	}

	/* head => menuThemes */
	/* ---------------------------------------------------------------------- */
	#menuThemes li.theme_10 .submenu{
		background-image:url(../../layout/head/bg_menuThemes_submenu_diabetes_2x.png);
		background-size: 68px;
	}
	#menuThemes li.theme_20 .submenu{
		background-image:url(../../layout/head/bg_menuThemes_submenu_lunge_2x.png);
		background-size: 68px;
	}
	#menuThemes li.theme_30 .submenu{
		background-image:url(../../layout/head/bg_menuThemes_submenu_mental-health_2x.png);
		background-size: 68px;
	}
	#menuThemes li.theme_40 .submenu{
		background-image:url(../../layout/head/bg_menuThemes_submenu_herz_2x.png);
		background-size: 68px;
	}
	#menuThemes li.theme_50 .submenu{
		background-image:url(../../layout/head/bg_menuThemes_submenu_infektion_2x.png);
		background-size: 68px;
	}
	#menuThemes li.theme_60 .submenu{
		background-image:url(../../layout/head/bg_menuThemes_submenu_umwelt_2x.png);
		background-size: 68px;
	}


	/* foot => menuInstitutes */
	/* ---------------------------------------------------------------------- */
	#menuInstitutes ul li{
		background: transparent url(../../layout/foot/bg_menuInstitutes_li_2x.png) no-repeat 13px 15px;
		background-size: 10px;
	}

	#menuInstitutes ul li:hover, #menuInstitutes ul li.first:hover{
		background: #505050 url(../../layout/foot/bg_menuInstitutes_li_2x.png) no-repeat 13px -15px;
		background-size: 10px;
	}
	/* head => menuLink */
	/* ---------------------------------------------------------------------- */
	#menuLink a{
		background: url(../../layout/head/bg_menuLink_2x.png) no-repeat 10px 8px;
		background-size: 6px;
	}
	/* head => menuLanguage */
	/* ---------------------------------------------------------------------- */
	#menuLanguage ul li.last, #copyright ul li.last {
		background: url(../../layout/head/bg_menuLanguage_sep_2x.png) no-repeat 3px 1px;
		background-size: 2px;
	}

	/* Suche Stellenausschreibung/Einrichtungen
	------------------------------------------------------------------------------*/
	.selectbox .display.active .arrow_btn,
	.selectbox .display.active.hover .arrow_btn {
		background: #333 url(../../layout/content/bg_dropdown_small_2x.png) no-repeat 2px -95px;
		background-size: 27px;
	}
	.selectbox .display .arrow_btn{
		background: url(../../layout/content/bg_dropdown_small_2x.png) no-repeat 2px 1px;
		background-size: 27px;
	}
	.selectbox .display.hover .arrow_btn {
		background:url(../../layout/content/bg_dropdown_small_2x.png) no-repeat 2px -47px;
		background-size: 27px;
	}
	.cbox #publication-item,
	.cbox #events-item,
	#powermail input.text,
	.tx-powermail input.text,
	.cbox #equipment-item {
		background: #fff url(../../layout/content/bg_lupe_small_2x.png) no-repeat 100% -1px;
		background-size: 27px;
	}
	.cbox #publication-item:hover, .cbox #events-item:hover {
		background-position: 100% 100%;
		background-size: 27px;
	}

	/* Termine (Kalender)
	------------------------------------------------------------------------------
	.calendar-table .columPrevious a {
		background: url(../../layout/content/bg_diary_arrow.png) 0 100% no-repeat;
	}
	.calendar-table .columPrevious a:hover {
		background: url(../../layout/content/bg_diary_arrow.png) 0 -75px no-repeat;
	}
	.calendar-table .columNext a {
		background: url(../../layout/content/bg_diary_arrow.png) 100% 0 no-repeat;
	}
	.calendar-table .columNext a:hover {
		background: url(../../layout/content/bg_diary_arrow.png) 100% -37px no-repeat;
	}*/

	/* Story (Positionierung der prev/next Buttons)
	------------------------------------------------------------------------------*/
	.cbox.cbox_story .flex-direction-nav li a {
		background: url(../../layout/content/bg_transparent_arrow_2x.png) no-repeat 0 0;
		background-size: 28px;
	}
	.cbox.cbox_story .flex-direction-nav li .flex-prev {
		background-position: 0 -67px;left: 10px;
		background-size: 28px;
	}
	.cbox.cbox_story .flex-direction-nav li .flex-next:hover {
		background-position: 0 -198px;
		background-size: 28px;
	}
	.cbox.cbox_story .flex-direction-nav li .flex-prev:hover {
		background-position: 0 -133px;
		background-size: 28px;
	}

	/* Logo Fusszeile
	/* ---------------------------------------------------------------------- */
	#foot .helmholtz-gemeinschaft a{
		background: url(../../layout/foot/logo_helmholtz_gemeinschaft_2x.png) no-repeat 0 0;
		background-size: 70px;
	}

	/* Sitemap für Mobilgeräte */
	/* ---------------------------------------------------------------------- */
	.cbox.sitemap li:hover {
		background: #fff url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% -92px;
		background-size: 12px;
	}
	.cbox.sitemap li li:hover {
		background: #f7f7f7 url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% -92px;
		background-size: 12px;
	}
	.cbox.sitemap li a {
		background: #fff url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% -92px;
		background-size: 12px;
	}
	.cbox.sitemap ul li li a {
		background: #f7f7f7 url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% -92px;
		background-size: 12px;
	}

	/* Grafik Plus/Minus */
	.cbox.sitemap .treeview .hitarea {
		background: transparent url(../../layout/content/bg_plus_minus_2x.png) no-repeat 8px -91px;
		background-size: 27px;
	}
	.cbox.sitemap .treeview li li .expandable-hitarea {
		background: #f7f7f7 url(../../layout/content/bg_plus_minus_2x.png) no-repeat 8px 7px;
		background-size: 27px;
	}
	.cbox.sitemap .treeview li li .collapsable-hitarea {
		background: #f7f7f7 url(../../layout/content/bg_plus_minus_2x.png) no-repeat 8px -91px;
		background-size: 27px;
	}

	/* Sitemap für Mobilgeräte Fokusthemen */
	/* ---------------------------------------------------------------------- */
	.cbox.sitemap.themes ul li {
		background: #fff url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% -92px;
		background-size: 12px;
	}
	.cbox.sitemap.themes ul li.theme_19035 a {
		background: transparent url(../../layout/content/bg_fokusthemen_sprite_2x.png) no-repeat 10px -165px;
		background-size: 20px;
	}
	.cbox.sitemap.themes ul li.theme_19036 a {
		background: transparent url(../../layout/content/bg_fokusthemen_sprite_2x.png) no-repeat 10px -60px; /*10px -130px;*/
		background-size: 20px;
	}
	.cbox.sitemap.themes ul li.theme_19037 a {
		background: transparent url(../../layout/content/bg_fokusthemen_sprite_2x.png) no-repeat 10px -25px; /*10px -95px;*/
		background-size: 20px;
	}
	.cbox.sitemap.themes ul li.theme_19038 a {
		background: transparent url(../../layout/content/bg_fokusthemen_sprite_2x.png) no-repeat 10px -130px; /*10px -60px;*/
		background-size: 20px;
	}
	.cbox.sitemap.themes ul li.theme_19039 a {
		background: transparent url(../../layout/content/bg_fokusthemen_sprite_2x.png) no-repeat 10px -95px; /*10px -25px;*/
		background-size: 20px;
	}
	.cbox.sitemap.themes ul li.theme_19040 a {
		background: transparent url(../../layout/content/bg_fokusthemen_sprite_2x.png) no-repeat 10px 10px;
		background-size: 20px;
	}
}



/**************************************************************************/
/* >460  Smartphone quer und Retina */
/* */
@media only screen and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) {
	#menuInstitutes ul li, #menuInstitutes ul li.first{
		background: transparent url(../../layout/foot/bg_menuInstitutes_li_handheld_2x.png) no-repeat right 15px;
		background-size: 21px;
	}
	#menuInstitutes ul li:hover, #menuInstitutes ul li.first:hover{
		background: #505050 url(../../layout/foot/bg_menuInstitutes_li_handheld_2x.png) no-repeat right 15px;
		background-size: 21px;
	}
	.tabs li {
		background: #fff url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% 11px;
		background-size: 12px;
	}
	.tabs li.active,
	.tabs li:hover {
		background: #fff url(../../layout/content/bg_tabs_arrows_2x.png) no-repeat 96% 11px;
		background-size: 12px;
	}
}