/* ------------------------------------------------
	sphinxly
-------------------------------------------------*/

/* ------------------------------------------------
	global
-------------------------------------------------*/

* { margin: 0; padding: 0; text-decoration: none; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


body, html, form 	{ margin:0;
					  padding:0;
					  height:100%;
					  text-rendering: optimizeLegibility;
					  -webkit-text-size-adjust:none; }

body 	{ color: #808080;
		  font:12px/20px Verdana, Arial, sans-serif;  }
p,
span,
div,
table, table p,
tr, tr p,
td, td p	{ font:12px/20px Verdana, Arial, sans-serif;   }

h1	{ display:block;
	  margin:0px 0px 25px 0px;
	  color:#000;
	  font:italic 60px/64px georgia, times, "times new roman", serif; }
	h1 span	{ color:#000;
			  font:italic 60px/64px georgia, times, "times new roman", serif;  }
	h1 span.gray	{ color:#b7b7b7;  }
	h1 span.smaller	{ color:#000;
					  font:italic 45px/49px georgia, times, "times new roman", serif;  }

h2	{ display:block;
	  margin:0px 0px 25px 0px;
	  color:#000;
	  font:bold italic 20px/30px georgia, times, "times new roman", serif; }
	h2 span	{ color:#000;
			  font:bold italic 20px/30px  georgia, times, "times new roman", serif;  }

h3	{ margin:0px;
	  color:#000;
	  font:bold italic 16px/24px georgia, times, "times new roman", serif;  }
	h3 span	{ color:#000;
			  font:bold italic 16px/24px georgia, times, "times new roman", serif;   }

h4	{ margin:0px;
	  color:#000;
	  font:italic 16px/16px georgia, times, "times new roman", serif;  }
	h4 span	{ color:#000;
			  font:italic 16px/16px georgia, times, "times new roman", serif;  }

h5	{ color:#000;
	  font:bold 13px/20px georgia, times, "times new roman", serif; }
	h5 span	{ color:#000;
			  font:bold 13px/20px georgia, times, "times new roman", serif;   }


a 	{ color:#17cee4; }

a:hover	{  color: #898989;	}

img	{ border: 0px solid; 	}

hr { height:1px;
     margin:20px 0px;
     border:none;
     background:#5c8533; }

ul, ol { margin:0px 0px 0px 20px; }

#cont { position:relative;
		min-height:100%;
		z-index:1;}

div#container	{ display:block;
				  width:100%;
				  margin:0px;
				  padding:0px 0px 20px 0px;
				  position:relative;
				  z-index:10; }

	div#container ul, div#container ol { margin:0px 0px 0px 0px; }

.cufon-loading { visibility: hidden !important; }



div.container	{ position:relative;
				  display:block;
				  width:auto;
				  max-width:1180px;
				  margin:0px auto;
				  padding:0px 20px;  }
div.article { padding:0px 50px 20px 0px; }


a#job-offer {background: #f6ef37; display: block; position: relative; height: 42px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #9d8d07;}
a#job-offer::after {content: " "; display: block; width: 0; height: 0; border: 15px solid transparent; border-left-color: #ffba26; position: absolute; right: -2px; top: 7px; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a#job-offer strong {font-size: 24px; font-weight: normal; float: left; padding: 11px 20px;}
a#job-offer span {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px; float: left; padding-top: 11px; color: #9d8d07;}
a#job-offer em {float: right; font-size: 24px; padding: 11px 40px 0; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

a#job-offer:hover em,
a#job-offer:hover::after {-webkit-transform: translateX(5px); -moz-transform: translateX(5px); transform: translateX(5px);}

/*a:hover#job-offer {background: #ffba26; color: #fff;}
a:hover#job-offer span {color: #fff;}
a:hover#job-offer::after {border-left-color: #fff;}*/

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#tipsadela { display:none;
				width: auto;
				height: 30px;
				padding:0px;
				background: url(../images/tipsadelabg.png) repeat-x; }

	div#tipsadela .container { height: 30px; }

	div#tipsadela ul { float:right;
					   margin:0px;
					   padding:0px;
					   white-space:nowrap;
					   list-style:none; }

		div#tipsadela li { float:left;
						   margin:0px 0px 0px 15px;
						   padding:0px; }

			div#tipsadela li a { padding:0px 0px 0px 16px;
								 text-transform:uppercase;	
								 text-decoration:none;
								 color:#fff;
								 font:12px/30px georgia, times, "times new roman", serif; }
			div#tipsadela li a:hover { color:#52ddef; }


			div#tipsadela li.tipsa a { background:url(../images/tipsanew.gif) no-repeat 0px center; }
			div#tipsadela li.dela a { background:url(../images/dela.gif) no-repeat 0px center; }
			div#tipsadela li.rss a { background:url(../images/rss.gif) no-repeat 0px center; }



	div#header	{ position:relative;
				  clear:both;
				  display:block;
				  width:auto;
				  margin:0px;
				  padding:0px; 
				  background:#7ceaf4; }
	
		div.floater	{ float:left;
					  width:50%;
					  margin:0px;
					  padding: 0px; }
			
			.mobile-nav-icon { display:none; }
					  
			div#logo	{ float:left;
						  width:330px;
						  height:28px;
						  overflow:hidden;
						  margin:52px 0px;
						  padding: 0px;
						  z-index: 9999;
						  position:relative; }
		
			div#logo h1 { /*text-indent: -10000px;*/ }
				div#logo a	{ display: block;
							  width:330px;
							  height:28px;
							  margin:0px;
							  text-indent: -10000px;
							  background: url(../images/logo2015.png) no-repeat 0px 0px; }
					/*div#logo a:hover	{ background: url(../images/logo2015.png) no-repeat 0px -46px; }*/
	
			div#logo img { display:none; }
							
				#swe { position:absolute;
					   top:-15px;
					   left:-30px;
					   margin:0px;
					   padding:0px; }
				   
	
			#kunglig { position:absolute;
					   top:-20px;
					   left:50px;
					   margin:0px;
					   padding:0px; }
	
			h3#slogan { display:none; }
	 
		div.floater2	{ float:left;
						  width:50%;
						  margin:0px;
						  padding: 0px; }
						  
			span#ring { float:right;
						clear:right; 
						display:block;
						margin:0px;
						padding:0px 16px;
						white-space:nowrap;
						color:#fff;
						font:italic 30px/53px georgia, "times new roman", times, serif;
						background:#000; }  
						  
			div#testbg	{ position:fixed;
						  top:13px;
						  left:0px;
						  z-index:200;
						  display:block;
						  width:10px;
						  height:100px;
						  margin:0px;
						  padding:0px; 
						  background:#f00; }
						  
			div#ornament	{ position:absolute;
							  top:13px;
							  right:120px;
							  z-index:200;
							  display:block;
							  width:105px;
							  height:191px;
							  margin:0px;
							  padding:0px;  }
				div#ornament img { position: absolute;
								   -moz-transform-origin:top center;
								   -webkit-transform-origin:top center;
								   transform-origin:top center;
								   -o-transform-origin: top center;
								   -ms-transform-origin:top center;
								   -webkit-backface-visibility: hidden;
								   -webkit-perspective: 1000; 
									transform: translateZ(0);
									-webkit-transform: translateZ(0);
									-moz-transform: translateZ(0);
									-o-transform: translateZ(0);
									-ms-transform: translateZ(0);}
						  
			span#adress { float:right;
						  clear:left;
						  display:block;
						  margin:0px;
						  padding:8px 16px;
						  text-align:right;
						  color:#fff;
						  font:italic 20px/30px georgia, "times new roman", times, serif;  }
						  
				span#adress a { color:#fff; }
										  
				span#adress a.mail { display:block;
									 padding:0px;
									 color:#fff;
									 background:none;  }
				span#adress a:hover { color:#005862; }
				span#adress a:hover.mail { background:none;  }
						  
							
			span#telefon { position:absolute;
						   top:-70px;
						   right:-10px;
						   display:none;
						   margin: 24px 0px 0px 0px;
						   padding: 18px 0px 0px 20px;
						   color:#111;
						   font:bold 20px/18px arial, verdana, sans-serif;}
				span#telefon a { color:#111;
								 font:bold 20px/18px arial, verdana, sans-serif; }
		
	
		div#omsphinxly	{ clear:both;
						  display:block;
						  width:auto;	
						  margin:0px;
						  padding:0px; 
						  background: #fff url(../images/omsphinxly.png) repeat-x bottom; }
						  
			div#omsphinxlybg	{ clear:both;
								  display:block;
								  width:auto;
								  margin:0px;
								  padding:30px 0px; }
				
				div#omsphinxly h2 { display:inline-block;
								   *display:inline;
									margin:0px 0px 18px 0px;
									padding:12px 30px;
									color:#fff;
									font:italic 70px/70px Georgia, "Times New Roman", Times, serif;
									background:#252525; }
									
				div#omsphinxly p, div#omsphinxly p strong, div#omsphinxly h3, div#omsphinxly h3 strong { max-width:850px;
								   letter-spacing:0.1px;
								   color:#707070;
								   font:italic 22px/30px Georgia, "Times New Roman", Times, serif; }
				div#omsphinxly h3 {padding:0px 0px 0px 34px; }
				div#omsphinxly h3 span { color:#707070; font:italic 22px/30px Georgia, "Times New Roman", Times, serif; }
										  
			div#omsphinxlybg object	{ position:absolute;
									  top:-35px;
									  right:0px;
									  display:block;
									  width:219px;
									  height: 230px;	
									  margin:0px;
									  padding:0px;  }
						
