/* lägg till scrollbar även om det inte behövs */
/* för att slippa att sidan hoppar i sidled    */

html {
overflow-y: scroll;
overflow-x: auto;
}


/* debugging... */ 
/*  div { border:1px dashed red }
div div { border:1px dashed blue }
div div div { border:1px dashed green }
div div div div { border:1px dashed teal }
div div div div div { border:1px dashed brown }  */



/*  ####################################################### */	
/*                         MAIN LAYOUT                      */	


body, 
html {
height:100%;
color:#333333;
font-family:calibri,arial,sans-serif;
font-size:14px;
}	

html { background:url("../img/bg_body_repeat.png") center repeat-y #3d3428;  }
body { background:url("../img/bg_head_repeat.png") top center repeat-x; background-position:0 -40px;}

#wrapper {	
background:url("../img/bg_main.png") top center no-repeat;
background-position:0 220px;
height:100%;
height:auto !important; 
margin:0 auto;
min-height:100%;
width:886px;
}	

#header {	
background:url("../img/bg_head.png") top center no-repeat;
background-position:0 -40px;
height:220px;
}

#logo {	
margin:20px 0 0 40px;	
position:absolute;	
}	

#language {	
margin:12px 0 0 775px;
position:absolute;	
display:none;
}	

#clear {
clear:both;
padding-top: 50px;
}

#footer {	
border-top:2px solid #d4d4d3;
color:#555555;	
font-size:12px;	
height:22px;	
margin:-32px auto 0 auto;	
padding-top:8px;	
text-align:center;	
width:800px;	
}	


/*  ####################################################### */	
/*                  MAIN LEFT AND RIGHT COLS                */	

#leftcol_wrapper {
float:left;
width:452px;
margin:40px 0 0 43px;
font-size:14px;
line-height:18px;
color:#666666;
}

#rightcol_wrapper {
float:right;
width:340px;
margin:40px 43px 0 0;
font-size:14px;
line-height:18px;
color:#666666;
}

	.leftcol_top { 
	background:url("../img/bg_main_left_top.png") top right no-repeat; 
	height:22px; 
	width:100%;
	float:left; 
	clear:both;
	}

	.leftcol_bottom { 
	background:url("../img/bg_main_left_bottom.png") top right no-repeat; 
	height:22px; 
	width:100%;
	float:left; 
	clear:both;
	}

	.leftcol_middle {	
	background:url("../img/bg_main_left_middle.png") top right repeat-y;
	float:left; 
	width:100%;
	clear:both;
	}	

	
	
	.rightcol_top { 
	background:url("../img/bg_main_right_top.png") top left no-repeat; 
	height:23px; 
	width:100%;
	float:right;
	clear:both;
	}

	.rightcol_bottom { 
	background:url("../img/bg_main_right_bottom.png") top left no-repeat; 
	height:23px; 
	width:100%;
	float:right;
	clear:both;
	}

	.rightcol_middle {	
	background:url("../img/bg_main_right_middle.png") top left repeat-y;
	width:100%;
	float:right;
	clear:both;
	}		

		.rightcol_middle img {	
		display:block;
		margin:10px auto;
		padding:0;
		border:0;
		}		


/*  ####################################################### */	
/*                     GENERAL FORMATING                    */	


h1 {	
font-size:24px;	
font-weight:normal;	
line-height:30px;
margin:0 0 15px 0;	
}	

h2 {	
font-size:18px;	
font-weight:bold;
margin: 20px 0 5px 0;	
}	

h3 {	
/* color:#f57b21; */
font-size:16px;	
font-weight:bold;
margin: 20px 0 5px 0;	
}	

p {
margin:10px 0;
}

a {	
color:#f5761d;	
font-weight: bold;
text-decoration:none;	
}	

a:hover {	
color:#fc9e5e;	
text-decoration:underline;	
}

a:focus {
outline:0;
}

hr {
margin:15px 0 10px 0;	
border: 0;
border-top:1px dotted #f57b21;
height: 1px;
}	

td {
padding:5px;
}

ul {
margin:10px 0;
}

