/************************************************************************************
kleiner als 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	#overall { width: 100%;	}
	nav#menu { width: 100% }
	div#IndicoEventsWrapper_teaser_ { float: left; width:46%; margin-right:6%; }
	div#IndicoEventsWrapper_teaser_conference { float: left; width:46%; margin-right:2%; }
	div.box_big { margin-bottom:40px; width:100%; }
	.box_big .box_announcement { min-height: 110px; }
	.two_columns_width { width: 140%; }
	div.ZMSFile div.title, div.ZMSLinkElement div.title { white-space:normal; }
	table#login { width: auto; }
	/** Slider **/
/* 	div.slide_item { background-size: cover !important; } */

div.slide_item {background-size: 100% auto !important; }
/* .sliderbanner li div { height: 200px; }*/
.sliderbanner { height: 20em !important }
	.descriptionshadow { margin-top:0; }
}

/************************************************************************************
kleiner als 900
*************************************************************************************/
@media screen and (max-width: 900px) {

	.two_columns_width { width: 100%; }
	img#print_icon { display:none; }
	#dropdown { width:auto; }
	#page_headline { max-width: none; }
	#content { max-width: none; }
	div.mediacollection { width:auto; }
	#pagecontent { 
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
		margin-left: 6px;
	}
	@-moz-document url-prefix() { 
		#pagecontent {
			width:66%;
		}
	}
	div.teaser {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		float:none;
		margin-top: 10px;
		width:100%;
	}
	div#left { min-width: 240px; }
}

/************************************************************************************
kleiner als 840
*************************************************************************************/
@media screen and (max-width: 840px) {
	#phonebook_icon { display: none; }
	#search_icon  { display: none; }
}

/************************************************************************************
kleiner als 800
*************************************************************************************/
@media screen and (max-width: 800px) {
	.two_columns_width { width: 110%; }
	@-moz-document url-prefix() { 
		#pagecontent {
			width:66%;
		}
	}
}

/************************************************************************************
/* tablet (portrait) ----------- */
*************************************************************************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.two_columns_width { width: 110%; }
}

/************************************************************************************
kleiner als 760
*************************************************************************************/
@media screen and (max-width: 760px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	#top { height:62px; }
	#desylogo { width: 60px; margin: 16% 0 0 16%; }
	#topleft { float: left; overflow: hidden; width: 68%; margin-left: 6%; }
	#topleft ul li a { font-size: 70%; margin-right: 1%; padding-right: 1%; }
	#topleft p { font-size: 70%; }
	#topmenu { height:auto; margin:10px 0 20px 0; }
	#dropdown { margin:0; }
	#icons { margin-top:10px; margin-right: 38px; min-width:60px; }
	#phonebook_icon { display: block; padding-top:4px; }
	#search_icon  { display: block; }
	#portal_header_tablet { 
		display: block;
		background: url('common/images/header_subpage_mobile.png'); 
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: left;
		height: 42px; text-align:right; 
	}
	div#portalheader {
		background: none;
		height: 0px;
		border-bottom: 1px solid #CCC;
		margin-top: 10px;
	}

	div#left { display: none; }
	#pagecontent { margin:0; width: 100%; }

	#banner div.header { height:240px; }
	#banner .header .content-tabs { height: 240px; }
	#banner .imageheader .slider { height: 240px; }
	#banner .highlight_image { height: 240px; }
	#banner p.highlight_txt { font-size: 20px; }
	.header .ui-tabs .ui-tabs-nav li a { padding: 0.3em 0.6em; }

	.box_big { width:100%; }
	.box_big .box_announcement {clear:left; }
	.box_big .box_announcement .box_announcement_image { width: 120px; height: 80px; }
	div.box_announcement div.previewtext { margin-left: 128px; }

	.two_columns_width { width: 100%; }

	#menu li { height: 20px; line-height: 14px; margin-bottom: 4px; padding:0px 4px; }
	
	table#login { margin-left: 0; }

	/** Slider **/
	.descriptionshadow { display:none; }
	.slide_item .sub_title p.highlight_txt { font-size: 1.3em; }


         #icons #lang_icon {position: absolute;right: 20px;margin-top: -10px;}

}

