/* allm¡nt */

body {
	height:100%;
	margin:0;
	color:#000;
	background-color: #fff;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	text-align:left;
	margin: 0px;
	padding: 0px;
}

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:#6CC828;
	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:20px;
	font-family: Helvetica, arial, sans-serif;
	line-height: 24px;
	padding-bottom: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h2 {
	color:#000;
	font-size:14px;
	font-family: Helvetica, arial, ans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin: 0px;
}

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:#6CC828;
}

img {
	border:0px solid;
}

	div#bestall	{ margin:23px 0px -137px 0px;
			  width:110px;
			  height:114px;
			  position:relative;
			  z-index:1000;
			  float:left;
			  background: url(http://www.sphinxly.se/images/100_logo.png) no-repeat top left; }
	
#container {
	min-height: 100%;
	padding:0px;
	position:relative;
	width:807px;
	z-index:0;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}


#mittbild {
	background-image: url(../images/trad.jpg);
	height: 370px;
	padding-right: 385px;
}


#kontakt {
	width: 350px;
	float: left;
}



#header{
	position:relative;
	width:807px;
	height:317px;
	text-align:right;
	padding:0px;
}
#logo {
	float:right;
	position:relative;
	top:0px;
	margin:0 0 0 0;
	padding:0px;
}

#toptext{
	float:left;
	position:relative;
	top:0px;
	margin:-27px 0 0 0;
	padding:0px;
	height:141px;
	width:510px;
}
#toptext p {
		font: 34px georgia, "trebuchet ms", "times new roman", serif;
		font-weight:normal;
		color:#fff;
		margin:0px;
		padding:13px 0px 0px 16px;
		margin:0px -320px -30px 0;
		display:block;
		position:relative;
		z-index:5400;
		height:17px;		
	}
#topadress{
	float:right;
	position:relative;
	top:0px;
	margin:77px 0 0 0;
	padding:0px;
}

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

#nav a {
	color:#666666;
	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{
	position:relative;
	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{
	position:relative;
	width:807px;
	padding:20px 5px 20px 20px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	background:#fff;
	clear:both;
}

/* 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{
	text-decoration:none;
	font-weight:normal;
}


.portfoljitem {
	width:807px;
	position:relative;
}

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

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

.foretagslank a {
	color:#000;
	text-decoration:underline;
	font-weight:normal;
}
.foretagslank a:hover{
	color:#6CC828;
	text-decoration:underline;
	font-weight:normal;
}


.portfoljbild {
	float:left;
	position:relative;
	padding: 2px;
	margin: 35px 0 15px 0;
	border: 1px solid #ddd;
}


.bild_hoger {
	float:right;
	position:relative;
	padding: 2px;
}



.portfoljitem object {
	float:left;
	position:relative;
	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;
	position: relative;
}

.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 { 
	position:relative;
	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(http://www.sphinxly.se/images/faktaruta.png) no-repeat top left;
	padding:20px;
	color: #fff;
}
#fakta * {
	color: #fff;
	}
#nyfiken {
	width:353px;
	height:280px;
	padding:20px;
	background-color: #6CC828;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#nyfiken p {
	font-family: verdana, aril;
	margin:0px;
	padding:5px 0px;
	font-size: 12px;
	color: #000000;
}
#nyfikenform {
	padding:0px;
	margin:0px;
}



#meddelande {
	width: auto;
	margin-left: 20px;
	margin-right: auto;
	background-position: center;
	margin-top: 50px;
}



.label {
	float:left;
	clear:left;
	width:81px;
	color: #000000;
	text-align:right;
	padding:0px 5px 0px 0px;
}
.textinput { 
	float:left;
}
.textfield {
	background: #fff;
	border:1px solid #fff;
	margin:3px;
	width:240px;
}
.submit {
	float:right;
 	margin:3px 32px 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:#6CC828;
}
#footer {
	background: #282828 url(http://www.sphinxly.se/images/footerbg.jpg) repeat-x top;
	position:relative;
	width: 100%;
	height:120px;
	z-index:2;
	text-align:left;
	right: 0px;
	left:0px;
	bottom:0px;
	margin:0px; 
}

#footerinfo {
	width:807px;
	margin:0px auto;
	text-align:center;
}
#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:#6CC828;
	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 */