body { background: url(bilder/bg.jpg) repeat-x left top; background-color: #ffffff; margin: 0px 10px 10px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

* { padding: 0;	margin:0; }

p {	margin: 8px 0 14px 0; }

hr { color: #cdcdcd; background-color: #cdcdcd;	height: 1px; border: none; }

img { border: none; }

img.m-5 { margin: 0 0 0 -5px; }

.m10 { margin-left:10px; }

img.text-level { margin: 0 0 -2px 0; }

a.no, a:hover.no { border:none; }
	a.no span { color: #191919;	text-decoration: none; border-bottom: 1px solid #d3d3d3; }
	a.no:hover span { color: #5c5c5c; text-decoration: none; border-bottom: 1px solid #e8e8e8; }

img.img-frame { padding:3px; border: 1px solid #e8e8e8; margin: 3px 8px 3px 5px; }
img.img-frame { border: 1px solid #d3d3d3; }

a {	color: #191919;	text-decoration: none; border-bottom: 1px solid #d3d3d3; }

a:hover { color: #5c5c5c; text-decoration: none; border-bottom: 1px solid #e8e8e8; }

input, select, textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px;	color: #000000; font-size: 14px; width: 300px; background-color: #FFFFFF; border: 1px solid #d3d3d3; }

	input:focus, select:focus, textarea:focus {	border: 1px solid #878787; }

	textarea.big { width:450px; }


#main { margin: 0 auto; width: 914px; max-width: 914px; }

#menu { width:421px; float:right; height:80px; 	margin: 0; }

	#menu ul { margin: 0; padding: 0; list-style-type: none; float: right; }

	#menu li { margin: 0; padding: 0; float: left; }

		#menu li a { background: url(bilder/meny_pil.jpg) no-repeat center top; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 18px; text-align: center; padding: 20px 2px 0px 2px; margin: 0px 5px 0px 5px; height: 35px; display: block; color: #696969; text-decoration: none; float:left; border: none; }

			#menu li a:hover, #menu li a#aktiv { background: url(bilder/meny_hover_pil.jpg) no-repeat center top; color: #504f4f; }

#sub-menu { width:540px; margin: -20px 0px 7px 0px; height: 20px; position: relative; display: block; float:left; }

	#sub-menu ul { list-style-type: none; margin: 0; padding: 0; display:block; }

		#sub-menu li { display:block; background: url(bilder/undermeny_punkt.gif) no-repeat left; list-style-type: none; list-style-image: none; margin: 0 12px 0 0px; padding: 0 0 2px 14px; float: left; font-size: 11px; }

#header {	background: url(bilder/top_logo.jpg) no-repeat left top; width: 493px; height: 161px; padding: 0; font-size: 24px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #393939; float:left; }

	#header a#elatus { background: url(bilder/elatus_logo.jpg) no-repeat left top; text-indent:-9999px; width: 228px; height: 114px; display: block; margin: 10px 0 0 97px; border: none; } 

#content { margin: 10px 0 0 0px; width:834px; padding: 0px 40px 20px 40px; line-height:1.6em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }

#content-left { float:left; width: 564px; }

#content-right { float:right; width: 270px; }

#footer {	width: 874px; height: 60px;	background: url(bilder/copy_bg.jpg) no-repeat left top;	padding: 35px 20px 0 20px; color: #000000; font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }

	#footer .foot-menu { height:51px; float:right; margin: -17px 0 0 0; text-align: right; }

			#footer .foot-menu a.valid { background: url(bilder/copy_meny_valid.gif) no-repeat left top; padding: 0 0 0 23px; margin: 0 5px 0 0; height: 18px; color: #333333; border: none; }

			#footer .foot-menu a:hover.valid { background: url(bilder/copy_meny_valid_hover.gif) no-repeat left top; padding: 0 0 0 23px; margin: 0 5px 0 0; height: 18px; color: #000000; text-decoration: underline; border: none; }

.read-rss, a.read-rss ,  a:hover.read-rss { border: 0; margin: 0 0 0 30px; }

.sidbox { background-color: #404040; padding: 0 0 2px 0; margin: 0px 0px 20px 30px; }

	.sidbox.s255 { width:255px; float:left; }
	
	.sidbox.s250 { width:250px; }

	.sidbox .inne { background: url(bilder/sidbox_bg.jpg) repeat-x left top; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; background-color: #fbfbfb; padding: 0 1px 10px 1px; margin: 0px 0px 0px 0px; }

		.sidbox .inne strong { background: url(bilder/sidbox_pil.gif) no-repeat left top; padding: 6px 0 0 15px; margin: 0 0 0 15px; height: 26px; display: block; }

		.sidbox .inne h2 { margin: 0px 10px 0 10px; padding: 5px 0 0 0; font-size: 20px; }

		.sidbox .inne p { margin: 6px 10px 0 10px; }	

#contact { background-color: #f2f1f1; border: 1px solid #dddddd; padding: 5px 45px 10px 45px; float:left; width:310px; }

#contact-content-left { float:left;width:384px; padding: 0 40px 0 0; }

.krav { color:#d38080; }

h1 { padding: 0; margin: 0;	font-size: 36px; font-family:  Arial, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #504f4f;	font-weight: normal; }

	h1#start { background: url(bilder/rubrik_start.jpg) no-repeat left top; padding: 15px 0px 0px 79px; height: 51px; float:right; margin: -83px 80px 0px 0px; position: relative; display:inline; }
   
	h1#blogg { background: url(bilder/rubrik_blogg.jpg) no-repeat left top; padding: 15px 0px 0px 79px; height: 51px; float:right; margin: -83px 80px 0px 0px; position: relative; display:inline;	}
   
	h1#info { background: url(bilder/rubrik_info.jpg) no-repeat left top;	padding: 15px 0px 0px 79px; height: 51px; float:right; margin: -83px 80px 0px 0px; position: relative; display:inline;	}
   
	h1#tjanster { background: url(bilder/rubrik_tjanster.jpg) no-repeat left top; padding: 15px 0px 0px 79px; height: 51px; float:right; margin: -83px 80px 0px 0px; position: relative; display:inline; }
   
	h1#portfolio { background: url(bilder/rubrik_portfolio.jpg) no-repeat left top; padding: 15px 0px 0px 79px; height: 51px; float:right; margin: -83px 80px 0px 0px; position: relative; display:inline;	}
   
	h1#kontakt { background: url(bilder/rubrik_kontakt.jpg) no-repeat left top; padding: 15px 0px 0px 79px; height: 51px; float:right; margin: -83px 80px 0px 0px; position: relative; display:inline;	}

h2 { margin: 2px 0px 2px 0px; font-size: 24px; font-family:  Arial, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #f08418; font-weight: normal; line-height:1.3em; }

	h2 a { color: #f08418; text-decoration:none; }
   
	h2 a:hover { color: #ff7711; text-decoration:none; }
   
	h2.svart { color: #000000; margin: 5px 0 10px 0; }

h3 { margin: 5px 0px 2px 0px; font-size: 20px; font-family:  Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif; color: #504f4f; font-weight: normal; }

h4 { margin: 2px 0px 3px 0px; font-size: 14px; font-family:  Tahoma, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #4D4D4D; font-weight: bold; line-height:1.4em; }

code { margin: 10px 0px -10px 10px; padding: 2px 2px 0px 5px; border-left: 2px solid #A3D6EF; font-size: 12px; font-family: Lucida Console, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; line-height:1.4em; display: block; }

.inne code { margin: 0; padding: 3px 3px 3px 3px; font-size: 12px; font-family: Lucida Console, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; line-height:1.4em; background-color: #ffffff; border: 1px dashed #666666; display:block; overflow: auto; width: 217px; }

.blogg-entry-tags { margin: 20px 0 -10px 0; }

	.blogg-entry-tags .tag a { font-size:12px; margin: 5px 7px 5px 5px; background-color:#f7f7f7; border:none; padding: 5px 8px 5px 8px; display:inline; }

		.blogg-entry-tags .tag a:hover { background-color:#ededed; }

.blogg-content-left { width:60px; float:left; }

	.blogg-content-left .blogg-date { height: 59px; width: 55px; background: url(bilder/blogg_datum.jpg) no-repeat left top; padding: 2px 0px 0px 0px; margin: 3px 0 0 3px; font-size: 10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; line-height:1.6em; }

		.blogg-content-left .blogg-date .day { margin: 11px 0 0 0px; font-size: 20px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #272727; text-align: center; }

	.blogg-content-left .time {	font-size: 10px; background: url(bilder/blogg_tid.jpg) no-repeat left top; width: 51px; height: 17px; margin: 5px 0 0 5px; padding: 0; text-align: center; line-height:1.6em; }

.blogg-content-right { width:490px;	float:right; margin: 0 0 5px 0; }

#blogg-categori { background-color:#fafafa; margin: 0 0 10px 0; padding: 3px 0px 3px 10px; }

	#blogg-categori a { color:#d61616; }

	#blogg-categori a:hover { color:#b11313; } 

	#blogg-categori .left { float: left; }

	#blogg-categori .x { float:right; padding: 1px 10px 0 0; }

#blogg-tag-container { padding: 3px 0 3px 0; background-color:#f2f2f2; margin: 0 0 10px 0; }

#blogg-tag { background-color:#f2f2f2; margin: -3px 0px -3px 0px; padding: 4px 10px 3px 10px; float:right; height:28px; }

	#blogg-tag a { color:#d61616; }

	#blogg-tag a:hover { color:#b11313; } 

.download { height:47px; background: url(bilder/nerladdning_box.jpg) no-repeat left top;  display:block; border: 1px solid #dbdbdb; background-color:#eeeeee; margin: 5px 0 20px 0; padding: 13px 10px 15px 85px; }

	.download p { margin: 0 0 0 0; padding: 0 0 0 3px; font-size: 12px; color: #414141; clear:both; }

	.download .button { display: block; padding:0; margin:0; height:29px; }

	.download .button a { float:left; margin:0; text-decoration:none; height: 29px; padding: 0px 0px 0px 25px; border: none; }

		.download .button a span { float:left; display:block; padding: 2px 17px 4px 5px; margin: 0; color: #272727; }

		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		.download .button a span { float:none; }
		/* End IE5-Mac hack */

		.download .button a:hover { background: url(bilder/nerladdning_knapp_hover_ett.jpg) no-repeat left top; }

			.download .button a:hover span { background: url(bilder/nerladdning_knapp_hover_lang.jpg) no-repeat right top; color:#000000; }

		.download .button a { background: url(bilder/nerladdning_knapp_ett.jpg) no-repeat left top; }

			.download .button a span { background: url(bilder/nerladdning_knapp_lang.jpg) no-repeat right top; }

.blogg-end { font-size:12px; margin: 17px 0 25px 0px; background-color:#f7f7f7; padding: 3px 10px 3px 10px; }

#comment { background-color: #f2f1f1; border: 1px solid #dddddd; padding: 15px 30px 15px 50px; margin: 50px 0px 20px 0px; }

.blogg-comment { background-color:#ffffff; margin: 0; padding: 15px 25px 20px 25px; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; overflow:hidden; }
	.blogg-comment h3 { float: left; }
	.blogg-comment p { clear:both; margin:0; }
.blogg-comment .dark { background-color:#fafafa;  border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }

	.gravatar { float:left; background-color: #FFFFFF; height: 35px; width: 35px; padding: 0; border: 2px solid #BBBBBB; margin: -5px 8px 2px 0px; }

.blogg-menu { margin: 0 0 0 0; padding: 0 0 0 0; }

	.blogg-menu ul { list-style-image: none; list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 0; }

	.blogg-menu li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; border-bottom: 1px solid #b9b9b9; padding: 0 0 0 0; }

		.blogg-menu li a { width: 226px; margin: 0; padding: 5px 10px 5px 10px; display:block; border: none; }

		.blogg-menu li a:hover { background-color: #f7f7f7; }

			.blogg-menu li.mork a { background-color: #eeeeee; }

			.blogg-menu li.mork a:hover { background-color: #ebebeb; }

		.blogg-menu li span { margin: 0px 0px 0px 0px; display:block; }

p.search-result { font-size:10px;	margin: 0px 0px 10px 0px; }

#portfolio-browse {	float:right; color: #d8d8d8; margin: 2px 0px 2px 0px; font-size: 20px; font-family:  Arial, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;	font-weight: normal; line-height:1.3em; }

	#portfolio-browse a { color: #afafaf; }

	#portfolio-browse a:hover { color: #c6c6c6; }

#portfolio-show { background-color:#ffffff; height:440px; padding:5px 10px 5px 10px; text-align: center; overflow: hidden; position: relative; width: 544px; }
#portfolio-show[id] { display: table; position: static; }

		#portfolio-show #middle {position: absolute; top: 50%; left: 50%;} /* for explorer only*/
		#portfolio-show #middle[id] {display: table-cell; vertical-align: middle; position: static;}

			#portfolio-show #middle #inner {position: relative; top: -50%; left: -50%; } /* for explorer only */
			#portfolio-show #middle #inner[id] {left: 0;} 

#portfolio-info { background: url(bilder/portfolio_info.jpg) no-repeat left top; background-color:#f6f6f6; padding: 8px 20px 0px 20px; margin: 20px 0 10px 0; width:524px; height: 32px; }

.kub a { background-color: #FFFFFF; height: 50px; width: 50px; float:left; padding: 0 0 0 0; border: 2px solid #E2E2E2; margin: 8px 0px 8px 16px; font-size: 0; }

	.kub a:hover { background-color: #FFFFFF; height: 50px; width: 50px; padding: 0; border: 2px solid #BBBBBB; margin: 8px 0px 8px 16px; }

.kubi a { background-color: #FFFFFF; height: 50px; width: 50px; float:left; padding: 0; border: 2px solid #ff9f26; margin: 8px 0px 8px 16px; font-size: 0; }

	.kubi a:hover { background-color: #FFFFFF; height: 50px; width: 50px; padding: 0; border: 2px solid #ff780d; margin: 8px 0px 8px 16px; }

#slider1 { position:relative; background: url(bilder/tjanster_box.jpg) repeat-x left top; margin: 0 0 40px 5px; height:225px;width:825px;overflow:hidden; background-color: #ececec; border: 1px solid #e4e4e4; display:block; }

	#slider1 .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; padding: 10px 40px 0px 40px; margin:0; width:765px;height:190px; }

	#slider1 p { font-size:16px; color:#646464;font-weight:bold; }
	
	#slider1 a {font-size:14px;font-weight:normal; }

	#slider1 .div {  position:relative;padding: 0 20px 0 0; float:left;width:380px;height:205px; }

	#slider1 img {  position:relative;padding:0;float:left;width:345px;height:180px; }

	#slider1 #paginate-slider1 { margin: 200px 10px 0 0; position:relative; text-align:right; clear:both; }

	.pagination a {  position:relative;border:0; padding: 5px;text-decoration: none; background: #f1f1f1;}

	.pagination a:hover, .pagination a.selected {  position:relative;border:0; background-color: #e4e4e4;}

.services { background: url(bilder/tjanster_box.jpg) repeat-x left top; margin: 0 0 15px 20px; padding: 7px 7px 7px 7px; width:366px; background-color: #ececec; border: 1px solid #e4e4e4; display:block; float:left; }

.knowledge { background: url(bilder/checkbox.png) no-repeat left top; padding: 0 0 0 30px; height:21px; margin: 10px 0 7px 15px; }

.litenljus { font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #9C9C9C; font-weight: normal; }

.box { background-color: #EDEDED; width: 575px; border: 1px solid #D2D2D2; padding: 1px 0px 5px 5px; margin: 15px 5px 10px 10px; }

.boxr { background-color: #F28787; border: 2px dotted #CB0000; padding: 5px 5px 5px 5px; margin: 10px 0px 10px 0px; }

.boxg { background-color: #7FE793; border: 2px dotted #00CF27; padding: 5px 5px 5px 5px; margin: 10px 0px 10px 0px; }

a.orange-button { background: url(bilder/orange_button_bg.jpg) repeat-x left top; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding: 6px 9px 6px 9px;	margin: 3px 0 0 0; display: block; color: #272727; text-decoration: none; background-color: #ffd83b; border: 1px solid #ff7e00; 	border-radius:5px; -moz-border-radius:5px; }

a.orange-button:hover {	color: #000000;	background: url(bilder/orange_button_bg.jpg) repeat-x 0 -34px; border: 1px solid #e06f01; background-color: #ffb200; text-decoration:underline; }

.clear { clear: both; }

.left { float:left; }

.right { float:right; }

ul { margin: 0 0 0 25px; }