/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menu	{ position:relative;
				  display:block;	
				  width:100%;
				  margin:0px;
				  padding:0px 0px 30px 0px; }

		div#menu ul { float:left;
				  	  margin:0px;
					  padding:14px 0 0 0px;
					  list-style:none;  }

			div#menu li { float:left;
						  display:block;
						  position:relative;
						  margin:0px 14px 0px 0px;
      				      padding:0px 0px 0px 0px;  }

				div#menu a { position:relative;
							 display:block;
							 margin:0px;
							 padding:7px 16px 19px 16px;
							 text-decoration:none;
							 color: #fff;
							 font:italic 24px/30px georgia, times, "times new roman", serif;
							 background:#7ceaf4; }
					div#menu a span { position:absolute;
									  bottom:0; 
									  left:0;
									  display:block;
									  width:100%;
									  height:12px;
									  margin:0px;
									  padding:0px;
									  background:#fff }
				
					div#menu a:hover { background:url(../images/BG_ani_colors_B.gif);  }
					div#menu li.selectedLava a { color:#b9b9b9; background:#f3f3f3; }
					div#menu li.selectedLava a span { background:#fff url(../images/activearrow.jpg) no-repeat center bottom; }
 
					div#menu li.backLava { position: absolute;
										   right:0px;
										   z-index: -1;
										   width:6px;
										   height: 12px;
										   overflow:hidden;
										   background:url(../images/menuarrow.png) no-repeat center top;  }

			div#menu li.cart span.cart { float:left;
										 display:block;
										 width:35px;
										 height:19px;
										 margin:-5px 0px 0px 8px;
										 padding:14px 0px 0px 2px;
										 color:#360;
										 font:15px/15px arial, verdana, sans-serif;
										 background:url(../images/carttop.png) no-repeat 0px 0px; }
			div#menu li.cart span.cart span.plus{ font:11px/15px arial, verdana, sans-serif; }
			
		/*	

	div.mouseovertext	{ position:absolute;
						  top:46px;
						  left:1px;
						  display:none;	
						  width:521px;
						  height:34px;
						  margin:0px;
						  padding:12px 16px;
						  border:1px solid #ece3aa;
						  background:#fffbdd; }


	div.mouseovertextcont	{ position:absolute;
							  top:46px;
							  left:1px;
							  z-index:1000;
							  display:none;	
							  width:521px;
							  height:34px;
							  margin:0px;
							  padding:12px 16px;
							  border:1px solid #ece3aa;
							  background:#fffbdd; }*/

		div#menu ul#feeds { float:right;
							display:block;
							padding:10px 0px 0px 0px;}

				div#menu ul#feeds li  { float:left;
										clear:none;
									    width:auto;
										height:auto;
										margin:10px 0px 0px 0px;
										padding:0px 10px 0px 0px;
										text-decoration:none;
										text-shadow:none;
										color: #898989;
										font:12px/30px Arial, Verdana, Helvetica, sans-serif;
										background:none; } 
										
					div#menu ul#feeds li a { float:left;
											 clear:none;
										 	 width:auto;
											 height:auto;
											 margin:0px;
											 padding:0px 10px 0px 0px;
											 text-decoration:none;
											 text-shadow:none;
											 color: #898989;
											 font:12px/30px Arial, Verdana, Helvetica, sans-serif;
											 border-right:1px solid #e7e7e7; } 
						div#menu ul#feeds li a:hover { color: #3B5998; } 
						
						div#menu ul#feeds li.fb a { padding:0px 10px 0px 16px;
													background:url(../images/fblink.png) no-repeat 0px center !important; } 
						div#menu ul#feeds li.ig a { padding:0px 10px 0px 16px;
													background:url(../images/ig.png) no-repeat 0px center !important; } 
						div#menu ul#feeds li.spotify { padding:0px; } 
						div#menu ul#feeds li.spotify a { border:none;
														 padding:0px 0px 0px 16px;
														 background:url(../images/spotify.png) no-repeat 0px center !important; } 
							  
/* ------------------------------------------------
	main
-------------------------------------------------*/
		
