/* smartphone landscape 480px  */
	@media only screen and (max-width : 760px) {
		#main img { width: 100%; }
		#innercontainer #main .screen 	{display: none;}
		#innercontainer .screen 	{display: none;}
		.screen 	{display: none;}
		#fblike {display: none;}
		
		.smartphone { display: block; }
		.smartphonef {display: inline; }
		
		#breadcrumb { margin-top: 14px; }
		
		#left, #main { clear: left; width: 100%; min-height: 100px; }


		#left {min-height: 0px; position: absolute; z-index: 10; top: 0px; left: 0px; }
		#leftmenu { width: 99%; height: 33px; margin: 0px; padding: 0px; border: none; overflow: hidden; }
		#leftmenu:hover {padding-bottom: 2px; box-shadow: 0 0 7px 5px #999;} 
		
		#menuhead {
			width: 98%;
			background-image: none;
			background: #255778;
			height: 21px;
			padding: 7px 8px 2px 12px;
			margin-bottom: 2px;
			margin-left: 0px;
			border-radius: 9px; 
			border: 1px solid #002; 
			color: #FFF; 
			font-weight: bold; 
			cursor: pointer; 
			font-size: 1.0em;  
			font-family: Tahoma,sans-serif;
		}
		#menuhead a, #menuhead a:link {font-size: 11px; font-weight: normal; color: #FFF; text-decoration: underline; }
		#menuhead a:hover {background: transparent; text-decoration: none; }
		
		#navwrap { height: 250px; padding-bottom: 5px; overflow: auto;}
			#left #leftmenu #navwrap a { width: 95%; margin-left: 10px; padding: 3px 6px; }
			#leftmenu.dmx .item2.active, #leftmenu.dmx .item2-active.active { color: #111; background: #FFF; }
			#leftmenu.dmx .item2.active:hover, #leftmenu.dmx .item2-active.active:hover { color: #FFF; }
			#left #leftmenu ul { padding-bottom: 5px; }
			#left #leftmenu #navwrap li a { 
				margin-left: 25px;
				width: 90%; 
				border: none; 
				border-bottom: 1px solid #BBB;
				padding: 2px 4px;
				font-size: 11px;
			}
			#left #leftmenu #navwrap li a.active {
				background: none repeat scroll 0 0 #DDDDDD;
				border: none;
				border-bottom: 1px solid #BBB;
				padding: 2px 4px;
				padding: 2px 4px;
			}

			
		#main { padding: 15px 0px; }
		.page { margin-left: 0px; margin-top: 3px; width: 96%; }
		
		#main .page .imgcard .imgalthumb img { min-height: 10px; }
		
		#footer { width: 100%; }
		
	}
	
	
	
	
	
	@media only screen and (max-width : 570px) {
		.page { width: 95%; }
	}

	@media only screen and (max-width : 460px) {
		.page { width: 93%; }
		#breadcrumb { width: 95%; }

		#galleryblock, .galleryblocktitle, #progtitle, #programmtable { display: none; }
		.hint320 {display: block; }
	}