/*====================================
 MOBILE CSS
 
    320px for common smartphones including iPhone at portrait orientation
    480px and below for iPhones at landscape orientation and many of the HTC handsets
    576px below for Smartphones at horisontal orientation 
    768px – 980px for iPad and other tablets
    980px and upwards for desktop monitors
    1200px and upwards for larger desktop monitors

=====================================*/
/*-------------------------------------
/* max-width:1254px (1240+scrolbar ) */
@media screen and (max-width:1254px) { 
	#serviceMenu .level-1 > li > a {
		font-size:12px;
		padding:5px 6px;
	}
	
	#mainMenu #level-1 > li {
	/*	
		padding-left:.8vw;
		padding-right:.8vw;
	*/	
	}
	#mainMenu #level-1 > li.ifSub span, 
	#mainMenu #level-1 > li.curIfSub span, 
	#mainMenu #level-1 > li.actIfSub span, 
	#mainMenu #level-1 > li > a {
	    font-size: 20px;
	    font-size:1.4vw;
 		padding-left:1vw;
		 padding-right:1vw;	
    	
	}

	#rightContainer #rightCol-2 .html5videoplayer .video-js {
		width:auto !important;
		height:auto !important;
		padding-bottom:56.25%;
	}	
	
	/* if youtube (html5 video) */
	.mainpage #content .gridElement .grid-50 .html5videoplayer .video-js {
		width:auto !important;
		height:auto !important;
		padding-bottom:56.25%;		
	}
	.mainpage #content .gridElement .grid-100 .html5videoplayer .video-js {
		width:auto !important;
		height:auto !important;
		padding-bottom:56.25%;		
	}
}

/*-------------------------------------
/* max-width:1080px                  */
@media screen and (max-width:1080px) {	
	#content .gridElement .grid-50 .news-img-wrap,
	#content .gridElement .grid-66 .news-img-wrap,
	#content .gridElement .grid-33 .news-img-wrap {
		max-height:250px;
		overflow:hidden;
	}
	#content .gridElement .grid-100 .news-img-wrap {
		max-height:325px;
		overflow:hidden;	
	}
	#content .gridElement .grid-50 .news-img-wrap img,
	#content .gridElement .grid-66 .news-img-wrap img,
	#content .gridElement .grid-33 .news-img-wrap img {
		min-height:250px;
	}
	#content .gridElement .grid-100 .news-img-wrap img {
		min-height:325px;	
	}

	.mainpage #content .gridElement .grid-33 a img,
	.mainpage #content .gridElement .grid-33 figure img,
	.mainpage #content .gridElement .grid-50 a img,
	.mainpage #content .gridElement .grid-50 figure img {
		display:inline;
		margin:0 -100%;
		max-height:280px;
		min-height:250px;
		max-width:none;
		width:auto !important;
	}
}

/*-------------------------------------
/* max-width:890px                   */
@media screen and (max-width:890px) { 

	#websiteLogo figure {
		max-width:180px;
	}
	
	#mainMenu #level-1 > li { 
	    padding:0 5px;
	}
	 
	#serviceMenu .level-1 > li > a {
	 	font-family: 'ProximaNova-Regular';
		padding:5px 4px;
	}

	#serviceMenu .tx-solr-submit {
		padding:0 2px;
		font-family: 'ProximaNova-Regular';
	}
	#shortcuts #level-1 > li > a {
	font-size:13px;
	}
	 
	#websiteLogo h2, #websiteLogo h2 a {
		font-size:24px;
		line-height:24px;
	}

	.tx-ttaddress-pi1 .vcard,
	#uid-48 .tx-ttaddress-pi1 .vcard,
	#uid-493 .tx-ttaddress-pi1 .vcard {
		width:100%;
		margin-right:0;
	}
}

/*-------------------------------------
/* max-width:768px                   */
@media screen and (max-width:768px) { 
	/* GLOBAL SETTINGS */
	html {
		background:#fff none;
	}
	body {
		margin:0;
	}	
	body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, figcaption, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		font-size:100%;
		line-height:125%;
	}

	h1 { font-size:150%; line-height:100%; margin-bottom:20px; }
	h1 a { font-size:100%; line-height:100%;}
	h2 { font-size:125%; }
	h2 a { font-size:100%; }
	h3 { font-size:115%; }
	h3 a { font-size:100%; }
	h4 { font-size:125%; }
	h4 a { font-size:100%; }
	h5 { font-size:90%; }
	h5 a { font-size:100%; }

	.shortField { width:100%; }
	
	/* Fluid images */
	img, object, embed, video {
		max-width:100%; width:100% !important; 
	}
	#map img {
		max-width:none; 
		width:auto !important; 		
	}
	
	.ce-gallery .ce-column {
		margin-bottom:2%;
	}
	
	.ce-gallery .ce-column figure {
		display:block;
	}
	
	.ce-gallery[data-ce-columns="2"] .ce-column {
		width:100%;
		margin-right:0%;
	}
	.ce-gallery[data-ce-columns="3"] .ce-column {
		width:100%;
		margin-right:0%;
	}
	.ce-gallery[data-ce-columns="4"] .ce-column {
		width:100%;
		margin-right:0%;
	}
	.ce-gallery[data-ce-columns="5"] .ce-column {
		width:100%;
		margin-right:0%
	}