#printportfolio{ float:right;
				 width:782px;
				 margin:0px 0px 0px 0px;
				 padding:0px 0px 0px 25px;
				 text-align:right;
				 color:#fff; }
				 
	#printportfolio div.fb { float:left;
							 display:block;
							 margin:2px 0px 0px 0px; }
	
	#printportfolio img { margin:2px 0px -3px 0px; }

	#printportfolio a { float:right;
						color:#c7c7c7;
						padding:4px 10px;
						font-size:12px;
						font-family:arial, verdana;
						text-decoration:none; }
		#printportfolio a:hover { color:#000; }


		.pil { float:left;
			   margin:5px 0px 0px -10px;
			   position:absolute; }


	#main { padding:4% 0 0 0; }
	
		.relimgcont { position:relative;
					  width:100%;
					  height:490px; 
					  margin:0px 0px 20px 0px;
					  overflow:hidden; }
					  
			.relimgover { position:absolute;
						  top:0px;
						  left:0px;
						  width:100%;
						  z-index:50;
						  height:490px; 
						  margin:0px;
					  	  -moz-box-shadow: inset 0px 0px 20px #444;
						  -webkit-box-shadow:  inset 0px 0px 20px #444;
						  box-shadow:  inset 0px 0px 20px #444;  }
					  
			.relimg { position:absolute;
					  top:0px;
					  left:0px;
					  z-index:40;
					  width:100%;
					  height:490px; 
					  margin:0px; }
					  
				.relimg img { height:490px; }
				.relimg div { height:490px; }
			
		#leftcontent { float: left;
					   font-size: 11px;
					   text-align: left;
					   width: 782px;
					   padding:0 10px 0 0; }
		
			#kontakttable  { width:100%; }
			#kontakttable td { width:45%;
							   padding: 0 5% 5% 0; }
							   
							   
				#kontakttable td a { color:#17cee4; }
				
				div#container #leftcontent ul{ margin:0px 0px 0px 16px; }
				div#container #leftcontent ol { margin:0px 0px 0px 20px; }
				
				
				div#container #leftcontent ul.sphinxlist { display:block;
														   clear:both;
														   margin:20px 0px;
														   list-style:none; }
					div#container #leftcontent ul.sphinxlist li { padding:0px 0px 0px 25px;
																  color:#363636;
																  font:italic 20px/35px georgia, times, "times new roman", serif; }
					div#container #leftcontent ul.sphinxlist li.green { background:url(../images/greenarrow.png) no-repeat 0px 9px; }
					div#container #leftcontent ul.sphinxlist li.orange { background:url(../images/orangearrow.png) no-repeat 0px 9px; }
					div#container #leftcontent ul.sphinxlist li.red { background:url(../images/redarrow.png) no-repeat 0px 9px; }
					div#container #leftcontent ul.sphinxlist li.purple { background:url(../images/purplearrow.png) no-repeat 0px 9px; }
					div#container #leftcontent ul.sphinxlist li.blue { background:url(../images/bluearrow.png) no-repeat 0px 9px; }
						div#container #leftcontent ul.sphinxlist li strong { color:#363636;
																	 		 font:bold 20px/35px georgia, times, "times new roman", serif; }
						div#container #leftcontent ul.sphinxlist li span { color:#363636;
																	 	   font: 20px/35px georgia, times, "times new roman", serif; }

			div.kontaktdiv { float:left;
							 display:block;
							 width:30%;
							 padding: 0 3% 3% 0; }
				div.kontaktdiv a { color:#17cee4; }
			div.kontaktdiv2 { float:left;
							 display:block;
							 width:30%;
							 padding: 0 3% 3% 0; }
				div.kontaktdiv2 a { color:#17cee4; }
							 
			.sphtext { float:left;
					   width:350px;
					   margin:10px 0px 0px 0px !important; }

			.sphimg { float:right;
					  display:block;
					  margin:-5px 20px 0px 0px !important; }
					  
					  
		#leftcontent img { max-width:100%; }
		

	/*.portfoljitem { clear:both;
					display:block;
					width:auto;
					margin:0px 0px 0px 0px;
					padding:4% 0;
					zoom: 1;
					background:#fff url(../images/portfolioitem.png) no-repeat center bottom; }*/

		.portfoljitemlast { float:none !important;
							clear:both !important;
							display:block !important;
							width:100% !important;
							height:auto !important;
							margin:0px 0px 25px 0px !important; }

		.banneritem { width:auto;
					  text-align:center; }
		
		.portfoljtext { float:left; 
						display:block;
						width:300px;
						margin:0 0 0 0; }
			.portfoljtext * {font:16px/26px Georgia, Georgia, "Times New Roman", Times, serif; }
		.portfoljtextinner { display:block; }
						
			.portfoljtext a { margin:0px 2px 0px 0px;
							  padding:0px 13px 0px 0px;
							  text-decoration:none;
							  color:#404040;
							  background:url(../images/plus.png) no-repeat right center; }
				.portfoljtext a:hover {	text-decoration:underline;
										color:#000; }

			.foretagslank a { display:inline-block;
							  margin:0px 0px 0px 0px;
							  padding:0px 0px 5px 0px;
							  color:#7feaf3;
							  font:16px/26px Georgia, Georgia, "Times New Roman", Times, serif;
							  /*background: url("../images/linkimg.png") no-repeat scroll right center transparent;*/ 
							  background:none; }
							  
				.foretagslank a:hover { color:#61e2f0;
										text-decoration:none; }


		a.portfoljbild { float:right;
						 display:block;
						 width:351px;
						 /*height:284px;*/
						 margin:3px 0px 20px 0px;
						 padding: 0px;
						 position:relative; }					 		
					
			.newstar { position:absolute;
					   top:-20px;
					   right:-30px;
					   width:78px;
					   height:74px;
					   display:block;
					   background:url(../images/newstar.png) no-repeat 0px 0px; }
			
			a.lasmer  { display:none; }
			
			a.portfoljbild .imgpadding	{ float:right;
										  display:block;
										  margin:0px;
										  padding: 7px;
						 				  overflow:hidden;
										  border: 1px solid #fff;
										  -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; transition: 0.5s ease; 
										  -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.15); }
				a:hover.portfoljbild .imgpadding { -webkit-box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.45); box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.45); }
										  
				a.portfoljbild img	{ float:right;
									  display:block;
									  width:337px;
									  /*height:270px;*/
									  margin:0px; }
								  								  

		
	.portfoljitem { float:left;
					clear:none;
					display: block;
					width: 351px;
					/*height:570px;*/
					margin: 0px 63px 0px 0px;
					padding: 4% 0 2% 0; }
					
	/*.portfoljitemthird { clear:right; margin: 0px 0px 0px 1px !important; }*/
	.portfoljitem:nth-child(3n+3) { clear:right; margin: 0px 0px 0px 1px !important; }
	.portfoljitem:nth-child(3n+4) { clear:left; }
					
		
	.portfoljitem h2 { margin:10px 0 10px; font: italic 26px/26px Georgia, "Times New Roman", Times, serif; }
					
	.kundtable * {font:11px/18px Verdana, Arial, sans-serif; }
	.kundtable h2 { margin:0px;
				    font: italic bold 14px/24px georgia,times,"times new roman",serif; }
					
		.portfoljtext { width: 344px;
						margin: 0;
						padding: 0; }
						
	.kundtable img { -moz-box-shadow: 0px 0px 20px #e6e6e6;
					 -webkit-box-shadow:  0px 0px 20px #e6e6e6;
					 box-shadow:  0px 0px 20px #e6e6e6; }
					 
				
	.referens { clear:both;
				padding:0px 0px 40px 0px; }
	
		.referensimg { float:left;
					   width:100px; }	
	
			.referensimg img { -moz-box-shadow: 0px 0px 20px #e6e6e6;
							   -webkit-box-shadow:  0px 0px 20px #e6e6e6;
							   box-shadow:  0px 0px 20px #e6e6e6;
							   border:1px solid #ececec; }
		.referenstext { float:left;
					    width:592px;
						font:11px/18px Verdana, Arial, sans-serif; }	
		
			.referenstext * { font:11px/18px Verdana, Arial, sans-serif; }	 
			.referenstext h2 { margin:0px;
							   font: italic bold 14px/24px georgia,times,"times new roman",serif; }
						
						
.portfoljitem object {
	float:left;
	padding: 2px;
	margin: 35px 0 15px 0;
	border: 1px solid #ddd;
}

.portfoliobild_frame{
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ddd;

}

.thumbnail2 {
	float:left;
}

.thumbnail2:hover, .thumbnail img {
	display: block; 
	background-color: #fff;
}
.thumbnail2 span {
	background-color: #fff;
	color: black; 
	text-decoration: none;
	font-weight:normal;
	text-align:left;

}
.thumbnail2 img { 
	z-index:7;
}
.thumbnail2 span img { 
	border-width: 0;
	padding: 2px;
	position:absolute;
	left: -1500px;
	z-index:5000;
}

.thumbnail2:hover span img {
	top: -70px; 
	left: -70px;
	position:absolute;
}
a.thumbnail2{
	padding:5px; 
	margin:-5px; 
	border: 0px solid #fff;
	background:#fff;
	font-weight:bold;
}


.portfoljline {
	display:none;
}

		#rightcontent { float: right;
						width:388px;
						margin:0px 0px 20px 0px;
						padding:0px;
						background:url(../images/footergraybg.png); }
			
			#rightcontent img { display: block;
								margin: 0 auto !important;
								width: 100%;
								height:auto;
								padding: 0; }
				#sphinxly { width:263px;
							height:224px; }
				#sphinxly2 { display:block;
							 width:263px;
							 height:134px; } 
							 
				#fakta { margin:30px;
						 padding:0px; }
						 
					#fakta * { text-shadow:#fff 1px 0px 0px;
							   color:#363636;
							   font:14px/24px georgia, times, "times new roman", serif; }
					#fakta h3 { display:none; }
					
					
				.gruppbild { position:relative;
							 display:block;
							 margin:0px;
							 padding:0px; }
							 
				.gruppbildshadowinset { position:absolute;
										top:0px;
										left:0px;
										z-index:20;
										display:none;
										width:388px;
										height:330px;
										margin:0px;
										padding:0px;
										moz-box-shadow: inset 0 0 38px #929292;
										-webkit-box-shadow: inset 0 0 38px #929292;
										box-shadow: inset 0 0 38px #929292; }
							 
					#rightcontent .gruppbild img { position:relative;
												   z-index:10;
												   display:block;
												   width:388px;
												   margin:0px;
												   padding:0px; }
									 
									 
				.submenu { margin:30px;
						   padding:30px 0px 0px 0px;
						   background:url(../images/submenubg.png) repeat-x top; }
						   
					.submenu ul { margin:0px;
								  padding:0px;
								  list-style:none; }
								  
						.submenu li { margin:0px;
									  padding:2px 0px; }
						 
							.submenu a { padding:0px 0px 0px 18px;
										 text-decoration:underline;
										 color:#000;
										 font:bold 14px/24px georgia, times, "times new roman", serif;
										 background:url(../images/submenuarrow.gif) no-repeat 0px 3px; }
							.submenu li.active a	{ text-decoration:none;
													  color:#48cedc;
													  background:url(../images/submenuarrow2.gif) no-repeat 0px 3px; }
							.submenu a:hover { color:#48cedc;
											   background:url(../images/submenuarrow3.gif) no-repeat 0px 3px; }
												 
				.rightbox { position:relative;	
							margin:20px;
							padding:25px 23px;
							-moz-box-shadow: 0 0 15px #dadada;
							-webkit-box-shadow: 0 0 15px #dadada;
							box-shadow: 0 0 15px #dadada;
						    background:#fff; }
							
					div.tape { position:absolute;
							   top:-13px;
							   right:18px;
							   display:block;
							   width:141px;
							   height:36px;
							   background:url(../images/tape.png) no-repeat 0px 0px; }
					div.tape2 { position:absolute;
							    top:-13px;
							    right:18px;
							    display:block;
							    width:138px;
							    height:36px;
							    background:url(../images/tape2.png) no-repeat 0px 0px; }
					div.tape3 { position:absolute;
							    top:-13px;
							    right:18px;
							    display:block;
							    width:75px;
							    height:34px;
							    background:url(../images/tape3.png) no-repeat 0px 0px; }
							   
					.rightbox * {font:11px/18px Verdana, Arial, sans-serif; }
					.rightbox h3 { font: bold italic 14px/24px georgia, times, "times new roman", serif; }
								   
						 
				#nyfiken { margin:20px;
						   padding:25px 23px;
						   text-shadow:#000 0px 2px 0px;
						   color:#fff;
						   font:11px/18px Verdana, Arial, sans-serif;
						   -moz-box-shadow: inset 0 0 15px #000;
						   -webkit-box-shadow: inset 0 0 15px #000;
						   box-shadow: inset 0 0 15px #000;
						   background:url(../images/footerbgnew.png); }
						   
					#nyfiken * { color:#fff;
							     font:bold 12px/20px Arial, Verdana, Helvetica, sans-serif; }
					#nyfiken h3 { color:#fff;
							  	  font: bold 30px/24px georgia, times, "times new roman", serif; }
						#nyfikenform { padding:0px;
									   margin:0px; }
									   
							.textinput { width:100%;
										 margin:0px 0px 5px 0px;
										 padding:0px;
										 -moz-box-shadow: inset 0 0 15px #000;
										 -webkit-box-shadow: inset 0 0 15px #000;
										 box-shadow: inset 0 0 15px #000;
										 border:none;
										 background: #1c1c1c; }
							
							#nyfiken .textfield { width:273px;
										 height:32px;
										 margin:0;
										 padding:0px 15px;
										 color:#707070;
										 font:12px/32px Arial, Verdana, Helvetica, sans-serif; 
										 border:none;
										 background: none; }
										 
							#nyfiken .textarea { width:273px;
										height:47px;
										margin:5px 15px 25px 15px;
									    padding:0px;
										resize:none;
										color:#707070;
										font:12px/22px Arial, Verdana, Helvetica, sans-serif ; 
										border:none;
										background: none; }
							.submit { float:right;
									  margin:0px 32px 0px 0px; }
									  
								#nyfiken .submit { float:right;
												   width:118px;
												   height:25px;
												   margin:-30px 0px 0px 0px;
												   padding:0px;
												   position:relative;
												   z-index:100;
												   /*text-shadow:#39c3d1 0px 1px 1px;*/
												   cursor:pointer;
												   text-align:center;
												   color:#fff;
												   font:16px/24px georgia, times, "times new roman", serif;
												   border:none;
												   background:url(../images/sphbtn.png) no-repeat 0px 0px; }
								#nyfiken .submit:hover { color:#000;
														 background:url(../images/BG_ani_colors_B_btnleft.gif) no-repeat 0px 0px;  }



