body, html {
	border: 						0;
	margin: 						0;
	padding: 						0;
}

body {
	background-color: 	#808080;
	font-family: 				"Trebuchet MS", sans-serif;
	font-size: 					0.9em;
}

img {
	border: 						0;
}

p {
 margin: 							0 0 22px 0;
 line-height: 				1.4em;
}

#content a {
	color: 							#33AE1D !important;
}
#content a:hover {
	color: 							#FFFFFF !important;
	background-color: 	#33AE1D !important;
	
}

a.mapButton img {
	background-color:		#33AE1D;
	
}
a.mapButton:hover img {
	background-color:		#50C3EE
}

#flash {
	position: absolute;
	left: 10px;
	top:10px;
}
#startMain {
	position: absolute;
	left: -20px;
	top: 0;
	z-index: 100;
}	
#startMain a {
		display: block;
}
#content{ 
	position: relative;
}

#content ul {
	margin:							0 0 0 20px;
	padding:						0;
}
#content ul.tick {
	margin:							0 0 16px 0;
}
#content li {
	margin:							0 0 20px 0;
	padding:						0 0 0 12px;
	background: 				url(../img/p_bullet_black.gif) no-repeat left 0.4em;
	list-style: 				none;
}
#content ul.tick li {
	margin:							0 0 4px 0;
	padding:						0 0 0 20px;
	background: 				url(../img/p_tick.gif) no-repeat left 0.3em;
}
#content ul li ul  {
	margin: 						12px 0 0 12px;
}
#content ul li ul li {
	margin-bottom: 			2px;
	background-image: 	url(../img/p_bullet_blue.gif);
}

#content ul.breadcrumbs {	
	padding:						0;
	color: 							#626262;
	font-size: 					0.75em;
	height: 						18px;
}
#content ul.breadcrumbsTop {	
	padding: 						25px 0 22px 0;
	margin:0;
}
#content ul.breadcrumbsBottom {		
	margin: 						45px 0 10px 0;
	padding-top: 				4px;
	border-top: 				1px solid #626262;
	width:							431px;
} 

#content ul.breadcrumbs li {
	float:							left;
	margin:							0;
	padding: 						0 4px 0 0;
	background-image: 	none;
}

#content ul.breadcrumbs a {	
	color: 							#626262 !important;
}
#content ul.breadcrumbs a:hover {	
	color: 							#33AE1D !important;
	background-color: transparent !important
}

ul#aboutList {
	margin: 						0 0 40px 0;
	padding: 						20px 0 0 0;
}

ul#aboutList li {
	background: 				none;
	float: 							left;
	margin: 						15px 27px 0 26px;
	padding: 						0;
	width: 							340px;
	display:inline
}


#content h2.underline {
	border-bottom: 1px solid black;
	margin-bottom: 0;	
}

#content #referensTop p, #content #referensTop blockquote {
	float:left;
}
#content #referensTop p {
	width: 330px;
	margin-right: 30px;
	display: inline;
}
#content #referensTop blockquote {
	margin:0;
	
}
#content #referensTop blockquote p {
	width: 380px;
	padding-bottom: 10px;
}

#content ul.referensList {
	margin: 						0 0 40px 0;
	padding: 						0;
}

#content ul.referensList li {
	background: 				none;
	float: 							left;
	margin: 						15px 5px 0 0;
	padding: 						0;
}
#content ul.referensList img, ul.referensList span, ul.referensList a {
	display: 						block
}
#content ul.referensList span.link {
	text-decoration:		underline;
	color: 							#33AE1D
}
#content ul.referensList a{
	width: 							220px;
	padding:						14px;
	text-decoration:		none !important;
	color: 							#000000 !important;
	border:							3px solid #FFFFFF;
	display:						block;
	min-height:			 		215px;         
	padding:						14px;
}
#content ul.referensList li#multicomsecurity a {
	background: url(../img/clients/multicomsecurity/p_ref_screen_small.jpg) no-repeat center bottom;
	height: 360px;
}
#content ul.referensList li#kia a {
	background: url(../img/clients/kia/p_ref_screen_small.jpg) no-repeat center bottom;
	height: 360px;
}
/*
#content ul.referensList li#expolinc a {
	background: url(../img/clients/expolinc/p_ref_screen_small.jpg) no-repeat center bottom;
	height: 360px;
}*/
#content ul.referensList li#photowall a {
	background: url(../img/clients/photowall/p_ref_screen_small.jpg) no-repeat center bottom;
	height: 360px;
}



