/* For kollapsede menyer (responsiv) */
/* Fix for Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}


.onlyformobile {display: none;}

@media screen and (max-width: 769px)  {
	    
			img, object, embed {
	    		max-width: 100%;
	   			height: auto;
			}
		
			
			#page, .inner, #footer{ width: 90%; overflow: hidden; float: none;}
			#footer{margin: 100px 0 20px;}
			#top, #topnav{ width: 100%; float: none; margin: 20px 0;}

			
			#content {
			    float: none;
			    width: 100%;
			}
			#middle{
				width: 100%;
				padding: 0;
			}
			
			ul.mainmenu {min-height: 0px;}
			
			#main{
				width: 100% !important;
				float: none !important;
				margin: 0;
				padding: 0;
			}
			
			.onlyformobile {display: block;}
			.onlyfordesktop {display: none;}
			
			#navbar, #mainsidebar, #sidebar{
				float: none;
				width: 100%;
				margin: 0;
				display: block;
			}
			
			.articleView, .articleView .articleBox .inner {width: 98%;}		
			.viewareacontent{ min-height: 0;}
			
			#sidebar .padd{
				margin: 30px 0 !important; 
				background: #fff;
				padding: 20px;
			}
			
			#sidebar {
				margin: 30px 0 !important; 
			}
			
			#sidebar.menuexpanded{
				height: auto !important;
				overflow: visible;
			}

			div.menuTrigger{
    			background: url('http://img5.custompublish.com/getfile.php/1981404.1205.suqebcdvse/nav_collapsed.png')  center left no-repeat #fff;
    			height: 27px;
    			width: 33px;
    			float: right;
    			cursor: pointer;
    			margin: 10px;
    			position: relative;
    			
    		}
			
			.menuTrigger .menuinfo{
    			position: absolute;
    			width: 70px;
    			color: #000;
    			font-size: 16px;
    			right: 40px;
    			top: 4px;
    		}
    		
    		.menuTrigger.menurevealed{
    			background: url('http://img5.custompublish.com/getfile.php/1981404.1205.suqebcdvse/nav_collapsed.png')  center right no-repeat #fff;
    		}
    		.menuTrigger.menurevealed{
    			background: url('http://img5.custompublish.com/getfile.php/1981404.1205.suqebcdvse/nav_collapsed.png')  center right no-repeat #fff;
    		}

			ul#sidenav{
				margin: 30px 0 0;
				padding: 0;
				border-bottom: 3px solid #999999;
			}

			#sidebar.menuexpanded ul#sidenav{
				margin: 0;
			}
			
			ul#sidenav li{
				float: none;
				list-style: none;
				position: relative;
				margin: 0 !important;
			}
			
			ul#sidenav li a{
				border: 1px solid #ccc;
				border-bottom: 1px dashed #ccc;
				color: #333;
				padding: 13px 20px 10px 40px !important;
				margin: 0 !important;
				display: block;
				font-size: 18px;
				text-decoration: none;
				background: url("http://img2.custompublish.com/getfile.php/2108063.2162.swbtwpypbu/canvas.jpg") repeat #FFFFFF;				

			}
			
			
			ul#sidenav li a.menuitemselected{
				background: #333;
				color: #fff;
				text-decoration: none;
				
			}
			
			
			ul#sidenav li a:hover {
				background: #00558A;			
    			color: #fff;
				text-decoration: none;
				
			}
			
			ul#sidenav li ul.submenu{
				padding: 0;
			}
		
		
			ul#sidenav li ul.submenu li a{
				background: none;
				padding-left: 95px !important;
			}
			
			ul#sidenav li ul.submenu li a:hover{
				color: #333;
			}
		
			
			ul#mainmenu ul.submenu{
				padding: 0 !important;
				border-bottom: 3px solid #999;
			}
			
			ul#mainmenu ul.submenu li {
				border: 1px solid #ccc;
				border-bottom: 1px dashed #ccc;
				
			}
			
			ul#mainmenu ul.submenu li a{
				padding-left: 75px;
				border: none;
				
			}
			
			ul#mainmenu ul.submenu.menulevel2{
				border-bottom: none;
			}
			
			ul#mainmenu ul.submenu.menulevel2 li a{
				padding-left: 70px;
			}
			
			
			.articleList .articleBox {
    			display: block;
   				float: none;
    			width: 100%;
			}
			
			.articleList .articleBox .imageFrame{
				background: none;
				border: none;
			}
			
			
			label.mobmenu { 
				cursor: pointer;
				user-select: none;
				display: block;
				min-height: 1.25em;
				width: 100%;
			}
			
			label.mobmenu:before, label.mobmenu:after{
				position: absolute;
			}
			label.mobmenu:before {
			    content: "MENY >";
				right: 60px;
			    top: 12px;
				font-size: 24px;
			}
			label.mobmenu:after {
			    content: "\2261";
				right: 20px;
				font-size: 44px;
				top: 0;
			}
			
			input.mobmenu[type=checkbox] ~ ul#sidenav {
				display: none;
			}
			input.mobmenu[type=checkbox]:checked ~  ul#sidenav {
				display: block;
			}





	}

	
		 
	/* SMALL */
	
	    @media screen and (max-width: 635px)  {
	   
			
			#main * div, #footer * {
			   float: none;
			   height: auto;
			   margin-left: 0;
			   width: 97%;
			}
			
			/*.listingarea * div, .viewarea * div { 
				margin: 0;
    			padding: 0;
    			width: 93% !important;
    		}*/	
			
			/* #mainsidebar {display: none;} */
			
			.viewarea{padding: 10px !important}
	}
	
	/* TINY */
	
	    @media screen and (max-width: 350px)  {

	    	.articleView, .articleView .articleBox .inner {width: 95%;}	
				
			
	}