/* Hello */
.helloLeft form input::-webkit-input-placeholder {color: #c5c5c5;font-size: 16px;font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;font-weight: 400;}
.helloLeft form input:-moz-placeholder {color: #c5c5c5;font-size: 16px;font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;font-weight: 400;}
.helloLeft form input::-moz-placeholder {color: #c5c5c5;font-size: 16px;font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;font-weight: 400;}
.helloLeft form input:-ms-input-placeholder {color: #c5c5c5;font-size: 16px;font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;font-weight: 400;}
.helloLeft form input:focus::-webkit-input-placeholder { color:transparent;outline: none; }
.helloLeft form input:focus:-moz-placeholder { color:transparent;outline: none; } /* FF 4-18 */
.helloLeft form input:focus::-moz-placeholder { color:transparent;outline: none; } /* FF 19+ */
.helloLeft form input:focus:-ms-input-placeholder { color:transparent;outline: none; }
.helloLeft form input:focus:invalid {box-shadow: 0 0 5px #F47C7C;border-color: #F47C7C;}
.helloLeft form input:focus:valid {background: #7CF493;box-shadow: 0 0 5px #7CF493;border-color: #7CF493;}
.helloLeft form input:invalid {}
.helloLeft form input:valid {background: #7CF493;}
.helloLeft form input:last-child:focus {box-shadow: none;background: #fff;color: #ccc;}
#helloBtn {display: none;}
#disabledBtn {display: block;}

.noScroll {overflow: hidden;}
.blur {filter: blur(5px);-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);}
#overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 999;}
	.hello {position: fixed;width: 678px;height: 442px;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;padding: 66px 36px;text-align: center;background: #fff;}
	.closeHello {position: absolute;right: 0px;top: 0px;cursor: pointer;width: 15px;height: 3px;padding: 15px;}
		.closeHello span {display: block;position: absolute;height: 2px;width: 13px;background: #B7B7B7;border-radius: 9px;}
			.closeHello span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
			.closeHello span:nth-child(2) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
				.closeHello:hover span {background: #7ceaf4;}

	.hello h1 {font-size: 100px;font-style: normal;padding: 1px 0 18px 0;}
	.hello h4 {font-size: 30px;font-style: normal;padding: 0 0 28px 0;}
	.hello p {line-height: 1.4;font-size: 18px;font-family: Georgia, "Times New Roman", Times, serif;}
	.hello a {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;opacity: 0.6}
.helloLeft, .helloRight {float: left;height: 170px;width: 339px;padding: 0px;margin: 63px 0px 18px 0px;}
	.helloRight p {padding: 39px 0px;line-height: 1.45}
	.helloLeft p {margin: 0 0 8px 0; color: #222;}
		.hello ul {display: inline-block;list-style: none;margin: 0 auto !important;padding: 0 16px 0 0px;}
			.hello ul li {float: left; padding: 5px 19px 5px 17px;}
			.hello ul li:first-child {border-right: 1px solid #E0E0E0; }

	.helloLeft span {color: #222;font-size: 18px;font-weight: bold;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;}
		.helloLeft form input {float: left;width: 160px;padding: 12px 0px;margin: 0 5px 5px 0;text-align: center;color: #222;background: #fafafa;font-size: 16px;font-style: normal;font-family: Georgia, "Times New Roman", Times, serif;font-weight: 400;border: 1px solid #DEDEDE;}
			.helloLeft form input:last-child {float: left;background: #fafafa;width: 162px !important;outline: none;font-size: 21px !important;font-weight: 500;margin: 0 5px 5px 0;padding: 12px 0px !important;color: #DEDEDE !important;border: 1px solid #DEDEDE !important;}
				.helloLeft form input:nth-child(4) {float: left;background:#7ceaf4;width: 162px !important;outline: none;font-size: 21px !important;font-weight: 500;margin: 0 5px 5px 0;padding: 12px 0px !important;color:#fff!important;border: 1px solid #7ceaf4!important;cursor: pointer;}
					.helloLeft form input:nth-child(4):hover {background: #fff;outline: none;color:#7ceaf4!important;border: 1px solid #7ceaf4!important;cursor: pointer;}



#karta { margin:0px 20px;
	     padding:0%; }
		 
	#karta img { width:100%; }
			 
#lokal { width:88%;
	     height:88%;
	     margin:0px;
	     padding:6%; }
#lokal p{
	font-family:verdana, arial;
	font-size:11px;
	color:#b4b4b4;
	line-height:17px;
}
#lokal a{
	color:#000;
}

#lokal a:hover {
	text-decoration:underline;
	color:#61e2f0;
}

	#cont {
		min-height:100%;
		position:relative;
		z-index:50;
	}
	
	div.adressdiv { font: italic 20px/30px georgia, times, "times new roman", serif; }
	div.adressdiv span { font: bold italic 20px/30px georgia, times, "times new roman", serif; }
	div.adressdiv span.epost { font: italic 20px/30px georgia, times, "times new roman", serif; }
	
	div#lastfmrecords ol { margin:0px;
						   padding:0px 0px 15px 0px;
						   list-style:none; }
	
		div#lastfmrecords ol li { float:left; 
								  display:block;
								  width: 160px;
								  height: 280px;
								  margin:0px 15px 15px 0px;
								  padding: 10px 10px 0;
								  color: #ADA799;
								  font-size: 11px; }
								  
			div#lastfmrecords ol li a { color: #ADA799;
									    font-size: 11px; }
										
				div#lastfmrecords ol li img { display:block;
											  width:150px;
											  height:150px;
											  margin:0px 0px 5px 0px;
											  padding:5px;
											  border: 1px solid #DDDDDD; }
											  
				div#lastfmrecords ol li h2 { margin:0px;
											 padding:0px;
											 font: italic bold 12px/22px georgia,times,"times new roman",serif; }
				div#lastfmrecords ol li span.small { font-size: 9px; }



	div#lastfmrecords2 ol { margin:0px;
						   padding:0px 0px 15px 0px;
						   list-style:none; }
	
		div#lastfmrecords2 ol li { float:left; 
								  display:block;
								  width: 160px;
								  height: 280px;
								  margin:0px 15px 15px 0px;
								  padding: 10px 10px 0;
								  color: #ADA799;
								  font-size: 11px; }
								  
			div#lastfmrecords2 ol li a { color: #ADA799;
									    font-size: 11px; }
										
				div#lastfmrecords2 ol li img { display:block;
											  width:150px;
											  height:150px;
											  margin:0px 0px 5px 0px;
											  padding:5px;
											  border: 1px solid #DDDDDD; }
											  
				div#lastfmrecords2 ol li h2 { margin:0px;
											 padding:0px;
											 font: italic bold 12px/22px georgia,times,"times new roman",serif; }
				div#lastfmrecords2 ol li span.small { font-size: 9px; }

/* ------------------------------------------------
	sitemap
-------------------------------------------------*/

	div.sitemapcont { clear:both;
					  padding:0px 0px 30px 0px; }
	
		a.sitemapdiv { float:left;
					   display:block;
				 	   width:227px;
					   height:89px;
					   margin:0px 9px -6px -15px;
					   padding:41px 38px;
					   background:url(../images/sitemapdivbg.png) no-repeat 0px 0px; }
						 
			a.sitemapdivlast { margin:0px 0px -6px -15px; }
						 
			a.sitemapdiv h2 { margin:0px 0px 10px 0px;
							  font: 20px/28px georgia,times,"times new roman",serif; }
			a.sitemapdiv p { color:#898989;
							 font: 15px/24px georgia,times,"times new roman",serif; }
							 
			a:hover.sitemapdiv { background:url(../images/sitemapdivbg.png) no-repeat 0px -171px; }
				a:hover.sitemapdiv h2 { color:#67E4F0; }
				/*a:hover.sitemapdiv p { color:#67E4F0; }*/

/* ------------------------------------------------
	footer
-------------------------------------------------*/

	#body { padding:0px;
			padding-bottom:220px;}

	.fb { clear:both;
		  width:80%; 
		  overflow:hidden;
		  padding:0px 0px 5px 0px; }


	#footer { position:absolute;
			  bottom:0;
			  display:block;
			  width:100%;
			  padding:0px;
			  height:220px;	
			  background:url(../images/footerbgnew.png); }

		#footertop { position:absolute;
					 top:0px;
					 left:0px;
					 width:100%;
					 padding:0px;
					 height:9px;	
					 background:url(../images/footertopbg.png) repeat-x top; }
					 
		#footergray { position:absolute;
					  top:-20px;
					  left:0px;
					  width:100%;
					  padding:0px;
					  height:20px;	
					  background:url(../images/footergraybg.png) repeat-x top; }

		#footer .container { padding:30px 10px 0px 10px; }

		div.footerleft	{ float:left;
						  display:block;
						  width: 660px;
					  	  margin:0px;
						  padding:0 132px 0 0;  }

			div.footerleft h1 { display:block;
								margin:0px;
								padding:0px;   }
				
			div.footerleft h1	{ color:#fff;
								  font:14px/22px georgia, times, "times new roman", serif; }
			div.footerleft h2 { display:block;
								margin:0px;
								padding:0px;   }
				
			div.footerleft h2	{ color:#fff;
								  font:14px/22px georgia, times, "times new roman", serif; }

			div.footerleft p,
			div.footerleft span,
			div.footerleft div,
			div.footerleft table, div.footerleft table p,
			div.footerleft tr, div.footerleft tr p,
			div.footerleft td, div.footerleft td p	{ font:italic 14px/22px georgia, times, "times new roman", serif; }

	
			div.footerleft a	{ color:#67e4f0; }

		div.footerleft ul.footermenu	{ margin:0px;
										  padding:10px 0px 0px 0px;
										  list-style:none;   }

			div.footerleft ul.footermenu li	{ float:left;
											  margin:0px;
											  padding:0 3.5%;
											  background:url(../images/footermenudivider.png) no-repeat 0px center; }
				div.footerleft ul.footermenu li.sitemap	{ background:url(../images/sitemap.gif) no-repeat 0px center; }
			div.footerleft ul.footermenu li.active	{ padding:0 0 0 3.5%;}


			div.footerleft ul.footermenu li a { display:block;
												margin:0px;
												padding:0px;
												color:#fff;
												font:italic 14px/22px georgia, times, "times new roman", serif; }

			div.footerleft ul.footermenu li.active a { color:#898989; }

		div.footerright	{ float:right;
						  display:block;
						  width:388px;
						  margin:15px 0px 0px 0px;
						  padding:0%;
						  text-align:right;
						  background:url(../images/footermenudivider.png) repeat-y 0px center;    }

			div.footerright	p,
			div.footerright	span,
			div.footerright	div,
			div.footerright	table, div.footerright	table p,
			div.footerright	tr, div.footerright	tr p,
			div.footerright	td, div.footerright	td p	{ font:italic 14px/22px georgia, times, "times new roman", serif; }

	
			div.footerright	a	{ color:#67e4f0; }
			
			.seo { text-indent:-10000px;}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* for understanding browsers */
.hojd { min-height:290px; 
		height:auto; }
/* for Internet Explorer */
* html .hojd { height: 290px; }

.pagehojd {	min-height:430px; height:auto; }
* html .pagehojd { height: 430px; }


/* ------------------------------------------------
	Styles for X device / X width
-------------------------------------------------*/


@media screen and (max-width: 1300px) {
	div.container	{ max-width:808px; }
		div#logo { margin: 45px 0; }
		span#ring { font: italic 25px/45px georgia,"times new roman",times,serif; }	
		span#adress { font: italic 15px/25px georgia,"times new roman",times,serif; }
		div#menu a { font: italic 20px/26px georgia,times,"times new roman",serif; }
		
		.portfoljitem { float:none;
						clear:both;
						display:block;
						width:808px;
						height:auto;
						margin:0px auto;
						padding:4% 0;
						zoom: 1; }
	.portfoljitemthird { margin: 0px auto !important; }
	.portfoljitemlast { margin:0px 0px 25px 0px !important; }
	
		.portfoljtext { float:left; 
						display:block;
						width:380px;
						margin:0 0 0 0; }
						
		/*	.portfoljtextinner { display: table;
								 width:380px;
								 height: 260px;
								*display: block;
								*position: relative; }			 
						
	 				.portfoljtextinnerpadding { display: table-cell;
											    vertical-align: middle;
											   *display: block;
											   *position: absolute;
											   *left: 0px;
											   *width: 100%;
											   *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }*/
									   
		a.portfoljbild { float:right;
						 display:block;
						 width:351px;
						 /*height:284px;*/
						 margin:3px 0px 20px 0px;
						 padding: 0px;
						 position:relative; }	
			.newstar { top:-10px;
					   right:-10px; }
					   
			
	.relimgcont { position:relative;
				  width:100%;
				  height:322px; 
				  margin:0px 0px 20px 0px;
				  overflow:hidden; }
						   
	#leftcontent { width:420px;
				   padding:0px 22px 0px 0px; }	
				   
		.referenstext { width:400px; }	
		
			.sphtext { float:none;width:auto; }

			.sphimg { float:none;
					  display:block;
					  margin:0px auto !important; }		
				   
	#rightcontent { width:348px;
				   overflow:hidden;
				   padding:0px; }	
				   
		.gruppbildshadowinset { width:248px;
								height:212px; }
									
					.textfield { width:135px; }										 
					.textarea { width:135px; }
					
	div.footerleft { width:500px;
				   padding:0px 22px 0px 0px; }	
	div.footerright { width:306px;
				  	  padding:0px; }	
	div.adressdiv { color:#000;
					font: italic 16px/26px georgia, times, "times new roman", serif; }
	div.adressdiv span { color:#000;
						 font: bold italic 16px/26px georgia, times, "times new roman", serif; }
	div.adressdiv span.epost { display:block;
							   color:#000;
							   font: italic 16px/26px georgia, times, "times new roman", serif; }
						 

	div#omsphinxly h2 { padding: 12px 20px; font: italic 55px/55px Georgia,"Times New Roman",Times,serif; }
	div#omsphinxly h3 { padding: 0 0 0 24px; font:italic 21px/29px Georgia, "Times New Roman", Times, serif; }

	div.article { padding:0px 30px 20px 0px; }

		.banneritem { width:auto;
					  text-align:center; }

		
	
			.portfoljtext a { /*margin:0px 2px 0px 0px;
							  padding:0px 13px 0px 0px;
							  text-decoration:none;
							  color:#404040;
							  background:url(../images/plus.png) no-repeat right center; */ }
				.portfoljtext a:hover {	text-decoration:underline;
										color:#000; }

			.foretagslank a { /*display:inline-block;
							  margin:10px 0px 0px 0px;
							  padding:5px 20px 5px 0px;
							  color:#000;
							  font:bold 13px/1px Arial, Helvetica, sans-serif;
							  background: url("../images/linkimg.png") no-repeat scroll right center transparent;*/ }
							  
				.foretagslank a:hover { color:#61e2f0;
										text-decoration:none; }


		a.portfoljbild { float:right;
						 display:block;
						 width:351px;
						 /*height:284px;*/
						 margin:3px 0px 20px 0px;
						 padding: 0px;
						 position:relative; }	
			.newstar { top:-10px;
					   right:-10px; }
	/*						   
	#leftcontent { width:340px;
				   padding:0px 22px 0px 0px; }	*/
				   
		.referens { margin:0px -50px 0px 0px; }	
		
		.referenstext { width:330px; }	
		
			div.kontaktdiv { width:55%;
							 padding: 0 0 25px 0; }
							 
			div.kontaktdiv2 { width:45%;
							 padding: 0 0 25px 0; }
	/*#rightcontent { width:348px;
				   overflow:hidden;
				   padding:0px; }	*/
				   
		.gruppbildshadowinset { width:248px;
								height:212px; }
									
					.textfield { width:135px; }										 
					.textarea { width:135px; }
					
		/*#fakta * { font: 12px/22px georgia,times,"times new roman",serif; }*/
				   
	div.footerleft { width:400px;
				   padding:0px 22px 0px 0px; }	
	div.footerright { width:306px;
				  	  padding:0px; }	
					  
			.sphtext { float:none;width:auto; }

			.sphimg { float:none;
					  display:block;
					  margin:0px auto !important; }		
					  
					
		a.sitemapdiv { width:196px;
					   height:89px;
					   margin:0px 17px 3px -14px;
					   background:url(../images/sitemapdivbg2.png) no-repeat 0px 0px; }
						 
			a.sitemapdivlast { margin:0px 17px 3px -14px; } 
			a.sitemapdivlast2 { margin:0px 0px 3px -14px; } 
			
			a.sitemapdiv h2 { margin:0px 0px 0px 0px; }
			a:hover.sitemapdiv { background:url(../images/sitemapdivbg2.png) no-repeat 0px -171px; }  
			
					#rightcontent .gruppbild img { width:348px;} 
					
		

	
	a#job-offer strong {font-size: 18px;}
	a#job-offer span {font-size: 14px;}
	a#job-offer em {font-size: 18px;}
					
		
}
@media screen and (max-width: 855px) {
	
	a#job-offer { margin:0 0 20px 0; }
	a#job-offer span {display: none;}
	a#job-offer em {display: none;}
	

	#body { padding-bottom:240px;}
	
	div#lastfmrecords ol {
		width:400px;
		margin: 0 auto;
	}
	
	div.container	{ max-width:500px; }

	div.portfoljitem { position:relative; }
	span.newstar { top:-15px;
				  right:45px; }
	
	#footer { height:240px;}
	#footer .container { margin:0px auto; }
	
	
	div.adressdiv span.epost { display:inline; }
		
	
	div.container	{ padding:0px 24px;  }
	body { -webkit-text-size-adjust: none;
		   width: 100%;	}

h1	{ margin:0px 0px 15px 0px;
	  color:#000;
	  font:italic 26px/26px georgia, times, "times new roman", serif; }
	h1 span	{ color:#000;
			  font:italic 26px/26px georgia, times, "times new roman", serif;  }

h2	{ margin:0px 0px 15px 0px;
	  color:#000;
	  font:italic 20px/26px georgia, times, "times new roman", serif; }
	h2 span	{ color:#000;
			  font:italic 20px/26px georgia, times, "times new roman", serif;  }

h3	{ margin:0px;
	  color:#000;
	  font:italic 16px/20px georgia, times, "times new roman", serif;  }
	h3 span	{ color:#000;
			  font:italic 16px/20px georgia, times, "times new roman", serif;  }

h4	{ margin:0px;
	  color:#000;
	  font:italic bold 13px/20px georgia, times, "times new roman", serif; }
	h4 span	{ color:#000;
			  font:italic bold 13px/20px georgia, times, "times new roman", serif;  }

h5	{ color:#000;
	  font:italic 13px/20px georgia, times, "times new roman", serif; }
	h5 span	{ color:#000;
			  font:italic 13px/20px georgia, times, "times new roman", serif;   }

	#body { padding-bottom:180px;}

	#footer { height:180px; }

	div.floater { float:left; }
	
	div#logo  { float:none;
				width:230px;
				margin:10px 0px;
				padding:0px; }
			div#logo a { width:230px; background-size:contain; }

	h3#slogan { display:none;}			
		
	
	div#header .container 	{ padding:15px 0; text-align:center; }
		span#ring { display:block; margin:0 0 0 7px; padding: 0 0px; font: italic 18px/38px georgia,"times new roman",times,serif; background:none; }		  
		span#telefon { position:absolute;
					   top:-70px;
					   right:-8px;
					   margin: 24px 0px 0px 0px;
					   padding: 18px 0px 0px 20px;
					   color:#111;
					   font:bold 20px/18px arial, verdana, sans-serif; }
					   
			span#telefon a { color:#111;
						   font:bold 20px/18px arial, verdana, sans-serif;}
	
			div#omsphinxly h2 { display:block; font:italic 30px/30px Georgia, "Times New Roman", Times, serif; }
								
			div#omsphinxly p, div#omsphinxly p strong, div#omsphinxly h3, div#omsphinxly h3 strong { max-width:460px;
							   																		 font:italic 16px/26px Georgia, "Times New Roman", Times, serif; }
			div#omsphinxly br { display:none; }
							   
			span#adress { width:200%; margin:0 0 0 -100%; padding:0px 0px; font: italic 14px/24px georgia,"times new roman",times,serif; }
			span#adress a { float:left; }
			span#adress a.mail { float:right; }
			span#adress br { display:none; }