#content ul.referensList a:hover{
	background-color: 	#FFFFFF !important;
	color: 							#000000 !important;
}
#content ul.referensList li#kia a:hover {
	border-color: 	#b30005;
}
#content ul.referensList li#multicomsecurity a:hover {
	border-color: 	#d71920;
}
#content ul.referensList li#photowall a:hover {
	border-color: 	#9ab43b;
}
#content ul.referensList li#universal a:hover {
	border-color: 	#A3A3A3;
}
#content ul.referensList li#bemz a:hover {
	border-color: 	#D2E593;
}
#content ul.referensList li#badoo a:hover {
	border-color: 	#89CEEA;
}

#content ul.referensList li#travelpartner a:hover {
	border-color: 	#FF9C00;
}
#content ul.referensList li#mro a:hover {
	border-color: 	#F3B465;
}
#content ul.referensList li#expolinc a:hover {
	border-color: 	#4D7EAF;
}

#content ul.referensList li#fokus a:hover {
	border-color: 	#E44125;
}
#content ul.referensList li#classicworld a:hover {
	border-color: 	#E4CCA1;
}
#content ul.referensList li#bdc a:hover {
	border-color: 	#B2B2B2;
}

#content ul.referensList li#civilekonomerna a:hover {
	border-color: 	#A5A5BC;
}
#content ul.referensList li#larsbengtsson a:hover {
	border-color: 	#B8A88D;
}
#content ul.referensList li#transfera a:hover {
	border-color: 	#f86a1e;
}
#content ul.referensList li#absmc a:hover {
	border-color: 	#cbc2b1;
}

h1 {
	font-weight: 				normal;
	font-size: 					2.35em;
	border-bottom: 			1px solid #626262;
	margin:							0 0 14px 0;
	line-height: 				1em;
	clear:both;	
}
h1 span {
	font-size: 					1.45em;
	color: 							#50C3EE;
	display: 						block;
	line-height: 				0.8em;
	margin-bottom: 			20px;
}
h1.notFound {
	padding-top:				63px;
	color: 							#FF6000;
}

#start h1 {
	margin: 						27px 0 12px 0;
	border: 						0;
	line-height: 				normal
}

h2 {
	font-weight: 				normal;
	font-size: 					1.25em;
	color: 							#4095C7;
	margin: 						32px 0 11px 0;
}
h3 {
	font-weight: 				bold;
	font-size: 					1em;
	margin: 						32px 0 01px 0;
}
#leftCol h2 {
	font-weight: 				bold;
	font-size: 					1em;
	color: 							#848484;
	margin: 						24px 0 23px 0;
	text-transform: 		uppercase
}

#leftCol {
	float: 							right;
	width: 							294px;
	margin: 						0 54px 0 6px;
	display: 						inline;
}

#rightCol {
	float: 							right;
	width: 							432px;
	display: 						inline;
}


#rightCol ul#roller {
	margin:							0 0 22px 0;
	padding:						0;
}
#rightCol ul#roller li {
	margin:							0;
	padding:						0 0 0 17px;
	background: 				url(../img/p_box_blue.gif) no-repeat left center;
	list-style: 				none;
}

#rightCol ul#partners {
	margin:							-16px 0 22px 0;
	padding:						6px 0 0 0;
	background: 				url(../img/bg_list_divider.gif) no-repeat left top;
}
#rightCol ul#partners li {
	margin:							0;
	padding:						0 0 0 17px;
	background: 				url(../img/p_box_grey.gif) no-repeat left center;
	list-style: 				none;
}

#rightCol ul#platform {
	margin:							0;
	padding:						0;
}
#rightCol ul#platform li {
	margin:							0;
	padding:						0;
	background-image: 				none;
}
#rightCol ul#platform li ul {
	float: 							left;
	margin: 						0;
	padding:						0 0 0 15px;
}
#rightCol ul#platform li ul li {
	padding-left:				14px;
	background-image: 	url(../img/p_bullet_black.gif);
}