/************************************************************************************
kleiner als 600
*************************************************************************************/
@media screen and (max-width: 600px) {
	#phonebook_icon { display: none; }
	#search_icon  { display: none; }
}

/************************************************************************************
kleiner als 534
*************************************************************************************/
@media screen and (max-width: 534px) {

	img { max-width: 100%; height: auto; }

	#topmenu { display: none; }

	#banner .imageheader .slider { width:60%; }
	div.box_announcement div.previewtext { display:none; }
	.box_big .box_announcement { min-height: 80px; }
	.IndicoEventSpeaker_teaser_simple_event { display:none; }
	.IndicoEventSpeaker_teaser_conference { display:none; }

	#mobile_menu_header { display: block; background: url('common/images/orange_bar.png'); background-repeat: repeat-x; height: 35px; }
	#mobile_menu { margin: 6px 6px 0 0px; cursor:pointer; background: url('common/images/menu.png'); height: 100%; width:24px; margin: 0 10px; padding: 0; background-repeat: no-repeat; background-position: center; }
	#mobile_loading { padding: 5em 15%; }
	div#icons { position: absolute; top: 5px; left: 46px; margin:0; }
	div#search_icon { display:block; background: url('common/images/search_icon_large.png'); width: 20px; }
	a#search { margin-left:10px; margin-top:0; }
	#icons #phone { display: block; margin-left: 4.5em; }
	#icons #phone_icon { background: url('common/images/phone.png'); height: 19px; width: 22px; background-repeat: no-repeat; margin-top: .1em; padding: 0 1em; background-position-x: center; } 
	div#close_gcs { height:0; margin-top:0; }
	#top div.topright_button { display: none; }
	#mobile_menu_header .topright_button { height: 100%; width: 8em; float: right; margin-right: 1%; padding-top: .5em; }
	#mobile_menu_header div.topright_button a img { height: 30%; }
	#mobile_menu_header div.topright_button a {
		text-transform: uppercase;
		font-family: DesyNeueHelveticaWFS-87HvCn, Helvetica, Arial, sans-serif;
		vertical-align: baseline;
		font-size: 1.25em;
		color: #fff;
	}
	#topleft {display:none; }
	#topright { float: left; margin: 25px 0px 0px 10%; }
	#topright h1 { display:inline; font-size: 30px; color: #E59700; }
	div#door_button {display:none; }

	div#portal_header_tablet { display:none; }

	div#cse-search-form { margin:0; width: 220px; }
	div#cse-search-form td.gsc-input input.gsc-input { border: 1px solid #BF752B; border-radius: 10px / 10px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-left-radius: 10px 10px; height:19px; }

	nav#mobile_nav { margin-bottom: 20px; }
	#mobile_nav { width: 100%; height:100%; }
	#mobile_nav a { font-size: 15px; line-height: 22px; font-family: DesyNeueHelveticaWFS-87HvCn, Helvetica, Arial, sans-serif; }
	#mobile_nav a:hover { color:#E89700; }
	#mobile_nav li { white-space: nowrap; overflow: hidden;	text-overflow: ellipsis; width: 100%; }
	#mobile_nav a.current { color: #E89700; }
	#mobile_nav ul { margin: 0; }
	#mobile_nav ul li { font-size: 15px; line-height: 22px; font-family: DesyNeueHelveticaWFS-87HvCn, Helvetica, Arial, sans-serif; list-style-type:none; padding-top: 4px; text-transform:uppercase; }
	#mobile_nav ul li.active { border:none; }
	#mobile_nav ul li a.active { color: #E89700; }
	#mobile_nav ul li a.ZMSDocument1 { font-family: Arial,Helvetica,sans-serif;  }
	#mobile_nav ul ul li { border-bottom: 1px solid #007ACC; margin-left:10px; }
	#mobile_nav ul ul li a { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
	#mobile_nav ul ul li a.active { font-family: Arial,Helvetica,sans-serif;  }
	#mobile_nav ul ul ul li { margin-left:16px; }
	#mobile_nav ul ul ul li a { color:dimGray; font-size: 82%; }
	#mobile_nav ul ul ul ul li { margin-left:20px; }
	#mobile_nav ul ul ul ul li a { text-transform: none; }
	#mobile_nav ul ul ul ul ul li { margin-left:24px; }
	#mobile_nav ul ul ul ul ul ul li { margin-left:28px; }
	#mobile_nav img { border: none; }

	div#mobile_dropdown {
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EDEDED));
		background: -moz-linear-gradient(50% 50% 270deg,#FFFFFF, #EDEDED)
		background-image: linear-gradient(top, white 0%, #EDEDED 50%);
		border-bottom: 1px solid #CCCCCC;
	}

	.previewbox div.previewimage { width: 40%; }
	.previewbox div.previewtext { margin-left: 42%; }
	
	table#login tbody tr td { width: 5em; }

	/** Slider **/
	.slide_item .sub_title { display:none; }
	.sliderbanner ol.dots { display:none; }

	/** RSS newsfeed **/
	.rss_image_container { display:none; }
	.show_images .rss_infos { margin-left: 0; }
       
        #icons #lang_icon {position:absolute; margin-top:-12px;right: auto;}
}