div.mouseovertextcont	{ display:none !important; }
		
		div#menu li.selectedLava a span { background: #fff;}
		

		/* Hello */
		.hello {width: 575px;height: 430px;padding: 30px 15px;}
			.hello h1 {font-size: 75px;padding: 0 0 25px 0;}
			.hello h4 {font-size: 20px;padding: 0 0 20px 0;}
			.hello p {font-size: 16px;}
		.helloLeft, .helloRight {height: 207px;width: 272px;margin: 45px 0px 10px 0px;}
			.helloLeft form input {width: 254px;padding: 8px;font-size: 20px;}
				.helloLeft form input:last-child {width: 272px !important;font-size: 22px !important;padding: 10px 0 !important;}



	.portfoljitem { clear:none;
					display: block;
					margin: 0;
					padding: 4% 0;
					width: 500px;
					height:auto;
					margin:0px auto; }
					
		.portfoljitem h2 { font: italic 20px/20px Georgia, "Times New Roman", Times, serif; }
		
		a.portfoljbild { width: 500px;
						 height:auto; }
		a.portfoljbild span.imgpadding { float:none;
										width:337px;
										margin:0px auto; }
		a.portfoljbild img { float:none;
							 margin:0px auto; }
		.portfoljtext { width: 500px;
						margin: 0;
						padding: 0; }
						
	div.footerleft { }
	div.footerleft h1 { display:none; }
	div.footerleft h2 { display:none; }
	div.footerleft p { display:none; }
	
	div.footerleft	{ clear:both;
					  float:none;
					  display:block;
					  width:500px;
					  margin:0px auto;
					  padding: 0px;
					  text-align:center; 	}

	div.footerleft ul.footermenu { clear:both;
								   margin:0px auto;
								   padding:0px 0px 10px 0px;
								   list-style:none; }

	div.footerleft ul.footermenu li {	float:none;display:inline; }
 
	div.footerleft ul.footermenu li a { display:inline;
										margin:0px; }

	div.footerleft ul.footermenu a:hover { color:#c1bfbd; }
	div.footerleft ul.footermenu a.active { color:#c1bfbd; }

	div.footerright { float:none;
					  width:auto !important;
					  padding: 1% 0 1% 0;
					  text-align:center;
					  margin:0px auto;
					  background:none; }

	#leftcontent { float: none;
				   width: 100%;
				   padding:0; }
		.referenstext { width:400px; }	
		
	#rightcontent { float: none;
					width:100%;
					padding:0 0 2% 0; }
						
		.gruppbild{ /*display:none;*/ }
			#rightcontent .gruppbild img { display:block; width:auto; height:auto; margin:50px auto 0px auto !important; }
			#rightcontent #karta img { display:block; }
		
		.hidesmall { display:none; }
		#nyfikenform { width:auto; }
		#lokal { display:none; }
						  
	div#container #leftcontent ul.sphinxlist li.green { background:url(../images/greenarrow.png) no-repeat 0px 4px; }
	div#container #leftcontent ul.sphinxlist li.orange { background:url(../images/orangearrow.png) no-repeat 0px 4px; }
	div#container #leftcontent ul.sphinxlist li.red { background:url(../images/redarrow.png) no-repeat 0px 4px; }
	div#container #leftcontent ul.sphinxlist li.purple { background:url(../images/purplearrow.png) no-repeat 0px 4px; }
	div#container #leftcontent ul.sphinxlist li.blue { background:url(../images/bluearrow.png) no-repeat 0px 4px; }
	div#container #leftcontent ul.sphinxlist li { font:italic 16px/26px georgia, times, "times new roman", serif; }
		div#container #leftcontent ul.sphinxlist li strong { font:bold 16px/26px georgia, times, "times new roman", serif; }
		div#container #leftcontent ul.sphinxlist li span { font: 16px/26px georgia, times, "times new roman", serif; }

					.textfield { width:380px; }										 
					.textarea { width:380px; }
	div#menu a.fblink { display:none; }
	
		
	div#menu ul  { float:none; }
	div#menu li  { float:left;
				   width:50%;
				   margin:0px;
				   padding:0px; }
	div#menu li a { float:none; margin:0 7px 0 0; }
	div#menu li:nth-child(2n+2) a { margin:0 0 0 7px; }
	
	
		a.sitemapdiv { margin:0px -5px 3px -14px;
					   padding:41px 38px;
					   background:url(../images/sitemapdivbg2.png) no-repeat 0px 0px; }
						 
			a.sitemapdivlast { margin:0px -5px 3px -14px; } 
			a.sitemapdivlast2 { margin:0px -5px 3px -14px; } 
			a.sitemapdivlast3 { margin:0px -12px 3px -14px; } 
			
			a.sitemapdiv h2 { margin:0px 0px 0px 0px; }
			a:hover.sitemapdiv { background:url(../images/sitemapdivbg2.png) no-repeat 0px -171px; }  
			
	div.adressdiv span.epost { display:block; } 
}


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