#content blockquote.tab {
	background-repeat:	no-repeat;
	background-position:right top;
	padding: 						0;
	margin:							0 0 22px 0;
	border: 						0;
	position:						relative
}
#content blockquote.blueTab {
	background-image: 	url(../img/bg_tab_blue.gif);
	background-color: 	#50C3EE;
	color:						 	#FFFFFF !important;
}
#content blockquote.referensTab, #content blockquote.contactTab, #content blockquote.aboutTab {
	background-image: 	url(../img/bg_tab_yellow.gif);
	background-color: 	#FFFBE5;
	margin-top: 				50px;
}
#content blockquote.aboutTab {
	margin-bottom: 			20px;
	margin-top: 				0px;
}
#content blockquote.aboutTab div {
	background-repeat:	no-repeat;
	background-position:left bottom;
	background-image: 	url(../img/p_johnny.gif);
	padding: 						0 0 1px 69px;
}
#content blockquote.aboutTab div#bert {
	background-image: 	url(../img/p_bert.gif);
}
#content blockquote.aboutTab div#b-o {
	background-image: 	url(../img/p_b-o.gif);
}
#content blockquote.aboutTab div#jakob {
	background-image: 	url(../img/p_jakob.gif);
}
#content blockquote.aboutTab div#johnny {
	background-image: 	url(../img/p_johnny.gif);
}
#content blockquote.aboutTab div#jon {
	background-image: 	url(../img/p_jon.gif);
}
#content blockquote.aboutTab div#maria {
	background-image: 	url(../img/p_maria.gif);
}
#content blockquote.aboutTab div#lilleman {
	background-image: 	url(../img/p_lilleman.gif);
}

#content blockquote.tab h2 {
	font-size: 					1.1em;
	color:						 	#FFFFFF;
	margin:							0;
	padding:						14px 0 0 14px;
}
#content blockquote.tab p {
	padding:						0 0 20px 14px;
	margin:							0 0 0 0;
	font-size: 					1.65em
}


#content blockquote.aboutTab h2 {
	color: 							#4095C7;
	font-size: 					1.25em;
	
}
#content blockquote.aboutTab p {
	font-size: 					1em !important;
	color: 							#000000;
	margin: 						0 !important;
	padding: 						0 0 0 14px !important;
}
#content blockquote.aboutTab span{
	display: 						block;
	margin-bottom: 			7px;
}



#content blockquote.contactTab h2 {
	color: 							#4095C7;
	font-size: 					1.25em;
}
#content blockquote.contactTab p {
	font-size: 					1.1em !important;
}

#content blockquote.referensTab h2 {
	font-size: 					1.1em !important;
	color: black;
	margin-bottom: 8px;
}

#rightCol div.omoss {
	position: 					relative;
	margin-top: 				60px;
}
#rightCol div.omoss h2 {
	padding-top: 				9px;
	margin:							0 0 11px 100px;

}
#rightCol div.omoss p {
	padding: 						10px 0 10px 60px;
	margin: 						0 0 12px 40px;
	background-color: 	#FFFBE5

}
#rightCol div.omoss h2 em{
	font-size: 					0.9em;
	font-style: 				normal

}
#rightCol div.omoss img {
	position: 					absolute;
	right: 							333px;
	top: 								0;
}


#leftCol ul {
	margin:							0;
	padding:						0;
	font-size: 					1.25em;
}
#leftCol ul li {
	margin:							0;
	padding:						4px 0 4px 12px;
	background-image: 	url(../img/p_quot_green.gif);
	background-position: left 0.7em
}
#leftCol ul li.active {
	background-image: 	url(../img/p_quot_black.gif);
}
#leftCol ul a {
	text-decoration:		underline !important;
}
#leftCol ul li.active a {
	color: 							#333333 !important;
	text-decoration: 		none !important;
}
#leftCol ul li.active a:hover {
	background: 				none !important;
	color: 							#333333 !important;
}



