html, body, form { margin:0;
				   padding:0;
				   height:100%; }

body 	{ color: #5e5e5e;
		  font:12px Arial, Verdana, sans-serif;
		  margin:0px;
		  padding:0px;
		  height:100%;
		  background: url(../images/bg.png) repeat-x top; }

p {	
	font-family:verdana, arial;
	font-size:11px;
	color:#606060;
	line-height:17px;
	text-align:left;
}

span {	
	font-family:verdana, arial;
	font-size:11px;
	color:#606060;
	line-height:17px;
	text-align:left;
}
div {	
	font-family:verdana, arial;
	font-size:11px;
	color:#606060;
	line-height:17px;
	text-align:left;
}
table, tr, td {	
	font-family:verdana, arial;
	font-size:11px;
	color:#606060;
	line-height:17px;
	text-align:left;
}

ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
h1 {
	color:#000;
	font-size:11px;
	font-family: verdana, arial;
	margin:0px;
	padding:0px;
}
h2 {
	color:#000;
	font-size:20px;
	font-family: "trebuchet ms", verdana, arial;
}

h3 {
	color:#fff;
	font-size:20px;
	font-family: georgia, verdana, arial;
	margin:0px;
}

h4 {
	color:#000;
	font-size:14px;
	font-family: "trebuchet ms", verdana, arial;
}

a {
	color:#000;
	text-decoration:underline;
	font-weight:normal;
}

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

img {
	border:0px solid;
}

	div#bestall	{ position:absolute;
				  top:300px;
				  left:0px;
				  margin:0px;
				  width:130px;
				  height:181px;
				  background: url(../images/100schys.png) no-repeat top left; }
	
#container {
	margin:0px auto;
	padding:0px;
	position:relative;
	width:807px;
	text-align:center;
	display:block;
}
#header{
	width:807px;
	height:317px;
	text-align:right;
	padding:0px;
	position:relative;
}
#swe { position:absolute;
	   top:28px;
	   right:91px;
	   margin:0px;
	   padding:0px;}
#logo {
	float:right;
	top:0px;
	margin:0 0 0 0;
	padding:0px;
}

#toptext{
	float:left;
	top:0px;
	margin:-27px 0 0 0;
	padding:0px;
	height:166px;
	width:510px;
	position:relative;
	background: url(../images/toptextbg.png) no-repeat 14px bottom;
}
#kunglig { position:absolute;
			top:-20px;
			left:50px;
			margin:0px;
			padding:0px;}
#toptext h2 {
		font: 34px georgia, "trebuchet ms", "times new roman", serif;
		font-weight:normal;
		color:#fff;
		margin:0px;
		padding:28px 0px 0px 20px;
		margin:0px 0px 0px 0;
		display:block;
	}
#toptext p { clear:both;
			 display:block;
			 margin:0px;
			 padding:15px 0px 0px 25px;
			 line-height:20px !important;
			 color:#1cbbd1;
			 font: 18px arial, Verdana, Helvetica, sans-serif;	}
			 
	#toptext p.p2 { padding:13px 0px 0px 40px;}
	
#topadress{
	float:right;
	top:0px;
	margin:67px -5px 0px 0;
	padding:0px 15px 0px 0px;
	text-align:right;
	width:228px;
	height:88px;
	background: url(../images/topadressbg.png) no-repeat right bottom;
}
	#topadress a { clear:both;
				   padding:0px 3px 0px 14px;
				   text-decoration:none;
				   color:#fff;
				   font:12px Arial, Verdana, Helvetica, sans-serif; 
				   background: url(../images/mail.gif) no-repeat 0px 4px; }
				   
	#topadress a:hover { color:#000;
						 text-decoration:none; }
	#topadress span.tel { float:right;
						  clear:right;
						  display:block;
						  margin:7px 0px 0px 0px;
						  padding:0px 3px 0px 0px;
						  text-align:right;
						  line-height:25px !important;
						  color:#000;
						  font:bold 20px Arial, Verdana, Helvetica, sans-serif; }
						  
	#topadress a.adress { float:right;
						  display:block;
						  text-align:right;
						  margin:10px 0px 0px 0px;
						  padding:0px 14px 0px 0px;
				   		  color:#1cbbd1;
						  font:12px Arial, Verdana, Helvetica, sans-serif; 
				 		  background: url(../images/open.gif) no-repeat right 3px;  }
	#topadress a:hover.adress { color:#000;
								text-decoration:none;}

#menu{
	width:807px;
	height:25px;
	margin:-5px 0px 0px 0px;
	padding:0px;
	color:#fff;
	text-align:left;
	float:left;
	background: url(../images/linemenu.png) no-repeat bottom;
}

#nav a {
	color:#c7c7c7;
	padding:0px 10px;
	font-size:12px;
	font-family:arial, verdana;
	text-decoration:none;
}
#nav a:hover {
	color:#000;
	padding:0px 10px;
	font-size:12px;
	font-family:arial, verdana;
	background:#fff;
	text-decoration:none;
}

#nav {
	margin:0px 14px;
	padding:0px;
}
#nav li{
	float:left;
	margin:0px;
	padding:0px;
}

#active a{
	color:#000;
}

#printportfolio{
	width:207px;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#fff;
	text-align:right;
	float:right;
}

#printportfolio img { margin:2px 0px -3px 0px; }

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

#maincontent{
	width:807px;
	padding:20px 5px 20px 20px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	clear:both;
}