/*	div.container	{ max-width:400px; }
	
	div#logo  { width:200px; }
		div#logo a { width:200px; background-size:contain; }
	span#ring { padding: 0 8px; font: italic 15px/35px georgia,"times new roman",times,serif; }	
	
	div#menu ul#feeds { display:none; }
	
	div.footerleft	{ width:400px;	}
	div#leftcontent img { display:block;
						  max-width:250px;
						  margin:10px 0px; }
						  
		.referenstext { width:300px; }	

	.textfield { width:285px; }										 
	.textarea { width:285px; }
	
	.portfoljitem { width: 400px; }
		a.portfoljbild { width: 400px; }
		.portfoljtext { width: 400px; }
		
h1.contact	{ display:block;
	  margin:0px 0px 25px 0px;
	  color:#000;
	  font:italic 30px/34px georgia, times, "times new roman", serif; }
	h1.contact span	{ color:#000;
			  font:italic 30px/34px georgia, times, "times new roman", serif;  }
					
	div.adressdiv { font: italic 14px/24px georgia, times, "times new roman", serif; }
	div.adressdiv span { font: bold italic 14px/24px georgia, times, "times new roman", serif; }
	
	div.adressdiv span.epost { display:inline;font: italic 14px/24px georgia, times, "times new roman", serif;}
		
	div#omsphinxlybg object	{ display:none; }
*/						

	a#job-offer span {display: none;}
	a#job-offer em {display: none;}
}

