* {
		margin: 0;
		padding: 0;
	}
	
	div,h1,h2,h3,h4,h5,h6,p.address,blockquote,span,ul,ol,li,dl,dd,dt,img {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: 0px;
	}
	
	a img {
    	border: 0px;
	}
	
	a {
		text-decoration: none;
		color: #FFF;
	}
	
	a:hover {
		text-decoration: underline;
		color: #FFF;
	}
	
	/* ------  Struktur  -----------------------------------------  */
	html {
			font-size:100.01%;
		}

	body{
		background-color: #000000;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 100.01%;
		color: #FFF;
		font-weight: normal;
		text-decoration: none;
	}
	
	#wrapperOuter {
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
		width: 890px;
		height: 550px;
		text-align: left;
	}
	
	#top {
		position: relative;
		top:0px;
		left: 0px;
		width: 890px;
		height: 50px;
		background-color:#9F0;
	}
	
	#wrapperMain {
		top: 10px;
		height: 550px;/*100%*/
		width: 896px;/*940px*/
		position: relative;
	}
	
	#wrapperMain h1 {
		font-size: 1.2em;
		font-weight: normal;
		color: #FFF;
	}
	
	#wrapperMain p {
		margin-top: 15px;
		font-size: 0.7em;
		line-height: 1.7em;
		font-weight: normal;
	}
	
	#heartlogoBG {
		position: fixed;
		top: 0px;
		right: 0px;
		height: 150px;
		width: 150px;
		background-image: url(../images/heart45grader_150px_30.png);
		background-repeat: no-repeat;
		z-index: -1;
	}
	
	#heartlogo {
	position: relative;
	top:15px;
	left: 10px;
	height: 36px;
	width: 100px;
	background-image:url(../images/heart_black.gif);
	background-repeat: no-repeat;
	float: left;
	}
	
	#google_plus {
	position: relative;
	left: 10px;
	width: 100px;
	height: 30px;
	top: 23px;
	float: left;
	}
	
	#facebook {
	position: relative;
	top: -5px;
	left: 700px;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	background-image: url(../images/facebook_logo_20.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -20px;
	overflow: hidden;
	background-color:#000;
	float: left;
	}
	
	#linkedin {
	position: relative;
	top:-5px;
	left: 760px;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	background-image: url(../images/linkedin_logo_20.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -20px;
	overflow: hidden;
	background-color:#000;
	float: left;
	}
	
	a#facebook:hover, a#linkedin:hover {
	background-position: 0 0px;
	}
	
	#swe {
	position: relative;
	top: 10px;
	left: 710px;
	height: 0px;
	width: 20px;
	padding-top: 20px;
	background-image: url(../images/swe.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -20px;
	overflow: hidden;
	float: left;
	}
	
	#uk {
	position: relative;
	top: 10px;
	left: 730px;
	height: 0px;
	width: 20px;
	padding-top: 20px;
	background-image: url(../images/uk.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -20px;
	overflow: hidden;
	float: left;
	}
	
	a#swe:hover, a#uk:hover {
		background-position: 0 0px;
	}
	
	#adress {
		font-size: 0.6em;
		text-align: right;
		clear:both;
	}
	
	/* ------------ Highlightbox ------------------------*/

	#wrapperMain li {
	  	float: left;
	}
	
	li:after {
		content: "";
	}
	
	#wrapperMain .option {
	 	background: #FFFFFF none repeat scroll 0%;
	 	border-right: 2px solid #333;
	 	/*cursor: pointer;*/
	 	display: block;
	 	height: 550px;
	 	margin: auto;
	 	overflow: hidden;
	 	width: 110px;
	}
	
	#wrapperMain .option span {
	 	display: none;
	}
	
	.icon  {
		position: relative; 
		top: 10px;
		height: 400px;
		width: 110px;
	}
	
	.icon .text {
		position: relative;
		top: -22px;
		left: -128px;
		width: 300px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		font-family: Verdana, Geneva, sans-serif;
		font-weight: 100;
		font-size: 1.0em;
		z-index: 30;
		/*display:none;    Gör temporärt osynlig */
	}
	
	#icon1 {
		background-image: url(../images/meny/hem.gif);
		/*background-image: url(../images/meny/hem_icons.gif); Alternativ för icon med text. Måste fixas för Explorer*/
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
	}
	
	#icon1_eng {
		background-image: url(../images/meny/hem_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 200px;
	}
	
	.text {
		position: relative;
		top: 180px;
		left: -136px;
		width: 300px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		font-family: Verdana, Geneva, sans-serif;
		font-weight: 100;
		font-size: 1.0em;
		/*display:none;    Gör temporärt osynlig */
	}
	
	#wrapperMain .opt1 {
	 	position: relative;
	 	background-color: #FF9900; /*orange*/
	}
	
	#icon2 {
		background-image: url(../images/meny/portfolio.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	#icon2_eng {
		background-image: url(../images/meny/portfolio_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 200px;
	}
	
	#wrapperMain .opt2 {
	 	position: relative;
	 	background-color: #999999; /*grå*/
	}
		
	#icon3 {
		background-image: url(../images/meny/natverk.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	
	#icon3_eng {
		background-image: url(../images/meny/natverk_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 300px;
	}
	
	#wrapperMain .opt3 {
	 	position: relative;
	 	background-color:#4784AF; /*blå*/
	}
	
	#icon4 {
		background-image: url(../images/meny/priser.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	
	#icon4_eng {
		background-image: url(../images/meny/priser_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 300px;
	}
	
	#wrapperMain .opt4 {
		position: relative;
	 	background-color: #669966; /*grön*/
	}
	
	#icon5 {
		background-image: url(../images/meny/kontakt.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	
	#icon5_eng {
		background-image: url(../images/meny/kontakt_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 200px;
	}
	
	#wrapperMain .opt5 {
		position: relative;
	 	background-color: #CC3333; /*röd*/
	}
	
	#icon6 {
		background-image: url(../images/meny/hitta_oss.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	
	#icon6_eng {
		background-image: url(../images/meny/hitta_oss_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 200px;
	}
	
	#wrapperMain .opt6 {
		position: relative;
	 	background-color: #999966; /*beige*/
	}
	
	#icon7 {
		background-image: url(../images/meny/cloud.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	
	#icon7_eng {
		background-image: url(../images/meny/ladda_upp_eng.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 200px;
	}
	
	#wrapperMain .opt7 {
		position: relative;
	 	background-color: #8696C4; /*lila*/
	}
	
	#icon8 {
		background-image: url(../images/meny/extranet.gif);
		background-repeat: no-repeat;
		position: relative; 
		top: 10px;
		left: 10px;
		width: 50px;
		height: 300px;
		float: left;
	}
	
	#icon8_eng {
		background-image: url(../images/meny/extranet.gif);
		background-repeat: no-repeat;
		position: absolute; 
		top: 15px;
		width: 50px;
		height: 200px;
	}
	
	#wrapperMain .opt8 {
		position: relative;
	 	background-color: #BFB641; /*mossa*/
	}
	
	#one, #two, #three, #four, #five, #six, #seven, #eight {
	 	margin: 0px 10px 0pt 110px;
	 	padding-top:90px;
	 	overflow: hidden;
		width: 330px;
	}
	
	#one {
	 	width: 315px;
		padding-top:210px;
	}
	
	#four {
		padding-top:160px;
		width: 320px;
	}
	
	#four ul {
		list-style-type:none;
		font-size: 0.7em;
	}

	#four ul li {
		margin-bottom: 0.3em;
	
	}
	
	#five {
		/*padding-left:110px; */
	}
	
	#six {
		width: 160px;
	}
	
	#seven {
		padding-top:70px;
	}
	
	
	#imageBrain {
		background-image: url(../images/brain3.png);
		background-repeat: no-repeat;
		height: 350px;
		width: 350px;
		position: absolute;
		top: 25px;
		left: 250px;
	}
	
	#portfolio_btn {	
		position: absolute;
		top: 200px;
		left: 255px;
		height: 0px;
		width: 101px;
		padding-top: 101px;
		background-image: url(../images/portfolio_vit_btn.png); 
		background-repeat: no-repeat;
		background-position: 0 -101px;
		overflow: hidden;
	}
	
	#portfolio_btn:hover {
		background-position: 0 0px;
	}
	
	#imageGlobe {
		background-image: url(../images/globe2.png);
		background-repeat: no-repeat;
		height: 350px;
		width: 350px;
		position: absolute;
		top: 280px;
		left: 330px;
	}
	
	#imageReward {
		background-image: url(../images/reward5.png);
		background-repeat: no-repeat;
		height: 250px;
		width: 250px;
		position: absolute;
		top: 30px;
		left: 400px;
	}
	
	#imageSend {
		position: absolute;
		top: 350px;
		left: 420px;
		height: 0px;
		width: 49px;
		padding-top: 49px;
		background-image: url(../images/skicka_vit_btn.png); 
		background-repeat: no-repeat;
		background-position: 0 -49px;
		overflow: hidden;
	}
	
	#imageSubmit {
		position: absolute;
		top: 185px;
		left: 310px;
		height: 0px;
		width: 49px;
		padding-top: 49px;
		background-image: url(../images/skicka_vit_btn.png); 
		background-repeat: no-repeat;
		background-position: 0 -49px;
		overflow: hidden;
	}
	
	a#imageSend:hover, a#imageSubmit:hover {
		background-position: 0 0px;
	}
	
	#imageSL {
		position: absolute;
		top: 320px;
		left: 115px;
		height: 0px;
		width: 46px;
		padding-top: 38px;
		background-image: url(../images/sl.png); 
		background-repeat: no-repeat;
		background-position: 0 -38px;
		overflow: hidden;
	}
	
	#imageBil {
		position: absolute;
		top: 320px;
		left: 195px;
		height: 0px;
		width: 78px;
		padding-top: 50px;
		background-image: url(../images/bil.png); 
		background-repeat: no-repeat;
		background-position: 0 -50px;
		overflow: hidden;
	}
	
	#imageKarta {
		position: absolute;
		top: 100px;
		left: 290px;
		height: 0px;
		width: 240px;
		padding-top: 208px;
		background-image: url(../images/karta_240x208.jpg); 
		background-repeat: no-repeat;
		background-position: 0 -208px;
		overflow: hidden;
	}
	
	a#imageSL:hover, a#imageBil:hover, a#imageKarta:hover {
	background-position: 0 0px;
	}
	
	#imageCloud {
		background-image: url(../images/cloud.png);
		background-repeat: no-repeat;
		height: 350px;
		width: 350px;
		position: absolute;
		top: 250px;
		left: 250px;
	}
	
	/* Formulär ------------------------------- */
	div#formcontainer {
	width: 340px;
	margin-top: 20px;
	/*margin-left: 110px; */
	}
	
	div#formcontainer form label {
		font-size: .65em;
	}
	
	textarea#styled_1rad {
		width: 270px;
		height: 15px;
		border: 1px solid #cccccc;
		padding: 5px;
		font-family: Tahoma, sans-serif;
		font-size: 13px;
		overflow:hidden;
	}
	textarea#styled_1rad:focus, input:focus {
		border: 1px solid #900;
		background-color: #F7F5ED;
	}
	textarea#styled {
		width: 270px;
		height: 120px;
		border: 1px solid #cccccc;
		padding: 5px;
		font-family: Tahoma, sans-serif;
		font-size: 13px;
	}
	textarea#styled:focus, input:focus {
		border: 1px solid #900;
		background-color: #F7F5ED;
	}
	
	select {
		width: 270px;
		border: 1px solid #ccc;
		background-color: #F7F5ED;
		color: #000;
	}
	div#thisThumb {
		position: absolute;
		top: 208px;
		left: 550px;
	}