/* -------------------------------------------------------------- 

  

   CSS-kod:Pierre Bendayan

   * Skapa AB (2009-05-15)

   

-------------------------------------------------------------- */



@import "lib/reset.css";



body {

	font-family: Helvetica, Arial, Sans-serif;

	color: #000;

}



#wrapperindex {

	width: 1000px;

	margin:20px;

}

#wrapper {

	width: 770px;

	margin:20px;

}





/* Navigering

----------------------------------------------------------------*/

#menu ul li {

	font-size: 24px;

	padding: 5px 40px 10px 10px;

	float:left;

	list-style-type: none;

	color: #ccc;

	letter-spacing: 1px;

	}

#menu ul li a {

	color: #000;

	text-decoration: none;

	font-weight: normal;

}



#menu ul li.scope{

	color: #50e420;

	text-decoration: none;

	font-weight: normal;

}

#menu ul li.communication{

	color: #0CF;

	text-decoration: none;

	font-weight: normal;

}

#menu ul li.people{

	color: #ef7508;

	text-decoration: none;

	font-weight: normal;

}

#menu ul li.showroom{

	color: #de00dd;

	text-decoration: none;

	font-weight: normal;

}



#menu ul li a:hover {

	color: #999;

	text-decoration: underline;

	font-weight: normal;

}



.floatfix {

	clear: both;

}

#page-content {

	padding-left: 10px;

	padding-top: 30px;

	padding-right: 0px;

}





#flashbox {

	float: left;

	width:370px;
	margin-right: 40px;

	}



#box {
	float: left;
	width: 270px;
}

#box_en_start {
	float: left;
	width: 310px;
}

#box_en_start p {

font-size: 0.8em;

line-height: 1.2em;

margin-top: 10px;	

	}

#box_en_start h1{

	font-size: 1.1em;

	font-weight: normal;

	line-height:1.2em;

	}


#boxp {
	float: left;
	width: 270px;
}


#box p {

font-size: 0.8em;

line-height: 1.2em;

margin-top: 10px;	

	}

#box h1{

	font-size: 1.1em;

	font-weight: normal;

	line-height:1.2em;

	}

	

.askus h1{

	font-size: 1.1em;

	font-weight: normal;

	color: #000000;	

	line-height: 1.2em;

}	

	

.askus h2{

	font-size: 1.2em;

	font-weight: bold;

	color: #50e420;

	line-height: 0.8em;

	margin-top: 5px;	

}



.askus_link a, .askus_link a:active, askus_link a:visited{

	font-size: 12px;

	margin-left:0px;

	color:#50e420;

	text-decoration: none;

}



.experience_link a, .experience_link a:active, experience_link a:visited{

	font-size: 12px;

	margin-left:0px;

	color:#de00dd;

	text-decoration: none;

}



.expertise_link a, .expertise_link a:active, expertise_link a:visited{

	font-size: 12px;

	margin-left:0px;

	color:#fd8021;

	text-decoration: none;

}



#box.experience {

	

	padding-left: 0px;

}



.communication_link a, .communication_link a:active, communication_link a:visited{

	font-size: 12px;

	margin-left:0px;

	color:#0CF;

	text-decoration: none;

}



#box.communication {
margin-top: 0px;
padding-top: 0px;
padding-left: 0px;

}



#box.showroom { 

	margin-left: 0px;

	padding-left: 0px;

}

#box.showroom h2{ 

	color:#de00dd;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.0em;

	margin-top: 5px;

}



#box.showroom_menu1{ 

	width: 170px;
	padding-left: 0px;

}



#box.showroom_menu2{ 

	width: 120px;

	margin-left: 20px;

	padding-left: 0px;

}



.showroom_link a, .showroom_link a:active, showroom_link a:visited{

	font-size: 12px;

	font-weight:bold;

	margin-left:0px;

	color:#000;

	text-decoration: none;

}