li {
padding:0 0 0 18px;
background:url(../img/bullet.gif) no-repeat;
background-position:0 4px;
list-style-type:none;
}


#leftcol_wrapper h1, 
#leftcol_wrapper h2, 
#leftcol_wrapper h3, 
#leftcol_wrapper p,
#leftcol_wrapper hr,
#leftcol_wrapper table,
#leftcol_wrapper ul { 
margin-right:35px;
margin-left:20px;
}

#rightcol_wrapper h1, 
#rightcol_wrapper h2, 
#rightcol_wrapper h3, 
#rightcol_wrapper p,
#rightcol_wrapper hr,
#rightcol_wrapper table,
#rightcol_wrapper ul { 
margin-right:30px;
margin-left:30px;
}


.error {
color:#ff0000;
}

/*  ####################################################### */	
/*     används i Expertise och Case Studies navigering      */

.ColorActive a {
color:#333333;
}

/* används i Case Studies */
.quote {
float:left;
margin:5px 10px 0 0;
}

	
/*  ####################################################### */	
/*                       NEWS ON FRONTPAGE                  */	

#news {
font-size:12px;
line-height:15px;
}

.news_header  {	
color:#555555;
font-size: 18px;
margin:5px 0 0 0;
}

.news_entry {
margin:15px 0 5px 0;
}

.news_readmore { 
display:inline;
padding:0 30px 0 20px;
}	
	#rightcol_wrapper .news_readmore { padding:0 30px 0 30px; }	
	
.news_published { 
color:#888888;
font-style:italic;
display:inline;
float:right;
padding:0 35px 0 15px;
}	


/*  ####################################################### */	
/*                      TinyMCE classer                     */

.justifyright { text-align:right; }
.justifyleft { text-align:left; }
.justifyfull { text-align:justify; }


/*  ####################################################### */	
/*                         EXPERTISE                        */	

#expertise_summary {
border:1px dashed #f57b21;
margin:40px 0 0 0;
padding:10px 10px 1px 10px;
}

.expertise_summary_h {
font-size:14px;
font-weight:bold;
padding: 0 0 10px 0;
}
	
/*  ####################################################### */	
/*                          CONTACT                         */	


.contact { 
float:left;
height:96px;
margin:20px 10px 0 10px;
width:358px;
}

.contact_h {
font-size:14px;
margin:10px 10px 0 10px;
color:#555555;
}

.contact_info {
font-size:12px;
margin:0 10px 10px 10px;
color:#555555;
}

.contact_info a {
font-weight:normal;
color:#555555;
}

.contact_global { background:url("../img/contact_global.png") no-repeat; }
.contact_nordic { background:url("../img/contact_nordic.png") no-repeat; }
.contact_nl { background:url("../img/contact_nl.png") no-repeat; }
.contact_de { background:url("../img/contact_de.png") no-repeat; }
.contact_fr { background:url("../img/contact_fr.png") no-repeat; }
.contact_be { background:url("../img/contact_be.png") no-repeat; }


/*  ####################################################### */	
/*                         NAVIGATION                       */	

#navigation {	
font-size:16px;	
font-weight:bold;	
margin:80px 0 0 45px;	
position:absolute;
line-height:16px;
}	
	#navigation ul {
	padding:0;
	margin:0;
	}
	#navigation li { 
	background:none;
	list-style-type:none;
	padding:0 0 0 15px;
	margin:0;
	}
	#navigation a {
	color:#363230;
	text-decoration:none;
	}
	#navigation li:hover {
	background:url("../img/nav_bullet_hover.png") center left no-repeat;
	}
	#navigation .nav_active  {
	background:url("../img/nav_bullet_active.png") center left no-repeat;
	}

	
/*  ####################################################### */	
/*                      NAVIGATION PATH                     */	

#navigation_path {	
font-size:12px;	
position:absolute;
color:#aaaaaa;
margin:10px 0 0 60px;
}	

	#navigation_path a {
	font-weight:normal;	
	color:#aaaaaa;
	text-decoration:none;
	}
	#navigation_path a:hover {
	color:#888888;
	text-decoration:underline;
	}