/* mobilmenu */
	#mobileMenu {
		display:block;
		position:relative;
		z-index:3;
	}
	
	.slicknav_menu {
		display:block;
	}
	.slicknav_menutxt { display:none; }
	.slicknav_btn.slicknav_open {
		padding:0;
		width:47px;
		height:47px;
	}
	.slicknav_btn.slicknav_open:before {
	    color: #fff;
    	font-family: "fontello"; 
	    content: "\e819";
    	display: block;
	    font-size: 41px;
	    line-height:41px;
    	height: 41px;
	    position: absolute;
    	text-align: center;
    	vertical-align: middle;
	    width: 41px;
	}
	.slicknav_btn.slicknav_open:before{
		text-decoration:none;
		color:#fff;
	}
	.slicknav_btn.slicknav_open:hover {
		text-decoration:none;
		color:#fff;		
	}
	.slicknav_btn.slicknav_open span { 
		display:none;
	}
	ul.slicknav_nav { 
		margin-top:45px;	
		padding-bottom:25px;
		background-color:#5e5e5e; 
	}
	ul.slicknav_nav > li {
		border-bottom:1px solid #ffffff;
		padding-bottom:0;
		padding-left:0;
	}
	ul.slicknav_nav > li:first-child { 
		border-top:1px solid #ffffff;	
	}

	ul.slicknav_nav li a,
	ul.slicknav_nav li a.slicknav_item a { 
		font-size:16px;
		color:#ffffff;
		line-height:42px;
		text-decoration:none;
	}
	ul.slicknav_nav li a.slicknav_item > a,
	ul.slicknav_nav a.intra,
	ul.slicknav_nav > li.no a {
		padding-left:10px;	
	}
	ul.slicknav_nav > li .slicknav_arrow,
	ul.slicknav_nav li.slicknav_open .ifSub .slicknav_arrow {
		position:absolute;
		right:15px;
		line-height:42px;
		color:#fff;
	}
	ul.slicknav_nav > li:hover {
		background-color:#999;
	}
	ul.slicknav_nav > li:hover a.slicknav_item.slicknav_arrow {
		color:#ffffff;	
	}
	ul.slicknav_nav li.slicknav_open {
		background-color:#999;	
	}

	ul.slicknav_nav li.actIfSub.slicknav_open {
		background-color:#999;		
	}
	ul.slicknav_nav li.slicknav_open > a:first-child { 
		background-color:#5e5e5e;
	}
	ul.slicknav_nav li.slicknav_open > a:first-child a { 
		color:#fff;
	}
	ul.slicknav_nav li.slicknav_open .slicknav_arrow {
		color:#ffffff;	
	}
		
	/* LEVEL 2 */
	ul.slicknav_nav ul {
		margin:0;
	}
	ul.slicknav_nav ul li { 
		padding-bottom:0;
		padding-left:0;
		border-bottom:1px solid #ffffff;
	}
	ul.slicknav_nav ul li:first-child {
		border-top:1px solid #ffffff;	
	}
	ul.slicknav_nav ul li.last {
		border-bottom:0 none;	
	}
	ul.slicknav_nav ul li a, 
	ul.slicknav_nav ul li a.slicknav_item a {
		color:#fff;	
		font-size:16px;
		line-height:42px;
		padding:0;	
	}
	ul.slicknav_nav ul li > a {
	color:#fff;
		padding:0 0 0 40px;	
	}
	ul.slicknav_nav ul.res-level-2 > li .slicknav_arrow,
	ul.slicknav_nav ul.res-level-2 li.ifSub .slicknav_arrow {
		color:#fff;
	}	
	
	/* LEVEL 3 */
	ul.slicknav_nav ul li ul li { 
		padding-top:11px;
		padding-bottom:11px;
	}
	ul.slicknav_nav ul li ul li a, 
	ul.slicknav_nav ul li ul li a.slicknav_item a {
		font-size:18px;
		padding-left:0px;
		line-height:26px;
	}
	ul.slicknav_nav ul li ul li > a {
		padding:0 0 0 60px;	
	}
	/* skjule blanke mellemsider */
	ul.slicknav_nav li.parent	{
		display:none;
	}
	
