html {background:url(../images/bg.jpg) top center no-repeat; margin:0px; padding:0px;}

body{ padding:0px; margin:0px; font: 12px Helvetica Neue, Helvetica, Arial, sans-serif; line-height:20px; color:#515151;}

.box1{float:left; background:url(../images/circle1.jpg); width:204px; height:204px; margin-right:15px; text-indent:-9999px;}

.box2{float:left; background:url(../images/circle2.jpg); width:204px; height:204px; margin-right:15px; text-indent:-9999px;}

.box3{float:left; background:url(../images/circle3.jpg); width:204px; height:204px; text-indent:-9999px;}

h1 a{width:224px; height: 86px; display:block; text-indent:-9999px;}

.footer{ width:100%; height:26px; background:url(../images/bra2.jpg) left top; margin-top:50px; padding-top:600px;}

h5{font: 12px Helvetica Neue, Helvetica, Arial, sans-serif; line-height:20px; color:#b5cc3d; }

.footer a{font: 12px Helvetica Neue, Helvetica, Arial, sans-serif; line-height:20px; color:#b5cc3d; text-decoration:none;}

#camera a{display:block; text-indent:-9999px; width:122px; height:82px;}


.center{position:relative; width:990px; margin: 0 auto; padding:0px; }

h1{font:24px Arial, Helvetica, sans-serif; text-indent:-9999px; background:url(../images/logotyp.png) no-repeat; width:224px; height:86px; display:block; float:left;}

h3{font:14px Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:bold; color:#a4a4a4; }

h4{font:12px Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:bold; color:#a4a4a4;}

.headline1{width:201px; height:29px; background:url(../images/rubrik1.png); display:block; text-indent:-9999px; margin-top:90px; margin-bottom:10px;}

.headline2{width:425px; height:29px; background:url(../images/rubrik2.png); display:block; text-indent:-9999px; margin-top:50px; margin-bottom:10px;}

.headline3{width:98px; height:28px; background:url(../images/rubrikvihors.png); display:block; text-indent:-9999px; margin-top:90px; margin-bottom:10px;}

.headline4{width:302px; height:28px; background:url(../images/rubrikportfolio.png); display:block; text-indent:-9999px; margin-top:90px; margin-bottom:10px;}

.headline5{width:199px; height:50px; background:url(../images/beteende.png); display:block; text-indent:-9999px; margin-bottom:10px;}

.headline6{width:133px; height:28px; background:url(../images/rubrikfoto.png); display:block; text-indent:-9999px;  margin-top:90px; margin-bottom:10px;}


p{margin-bottom:20px; padding-right:20px;}

#camera{position:absolute; background:url(../images/kamera.jpg) no-repeat; width:122px; height:82px; left:430px; top:480px; display:block; text-indent:-9999px;}
#paint{position:absolute; background:url(../images/paint.jpg) no-repeat; width:287px; height:56px; left:480px; top:520px; display:block; text-indent:-9999px;}


#postit{position:absolute; z-index:2; background:url(../images/senastepostit.png) no-repeat; width:141px; height:140px; left:20px; top:115px; display:block; text-indent:-9999px;}


#computer{width:473px; height:414px; background:url(../images/computer.png) no-repeat; float:left; }

.top{height:130px;}

.indent{text-indent:-9999px; background:url(../images/text.png) no-repeat; width:462px; height:197px; float:left; margin: 30px 0 0 30px;}

.portfoliotext{width:462px; height:197px; float:left; margin: 30px 0 0 30px;}

#left li{padding:20px 0 8px 0; margin-bottom:28px;  border-top:1px solid #eceaeb; width:640px; height:312px;}

#left ul li p{ margin-top:2px;}

#right li{float:left; margin-right:10px; list-style:none; margin-bottom:5px;}

#right li.first{padding-top:20px;}


.line{background:url(../images/line.png); width:2px; height:700px; float:left; margin-top:48px;}

.clear{clear:both; }

#left{ float:left; width:660px;}


#right{ float:left; width:300px;  padding-left:20px;}

span{color:#86e7f6; font-size:14px;}


#left a{font: 12px Helvetica Neue, Helvetica, Arial, sans-serif; text-decoration:none; color:#000; border-bottom:1px solid #eceaeb;}
.link{font: 12px Helvetica Neue, Helvetica, Arial, sans-serif; text-decoration:none; color:#000; border-bottom:1px solid #eceaeb;}

#link{float:right; margin-top:30px; background:url(../images/portknapp.png); width:164px; height: 31px; display:block; text-indent:-9999px;}
#link a{background:url(../images/portknapp.png); width:164px; height: 31px; display:block; text-indent:-9999px;}

#link2{float:right; margin-top:30px; background:url(../images/wbknapp.png); width:164px; height: 31px; display:block; text-indent:-9999px;}
#link2 a{background:url(../images/wbknapp.png); width:164px; height: 31px; display:block; text-indent:-9999px;}


/* Easy Slider */

#slider{margin-left:21px; margin-top:21px;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		
		width:428px;
		height:269px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
	
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:90px;
		top:424px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:100px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
	text-indent:-9999px;
		display:block;
		position:relative;
		width:30px;
		height:77px;
/*		background:url(../images/left.jpg) no-repeat 0 0;	
*/		}	
	#nextBtn a, #slider1next a{ 
/*		background:url(../images/right.jpg) no-repeat 0 0;	
*/		}	
	/*	
	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	*/

#tooltip{
	position:absolute;
	font:12px Helvetica, Arial, sans-serif;
	width:300px;
	z-index:22;
	background:#000000;
	padding:10px;
	color:#FFF;
	display:none;
	line-height:16px;
	cursor:help;
	}
	
	#screenshot{
	position:absolute;
	z-index:22;
	display:none;
	cursor:help;
	}
	
	input{background:#FFF;padding:8px;width:250px;height:20px;display:block;border:solid 1px #ebebeb; margin-bottom:27px;}



textarea{background:#FFF; padding: 8px;width:250px;height:211px;display:block;border:solid 1px #ebebeb;}



#imageField{background:url(../images/skicka.jpg); text-indent:-9999px; border:none; float:right; width:67px; height:67px; margin-top:14px; margin-right:25px; padding: 0px;}

submit{text-indent:-9999px;}

  #status{
    	width:50%;
    	padding:10px;
    	height:42px;
    	outline:none;
    }
    .focusField{
    	border:solid 1px #b1e5ed;
    	background:#e0f5f8;
    	color:#000;
    }
    .idleField{
    	background:#FBFBFB;
    	color: #6F6F6F;
		border: solid 1px #DFDFDF;
    }