.showroom_link_visited{

	font-size: 12px;

	font-weight:bold;

	margin-left:0px;

	color:#de00dd;

	text-decoration: none;

}



.showroom_link a:hover{

	color:#de00dd;

	text-decoration: none;

}



#box.scope h2{ 

	color:#50e420;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.0em;

	margin-top: 5px;

}



#box.scopeinfo{ 

	width: 350px;

	margin-left: 20px;

	padding-left: 0px;

}



.scope_link a, .scope_link a:active, scope_link a:visited{

	font-size: 12px;

	font-weight:bold;

	margin-left:0px;

	color:#000;

	text-decoration: none;

}



.scope_link a:hover{

	color:#50e420;

	text-decoration: none;

}





.people_link a, .people_link a:active, people_link a:visited{

	font-size: 12px;

	font-weight:bold;

	margin-left:0px;

	color:#000;

	text-decoration: none;

}



.people_link a:hover{

	color:#fd8021;

	text-decoration: none;

}



.infobox {

	display: none;

	position: absolute;

	width: 300px;

	padding: 5px 5px 10px 20px;

	margin: 20px 0px 0px -320px;

	border: 1px solid #999;

	background-color: #fff;

	color: #000;

}

.green, .hover_green a:hover {

	color: #50e420;

}

.red, .hover_red a:hover {

	color: #d85871;

}

.orange, .hover_orange a:hover {

	color: #fd8021;

}



#AAA {

	float: left;

	margin: 470px 0px 0px 0px;

}



#box.peopleinfo{ 

	width: 200px;

	margin-left: 0px;

	padding-left: 0px;

}



#box.communication{

	padding-left: 0px;

}

#box_en_start.communication h2{ 

	color:#0CF;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 0.8em;

	margin-top: 5px;

}

#box.communication h2{ 

	color:#0CF;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 0.8em;

	margin-top: 5px;

}

#box.twitter{

	padding-left: 0px;

	margin-top: 0px;	

}

.twitter h2 {

	font-size: 1.2em;

	font-weight: bold;

	color: #238df3;

	line-height: 0.8em;

	margin-top: 5px;

	}

.experience h2 {

	font-size: 1.2em;

	font-weight: bold;

	color: #de00dd;

	line-height: 0.8em;

	margin-top: 5px;

	}




#box.people {

	margin-top: 0px;

	}

.people h2 {

	

	}

.expertise h2 {

	font-size: 1.2em;

	font-weight: bold;

	color: #ef7508;

	line-height: 0.8em;

	margin-top: 5px;

	}

	

.people h2 {

	font-size: 1.2em;

	font-weight: bold;

	color: #ef7508;

	line-height: 0.8em;

	margin-top: 5px;

}



#header {

	float: right;

}





#header .language {

	font-size: 11px;

	font-weight: bold;

	margin-right: 30px;
	
	color:#000;

	text-decoration: none;	

	}

.footer {

	margin-top:50px;

}

.footer p {

	font-size: 0.8em;

}

#twitter_div ul {

	font-size: 12px;

	line-height: 1.2em;

	margin-top: 10px;	

	list-style-type:none;

	}

#twitter_div a {

	font-size: 12px;

	color:#09F;

	text-decoration:none;

}

#twitter_update_list ul li {

	list-style:none;}

	

#twitter_div ul li{

margin-bottom:10px;

	}

	

/* Tooltip Bubble */

/*CSS for Bubble Tooltips by Alessandro Fulciniti

- http://pro.html.it - http://web-graphics.com */



.tooltip{

width: 200px; color:#000;

font:lighter 11px/1.3 Arial,sans-serif;

text-decoration:none;text-align:left}



.tooltip span.top{padding: 30px 8px 0;

    background: url(bt.gif) no-repeat top}



.tooltip b.bottom{padding:3px 8px 15px;color: #548912;

    background: url(bt.gif) no-repeat bottom}