/* mobil search */
	#mobileSearchBox { 
		background-color:#000;
		padding:10px;
	}
	#mobileSearchBox .tx-solr {
		float:none;
		margin-right:0;
	}
	#mobileSearchBox input[type="text"] { 
		width:60%;
		height:45px;
		line-height:35px;
		font-size:20px;
		border:0px solid #fff;
		padding:0 2%;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
	}
	#mobileSearchBox input[type="submit"],
		#mobileSearchBox input[type="image"] { 
		width:30%;
		min-width:0;
		height:45px;
		font-size:20px;
		line-height:35px;
		float:right;	
		padding:0 2%;	
		border:1px solid #b5272e;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;		
	}
	#mobileSearch { 
		position:relative;
		z-index:5;
    	display:block;
    	float:right;
    	margin-top:12px;
    	margin-right:12px;
		cursor:pointer;	
	}
	#mobileSearch:before {
	    color: #fff;
    	font-family: "fontello"; 
	    content: "\e803";
    	display: block;
	    font-size: 35px;
	    line-height:41px;
    	height: 41px;
    	text-align: center;
	    top: 12px;
	    right:12px;
    	vertical-align: middle;
	    width: 41px;
	    border:3px solid #fff;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;	    
	}		
	#mobileSearch.searchIsOpen:before { 
	    font-size:41px;
	    content: "\e819";
	}


	/* ------------------------------------ */
	/* PAGE                                */	
	.center {
		max-width:100%;
	}
	
/* header */
	#header {
		background:#272a6d none;
		max-height:none;
		padding-bottom:0;
	}	
/* serviceMenu */
	#serviceMenu { 
		display:none;
	}
/* mainMenu */
	#mainMenu { 
		display:none;
	}
/* website logo */		
	#websiteLogo {
		position:relative;
		width:100%;
		z-index:10;
	    float: none;
    	margin:0;
	    padding-bottom: 2%;
    	padding-top: 2%;		
	    background: #eff0f1 none repeat scroll 0 0;
	}
	#websiteLogo > div {
		max-width:510px;
		margin:0 auto;
	}
/* bannner */
	#banner {
		margin-top:0;
		background:rgba(0, 0, 0, 1);
	}	
	#banner .as-prev-arrow,
	#banner .as-next-arrow {
		display:none;
	}	
	#banner header,
	#banner .ce-bodytext {
		position:relative;
		width:100%;
		float:left;
		height:auto;
		left:0;
		padding:3% 3% 9% 3%;
		bottom:0;
		right:auto;
		background:rgba(0, 0, 0, 1);
		margin:0;
	}
	#banner header h2,
	#banner .ce-bodytext h2 {
		font-size:90%;
	}
	#banner header h2 a::after,
	#banner .ce-bodytext h2 a::after {
		top:auto;
		bottom:15px;
		left:3%;

	}
	#banner header h3,
	#banner .ce-bodytext h3 {
		font-size:90%;
	}
	#banner figure.image {
		padding-bottom:0;
	}

	#banner .ce-gallery {
		width:100%;
		float:left;
	}
	#banner div.ce-textpic .ce-gallery img {
    	bottom: auto;
	    left: auto;
    	margin: auto;
	    position: relative;
    	right: auto;
	    top: auto;	
	}


/*content */
	#content {
		background:#fff;
		border-width:11px 4px;
		width:98%;
		width: -webkit-calc(100% - 8px); /** Safari 6, Chrome 19-25 **/	
		width:calc(100% - 8px);		
		margin-top:0;
		padding-top:3%;
	}
	#centerContainer {
		width:100%;
	}
	#rightContainer {
		width:100%;
	}

/* shortcuts */
	#shortcuts	{
		display:none;
	}

/* footer */
	#footer {
		width:100%;
		padding-top:3%;
		padding-left:2%;
		padding-right:2%;    
		margin-top:0;
		display:table;
		border-collapse:separate;
		background:transparent none;
	}
  #footer > div {
    width:100%;
  }
  #footerCol-1 {
  	width:100%;
    display:table-header-group;
    float:none;
  }
  #footerCol-2 {
		display:none; 
  }
  #footerCol-3 {
  	width:100%;
    display:table-header-group;
    float:none;
  }
	#footerCol-3 .ce-textpic {
		display:table;
		float:none;
	}
	

	#footerCol-3 .ce-gallery {
	    display:table-footer-group;
    	float:none; 	
	}
	#footerCol-3 .ce-gallery .ce-column {
		float:left;
		width: 23%;
		margin-right: 2%;
	}

	#footerCol-3 .ce-bodytext {
	    display:table-header-group;
    	float:none;			
	}
		
