/* CSS Document */


/* ------------- GLOBAL --------------*/

body {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #4a4a4a;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #f5ecca;
    }

a:link {
	color: #9d3120;
	text-decoration: none;}

a:hover {
	color: #f28e48;
	text-decoration: none; }
	
a:visited {
	color: #9d3120;
	text-decoration: none; }
	
a:active {
	color: #f28e48;
	text-decoration: none; }
	
	
/* ------------- HEADER --------------*/

#header {
	margin: 0 auto;
    	width: 800px; }

#logo {
	float: left;
	width: 227px; }

#navigation {
	margin-top: 25px;
	float: right;
	width: 551px; }

	
/* ------------- NAVIGATION --------------*/

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	background: #fff; /* IE6 Bug */
	font-size: 100%;
	}
	
ul#primary-nav {
	float: left;
	}
	
ul#primary-nav:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

ul#primary-nav li {
	background-color: white;
	position: relative;
	list-style: none;
	float: left;
	}

ul#primary-nav li#start {
	width: 70px;
	}

ul#primary-nav li#tjanster {
	width: 97px;
	}
	
ul#primary-nav li ul li#tjanster_branscher_sub,
ul#primary-nav li ul li#tjanster_kunskap_sub,
ul#primary-nav li ul li#tjanster_kundcase_sub,
ul#primary-nav li ul li#tjanster_ref_sub {
	width: 97px;
	}
	
ul#primary-nav li ul li#tjanster_partners_sub {
	width: 97px;
	border: 1px solid #e5e5e5;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	}
	
ul#primary-nav li#om {
	width: 97px;
	}
	
ul#primary-nav li ul li#om_sub,
ul#primary-nav li ul li#om2_sub,
ul#primary-nav li ul li#om3_sub,
ul#primary-nav li ul li#om4_sub {
	width: 97px;
	}	

ul#primary-nav li#work {
	width: 97px;
	}
	
ul#primary-nav li ul li#work_sub,
ul#primary-nav li ul li#work2_sub,
ul#primary-nav li ul li#work3_sub,
ul#primary-nav li ul li#work4_sub {
	width: 97px;
	}	
	

ul#primary-nav li ul li#om_crepido_sub,
ul#primary-nav li ul li#om_affarside_sub {
	width: 97px;
	}

ul#primary-nav li ul li#om_jobb_sub {
	width: 97px;
	border: 1px solid #e5e5e5;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	}

ul#primary-nav li#kontakt {
	width: 150px;
	border: 1px solid #e5e5e5;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
	}

ul#primary-nav li a,
ul#primary-nav li li a {
	display: block;
	text-decoration: none;
	color: #3a3a3a;
	padding: 15px;
	border: 1px solid #e5e5e5;
	border-right: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	visibility: visible;
	}
	
ul#primary-nav ul ul {
	top: 0;
	}

ul#primary-nav li ul li a { /* Sub Menu Styles */
	padding: 10px 5px;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	} 

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9 !important; }

ul#primary-nav li a:hover { color: #f28e48; }


/* ------------- MAIN CONTENT --------------*/

#main_content {
	background-color: #f9f9f9;
    width: 800px; 
    }

#main_content_work {
	background-color: #f9f9f9;
	width: 800px; 
	height: 1100px;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	}
#main_content_know {
	background-color: #f9f9f9;
	width: 800px; 
	height: 485px;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	}
#main_content_ref {
	background-color: #f9f9f9;
	width: 800px; 
	height: 580px;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	}

#left {
	background-color: #f5ecca;
	float: left;
	width: 249px;
	height: 360px;
	line-height: 18px;
	border-left: solid 1px #e5e5e5;
	background-image: url(img/slither.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
	#left h1 {
	color: #cc30100;
	font-size: 32px;
	line-height: 32px;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	text-transform: uppercase;
}

#left_alt {
	background-color: #f9f9f9;
	float: left;
	width: 380px;
	height: 210px;
	line-height: 18px;
	padding: 10px; }
	
	#left_alt h1 {
		color: #92312b;
		font-size: 18px; }
	
#text {
	background-image:url(img/bg.gif);
	height: 50px;
	padding: 10px;
	color: #f28e48;
	font-size: 18px;
	line-height: 24px; }
	
#news {
	background-image:url(img/newsbg.gif);
	background-repeat:repeat-x;
	background-color: #d0594f;
	height: 130px;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 1;
	line-height: 18px; }
	
	#news .senaste {
		font-size: 18px;
		color: #ffffff; }
	
	#news .datum {
		color: #ffdb3f; }
	
	#news p {
		color: #ffffff; }
	
	#newsbuttons {
		position: relative;
		bottom: -2px;
		right: -10px;
		z-index: 2;
		float: right; }
	
#right {
	background-color: #FFF9DE;
	float: right;
	width: 549px;
	height: 360px;
	border-right: solid 1px #e5e5e5;
	line-height: 18px; }
	
	#right h1 {
		color: #92312b;
		font-size: 18px; }

#right_alt {
	background-color: #f9f9f9;
	float: right;
	width: 379px;
	height: 210px;
	border-right: solid 1px #e5e5e5;
	line-height: 18px;
	padding: 10px; }
	
	#right_alt h1 {
		color: #92312b;
		font-size: 18px; }