/************************************************************************************
 Smartphones (portrait) ----------- 
*************************************************************************************/
@media screen and (max-width: 380px) {

	#topright h1 { font-size: 2em; }

	.box_big .box_announcement_image {display:none;}
	div.box_announcement div.previewtext { margin-left: 0px; }
	
	.previewbox div.previewimage { display:none; }
	.previewbox div.previewtext { margin-left:0; }

	div#IndicoEventsWrapper_teaser_ { float: none; width: 100%; margin: 0 0 50px 0; }
	div#IndicoEventsWrapper_teaser_conference { float: none; width: 100%; margin: 0; }

	div#door_button { width: auto; }
	div#door_button a img { height: 48px; }

	#portal_header_tablet { background-size: auto 90%; }

	.imageheader div.sliding { width: 71%; }

	.box_big .box_announcement { min-height: 0; }

	.IndicoEventLocation_teaser_simple_event { display:none; }

	div#footer { height: auto; }
	#footer .copyright { float: none; }
	#footer .link { float: none; }

	#desylogo { width: 55px; }

	div#cse-search-form { width: 200px; }

	/** Slider **/
	.sliderbanner { height: 14em !important; }
}


/************************************************************************************
 iPhone (portrait) ----------- 
*************************************************************************************/
@media screen and (max-width: 320px) {

	#topleft { width: 64%; }
	#portal_header_tablet { background-size: auto 80%; }
	.imageheader .slide-teaser h4 { display:none; }
	.imageheader .slide-teaser { padding-right:50px; }
	#banner .highlight_image { background-size:auto; }
	.imageheader div.sliding { width: 75%; }
	#banner p.highlight_txt { font-size: 20px; }
	#banner div.header { height:200px; }
	#banner .header .content-tabs { height: 200px; }
	#banner .imageheader .slider { height: 200px; }
	#banner .highlight_image { height: 200px; }

	div#cse-search-form { width: 180px; }

	/** Slider **/
	.sliderbanner { height: 12em !important; }
}

/************************************************************************************
 Small phone (portrait) ----------- 
*************************************************************************************/

@media screen and (max-width: 290px) {

	#portal_header_tablet { background-size: auto 70%; }
	#topleft { width: 60%; }
	#topright h1 { font-size: 1.5em; }

	div#cse-search-form { width: 150px; }

	.imageheader .slide-teaser { height: 130px; overflow: hidden;  }

	/** Slider **/
	.sliderbanner { height: 10em !important; }
}

/************************************************************************************
 mini phone (portrait) ----------- 
*************************************************************************************/
@media screen and (max-width: 260px) {

	#portal_header_tablet { background-size: auto 60%; }
	#topleft { display:none; }

	div#cse-search-form { width: 120px; }
}