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


    .mobile {
    display:block;
    }
    
    
    h3 {
	    
	    font-size: 14px;
    }
    
    

    /* SPECIAL BODIES */

    .internal #mobile_menu_container {
		height: 588px !important;
		top: -588px;
    }

    /* END SPECIAL BODIES */
    
    #topmenu, #menu, #headermain, #headerleft {
    	display:none;
    }
	

    html, body, #wrapper, #footer, #mid, #space, #container, h1, #midsection, #contentText {
   		width:100%;
    }

    #wrapper {
	    position:absolute;
	    padding: 0px 7px;
    }
    
    #ConcertInfo h1 {
    	margin-top:10px;
    }
    
    #mid {
		margin-top:101px;
		display:block;
    }

    #midsection {
    	padding:0;
    }

    #midsection {
    	display:block;
    }

    tr, td {
    	display:block;
    }
    
    tr {
    	margin: 0 0 20px;
    }

    td:first-child {
		font-weight:bold;
		line-height:1.2;
    }

    td {
		padding: 0 10px;
		line-height:1;
    }
    

    .icon img {
   		width:auto;
    }


/******************/
  /* MOBIL MENY */
/******************/

	#header {
		
		position: relative;
	}

    #logo {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #FFFFFF;
		background-size: contain;
		border: 10px solid #FFFFFF;
		height: 60px;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 100;
		border-left-width: 0px;
    }

    #header_home_link {
    	padding:0;
    }

	#subsitetitle {
		position: absolute;
		top: 8px;
		left: 121px;
		z-index: 200;
		line-height: 2em;
		height: 2em;
	}
	
	#subsitetitle > span {
		display: inline-block;
		vertical-align: middle;
		line-height: 1em;
	}
	
    #mobile_button_container {
		background: none repeat scroll 0 0 #FFFFFF;
		border-bottom: 1px solid #E30613;
		height: 40px;
		position: absolute;
		width: 100%;
		z-index:20;
		display:block;
		top:60px;
    }

    #mobile_button_container a {
    	padding: 0 !important;
    }

    .mobilebutton {
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
		float: left;
		height: 40px;
		width: 33%;
    }

    #mobilebutton_kmh {
    	background-image: url("assets/images/GRAFIK/icons/mobile_up_grey.png");
    }

    #mobilebutton_search {
    	background-image: url("assets/images/GRAFIK/icons/mobile_searchbutton_grey.png");
    }

    .selected_mobile_search {
    	background-image: url("assets/images/GRAFIK/icons/mobile_searchbutton_red.png") !important;
    }

    #mobilebutton_menu {
    	background-image: url("assets/images/GRAFIK/icons/mobilemenu_grey.png");
    }

    .selected_mobile_menu {
    	background-image: url("assets/images/GRAFIK/icons/mobilemenu_red.png") !important;
    }

    #mobile_whitefiller {
		position:absolute;
		background:white;
		width:100%;
		height:40px;
		top:0;
		left:0;
		z-index:-1;
    }

    #mobile_menu_container {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background-color: #FFFFFF;
		border: 1px solid #E30613;
		height: 305px;
		margin-left: 5%;
		overflow: hidden;
		position: absolute;
		top: -209px;
		width: 90%;
		z-index:10;
		display:block;
    }

    #mobile_menu_left {
		float:left;
		width:50%;
    }

    #mobile_menu_right {
		float:left;
		width:50%;
    }

    #mobile_menu_right li, #mobile_menu_left li {
    	margin-top: 15px;
    }

    #mobile_menu_right li a, #mobile_menu_left li a {
		margin-top: 15px;
		font-size:18px;
		display:table;
    }

    #mobile_menu_right ul, #mobile_menu_left ul {
		list-style: none outside none;
		padding-left:25px;
    }

    #mobile_dd_search {
		background: none repeat scroll 0 0 #FFFFFF;
		height: 100%;
		position: relative;
		width: 100%;
		z-index: -2;
    }


/* SÖKRUTAN */

    #search {
    	display:none;
    }

    #menuline {
		border-top: 5px solid #E30613;
		font-size: 0;
		height: 0;
		left: 121px;
		line-height: 0;
		position: absolute;
		right: 0;
		top: 45px;
		width: auto;
		z-index: 101;
    }

    #searchMobile {
		bottom: 0;
		height: 50px;
		margin-left: 10%;
		position: absolute;
		width: 80%;
    }

    #ajaxSearch_input {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background-color: #ECECEC;
		background-image: none !important;
		border-radius: 15px;
		height: 30px;
		left: 0;
		padding: 0 10px;
		top: 10px;
		width: 100% !important;
}

    #search fieldset {
    	font-size:10px;
    }

    #footer {
    	margin-bottom: 0.5em;
    }

/******************/
  /* STARTSIDA */
/******************/

    #left ul {
    	display:none;
    }
    
    .front-page #left ul {
	    display: block;
    }

    #left ul a, #content a {
    	padding:0;
    }

    #puff0 {
	    display: none;
    }

    .mobile_clear {
    	clear:both;
    }

/* NIVO SLIDER */

    #content {
		margin-left:0;
		position:relative;
    }

    #contentimage, #slider-wrapper {
    	width:100%;
    }

    #slider, #slider-wrapper {
    	position:relative;
    }

    .nivo-slice {
    	top:0 !important;
    }

    .nivoSlider a.nivo-imageLink {
    	width:100%;
    }
	div#slider.nivoSlider {
		background-size: cover;
		background-position: 0 0;
	}

/* SÖKNING */

.ajaxSearch_grpResultName, .ajaxSearch_paging, .ajaxSearch_resultPublishedon, .B_currentCrumb {
	margin:0 10px;
	
}

.B_currentCrumb, .B_crumb, .ajaxSearch_resultLink {
	display:inline-block;
}



/* PUFF 1-4 */

    #puffwrapper {
    	position:relative;
        margin-right: -7px;
    }
    
    #puffwrapper > div {
        float: left;
        width: 50%;
        overflow: hidden;
        margin-top: 7px;
        padding-right: 7px;
    }

	#puffwrapper #puff2, #puffwrapper #puff3 {
		
		margin-top: 2px; /* kompensera för att marginalen annars blir mer än 7 (beror på förhållandet på bilderna) */
		margin-bottom: 7px;
		height: 260px;
		
	}
	
	#puffwrapper .icons {
		
		bottom: 0px;
		
	}
	
	#puffwrapper .icons a {
		
		margin-right: -4px;
		margin-top: 5px;
		
		width: 24px;
		height: 24px;
		
		background-size: 24px 24px;
	}
	
	
	#puff2, #puff3 {
		
		height: 260px;
	}
	#puff3 ul li {
		margin-bottom: 0.3em;
	}
	
	.events.compact a , .events.compact .date.time.location {
		font-size: 10px;
	}

    /* TVEKSAMMA LÖSNINGAR */
    
    
    .url-alias-institutioner img, #puff4 img, .url-alias-internt p img, #mid_top img, p img {
    	padding:0;
    }

    .url-alias-institutioner div#mid img {
		float: left;
		margin: 0 !important;
		width: 50%;
    }

    .url-alias-institutioner div#midsection {
    	padding-bottom:20px;
    }
    
    .url-alias-press-och-media li a, .issuuembed a, #footer a, tr a, p a {
    	padding:0;
    }

    .url-alias-press-och-media li {
    	margin:0 0 3px;
    }

    .url-alias-institutioner #midsection p, .url-alias-institutioner #midsection a {
    	padding: 0 !important;
    }

}

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

    #puff0 {
    	display: none;
    }


	#puffwrapper > div {
		
		font-size: 10px;
	}


}