#maintext {
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 18px;
	}

	#maintext h1 {
	color: #9D3412;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	line-height: 22px;
	font-weight: lighter;
	text-transform: uppercase;
		}
		
	#maintext intro {
	color: #333333;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 18px;
		}
#maintext_know {
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px; 
	}

	#maintext_know h1 {
		color: #92312b;
		font-size: 18px; 
		}


/* ------------- MAIN CONTENT SUB PAGE --------------*/

		
#ingress {
	margin-top: -10px;
	padding-bottom: 10px;
	padding-right: 5px;
	background-color: #f2f2f2;
	color: #f28e48;
	font-size: 18px;
	line-height: 20px; 
	}
	
	#ingress h1 {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0px;
		color: #92312b;
		font-size: 18px; 
		}

	#ingress p {
		padding-left: 10px
		}


#left_sub {
	background-color: #f9f9f9;
	border-left: solid 1px #e5e5e5;	
	float: left;
	width: 399px;
	height: 300px;
	line-height: 16px; }
	
	#left_sub h3 {
		padding: 10px;
		margin-bottom: 1px;
		color: #92312b;
		font-size: 14px;
		}
	
	#left_sub p {
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px; 
		}	

#left_sub_work {
	background-color: #f9f9f9;
	float: left;
	width: 399px;
	height: 300px;
	line-height: 16px; }
	
	#left_sub_work h3 {
		padding: 10px;
		margin-bottom: 1px;
		color: #92312b;
		font-size: 14px;
		}
	
	#left_sub_work p {
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px; 
		}
			
#left_sub_know {
	background-color: #f9f9f9;
	float: left;
	width: 399px;
	height: 485px;
	line-height: 16px; }
	
	#left_sub_know h3 {
		padding: 10px;
		margin-bottom: 1px;
		color: #92312b;
		font-size: 14px;
		}
	
	#left_sub_know p {
		margin-top: 1px;
		margin-bottom: 1px;
		padding-left: 10px; 
		font-size: 12px;
		}

	#left_sub_know b {
		color: #92312b
		}

#left_sub_ref {
	background-color: #f9f9f9;
	float: left;
	width: 399px;
	height: 580px;
	line-height: 16px; }
	
	#left_sub_know h3 {
		padding: 10px;
		margin-bottom: 1px;
		color: #92312b;
		font-size: 14px;
		}
	
	#left_sub_know p {
		margin-top: 1px;
		margin-bottom: 1px;
		padding-left: 10px;
		padding-right: 10px; 
		font-size: 12px;
		}


#right_sub {
	background-color: #f9f9f9;
	border-right: solid 1px #e5e5e5;
	float: right;
	width: 399px;
	height: 300px;
	line-height: 18px; }
	
	#right_sub p {
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px; }
	
	#right_sub h3 {
		padding: 10px;
		margin-bottom: 1px;
		margin-top: 1px;
		color: #92312b;
		font-size: 14px;
		}		

#right_sub_work {
	background-color: #f9f9f9;
	float: right;
	width: 399px;
	height: 300px;
	line-height: 18px; }
	
	#right_sub_work p {
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px; }
	
	#right_sub_work h3 {
		padding: 10px;
		margin-bottom: 1px;
		margin-top: 1px;
		color: #92312b;
		font-size: 14px;
		}
		
#right_sub_know {
	background-color: #f9f9f9;
	float: right;
	width: 399px;
	height: 485px;
	line-height: 18px; }
	
			
	#right_sub_know h3 {
		padding: 10px;
		margin-bottom: 1px;
		margin-top: 1px;
		color: #92312b;
		font-size: 14px;
		}
	
	#right_sub_know p {
		margin-top: 1px;
		padding-left: 10px; 
		margin-bottom: 1px;
		font-size: 12px;
		}

	#right_sub_know b {
		color: #92312b
		}
		
#right_sub_ref {
	background-color: #f9f9f9;
	float: right;
	width: 399px;
	height: 580px;
	line-height: 18px; }
	
	#right_sub_know p {
		margin-top: 1px;
		padding-left: 10px; 
		padding-right: 10px;
		margin-bottom: 1px;
		font-size: 12px;
		}
	
		
	#right_sub_know h3 {
		padding: 10px;
		margin-bottom: 1px;
		margin-top: 1px;
		color: #92312b;
		font-size: 14px;
		}		


/* ------------- FOOTER --------------*/

#footer {
	background-color: #8c8c8c;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	height: 32px;
	clear: both;
	background-image: url(img/foot_bg.gif);
	background-repeat: repeat-x;
	}

	#footer p {
		padding-left: 10px;
		}
#maintext h2 {
	color: #000000;
	font-size: 14px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: lighter;
	text-transform: uppercase;
}
#SWFcontainer {
	height: 250px;
	width: 800px;
	top: 82px;
	z-index: 1;
}
#container {
	z-index: 1;
}
#contact {
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 18px;
	background-position: bottom;
	top: 534px;
	position: absolute;
}
p#contact {
	background-position: bottom;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 11px;
	color: 4a4a4a;
}
.style2 {color: #9D3412;
	font-weight: bold;p#red {
	background-position: bottom;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #4a4a4a;
}
red#contact {
	background-position: bottom;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 11px;
	color: FFFFFF;