#leftCol a#map {
	margin-top: 				30px;
	display: 						block;
}
#leftCol a#map:hover {
	background: 				none !important;
}



#start #leftCol {
	float: 							left;
	width: 							425px;
	margin: 						230px 56px 0 10px;
	display: 						inline;
}

#start #rightCol {
	float: 							left;
	width: 							280px;
	margin-right: 			15px;
	margin-top: 				-15px;
}

#rightCol p.contact {
	float: 							left;
	margin: 						20px 25px 0 0;
	display: 						inline;
}
#start #rightCol h2 {
	border-bottom:			1px solid #D9D9D9;
	position:						relative;
}
#start #rightCol h2 a {
	position: 					absolute;
	right: 							0;
	top: 								4px;
	font-size: 					0.8em
}
#rightCol div.logos {
	margin: 						10px 0 25px 0;
}
#rightCol div.logos img {
	display: 						block;
	float: 							left
}
#start #rightCol p.contact {
	margin-top: 				0;
}
#rightCol p.contact img {
	display: 						block;
	margin-top: 				3px;
}

#start #rightCol ul {
	margin:							0 0 17px 0;
	padding:						0;
}
#start #rightCol ul li {
	float: 							left;
	margin:							0;
	padding:						0;
	list-style: 				none;
	background: 				none;
	
}
#start #rightCol ul li ul {
	padding-right: 			14px;
	color: 							#000000
}
#start #rightCol ul li ul li {
	float: 							none;
	margin:							0px;
	padding:						0 0 0 16px;
	background: 				url(../img/p_box_blue.gif) no-repeat left center;
}

#container {
	background: 				#FFFFFF url(../img/bg.jpg) repeat-x center top;
	min-width: 					793px;
}

#top {
	width: 							793px;
	background: 				url(../img/bg_top.jpg) repeat-x center top;
	margin: 						0 auto;
	padding-top: 				25px;
	margin-bottom: 			22px;
	
}
#top div  {
	float:left;
	background: 				url(../img/bg_logo.gif) no-repeat;
	padding: 						0 11px 0 12px;
}
#top div img  {
	display:block
}


#top ul {
	width: 							561px;
	float: 							left;
	background-color: 	#333333;
	margin:							0;
	padding:						0 0 0 15px;
	line-height: 				48px;
	
}
#top ul li {
	list-style:					none;
	float:							left;
	margin:							0;
	height: 						48px;
}
#top ul a {
	color:							#FFFFFF !important;
	padding:						0 10px 0 10px;
	display:						block; 
	text-transform: 		uppercase
}
#top ul li a.active {
	color:							#50C3EE !important;
	text-transform: 		uppercase;
	text-decoration:none;
}
#top ul li.active {
	color:							#50C3EE;
	padding:						0 10px 0 10px;
	text-transform: 		uppercase
}
#top ul a:hover {
	text-decoration:none
}

#container div.noImage {
	background-color: 	#FFFFFF;
}
#contentWrapper {
	padding: 						0 2px 16px 5px;
	background: 				url(../img/bg_footer.gif) repeat-x left bottom;
}
#content {
	width: 							786px;
	margin: 						0 auto;
	padding-bottom: 		60px;
}