div.webbyra { clear:both;
			  display:block;
			  width:726px;
			  height:71px;
			  margin:20px 0px;
			  padding:25px;
			  border:1px solid #dddddd;
			  background:#fffff4; }
			  
	div.webbyra h1 { line-height:18px !important; }
	div.webbyra p { margin:0px;
					padding:0px;
					line-height:18px !important; }

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

* html .hojd {
	height: 290px;
}

/* for understanding browsers */
.pagehojd {
	min-height:430px; 
	height:auto;
}
/* for Internet Explorer */

* html .pagehojd {
	height: 430px;
}

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

#leftcontent{
	float:left;
	text-align:left;
	width:470px;
	font-size:11px;
}
#omosscontent{
	width:440px;
}
#kontakttable td {
	font-size:11px;
	color:#000;
	width:230px;
	padding:10px 0px;
	font-family:verdana;
}
#kontakttable td a{
	color:#17cee4;
	text-decoration:none;
	font-weight:normal;
}


.portfoljitem {
	width:807px;
	display:block;
	clear:both;
	position:relative;
}
.newstar {
	position:absolute;
	top:10px;
	right:10px;
	width:78px;
	height:74px;
	display:block;
	background:url(../images/newstar.png) no-repeat 0px 0px; 
}

.banneritem {
	width:807px;
	text-align:center;
}
.portfoljtext {
	width:351px;
	float:left;
	padding:0px 80px 0px 2px;
	min-height:270px; 
	height:auto;
}

.portfoljtext a {
	margin:0px 2px 0px 0px;
	padding:0px 13px 0px 0px;
	background:url(../images/plus.png) no-repeat right center;
}

.portfoljtext h2 {
	padding-top: 19px;
}
.portfoljtext a {
	color:#404040;
	text-decoration:none;
}
.portfoljtext a:hover {
	text-decoration:underline;
	color:#000;
}

.foretagslank a {
	padding:0px;
	color:#000;
	text-decoration:underline;
	font-weight:normal;
	background:none;
}
.foretagslank a:hover{
	color:#61e2f0;
	text-decoration:underline;
	font-weight:normal;
}


a.portfoljbild {
	float:left;
	display:block;
	padding: 2px;
	margin: 35px 0 15px 0;
	border: 1px solid #ddd;
	clear:right;
}
a:hover.portfoljbild {
	border: 1px solid #61e2f0;
}

a.portfoljbild  img{
	display:block;
	margin:0px;
	padding:0px;
}
a:hover.portfoljbild  img{
	display:block;
	margin:0px;
	padding:0px;
}

.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 {
	clear:both;
	height:3px;
	margin:0px -2px 0px 2px;
}
#rightcontent{
	float:right;
}
#rightcontent p {
	font-size:11px;
	color:#fff;
}
#rightcontent a {
	color:#fff;
}


#sphinxly {
	width:263px;
	height:224px;
/* 	background: url(../images/gruppbild.png) no-repeat top left;*/
	
}
#sphinxly2 {
	display:block;
	width:263px;
	height:134px;
} 
#fakta {
	width:243px;
	height:156px;
 	background: url(../images/faktaruta.png) no-repeat top left;
	padding:20px;
	color: #fff;
}
#fakta * {
	color: #fff;
	}
#nyfiken {
	width:233px;
 	background: url(../images/nyfikenruta.png);
	padding:20px 10px 20px 20px;
	margin:0px;
}
#nyfiken p {
	font-family: georgia, verdana, arial;
	margin:0px;
	padding:5px 0px;
}
#nyfikenform {
	padding:0px;
	margin:0px;
}
.label { 
	float:left;
	clear:left;
	width:81px;
	color: #eee;
	text-align:right;
	padding:0px 5px 0px 0px;
}
.textinput { 
	float:left;
}
.textfield {
 	background: #fff;
	border:1px solid #fff;
	margin:3px;
	width:130px;
}
.submit {
	float:right;
 	margin:3px 32px 0px 0px;
}
#nyfiken .submit {
	float:right;
 	margin:3px 12px 0px 0px;
}

#karta {
	width:263px;
	height:196px;
/* 	background: url(../images/karta.png) no-repeat top left;*/
	margin:0px 0px 0px 0px;
}
#lokal {
	width:263px;
	padding:10px;
}
#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;
}

	#container2 {
		min-height:100%;
		position:relative;
		z-index:50;
	}
	#body {
		padding:0px;
		padding-bottom:120px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		padding:10px 0px 0px 0px;
		height:120px;			/* Height of the footer */
		background: #282828 url(../images/footerbg.jpg) repeat-x top;
	}
	/* other non-essential CSS */
	
	#footer p {
		margin:0;
		padding:10px;
	}

/*#footer {
 	background: #282828 url(../images/footerbg.jpg) repeat-x top;
	position:relative;
	width: 100%;
	height:120px;
	z-index:2;
	text-align:center;
	right: 0px;
	left:0px;
	bottom:0px;
	margin:0px;
 
}*/

#footerinfo {
	width:807px;
	margin:0px auto;
	text-align:left;
}
#footerinfo p {
	text-align:left;
	font-family:verdana, arial;
	font-size:11px;
	color:#e3e3e3;	
	line-height:18px;
	padding:20px;
}
#footerinfo a {
	font-family:verdana, arial;
	font-size:11px;
	color:#92f1fd;	
	text-decoration:none;
	font-weight:normal;
}
#footerinfo a:hover {
	color:#e3e3e3;	
}

.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 */