/* SUN FUN-RESPONSIVE ver 1.1.0, rev -1 */


/* Alle nettlesere med mindre enn 1280px */

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

	.FUN-container div#bar {
		width: auto;
	}
	
	.FUN-container div.container {
		width: 100%;
	}
	
	.FUN-container div.container section {
		padding: 0;
		margin: 10px 10px 0 10px;
		width: auto;
		clear: both;
		min-height: initial;
	}
	

	/* LOGIN */
	
	.FUN-container div.login-module {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.FUN-container div.login-module div.left-side {
		width: auto;
		margin: 0;
	}

}

	
/* Tablets */

@media screen and (max-width: 1280px) and (min-width: 15.5cm) {
	
	.FUN-container nav {
		width: auto;
	}
	
	.FUN-container nav > ul > li {
		display: inline-block;
		vertical-align: top;
		width: auto;
	}
	
	
	.FUN-container nav > ul > li > a, nav > ul > li > span {
		padding: 8px 20px 8px 20px;
		background: none;
	}
	
	.FUN-container nav > ul > li.active > a,
	.FUN-container nav > ul > li.active > a:hover,
	.FUN-container nav > ul > li.active > a.expanded,
	.FUN-container nav > ul > li.active > span.expanded,
	.FUN-container nav > ul > li.active > span,
	.FUN-container nav > ul > li.active > span:hover {
		/*
		background-image: url('../img/li_open_blue.png');
		background-position: right 10px center; 
		background-repeat: no-repeat;
		*/
	}
	
	
	/* SUBMENU */

	.FUN-container nav > ul > li > ul.default-open {
		display: none;
	}
	
	
	.FUN-container nav > ul > li > ul {
		position: absolute;
		background-color: #ffffff;
		border: solid 1px #d2d6dd;
		border-top: none;
		width: inherit;
		margin-top: 1px;
		padding: 8px 0 8px 0px;
		z-index: 999;
	}
	
	.FUN-container nav > ul > li > ul > li > a {
		padding: 5px 30px 5px 20px;
	}
	
	
}


/* Mobiltelefoner */

@media screen and (max-width: 15.5cm) {

	/* BAR */
	
	.FUN-container div#bar a, .FUN-container div#bar a:hover {
		padding-left: 10px;
	}
	
	.FUN-container div#bar .dropdown .dropdown-link,
	.FUN-container div#bar .dropdown .dropdown-link.active {
		padding-left: 10px;
		color: transparent;
		max-width: 66px;
	}
		
	.FUN-container div#bar .dropdown .dropdown-wrapper {
		padding: 5px 5px;
	}
	
	.FUN-container div#bar .dropdown .dropdown-wrapper.active {
		display: table;
		min-width: 66px;
	}
	
	.FUN-container div#bar .dropdown .dropdown-wrapper ul li {
		white-space: nowrap;
	}


	/* MENU */

	.FUN-container #bar #menuOpener {
		display: block;
		background: url('../img/icon-menu-40x40.png'); /* #0087ab;*/
		width: 46px;
		height: 40px;
		float: left;
		margin-left: 3px;
		cursor: pointer;
	}
	
	.FUN-container nav {
		display: none;
		position: absolute;
		/*border: solid 1px #4c4c4c;*/
		z-index: 999;
		top: 40px;
		box-shadow: 0px 2px 2px #444;
		-moz-box-shadow: 0px 2px 2px #444;
		-webkit-box-shadow: 0px 2px 2px #444;
	}
	
	.FUN-container nav > ul {
		margin-bottom: -1px;
	}
	
	.FUN-container nav > ul > li {
		border-right: none;
	}
}