#start {
	width: 							786px;
	margin: 						0 auto;
	background-color: 	#FFFFFF;
	background-position:0 0;
	background-repeat:	no-repeat;
	color: 							#000000;
	position: 					relative;
}
#contentWrapper div.contentHeader {
	width: 							786px;
	height: 						317px;
	margin: 						0 auto 10px;
	background-color: 	#FFFFFF;
	background-position:center center;
	background-repeat:	no-repeat;
	color: 							#FFFFFF;
	font-size: 					16px;
	
}
#contentWrapper div.contentHeader div {
	padding: 						189px 30px 2px 512px;
	line-height: 				25px;
}
#contentWrapper div.contentHeader div span {
	font-size: 					27px;
	display: 						block
}
#multicomsecurityHeader{
	background-image: 	url(../img/clients/multicomsecurity/p_ref_header.jpg);
}
#photowallHeader{
  	background-image: 	url(../img/clients/photowall/p_ref_header.jpg);
}
#badooHeader {
	background-image: 	url(../img/clients/badoo/p_ref_header.jpg);
}
#bdcHeader {
	background-image: 	url(../img/clients/bdc/p_ref_header.jpg);
}
#bemzHeader {
	background-image: 	url(../img/clients/bemz/p_ref_header.jpg);
}
#civilekonomernaHeader {
	background-image: 	url(../img/clients/civilekonomerna/p_ref_header.jpg);
}
#classicworldHeader {
	background-image: 	url(../img/clients/classicworld/p_ref_header.jpg);
}
#expolincHeader {
	background-image: 	url(../img/clients/expolinc/p_ref_header.jpg);
}
#fokusHeader {
	background-image: 	url(../img/clients/fokus/p_ref_header.jpg);
}
#larsbengtssonHeader {
	background-image: 	url(../img/clients/larsbengtsson/p_ref_header.jpg);
}
#mroHeader {
	background-image: 	url(../img/clients/mro/p_ref_header.jpg);
}
#travelpartnerHeader {
	background-image: 	url(../img/clients/travelpartner/p_ref_header.jpg);
}
#universalHeader {
	background-image: 	url(../img/clients/universal/p_ref_header.jpg);
}
#hhHeader{
	background-image: 	url(../img/clients/hantverkshjalp/p_ref_header.jpg);
}
#dinresursHeader{
	background-image: 	url(../img/clients/dinresurs/p_ref_header.jpg);
}
#transferaHeader{
	background-image: 	url(../img/clients/transfera/p_ref_header.jpg);
}
#erecruitHeader{
	background-image: 	url(../img/clients/hittabyggjobb/p_ref_header.jpg);
}
#kiaHeader{
	background-image: 	url(../img/clients/kia/p_ref_header.jpg);
}
#absmcHeader{
	background-image: 	url(../img/clients/absmc/p_ref_header.jpg);
}
form {
	margin:							0;
	padding: 						0;
}
form input.text{
	width: 							250px;
	font-family: 				"Trebuchet MS";
	font-size: 					1em;
	padding: 						4px;
}

form .error {
	border: 						2px solid red
}

form textarea{
	width: 							250px;
	font-family: 				"Trebuchet MS";
	font-size: 					1em;
	padding: 						4px;
	height: 						75px
}

form#contact {
	clear: 							both;
	padding: 						40px 0 60px 0;
}
form#contact h2 {
	margin-bottom: 			0
}
form#contact label {
	width: 							100px;
	display: 						block;
	float:							left;
	padding:  					6px 10px 0 55px;
	text-align: 				right;
	
}
form#contact span {
	font-weight: 				bold;
	color: 							red;
}
form#contact p.alert {
	font-weight: 				bold;
	color: 							red;
	padding:  					16px 0 16px 0;
	margin: 						0;
	text-align: 				right;
}
form#contact div.inputWrapper {
	padding: 						12px 0 12px 0;
	border-top: 				1px solid #D8D8D8
}
form#contact div#submit {
	padding: 						10px 0 0 0;
	position: 					relative
	
}
form#contact div#submit input {
	position: 					absolute;
	left: 							165px;
	border: 						0;
	color:							#FFFFFF;
	font-family: 				"Trebuchet MS";
	text-decoration:		underline !important;
	font-size: 					18px;
	padding: 						0 30px 3px 0px;
	background: 				#333333 url(../img/b_submit.gif) no-repeat left center;
	width: 							110px;
	height: 						34px
}
* html form#contact div#submit input {left: 168px}

#footer {
	width: 							793px;
	margin: 						6px auto 0;
	padding-left: 			12px;
}
#footer img {
	float:							left;
	display:						block;
}
#footer p {
	color: 							#FFFFFF;
	font-size: 					0.75em;
	line-height: 				0.75em;
	margin: 						0;
	padding: 						10px 0 25px 0
}
#footer span {
	margin:							0;
	padding:						0 0 0 20px;
	white-space:				nowrap
}
#footer a {
	color:							#FFFFFF !important;
}
#footer a:hover {
	text-decoration:		none
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End Holly Hack */