@media screen and (max-width: 680px) {
/* Hello */
	.hello {width: 90%;height: 300px;padding: 10px;margin: 15px auto;}
		.hello h1 {font-size:30px;padding: 0px;}
		.hello h4 {font-size: 14px;padding: 0 0 5px 0;}
		.hello p {font-size: 14px;}
			.helloLeft, .helloRight {width: 50%;margin: 10px 0px 0px 0px;height: 165px;}
			.helloLeft span {font-size: 15px;}
		.helloLeft form input {width: 100%;padding: 3px;font-size: 16px;border: none;}
		.helloLeft form input:last-child {width: 100% !important;font-size: 22px !important;padding: 6px 0px !important;}
			.helloRight p {padding: 58px 0px;}
		.hello ul li {padding: 0px 12px;}
			.hello a {font-size: 12px;}
}

@media screen and (max-width: 640px) {
	a#job-offer span {display: none;}
	a#job-offer em {display: none;}
	
	div#header { background:none; }
	div.container	{ max-width:90%;
					  padding:0px 24px;  }
	div#header  div.container { max-width:100%; padding:0; }
	div#omsphinxly  div.container { max-width:100%; padding:0; }
	
	div.floater { float: none;  width:100%; padding:20px 0 15px 0; border-bottom:4px solid #32d2e0; background:#7ceaf4; }
		.mobile-nav-icon { position: absolute; top:8px; left:8px; display:block; width:25px; padding:10px 10px 7px 10px; cursor:pointer; border-radius:5px; border:1px solid #32d2e0; }
			.mobile-nav-icon span { display:block; width:100%; height:4px; margin:0 0 3px 0; background:#111111; }
		div#logo  { width:240px; height:21px; margin:0px auto; padding:0; }
			div#logo a { width:240px; height:21px; background-size:contain; }
	div.floater2 { float: none;  width:100%; margin:0; padding:25px 0; color:#898989;  background:#fff url("../images/omsphinxly.png") repeat-x center bottom; }
		span#ring { color:#898989; }
			span#ring a { color:#252525; }
		span#adress { color:#898989; }
			span#adress a { color:#898989; }
			span#adress a:hover { color:#252525; }
			span#adress a.mail { color:#898989; }
			span#adress a.mail:hover { color:#252525; }
	
	div#lastfmrecords ol { width:180px; margin: 0 auto; }	  
	div#lastfmrecords ol li { margin: 0; }
	
	div#header { min-height:80px;  }
	div#header .container { min-height:80px;  }
	span#ring { float:none; margin:0 auto; display:inline-block; font: italic 15px/25px georgia,"times new roman",times,serif; }
	span#adress { float:none; width:auto; margin:0; text-align:center;  }
	span#adress a { float:none; }
	span#adress a.mail { float:none; }
	div.floater { float:none; }
	h3#slogan {display:none; }
	div#omsphinxly  { min-height:50px; }
	div#omsphinxlybg  { min-height:50px;
						padding:0px 0px;  }
	div#omsphinxly .container { min-height:50px; }
	div#omsphinxly h2 { display:block; margin:0; text-align:center;  font-weight:bold; }
	div#omsphinxly h3 { display:none; padding:0px; }	
	div#omsphinxly p, div#omsphinxly p strong, div#omsphinxly h3, div#omsphinxly h3 strong { font:italic 14px/22px Georgia, "Times New Roman", Times, serif; }
	
	.foretagslank 	{ text-align:center; }
	.foretagslank a { text-align:center; }

	div#menu { position:absolute; top:60px; left:0; z-index:2000; width:100%; margin:0; padding:15px 0; text-align:left; transform: scale(1, 0); transform-origin: center top 0; -webkit-transform: scale(1, 0); -webkit-transform-origin: center top 0;  transition: all 0.2s ease-in-out 0s; border-bottom:4px solid #f3f3f3; background:#fff; }
	div#menu.mobile-display { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
	div#menu ul { margin:0; padding:0; }
	div#menu ul#feeds { float:none; padding:0 20px; }
		div#menu li { display:block; height:auto; }
		div#menu ul#feeds li { margin:5px 0 0 0; }
			div#menu li a { float: none; height:auto; display:block; margin:0; padding:2px 20px; color: #b9b9b9; background:none; }
			div#menu li a:hover { background:none; }
			div#menu li.selectedLava a:hover { background:#f3f3f3; }
			div#menu li:nth-child(2n+2) a { margin:0; }
				div#menu a span { display:none; }
				div#menu li.selectedLava a span { display:none; }
	
	a.lasmer  { display:block; }
	
	#portfolj { padding:20px 0 0 0; background: url("../images/activearrow.jpg") no-repeat  center top; }
	div.portfoljitem { width:auto;
					   padding: 4% 0; }
	div.portfoljtext {  float:none;
						width: 251px;
						margin:0px auto; }
	div.portfoljtextinner {  width: 250px;
							 margin:0px 0px 0px 1px; }

	span.newstar { right: -15px;
				  top: -5px;
				  width:62px;
				  height:59px;
				  background:url(../images/newstarsmall.png) no-repeat 0px 0px; }
				  
			#rightcontent .gruppbild img { display:block; width:100%; height:auto; margin:0px auto !important; }
			
	a.portfoljbild 	{ float:none;
					  margin:0px auto 0px auto;
					  padding:0;
					  width:248px;
					  /*height:208px;*/
					  text-align:center; }
			
			a.lasmer  { /*position:absolute;
						bottom:0px;
					    left:50%;*/
					    position:relative;
						display:block;
						width:46px;
						height:22px;
						margin:-9px auto 0px auto;
						padding:0px 10px;
						text-decoration:none;
						/*text-shadow:#59d8e5 0px 1px 1px;*/
						white-space:nowrap;
						color: #fff;
						font:12px/18px georgia, times, "times new roman", serif;
						background:url(../images/lasmerleft.png) no-repeat 0px 0px; } 
							 
					a.lasmer span	{ position:absolute;
									  top:0px;
									  right:0px;
									  display:block;
									  width:5px;
									  height:22px;
									  margin:0px;
									  padding:0px;
									  background:url(../images/lasmerright.png) no-repeat 0px 0px; } 
						   
		a.portfoljbild span.imgpadding	{ float:none; 
										  width:234px;
										  /*height:184px;*/
										  display:inline-block;
										  margin:0px auto;
										  padding:7px; }
		a.portfoljbild  img	{ float:none; 
							  width:234px;
							  /*height:184px;*/
							  border:none; }
	div.portfoljtextinner { display:none;
							margin:0px;
							padding:0px; }	
		div.portfoljtextinnerpadding { padding:10px 0px; }
	
	.textfield { width:135px; }										 
	.textarea { width:135px; }
	
	div#menu li  { float:none;
				   width:auto; }
				   
	.portfoljitemlast { text-align:center; }
	
	
	.referensimg { width:90%; margin:0 auto; }
		.referensimg img { float:none !important;
						   display:block;
						   margin:0px auto 20px auto !important; }
	.referenstext { width:90%; margin:0 auto; }	
	
			div.kontaktdiv { width:100%;
							 padding: 0 0 25px 0; }
							 
			div.kontaktdiv2 { width:100%;
							 padding: 0 0 25px 0; }
		
		a.sitemapdiv { margin:0px 0px 3px -13px;
					   padding:41px 38px;
					   background:url(../images/sitemapdivbg2.png) no-repeat 0px 0px; }
						 
			a.sitemapdivlast { margin:0px 0px 3px -13px; } 
			a.sitemapdivlast2 { margin:0px 0px 3px -13px; } 
			a.sitemapdivlast3 { margin:0px 0px 3px -13px; } 
			
	div.footerleft	{ width:250px;	}
	div.footerleft ul.footermenu { padding:0px; }
	div.footerleft ul.footermenu li { display:none; }
	div.footerleft ul.footermenu li.sitemap { display:inline;padding:0px 0px 0px 20px; }
				div.footerright	p,
			div.footerright	span,
			div.footerright	div,
			div.footerright	table, div.footerright	table p,
			div.footerright	tr, div.footerright	tr p,
			div.footerright	td, div.footerright	td p	{ font:italic 13px/22px georgia, times, "times new roman", serif; }

}

@media screen and (max-width: 550px) {
	.hello {width: 85%;height: auto;padding: 20px;margin: 10px auto;}
		.helloLeft, .helloRight {width: 100%;margin: 15px 0px 0px 0px;height: auto;}
			.hello h4 {font-size: 14px;}
			.hello p {font-size: 14px;}
			.helloRight p {padding: 10px 0px;}
				.helloLeft form {width: 200px;margin: 0 auto;}
					.helloLeft form input, .helloLeft form input:last-child {width: 200px !important;}
}

@media screen and (max-width: 380px) {
	
	/*span#adress { margin:0px 0px 20px 0px; }*/
	
	div#omsphinxly h2 { font:italic 3ppx/30px Georgia, "Times New Roman", Times, serif; }
								
	div#omsphinxly p, div#omsphinxly p strong, div#omsphinxly h3, div#omsphinxly h3 strong { font:italic 14px/22px Georgia, "Times New Roman", Times, serif; }
	
}