/* mainpage */
	.mainpage #content {
		display:table;
		margin-top:3%;
	}
	
	.mainpage #content .row {
		display:table-header-group;
		float:none;
	}
	.mainpage #centerCol-0 .ce-gallery .ce-column {
		margin-bottom:0;
	}
	
	.mainpage #centerContainer {
		display:table-header-group;
		float:none;
	}
	.mainpage #centerCol-1 {
		margin-bottom:2.5%;
	}
	.mainpage #centerCol-1 iframe {
		height:300px !important;
	}
	.mainpage #rightContainer {
		display:table-footer-group;		
		float:none;
	}

	#content .gridElement {
		margin-bottom:0;
	}

	#content .gridElement .grid-50,
	#content .gridElement .grid-33,
	#content .gridElement .grid-66,
	#content .gridElement .grid-100 {
		width:100%;
		float:left;
		margin-bottom:2.5%;
	}
	
	#content .gridElement .grid-50 figure, 
	#content .gridElement .grid-66 figure, 
	#content .gridElement .grid-33 figure,
	#content .gridElement .grid-50 .news-img-wrap, 
	#content .gridElement .grid-66 .news-img-wrap, 
	#content .gridElement .grid-33 .news-img-wrap {
		max-height:none;
	}
	
	.mainpage #content .gridElement .grid-33 a img, 
	.mainpage #content .gridElement .grid-33 figure img, 
	.mainpage #content .gridElement .grid-50 a img, 
	.mainpage #content .gridElement .grid-50 figure img,
	.mainpage #content .gridElement .grid-66 a img, 
	.mainpage #content .gridElement .grid-66 figure img, 
	.mainpage #content .gridElement .grid-100 a img, 
	.mainpage #content .gridElement .grid-100 figure img {
		min-height:0;
		max-height:none;
		width: 100% !important;
		margin:0;
	}
	
	.mainpage #content .gridElement iframe {
		width:100% !important;
	}
	
	.mainpage #content .gridElement .grid-50 .html5videoplayer {
		min-height:0;
	}
	
	#content .gridElement > div .frame-default header h2 {
		font-size:100%;
	}
	#content .gridElement > div .frame-default header h3 {
		font-size:100%;
	}

/* subpages */
	.subpage-1 #centerContainer .ce-gallery {
		float:none;
		margin-left:0;
	}


}



/*-------------------------------------
/*       max-width:576px             */
@media screen and (max-width:576px) { 
	#websiteLogo > div {
		max-width:210px;
	}
	#websiteLogo .ce-gallery {
		float:none;
		margin-right:0;
	}
	#websiteLogo .ce-bodytext {
		float:none;
		margin-left:0;
		margin-top:10px;
	}
	#websiteLogo h2, #websiteLogo h2 a {
		font-size:20px;
		line-height:20px;
	}
	#content .gridElement {
		margin-bottom:0;
	}
	#content .grid-50,
	#content .grid-66,
	#content .grid-33 {
		width:100%;
		float:left;
		margin-left:0;
		margin-right:0;
		margin-bottom:2.5%;
	}

	#banner .aspectRatio-3x1 {
	    padding-bottom: 64.1%;
	}	

	
	.tx-ttaddress-pi1 .vcard {
		max-height:none;
	}
	
	#centerContainer input.tx-solr-q {
		width:84%;
	}
	#uid-390 #centerCol-1 .news-list-item > p {
		margin-left:0;
	}
	#uid-390 #centerCol-1 .csc-newsHeader {
		padding-top: 6%;
		width:100%;
	}
	#uid-390 #centerCol-1 .news-list-teaser {
		width:100%;
		margin-right:0;
	}
}
/*-------------------------------------
/*       max-width:480px             */
@media screen and (max-width:480px) { 
	.mainpage #centerCol-1 iframe {
		height:200px !important;
	}
	.tx-ttaddress-pi1 .image {
		width:100%;
		margin-right:0;
	}
	#uid-42 select.getCategories {
		width:100%;
	}
	.tx-ttaddress-pi1 img {
		/*
    	display: block;
	    height: auto;
    	max-width: none;
	    width: 100% !important;
	    */
	}
	.tx-ttaddress-pi1 .info {
		padding-left:2%;
		padding-right:2%;
		width:100%;
	}
	
	#centerContainer input.tx-solr-q {
		width:80%;
	}	
}

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


}